From ce7f854dd67ee4cae7b58b0fa1cfe629d5234dd3 Mon Sep 17 00:00:00 2001
From: Abu Ottermann <git@f0ck.it>
Date: Thu, 4 Jul 2024 01:18:37 +0200
Subject: [PATCH] wip

---
 public/s/css/f0ck.css | 17 +++++---
 views/ranking.html    | 94 ++++++++++++++++++++++++-------------------
 2 files changed, 64 insertions(+), 47 deletions(-)

diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index ed89d38..4fd2ae9 100644
--- a/public/s/css/f0ck.css
+++ b/public/s/css/f0ck.css
@@ -1618,9 +1618,10 @@ span.placeholder {
 }
 
 @media (max-width: 1325px) {
-  .ranking {
+/* ranking page - idea */
+  /* .ranking {
     grid-template-columns: 1fr 1fr !important;
-  }
+  } */
 
   .by-user,
   .by-stats,
@@ -2401,7 +2402,7 @@ table.table tbody tr:nth-of-type(odd) {
 .ranking {
   display: grid;
   grid-template-columns: auto;
-  justify-content: center;
+  /* justify-content: center; */
 }
 
 .ranking div {
@@ -2414,15 +2415,15 @@ table.table tbody tr:nth-of-type(odd) {
 }
 
 .by-user {
-  grid-column: 1;
+  grid-row: 1;
 }
 
 .by-stats {
-  grid-column: 3;
+  grid-row: 3;
 }
 
 .by-hoster {
-  grid-column: 2;
+  grid-row: 2;
 }
 
 /* tags */
@@ -3015,4 +3016,8 @@ input#s_avatar {
 
 #s_avatar:hover {
   background: #ffffff0f;
+}
+.theforceofthree {
+  display: grid;
+  grid-template-columns: 0.4fr 1fr 0.4fr;
 }
\ No newline at end of file
diff --git a/views/ranking.html b/views/ranking.html
index 39bc6ad..6037a2e 100644
--- a/views/ranking.html
+++ b/views/ranking.html
@@ -1,51 +1,63 @@
 @include(snippets/header)
 <div id="main">
   <div class="topf0ckers">
-    <h3>Top f0ckers of all time <br>- Ranking -</h3>
+    <h3>f0ck Rankings?</h3>
   </div>
-  <div class="ranking">
-    <div class="by-user">
-      <h3>Biggest taggers</h3>
-      <table class="table">
-        <tbody>
-        @for(let i = 0; i < list.length; i++)
+  <div class="theforceofthree">
+    <div class="triin">
+    </div>
+    <div class="ranking">
+      <div class="by-user">
+        <h3>Biggest taggers</h3>
+        <table class="table">
           <tr>
-            <td>{{ i + 1 }}</td>
-            <td><a href="/{{ list[i].avatar }}"><img class="avatar" src="/t/{{ list[i].avatar }}.webp"></a></td>
-            <td>@if(list[i].admin)&#11088;&nbsp;@endif<a href="/user/{!! list[i].user !!}">{!! list[i].user !!}</a></td>
-            <td>{{ list[i].count }}</td>
+            <th>Rank</th>
+            <th>Avatar</th>
+            <th>Username</th>
+            <th>Tagged</th>
           </tr>
-        @endfor
-        </tbody>
-      </table>
-    </div>
-    <div class="by-hoster">
-      <h3>Top {{ hoster.length }} hoster</h3>
-      <table class="table">
-        @each(hoster as host)
-        <tr><td>{{ host.part.length ? host.part : "Telegram" }}</td><td>{{ host.c }}</td></tr>
-        @endeach
-      </table>
-    </div>
-    <div class="by-stats">
-      <h3>Tag stats</h3>
-      <table class="table">
-        <tr><td>total</td><td>{{ stats.total }}</td></tr>
-        <tr><td>tagged</td><td>{{ stats.tagged }}</td></tr>
-        <tr><td>untagged</td><td>{{ stats.untagged }}</td></tr>
-        <tr><td>SFW</td><td>{{ stats.sfw }}</td></tr>
-        <tr><td>NSFW</td><td>{{ stats.nsfw }}</td></tr>
-        <tr><td>deleted</td><td>{{ stats.deleted }}</td></tr>
-        <tr><td>missing ids</td><td>{{ stats.untracked }}</td></tr>
-      </table>
+          <tbody>
+          @for(let i = 0; i < list.length; i++)
+            <tr>
+              <td>{{ i + 1 }}</td>
+              <td><a href="/{{ list[i].avatar }}"><img class="avatar" src="/t/{{ list[i].avatar }}.webp"></a></td>
+              <td>@if(list[i].admin)&#11088;&nbsp;@endif<a href="/user/{!! list[i].user !!}">{!! list[i].user !!}</a></td>
+              <td>{{ list[i].count }}</td>
+            </tr>
+          @endfor
+          </tbody>
+        </table>
+      </div>
+      <div class="by-hoster">
+        <h3>Top {{ hoster.length }} hoster</h3>
+        <table class="table">
+          @each(hoster as host)
+          <tr><td>{{ host.part.length ? host.part : "Telegram" }}</td><td>{{ host.c }}</td></tr>
+          @endeach
+        </table>
+      </div>
+      <div class="by-stats">
+        <h3>Tag stats</h3>
+        <table class="table">
+          <tr><td>total</td><td>{{ stats.total }}</td></tr>
+          <tr><td>tagged</td><td>{{ stats.tagged }}</td></tr>
+          <tr><td>untagged</td><td>{{ stats.untagged }}</td></tr>
+          <tr><td>SFW</td><td>{{ stats.sfw }}</td></tr>
+          <tr><td>NSFW</td><td>{{ stats.nsfw }}</td></tr>
+          <tr><td>deleted</td><td>{{ stats.deleted }}</td></tr>
+          <tr><td>missing ids</td><td>{{ stats.untracked }}</td></tr>
+        </table>
 
-      <h3>Top f0cks</h3>
-      <table class="table">
-        @each(favotop as favo)
-        <tr><td><a href="/{{ favo.item_id }}">{{ favo.item_id }}</a></td><td>{{ favo.favs }}</td></tr>
-        @endeach
-      </table>
+        <h3>Top f0cks</h3>
+        <table class="table">
+          @each(favotop as favo)
+          <tr><td><a href="/{{ favo.item_id }}">{{ favo.item_id }}</a></td><td>{{ favo.favs }}</td></tr>
+          @endeach
+        </table>
+      </div>
     </div>
-  </div>
+    <div class="triout">
+    </div>
+</div>
 </div>
 @include(snippets/footer)