From 12d8a125620c22b29fbcd9079b988873ff372b04 Mon Sep 17 00:00:00 2001 From: somunachima Date: Thu, 23 Nov 2023 12:31:50 +0000 Subject: [PATCH] add more styling to timeline/posts index --- src/main/resources/static/website.css | 74 +++++++++++- src/main/resources/templates/posts/index.html | 108 ++++++++++-------- src/main/resources/templates/users/show.html | 6 +- 3 files changed, 134 insertions(+), 54 deletions(-) diff --git a/src/main/resources/static/website.css b/src/main/resources/static/website.css index a94c68165..4008f9016 100644 --- a/src/main/resources/static/website.css +++ b/src/main/resources/static/website.css @@ -143,6 +143,7 @@ input[type="reset"] { background-color: #ADD8E6; color: black; padding: 10px 15px; + margin-right: 5px; border: none; border-radius: 4px; cursor: pointer; @@ -249,6 +250,15 @@ button:hover { .profile-with-name { display: flex; align-items: center; + text-decoration: none; + color: black; + transition: transform 0.3s; + text-transform: capitalize; + font-weight: 600; +} + +.profile-with-name:hover { + color: #ADD8E6; } .profile-with-name img { @@ -257,6 +267,66 @@ button:hover { margin-right: 10px; } -.fa-input { - font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif; +.comment-like-btns { + display: flex; + flex-direction: row; + justify-content: end; + height: 50px; +} + +.posts-timeline { + display: flex; + flex-direction: column; + justify-content: center; + width: 700px; + margin: 0px auto; + list-style: none; + padding-inline-start: 0px; +} + +.welcome-title { + display: flex; + justify-content: center; + margin: 15px 0px; + height: 45px; + padding-left: 40px; + font-size: 30px; +} + +.posts-content-form { + max-width: 100%; + background-color: #f3f3ec; + padding-left: 40px; +} + +.posts-content-form #timeline-form-content { + width: 93%; + padding: 20px; +} + +.timeline-posts { + padding-left: 0px; +} + +.posts-form-btns { + display: flex; + flex-direction: row; + justify-content: end; + margin-right: 5px; +} + +input[type="submit-posts"] { + background-color: #ADD8E6; + color: black; + padding: 10px 15px; + border: none; + border-radius: 4px; + cursor: pointer; + transition: transform 0.3s; +} + +input[type="submit-posts"]:hover { + background-color: #177b90; + transform: scale(1.08); + color: white; } \ No newline at end of file diff --git a/src/main/resources/templates/posts/index.html b/src/main/resources/templates/posts/index.html index 3f0a053e2..0a2a65e4e 100644 --- a/src/main/resources/templates/posts/index.html +++ b/src/main/resources/templates/posts/index.html @@ -8,61 +8,73 @@ -
- -
- Acebook -
- -
- Timeline - Friends - - -
-
- -
-
-
- Log In - Register -
- +
+
- Profile Image + Acebook
-
-
+
+ Friends - -
- Welcome ! + +
+
+ +
+
+
+ Log In + Register +
+ +
+ Profile Image +
+ +
- -
- +
+
+ Welcome! +
+ + + + +

+ + +
    +
      +
    • + + + +
      +

      +
      + +
      +
      +

      + + +

      +
      +
      + +
      • +
    +
+
-

- - diff --git a/src/main/resources/templates/users/show.html b/src/main/resources/templates/users/show.html index d3a11c53a..fd4a23c30 100644 --- a/src/main/resources/templates/users/show.html +++ b/src/main/resources/templates/users/show.html @@ -18,13 +18,12 @@
- +
Acebook
- Timeline Friends @@ -79,10 +78,9 @@

Posts

-
-
+