profile

public/s/css/f0ck.css

@@ -2842,3 +2842,17 @@ ul.navbar-nav-guests li.nav-item {
 img#f0ck-image, div.imageDoor, div.posts a, video {
     animation: 1s ease-out 0s 1 fadeIn;
 }
+
+/* profile */
+.profile_head {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: center;
+  background: var(--nav-bg);
+  padding: 5px;
+}
+    
+.layersoffear {
+  display: grid;
+  padding-left: 20px;
+}

views/admin.html

@@ -1,12 +1,22 @@
 @include(snippets/header)
 <div id="main">
   <div class="container">
-    <h1>Henlo, {{ session.user }}</h1>
+    <h1>ADMINBEREICH</h1>
-    <p>Hier entsteht eine Internetpräsenz!</p>
+    <h5>Hallo, {{ session.user }}</h5>
-    <img src="/s/img/favicon.gif" alt="f0ck bash">
+    <span>Hier entsteht eine Internetpräsenz!</span><br>
-    <p>@if(typeof totals !== "undefined")
+    <hr>
+    <p>f0ck stats: @if(typeof totals !== "undefined")
     total: {{ totals.total }} | tagged: {{ totals.tagged }} | untagged: {{ totals.untagged }} | sfw: {{ totals.sfw }} | nsfw: {{ totals.nsfw }}
     @endif</p>
+    <hr>
+    <div class="admintools">
+      <p>Adminwerkzeuge</p>
+      <ul>
+        <li><a href="/admin/log">Logs</a></li>
+        <li><a href="/admin/recover">Recover f0cks</a></li>
+        <li><a href="/admin/sessions">Sessions</a></li>
+      </ul>
+    </div>
   </div>
 </div>
 @include(snippets/footer)

views/snippets/navbar.html

@@ -8,15 +8,13 @@
             <img src="@if(session.avatar)/t/{{ session.avatar }}.webp@else/s/img/ava/default.png@endif" class="avatar" /><span>{{ session.user }}</span>
           </a>
           <ul class="dropdown-menu">
-            <li><a href="/admin/log">logfile</a></li>
-            <li><a href="/admin/sessions">all sessions</a></li>
-            <li><a href="/admin/recover">recover</a></li>
             <li><a href="/user/{{ session.user.toLowerCase() }}/f0cks">my f0cks</a></li>
             <li><a href="/user/{{ session.user.toLowerCase() }}/favs">my favs</a></li>
-            <li><a href="/settings">settings</a></li>
             <li><a href="/search">search</a></li>
+            <li><a href="/admin">Admin</a></li>
             <li><a href="/about">About</a></li>
-            <li><a href="/ranking">Ranking</a></li>
+            <li><a href="/ranking">ranking</a></li>
+            <li><a href="/settings">settings</a></li>
             <li><a href="/logout">logout</a></li>
           </ul>
         </li>

views/user.html

@@ -1,10 +1,20 @@
 @include(snippets/header)
 <div id="main">
-  <h1>{{ user.user }}@if(user.avatar)&nbsp;<a href="/{{ user.avatar }}"><img src="/t/{{ user.avatar }}.webp" style="width: 24px" /></a>@endif</h1>
+  <div class="profile_head">
-  <p>ID: {{ user.user_id }}</p>
+    @if(user.avatar)
-  <p>{{ count.f0cks }} f0ck{{ count.f0cks == 1 ? '' : 's' }}</p>
+      <div class="profile_head_avatar">
-  <p>{{ count.favs }} fav{{ count.favs == 1 ? '' : 's' }}</p>
+        <img src="/t/{{ user.avatar }}.webp" style="display: grid;width: 55px" />
-  <p>Joined: {{ user.created_at }}</p>
+      </div>
+    @endif
+    <div class="layersoffear">
+      <div class="profile_head_username">
+        <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 }}
+      </div>
+    </div>
+  </div>
 
   <h2>f0cks:</h2>
   @if('items' in f0cks)