First post of Feove's speedrun

feove · Aug 25, 2024 · 11fde62 · 11fde62
1 parent 523af7d
commit 11fde62
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 9 deletions.
diff --git a/index/leaderboard.html b/index/leaderboard.html
@@ -57,12 +57,12 @@ <h1>Top Speedruns Leaderboard</h1>
                 </thead>
                 <tbody>
                     <tr>
-                        <td>---</td>
-                        <td>---</td>
-                        <td>---</td>
-                        <td><a href="https://youtu.be/kUr7QEqGOBA">Video</a></td>
+                        <td>#1</td>
+                        <td>Féove</td>
+                        <td>4:09</td>
+                        <td style="width: 20%;"><a href="https://youtu.be/N5eHQ-f5GlE"><img src="../media/youtube.png" id="youtube_logo"></a></td>
                         <td>1.0</td>
-                        <td>---</td>
+                        <td>26/08/2024</td>
                     </tr>
                     <tr>
                         <td>---</td>

diff --git a/media/youtube.png b/media/youtube.png
diff --git a/style/style-leaderboard.css b/style/style-leaderboard.css
@@ -106,7 +106,14 @@ body {
     opacity: 0.6; 
 }
 
+#youtube_logo{
 
+    width: 15%;
+    height: auto;
+    scale: 1.5;
+
+
+}
 /* Leaderboard  */
 .leaderboard {
     position: relative;
@@ -149,20 +156,40 @@ th, td {
     padding: 2%;
     text-align: center;
     border: 2px solid #ffffff;
-    transition: background-color 0.3s ease, color 0.3s ease; 
+    transition: background-color 0.3s ease, color 0.3s ease;
+
 }
 
 th {
-    font-size: 1.8em;
+    padding: 2%;
+    font-size: 1.8vw;
     color: #ffffff;
-    background-color: rgba(0, 0, 0, 0.3); 
+    background-color: rgba(0, 0, 0, 0.3);
+
+    letter-spacing: 0.1em;
+    border-bottom: 3px solid #ffffff; 
+    font-weight: 700;
 }
 
 td {
-    font-size: 1.2em;
+    padding: 0.5%;
+    font-size: 1.6vw;
     color: #ffffff;
+    font-weight: 900;
+    letter-spacing: 0.05em; 
+    background-color: rgba(0, 0, 0, 0.2); 
+    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); 
+    transition: transform 0.2s ease, background-color 0.3s ease;
 }
 
+td:hover {
+    background-color: rgba(255, 255, 255, 0.3);
+    color: #000000;
+    transform: scale(1.05); 
+    text-shadow: none;
+}
+
+
 th:nth-child(1),
 td:nth-child(1) {
     background-color: rgba(0, 100, 160, 0.7); /* Dark Blue */