pub / tw2html

commit 016df8e96679cc3deb2adb1d072032042b5aec15
parent 9c87ba1f57de6a076ba00f4ab496946fd06a45ed
Author: JayVii <jayvii[AT]posteo[DOT]de>
Date:   Sat,  3 Aug 2024 18:37:19 +0200

feat: slight design changes

Diffstat:
M
assets/css/custom.css
 | 
6
++++++
M
index.php
 | 
18
++++++++++++------

2 files changed, 18 insertions(+), 6 deletions(-)
diff --git a/assets/css/custom.css b/assets/css/custom.css
@@ -23,3 +23,9 @@
 details {
 	width: 100% !important;
 }
+
+a.button:visited,
+a.button:hover
+{
+	color: var(--bg) !important;
+}
diff --git a/index.php b/index.php
@@ -52,9 +52,11 @@ $streams = array(
 
   <header>
     <nav>
+      <h1>Streams</h1>
       <!-- Save Button -->
       <a
         id="savebtn"
+        class="button"
         href="#"
         onclick="document.cookie='streams=<?php echo implode(",", $streams["stream"]); ?>;path=/;max-age=31536000;';document.querySelector('#savebtn').style.color='inherit';"
         <?php
@@ -66,23 +68,26 @@ $streams = array(
         Save
       </a>
       <!-- Reload Button -->
-      <a href="<?php echo "/?streams=" . implode(",", $streams["stream"]); ?>">
+      <a
+        class="button"
+        href="<?php echo "/?streams=" . implode(",", $streams["stream"]); ?>"
+      >
         Reload
       </a>
       <!-- Live pseudo-button -->
-      <a href="#streams">
+      <a class="button" href="#streams">
         Live: <span id="num_streams">0</span>
       </a>
     </nav>
   </header>
 
-  <h1 id="streams">Streams</h1>
-
   <!-- Search Bar -->
-  <form action="https://www.twitch.tv/search" method="GET" style="width:100%;">
+  <form action="https://www.twitch.tv/search" method="GET" style="width:100%;margin-top:1em;">
       <input id="searchbar" type="text" id="searchInput" name="term" placeholder="Search on twitch.tv">
   </form>
 
+  <div id="streams">
+
 <?php
 
 // Streams or Loading Screen
@@ -98,7 +103,8 @@ if (!$loading_screen) {
 
 ?>
 
-    </main>
+  </div>
+
   </body>
 
   <!-- Script for counting active streams -->