Browse Source

added link to latest git commit, fixed some HTML formatting

hnhx 3 years ago
parent
commit
6b45ca53fc
4 changed files with 36 additions and 10 deletions
  1. 6 0
      misc/footer.php
  2. 1 1
      misc/tools.php
  3. 5 5
      search.php
  4. 24 4
      static/css/styles.css

+ 6 - 0
misc/footer.php

@@ -5,5 +5,11 @@
     <a href="./api.php" target="_blank">API</a>
     <a href="./donate.php">Donate ❤️</a>
 </div>
+<div class="git-container">
+    <?php
+        $hash = file_get_contents(".git/refs/heads/main");
+        echo "<a href=\"https://github.com/hnhx/librex/commit/$hash\" target=\"_blank\">Latest commit: $hash</a>";
+    ?>
+</div>
 </body>
 </html>

+ 1 - 1
misc/tools.php

@@ -92,7 +92,7 @@
 
     function print_next_page_button($text, $page, $query, $type)
     {
-        echo "<form id=\"page\" action=\"search.php\" target=\"_top\" method=\"post\" enctype=\"multipart/form-data\" autocomplete=\"off\">";
+        echo "<form class=\"page\" action=\"search.php\" target=\"_top\" method=\"post\" enctype=\"multipart/form-data\" autocomplete=\"off\">";
         echo "<input type=\"hidden\" name=\"p\" value=\"" . $page . "\" />";
         echo "<input type=\"hidden\" name=\"q\" value=\"$query\" />";
         echo "<input type=\"hidden\" name=\"type\" value=\"$type\" />";

+ 5 - 5
search.php

@@ -4,7 +4,7 @@
 </head>
     <body>
         <form class="sub-search-container" method="post" enctype="multipart/form-data" autocomplete="off">
-            <a href="./"><img id="logo" src="static/images/librex.png" alt="librex"></a>
+            <a href="./"><img class="logo" src="static/images/librex.png" alt="librex logo"></a>
             <input type="text" name="q" 
                 <?php
                     $query = trim($_REQUEST["q"]);
@@ -27,10 +27,10 @@
             <button type="submit" style="display:none;"></button>
             <input type="hidden" name="p" value="0">
             <div class="sub-search-button-wrapper">
-                <button name="type" value="0"><img src="static/images/text_result.png">Text</button>
-                <button name="type" value="1"><img src="static/images/image_result.png">Images</button>
-                <button name="type" value="2"><img src="static/images/video_result.png">Videos</button>
-                <button name="type" value="3"><img src="static/images/torrent_result.png">Torrents</button>
+                <button name="type" value="0"><img src="static/images/text_result.png" alt="text result" />Text</button>
+                <button name="type" value="1"><img src="static/images/image_result.png" alt="image result" />Images</button>
+                <button name="type" value="2"><img src="static/images/video_result.png" alt="video result" />Videos</button>
+                <button name="type" value="3"><img src="static/images/torrent_result.png" alt="torrent result" />Torrents</button>
             </div>
         <hr>
         </form>

+ 24 - 4
static/css/styles.css

@@ -83,7 +83,7 @@ a:hover, .text-result-wrapper h2:hover {
     width: 600px;
 }
 
-.sub-search-container #logo {
+.sub-search-container .logo {
     vertical-align: middle;
     margin-right: 50px;
 }
@@ -213,7 +213,7 @@ a:hover, .text-result-wrapper h2:hover {
     margin-right: 8px;
 }
 
-.next-page-button-wrapper #page {
+.next-page-button-wrapper .page {
     display: inline;
 }
 
@@ -235,11 +235,19 @@ a:hover, .text-result-wrapper h2:hover {
     margin: 10px;
 }
 
+.git-container {
+    right: 0;
+}
+
+.git-container,
 .footer-container {
     position: fixed;
-    left: 0;
     bottom: 0;
+}
+
+.footer-container {
     width: 100vw;
+    left: 0;
     background-color: var(--footer-bg);
     padding-top: 15px;
     padding-bottom: 15px;
@@ -247,8 +255,16 @@ a:hover, .text-result-wrapper h2:hover {
     text-align: center;
 }
 
+.git-container a {
+    font-size: 10px;
+}
+
+.git-container a,
 .footer-container a {
     color: var(--footer-fg);
+}
+
+.footer-container a {
     margin-left: 15px;
     margin-right: 15px;
 }
@@ -265,6 +281,10 @@ a:hover, .text-result-wrapper h2:hover {
         width: 80%;
     }
 
+    .git-container {
+        display: none;
+    }
+
     .footer-container a {
         margin:10px;
     }
@@ -275,7 +295,7 @@ a:hover, .text-result-wrapper h2:hover {
         text-align: center;
     }
 
-    .sub-search-container #logo {
+    .sub-search-container .logo {
         margin-left:auto;
         margin-right:auto;
         display: block;