avatar

public/s/css/f0ck.css

@@ -1204,4 +1204,12 @@ div#footbar {
   margin-top: -30px;
   transition: .5s ease-in-out;
   user-select: none;
-}
+}
+
+/* avatar */
+img.avatar {
+  height: 24px;
+  width: 24px;
+  border-radius: 25px;
+  margin-top: 1px;
+}

views/snippets/navbar.html

@@ -4,11 +4,13 @@
     <ul class="navbar-nav">
       <li class="nav-item dropdown">
         @if(session)
-        <a class="nav-link" href="/admin" content="{{ session.user }}" data-toggle="dropdown">Admin</a>
+        <a class="nav-link" href="#" content="{{ session.user }}" data-toggle="dropdown">
+          <img src="/s/img/ava/default.png" class="avatar" />&nbsp;{{ session.user }}
+        </a>
         <ul class="dropdown-menu">
           <li><a href="/admin">adminpanel</a></li>
-          <li><a href="/admin/sessions">sessions</a></li>
-          <li><a href="/admin/test">search (wip)</a></li>
+          <li><a href="/user/{{  session.user.toLowerCase() }}">my f0cks</a></li>
+          <li><a href="/settings">settings</a></li>
           <li><a href="/about">About</a></li>
           <li><a href="/logout">logout</a></li>
         </ul>
@@ -23,7 +25,7 @@
         <a class="nav-link ddcontent" href="#" content="{{ theme }}" data-toggle="dropdown">Theme</a>
         <ul class="dropdown-menu">
           @each(themes as t)
-            <li><a href="/theme/{{ t }}">{{ t }}</a></li>
+          <li><a href="/theme/{{ t }}">{{ t }}</a></li>
           @endeach
         </ul>
       </li>
@@ -42,7 +44,7 @@
         <a class="nav-link ddcontent" href="#"@if(typeof session.mode !== "undefined") content="{{ modes[session.mode] ?? 'sfw' }}" data-toggle="dropdown"@endif>Mode</a>
         <ul class="dropdown-menu">
           @for(let i = 0; i < modes.length; i++)
-            <li><a class="dropdown-item" href="/mode/{{ i }}">{{ modes[i] }}</a></li>
+          <li><a class="dropdown-item" href="/mode/{{ i }}">{{ modes[i] }}</a></li>
           @endfor
         </ul>
       </li>