From 0c603146ba2342420ff8ad2ec2b62fde684c7d5c Mon Sep 17 00:00:00 2001
From: jolzem <jolzem@pm.me>
Date: Fri, 26 Apr 2024 02:08:45 +0200
Subject: [PATCH] Added season and episode numbers on hover

---
 dashboard.php |  5 ++++-
 style.css     | 26 ++++++++++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/dashboard.php b/dashboard.php
index 061d25b..4e50cc2 100644
--- a/dashboard.php
+++ b/dashboard.php
@@ -50,7 +50,10 @@ $table = $conn->query("SELECT * FROM user" . $user_id . " ORDER BY name;");
     $i = 0;
     while($row = $table->fetch_assoc()):
   ?>
-  <div><img src='https://image.tmdb.org/t/p/original<?php echo $row["poster"];?>' class='poster' alt='<?php echo $row["name"];?>' onclick='openPopup(<?php echo $i;?>)'></div>
+  <div class='entry'>
+    <img src='https://image.tmdb.org/t/p/original<?php echo $row["poster"];?>' class='poster' alt='<?php echo $row["name"];?>' onclick='openPopup(<?php echo $i;?>)'>
+    <div class='info'>Season <span><?php echo $row["season"]; ?></span><br>Episode <span><?php echo $row["episode"]; ?></span> </div>
+  </div>
 
     <div id='popup<?php echo $i;?>' class='popup'>
         <div class='popup-content'>
diff --git a/style.css b/style.css
index 733e103..17b51b5 100644
--- a/style.css
+++ b/style.css
@@ -103,6 +103,32 @@ form {
   border-radius: 1rem;
 }
 
+.entry {
+  position: relative;
+  text-align: center;
+}
+
+.info {
+  position: absolute;
+  bottom: 1rem;
+  left: 50%;
+  transform: translate(-50%, 0);
+  opacity: 0;
+  transition: opacity 200ms;
+  padding: .5rem 1rem;
+  border-radius: 1rem;
+  background: rgba(0, 0, 0, 0.7);
+  width: calc(100% - 2rem);
+}
+
+.info span {
+  font-size: 150%;
+}
+
+.entry:hover > .info {
+  opacity: 1;
+}
+
 .popup {
   display: none;
   position: fixed;