From 89a93cc50ca88cacdce63ccd2eb13f23a59a85fe Mon Sep 17 00:00:00 2001
From: schrumpel <Âgit@f0ck.it>
Date: Wed, 29 Nov 2023 00:56:21 +0100
Subject: [PATCH] user profile

---
 public/s/css/f0ck.css | 39 +++++++++++++++++++++++++++++--
 views/user.html       | 54 ++++++++++++++++++++++++-------------------
 2 files changed, 67 insertions(+), 26 deletions(-)

diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 64ad9fe..6454e59 100644
--- a/public/s/css/f0ck.css
+++ b/public/s/css/f0ck.css
@@ -2867,10 +2867,45 @@ img#f0ck-image, div.imageDoor, div.posts a, video {
   grid-template-columns: auto 1fr;
   align-items: center;
   background: var(--nav-bg);
-  padding: 5px;
 }
     
+.profile_head_avatar {
+  margin: 5px;
+}
+
+.profile_head_username {
+  font-weight: bold;
+  font-size: 20px;
+}
+
 .layersoffear {
   display: grid;
-  padding-left: 20px;
+}
+
+.user_content_wrapper {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-column-gap: 5px;
+  padding: 5px;
+}
+
+.f0cks h5, .favs h5 {
+  background: var(--dropdown-bg);
+}
+
+.f0cks-header, .favs-header {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  background: var(--img-border-color);
+  padding: 0px 5px 0px 5px;
+}
+
+div.f0cks div.posts {
+  padding: 5px;
+  background: var(--dropdown-bg);
+}
+
+div.favs div.posts {
+  padding: 5px;
+  background: var(--dropdown-bg);
 }
\ No newline at end of file
diff --git a/views/user.html b/views/user.html
index 8930e95..ac10386 100644
--- a/views/user.html
+++ b/views/user.html
@@ -11,33 +11,39 @@
         <span>{{ user.user }}</span>
       </div>
       <div class="profile_head_user_stats">
-        ID: {{ user.user_id }} {{ count.f0cks }} f0ck{{ count.f0cks == 1 ? '' : 's' }} {{ count.favs }} fav{{ count.favs == 1 ? '' : 's' }} Joined: {{ user.created_at }}
+        ID: {{ user.user_id }} – Joined: {{ user.created_at }}
       </div>
     </div>
   </div>
-
-  <h2>f0cks:</h2>
-  @if('items' in f0cks)
-  <div class="posts">
-    @each(f0cks.items as item)
-    <a href="{{ f0cks.link.main }}{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.webp')"><p></p></a>
-    @endeach
+  <div class="user_content_wrapper">
+    <div class="f0cks">
+      <div class="f0cks-header">
+        f0ck{{ count.f0cks == 1 ? '' : 's' }}: {{ count.f0cks }} <a href="{{ f0cks.link.main }}">view</a>
+      </div>
+      @if('items' in f0cks)
+      <div class="posts">
+        @each(f0cks.items as item)
+        <a href="{{ f0cks.link.main }}{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.webp')"><p></p></a>
+        @endeach
+      </div>
+      @else
+        no f0cks given
+      @endif
+    </div>
+    <div class="favs">
+      <div class="favs-header">
+        fav{{ count.favs == 1 ? '' : 's' }}: {{ count.favs }} <a href="{{ favs.link.main }}">view</a>
+      </div>
+        @if('items' in favs)
+      <div class="posts">
+        @each(favs.items as item)
+          <a href="{{ favs.link.main }}{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.webp')"><p></p></a>
+        @endeach
+      </div>
+      @else
+        no favorites
+      @endif
+    </div>
   </div>
-  <a href="{{ f0cks.link.main }}">show all f0cks</a>
-  @else
-    no f0cks given
-  @endif
-
-  <h2>favs:</h2>
-  @if('items' in favs)
-  <div class="posts">
-    @each(favs.items as item)
-    <a href="{{ favs.link.main }}{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.webp')"><p></p></a>
-    @endeach
-  </div>
-  <a href="{{ favs.link.main }}">show all favs</a>
-  @else
-    no favorites
-  @endif
 </div>
 @include(snippets/footer)