Home Explore Help
Sign In
poesty
/
librex-extra
forked from mirrors/librex
1
0
Fork 0
Files Pull Requests 0
Browse Source

rewrote entire css, added torrent search

hnhx 3 years ago
parent
479aa0c3b1
commit
65caead67a
19 changed files with 337 additions and 429 deletions
Split View Show Diff Stats
  1. 2 1
      api.php
  2. 4 0
      config.php
  3. 4 4
      donate.xhtml
  4. 44 0
      engines/bittorrent.php
  5. 1 1
      engines/google.php
  6. 1 1
      engines/special.php
  7. 2 2
      index.xhtml
  8. 33 3
      misc/tools.php
  9. 1 1
      results/special/currency.php
  10. 1 1
      results/special/definition.php
  11. 3 3
      results/special/wikipedia.php
  12. 17 12
      search.php
  13. BIN
      static/image_result.png
  14. BIN
      static/librex.png
  15. 224 400
      static/styles.css
  16. BIN
      static/text_result.png
  17. BIN
      static/torrent_result.png
  18. BIN
      static/video_result.png
  19. BIN
      static/xmr.png

+ 2 - 1
api.php
View File 

@@ -1,5 +1,6 @@
 
 <?php
 
     require "engines/google.php";
 
+    require "engines/bittorrent.php";
 
 
     if (!isset($_REQUEST["q"]))
 
     {
 
@@ -11,7 +12,7 @@
 
     $page = isset($_REQUEST["p"]) ? (int) $_REQUEST["p"] : 0;
 
     $type = isset($_REQUEST["type"]) ? (int) $_REQUEST["type"] : 0;
 
 
-    $results = get_google_results($query, $page, $type);
 
+    $results = $type != 3 ? get_google_results($query, $page, $type) : get_bittorrent_results($query);
 
 
     header('Content-Type: application/json');
 
     echo json_encode($results, JSON_PRETTY_PRINT);

+ 4 - 0
config.php
View File 

@@ -8,6 +8,10 @@
 
     // Results will be in this language
 
     $config_google_language = "en";
 
 
+    // Maxmium size of the cache
 
+    $config_cache_size = 1024 * 1024 * 1024;
 
+
 
+
 
     /*
 
         youtube.com results will be replaced with the given invidious instance
 
         Get online invidious instances from here: https://docs.invidious.io/Invidious-Instances.md

+ 4 - 4
donate.xhtml
View File 

@@ -12,16 +12,16 @@
 
     </head>
 
     <body>
 
         <div class="donate-container">
 
-               <h1>Donate</h1>
 
                <p>Support the host</p>
 
                <span>(Your donation thingy goes here...)</span>
 
                <p>Support the creator</p>
 
-               <span>You can donate to hnhx via the XMR address found on the  <a href="https://github.com/hnhx/librex/" target="_blank">GitHub repo</a></span>
 
+               <span>Monero (XMR):  <span style="background-color:black;">41dGQr9EwZBfYBY3fibTtJZYfssfRuzJZDSVDeneoVcgckehK3BiLxAV4FvEVJiVqdiW996zvMxhFB8G8ot9nBFqQ84VkuC</span></span>
 
+               <img src="static/xmr.png" alt="xmr qr code"/>
 
         </div>
 
 
-        <div class="info-container">
 
+        <div class="footer-container">
 
             <a href="/">LibreX</a>
 
-            <a href="https://github.com/hnhx/librex/" target="_blank">Source code &amp; Other instances</a>
 
+            <a href="https://github.com/hnhx/librex/" target="_blank">Source &amp; Instance list</a>
 
             <a href="/api.php" target="_blank">API</a>
 
             <a href="/donate.xhtml" id="right">Donate ❤️</a>
 
         </div>

+ 44 - 0
engines/bittorrent.php
View File 

@@ -0,0 +1,44 @@
 
+<?php
 
+
 
+    function get_bittorrent_results($query)
 
+    {
 
+        require "config.php";
 
+
 
+        $query = urlencode($query);
 
+
 
+        $results = array();
 
+
 
+        $url = "https://apibay.org/q.php?q=$query";
 
+
 
+        $ch = curl_init($url);
 
+        curl_setopt_array($ch, $config_curl_settings);
 
+        $response = curl_exec($ch);
 
+        
+        
+        $json_response = json_decode($response, true);
 
+
 
+        foreach ($json_response as $response)
 
+        {
 
+
 
+            $hash = $response["info_hash"];
 
+            $name = $response["name"];
 
+            $seeders = $response["seeders"];
 
+            $leechers = $response["leechers"];
 
+
 
+            $magnet = "magnet:?xt=urn:btih:$hash&dn=$name";
 
+
 
+            array_push($results, 
+                array (
 
+                    "hash" => $hash,
 
+                    "name" => $name,
 
+                    "seeders" => $seeders,
 
+                    "leechers" => $leechers,
 
+                    "magnet" => $magnet
 
+                )
 
+            );
 
+        }
 
+
 
+        return $results;
 
+       
+    }
 
+?>

+ 1 - 1
engines/google.php
View File 

@@ -1,5 +1,5 @@
 
 <?php
 
-        function get_google_results($query, $page, $type=0) 
+        function get_google_results($query, $page=0, $type=0) 
         {
 
             require "config.php";
 
             require_once "results/google/image.php";

+ 1 - 1
engines/special.php
View File 

@@ -13,7 +13,7 @@
 
             require_once "results/special/definition.php";
 
             definition_results($query);
 
         }
 
-        else if (5 > count(explode(" ", $query))) // long queries usually wont return a wiki result thats why this check exists
 
+        else if (3 > count(explode(" ", $query))) // long queries usually wont return a wiki result thats why this check exists
 
         {
 
             require_once "results/special/wikipedia.php";
 
             wikipedia_results($query_lower);

+ 2 - 2
index.xhtml
View File 

@@ -23,9 +23,9 @@
 
                 </div>
 
         </form>
 
 
-        <div class="info-container">
 
+        <div class="footer-container">
 
             <a href="/">LibreX</a>
 
-            <a href="https://github.com/hnhx/librex/" target="_blank">Source code &amp; Other instances</a>
 
+            <a href="https://github.com/hnhx/librex/" target="_blank">Source &amp; Instance list</a>
 
             <a href="/api.php" target="_blank">API</a>
 
             <a href="/donate.xhtml" id="right">Donate ❤️</a>
 
         </div>

+ 33 - 3
misc/tools.php
View File 

@@ -14,6 +14,7 @@
 
         if ($page == 0)
 
             check_for_special_search($query);
 
         
+        echo "<div class=\"text-result-container\">";
 
         foreach($results as $result)
 
         {
 
             $title = $result["title"];
 
@@ -21,7 +22,7 @@
 
             $base_url = $result["base_url"];
 
             $description = $result["description"];
 
 
-            echo "<div class=\"result-container\">";
 
+            echo "<div class=\"text-result-wrapper\">";
 
             echo "<a href=\"$url\">";
 
             echo "$base_url";
 
             echo "<h2>$title</h2>";
 
@@ -29,6 +30,7 @@
 
             echo "<span>$description</span>";
 
             echo "</div>";
 
         }
 
+        echo "</div>";
 
     }
 
 
     function print_image_results($results)
 
@@ -45,24 +47,52 @@
 
                 echo "</a>";
 
             }
 
 
-            echo "</div>";
 
+        echo "</div>";
 
     }
 
 
     function print_video_results($results)
 
     {
 
+        echo "<div class=\"text-result-container\">";
 
+
 
             foreach($results as $result)
 
             {
 
                 $title = $result["title"];
 
                 $url = $result["url"];
 
                 $base_url = $result["base_url"];
 
 
-                echo "<div class=\"result-container\">";
 
+                echo "<div class=\"text-result-wrapper\">";
 
                 echo "<a href=\"$url\">";
 
                 echo "$base_url";
 
                 echo "<h2>$title</h2>";
 
                 echo "</a>";
 
                 echo "</div>";
 
             }
 
+
 
+        echo "</div>";
 
+    }
 
+
 
+    function print_bittorrent_results($results)
 
+    {
 
+        echo "<div class=\"text-result-container\">";
 
+
 
+            foreach($results as $result)
 
+            {
 
+                $hash = $result["hash"];
 
+                $name = $result["name"];
 
+                $seeders = $result["seeders"];
 
+                $leechers = $result["leechers"];
 
+                $magnet = $result["magnet"];
 
+
 
+                echo "<div class=\"text-result-wrapper\">";
 
+                echo "<a href=\"$magnet\">";
 
+                echo "$hash";
 
+                echo "<h2>$name</h2>";
 
+                echo "</a>";
 
+                echo "<span>SE: $seeders - LE: $leechers</span>";
 
+                echo "</div>";
 
+            }
 
+
 
+        echo "</div>";
 
     }
 
 
     function print_next_page_button($page, $button_val, $q, $type)

+ 1 - 1
results/special/currency.php
View File 

@@ -28,7 +28,7 @@
 
 
                     $conversion_result = ($currency_to_convert_response / $base_currency_response) * $amount_to_convert;
 
 
-                    echo "<p id=\"special-result\">";
 
+                    echo "<p class=\"special-result-container\">";
 
                     echo  "$amount_to_convert $base_currency = $conversion_result $currency_to_convert";
 
                     echo "</p>";
 
                 }

+ 1 - 1
results/special/definition.php
View File 

@@ -19,7 +19,7 @@
 
             {
 
                 $definition = $json_response[0]["meanings"][0]["definitions"][0]["definition"];
 
 
-                echo "<p id=\"special-result\">";
 
+                echo "<p class=\"special-result-container\">";
 
                 echo "$word_to_define meaning<br/>";
 
                 echo "<br/>" . $definition . "<br/>";
 
                 echo "</p>";

+ 3 - 3
results/special/wikipedia.php
View File 

@@ -20,7 +20,7 @@
 
             if (strpos($description, "may refer to"))
 
                 return;
 
 
-            echo "<p id=\"special-result\">";
 
+            echo "<p class=\"special-result-container\">";
 
 
             if (array_key_exists("thumbnail", $first_page))
 
             {
 
@@ -31,12 +31,12 @@
 
                 $base64_image = base64_encode($image_response);
 
 
                 echo "<a href=\"data:image/jpeg;base64,$base64_image\" target=\"_blank\">";
 
-                echo "<img src=\"data:image/jpeg;base64,$base64_image\" id=\"wiki-image\">";
 
+                echo "<img src=\"data:image/jpeg;base64,$base64_image\">";
 
                 echo "</a>";
 
             } 
 
             echo "$description";
 
-            echo "<a id=\"wiki-link\" href=\"https://en.wikipedia.org/wiki/$query\">";
 
+            echo "<a href=\"https://en.wikipedia.org/wiki/$query\">";
 
             echo "Wikipedia";
 
             echo "</a>";

+ 17 - 12
search.php
View File 

@@ -12,9 +12,8 @@
 
         <link rel="shortcut icon" href="static/librex.png" />
 
     </head>
 
     <body>
 
-        <form class="small-search-container" method="post" enctype="multipart/form-data" autocomplete="off">
 
+        <form class="sub-search-container" method="post" enctype="multipart/form-data" autocomplete="off">
 
             <a href="/"><img id="logo" src="static/librex.png" alt="librex"></a>
 
-            <input type="hidden" name="p" value="0">
 
             <input type="text" name="q" 
                 <?php
 
                     $query = trim($_REQUEST["q"]);
 
@@ -34,10 +33,12 @@
 
                 echo "<input type=\"hidden\" name=\"type\" value=\"$type\"/>";
 
             ?>
 
             <button type="submit" style="display:none;"></button>
 
-            <div class="result-change">
 
-                <button name="type" value="0"><img src="static/text_result.png" id="change-image" style="width:20px;">Text</button>
 
-                <button name="type" value="1"><img src="static/image_result.png" id="change-image">Images</button>
 
-                <button name="type" value="2"><img src="static/video_result.png" id="change-image" style="width:40px;">Videos</button>
 
+            <input type="hidden" name="p" value="0">
 
+            <div class="sub-search-button-wrapper">
 
+                <button name="type" value="0"><img src="static/text_result.png">Text</button>
 
+                <button name="type" value="1"><img src="static/image_result.png">Images</button>
 
+                <button name="type" value="2"><img src="static/video_result.png">Videos</button>
 
+                <button name="type" value="3"><img src="static/torrent_result.png">Torrents</button>
 
             </div>
 
             
         <hr>
 
@@ -48,17 +49,18 @@
 
             require_once "engines/google.php";
 
             require_once "engines/special.php";
 
             require_once "misc/tools.php";
 
+            require_once "engines/bittorrent.php";
 
             require_once "config.php";
 
 
             $page = isset($_REQUEST["p"]) ? (int) $_REQUEST["p"] : 0;
 
             $type = isset($_REQUEST["type"]) ? (int) $_REQUEST["type"] : 0;
 
 
             $start_time = microtime(true);
 
-            $results = get_google_results($query, $page, $type);
 
+            $results = $type != 3 ? get_google_results($query, $page, $type) : get_bittorrent_results($query);
 
             $end_time = number_format(microtime(true) - $start_time, 2, '.', '');
 
 
             echo "<p id=\"time\">Fetched the results in $end_time seconds</p>";
 
-            
+               
             switch ($type)
 
             {
 
                 case 0:
 
@@ -70,14 +72,17 @@
 
                 case 2:
 
                     print_video_results($results);
 
                     break;
 
+                case 3:
 
+                    print_bittorrent_results($results);
 
+                    break;
 
                 default:
 
                     print_text_results($results);
 
                     break;
 
             }
 
 
-            if ($type != 1 )
 
+            if ($type != 1 && $type != 3 )
 
             {
 
-                echo "<div class=\"page-container\">";
 
+                echo "<div class=\"next-page-button-wrapper\">";
 
 
                     if ($page != 0) 
                     {
 
@@ -99,9 +104,9 @@
 
             }
 
         ?>
 
 
-        <div class="info-container">
 
+        <div class="footer-container">
 
             <a href="/">LibreX</a>
 
-            <a href="https://github.com/hnhx/librex/" target="_blank">Source code &amp; Other instances</a>
 
+            <a href="https://github.com/hnhx/librex/" target="_blank">Source &amp; Instance list</a>
 
             <a href="/api.php" target="_blank">API</a>
 
             <a href="/donate.xhtml" id="right">Donate ❤️</a>
 
         </div>

BIN
static/image_result.png
View File


BIN
static/librex.png
View File


+ 224 - 400
static/styles.css
View File 

@@ -1,471 +1,295 @@
 
 html {
 
     color: #e8eaed;
 
     background-color: #202124; 
-    
     font-family: Arial, Helvetica, sans-serif;
 
-    font-size: 18px;
 
-
 
-    overflow-x: hidden;
 
-} 
-
 
-hr { 
-   margin-top: 30px;
 
-}
 
-
 
-img { 
-    border: 1px solid #5f6368;
 
+    font-size: 16px;
 
 }
 
 
+input, 
 button {
 
     outline: none;
 
 }
 
 
-/* .search-container START */
 
-
 
-    .search-container {
 
-        max-width: 560px;
 
-        text-align: center;
 
-
 
-        display: flex;
 
-        flex-direction: column;
 
-
 
-        margin-left: auto;
 
-        margin-right: auto;
 
-        margin-top:12%;
 
-
 
-        padding-left: 16px;
 
-        padding-right: 16px;
 
-    }
 
-
 
-    .search-container input { 
-        display: flex;
 
-        flex-grow: 1;
 
-    }
 
-
 
-    .search-container button:hover { 
-        border: 1px solid #5f6368;
 
-        cursor:pointer;
 
-    }
 
-
 
-    .search-container h1 { 
-        font-size: 70px; 
-    }
 
-
 
-/* .search-container END */
 
-
 
-
 
-
 
-/* .small-search-container START */
 
-
 
-    .small-search-container { 
-        margin:2%; 
-    }
 
-
 
-    .small-search-container input { 
-        width: 600px;
 
-    }  
-
 
-    .small-search-container h1, a {
 
-        display: inline;
 
-        color:inherit;
 
-        text-decoration: none;
 
-    }
 
-
 
-/* .small-search-container END */
 
-
 
-
 
-
 
-/*
 
-    .search-container,
 
-    .small-search-container
 
-    START
 
-*/
 
-    .search-container input ,
 
-    .small-search-container input {
 
-        color: inherit;
 
-        background-color: inherit;
 
-            
-        padding: 10px;
 
-
 
-        font-size: 16px;
 
-
 
-        border: 1px solid #5f6368;
 
-        border-radius: 25px;
 
-    }
 
-
 
-    .search-container input:hover ,
 
-    .small-search-container input:hover { 
-        background-color: #303134;
 
-        border-color: #303134;
 
-    }
 
-
 
-    .search-container input:focus , 
-    .small-search-container input:focus {  
-        outline: none; 
-    }
 
-/*
 
-    .search-container,
 
-    .small-search-container
 
-    END
 
-    
-*/
 
-
 
-
 
-
 
-/* .search-button-wrapper START */
 
-
 
-    .search-button-wrapper {
 
-        display:flex;
 
-        flex-direction: column;
 
-    }
 
-
 
-    .search-button-wrapper button {
 
-        color: inherit;
 
-        background-color: #303134;
 
-
 
-        font-size: 14px;
 
-
 
-        border: none;
 
-        border-radius: 4px;
 
-        
-        width: auto;
 
-        padding: 13px 10px 13px 10px;
 
-        margin-top: 30px;
 
-    }
 
-
 
-/* .search-button-wrapper END */
 
-
 
-
 
-
 
-/* .info-container START */
 
-
 
-    .info-container {
 
-        position: fixed;
 
-        bottom: 0;
 
-        left: 0;
 
-        width: 100%;
 
-        background-color:#171717;
 
-        font-size:15px;
 
-        padding-top: 15px;
 
-        padding-bottom: 15px;
 
-        border-top:1px solid #303134;
 
-    }
 
-
 
-    .info-container a , p {
 
-        color:#999da2;
 
-        text-decoration: none;
 
-    }
 
-
 
-    .info-container a { 
-        padding-left:20px;
 
-        font-size:16px;
 
-    }
 
-
 
-    .info-container #right {
 
-        float:right;
 
-        padding-right:20px;
 
-    }
 
-
 
-    .info-container a:hover {
 
-        text-decoration: underline;
 
-    }
 
-
 
-/* .info-container END */
 
-
 
-
 
-
 
-/* .result-container START */
 
-
 
-    .result-container {
 
-        max-width: 550px;
 
-        margin-top: 30px;
 
-    }
 
-
 
-    .result-container span {
 
-        font-size: 15px;
 
-    }
 
-
 
-    .result-container a {
 
-        font-size: 14px;
 
-        color:#bdc1c6;
 
-        text-decoration: none;
 
-    }
 
-
 
-    .result-container h2 {
 
-        font-size: 20px;
 
-        color:#8ab4f8;
 
-        padding-top:5px;
 
-        margin-top:1px;
 
-    }
 
-
 
-    .result-container h2:hover {
 
-        text-decoration: underline; 
-    }
 
-
 
-    .result-container a:visited h2 {
 
-        color: #bd93f9;
 
-    }
 
-
 
-/* .result-container END */
 
-
 
-
 
-
 
-/* .image-result-container START */
 
-
 
-    .image-result-container {
 
-        margin-left:8%;
 
-        margin-right:8%;
 
-        
-        margin-bottom:30px;
 
-    }
 
-
 
-/* .image-result-container END */
 
-
 
-
 
-
 
-/* .page-container START */
 
-
 
-    .page-container {
 
-        margin-top:50px;
 
-        margin-bottom:100px;
 
-        margin-left:10%;
 
-    }
 
-
 
-    .page-container #page { 
-        display: inline; 
-    }
 
-
 
-    .page-container #page button { 
-        color:#8ab4f8;
 
-        background-color: inherit;
 
-
 
-        padding-right: 10px;
 
-        font-size: 16px;
 
-        border: none;
 
-    }
 
-
 
-    .page-container #page button:hover {
 
-        cursor:pointer;
 
-        text-decoration: underline;
 
-    }
 
-
 
-/* .page-container END */
 
-
 
-
 
-
 
-/* .result-change START */
 
-
 
-    .result-change { 
-        width: 100%;
 
-        
-    }
 
-
 
-    .result-change button {
 
-        color:#bd93f9;
 
-        background-color: inherit;
 
-
 
-        display: inline;
 
-
 
-        border:none;
 
-        
-
 
-        margin-right: 20px;
 
-
 
-        font-size: 18px;
 
-    }
 
+button {
 
+    cursor: pointer;
 
+}
 
 
-    .result-change button:hover {
 
-        cursor: pointer;
 
-    }
 
+p {
 
+    font-size:18px;
 
+    color: #999da2;
 
+}
 
 
-    .result-change #change-image {
 
-        width: 25px;
 
-        height: 25px;
 
-        vertical-align: middle;
 
-        border:none;
 
-    }
 
+a,
 
+.text-result-wrapper a:hover {
 
+    text-decoration: none;
 
+}
 
 
-/* .result-change END */
 
+a:hover, .text-result-wrapper h2:hover {
 
+    text-decoration: underline;
 
+}
 
 
+.search-container {
 
+    text-align: center;
 
+    margin-top:15%;
 
+}
 
 
+.search-container h1 {
 
+    font-size: 70px;
 
+}
 
 
-/* .donate-container START */
 
+.search-container input,
 
+.sub-search-container input {
 
+    width: 500px;
 
+    color: inherit;
 
+    background-color: inherit;  
+    padding: 10px;
 
+    font-size: inherit;
 
+    font-family: inherit;
 
+    border: 1px solid #5f6368;
 
+    border-radius: 25px;
 
+}
 
 
-    .donate-container {
 
-        margin-left: 5%;
 
-        margin-right: 5%;
 
+.search-button-wrapper button {
 
+    color: inherit;
 
+    background-color: #303134;
 
+    font-size: 14px;
 
+    border: none;
 
+    border-radius: 4px;
 
+    padding: 13px 10px 13px 10px;
 
+    margin: 30px 60px 0px 60px;
 
+}
 
 
-        padding-right: 10px;
 
-        padding-left: 10px;
 
+.sub-search-container {
 
+    margin: 2%;
 
+}
 
 
-        margin-top: 13%;
 
+.sub-search-container hr {
 
+    margin-top: 35px;
 
+    margin-bottom: 35px;
 
+}
 
 
+.sub-search-container input {
 
+    margin-bottom: 40px;
 
+    width: 600px;
 
+}
 
 
-        border: 1px solid #bdc1c6;
 
-        border-top: none;
 
-        border-bottom: none;
 
+.sub-search-container #logo {
 
+    vertical-align: middle;
 
+    margin-right: 50px;
 
+}
 
 
-        text-align: center;
 
-    }
 
+.sub-search-button-wrapper {
 
+    margin-left: 150px;
 
+}
 
 
-    .donate-container a {
 
-        color: #8ab4f8;
 
-        text-decoration: underline;
 
-    }
 
+.search-button-wrapper button:hover { 
+    border: 1px solid #5f6368;
 
+    cursor: pointer;
 
+}
 
 
-/* .donate-container END */
 
+.sub-search-button-wrapper img {
 
+    vertical-align: middle;
 
+    margin-right: 10px;
 
+}
 
 
+.sub-search-button-wrapper button {
 
+    border: none;
 
+    background-color: inherit;
 
+    color: #bd93f9;
 
+    font-size: 18px;
 
+    margin-right: 25px;
 
+}
 
 
+.text-result-container,
 
+.special-result-container,
 
+#time,
 
+.next-page-button-wrapper {
 
+    margin-left:10%;
 
+}
 
 
-.result-container , 
-#time , 
-#special-result {
 
-    margin-left: 10%;
 
+.text-result-container
 
+{
 
+    margin-bottom:100px;
 
 }
 
 
-#special-result {
 
+.special-result-container {
 
     padding: 10px;
 
     border: 1px solid #bdc1c6;
 
     width: 500px;
 
 }
 
 
-#logo {
 
-    vertical-align: middle;
 
-    width: 80px;
 
-    height: 80px;
 
-    border: none;
 
+.text-result-wrapper {
 
+    max-width: 500px;
 
+    margin-top: 35px;
 
 }
 
 
-#wiki-image {
 
-    border: none;
 
-    display: flex;
 
+.text-result-wrapper a {
 
+    font-size: 14px;
 
+    color:#bdc1c6;
 
+}
 
+
 
+.text-result-wrapper h2 {
 
+    font-size: 20px;
 
+    color: #8ab4f8;
 
+    padding-top: 5px;
 
+    margin-top: 1px;
 
+}
 
 
+.special-result-container img {
 
+    display: flex;
 
     max-width: 50%;
 
     max-height: 200px;
 
-
 
     padding-bottom:10px;
 
-    
     margin-left:auto;
 
     margin-right:auto;
 
-}
 
+} 
 
-#wiki-link {
 
+.special-result-container a {
 
     display: flex;
 
-    margin-top: 16px;
 
+    margin-top: 10px;
 
+    color: #bd93f9;
 
     font-size:14px;
 
-    color:#bd93f9;
 
 }
 
 
-/* @media START */
 
-
 
-    @media only screen and (min-width:900px) {
 
-        .search-button-wrapper {
 
-            flex-direction: row;
 
-        }
 
-
 
-        .search-button-wrapper button { 
-            width: auto;
 
-            margin-left: auto;
 
-            margin-right: auto;
 
-        }
 
-
 
-        .search-container input { 
-            width: auto; 
-        }
 
-
 
-        .small-search-container input {
 
-            margin-left: 40px;
 
-        }
 
+.next-page-button-wrapper {
 
+    margin-top:-50px;
 
+    margin-bottom:100px;
 
+}
 
 
-        hr {
 
-            margin-bottom: -20px;
 
-        }
 
+.next-page-button-wrapper button {
 
+    border:none;
 
+    background-color: inherit;
 
+    color: #8ab4f8;
 
+    font-size: 18px;
 
+}
 
 
-        .result-change {
 
-            margin-left: 9%
 
-        }
 
-        
-        .donate-container {
 
-            margin-left: 25%;
 
-            margin-right: 25%;
 
-        } 
+.next-page-button-wrapper #page {
 
+    display: inline;
 
+}
 
 
-        img {
 
-            margin:10px;
 
-        }
 
+.image-result-container {
 
+    margin-left:auto;
 
+    margin-right: auto;
 
+    margin-bottom: 60px;
 
+}
 
 
-        #time {
 
-            margin-top: 60px;
 
-        }
 
+.image-result-container img {
 
+    margin: 10px;
 
+    border: 1px solid #5f6368;
 
+}
 
 
-    }
 
+.donate-container {
 
+    text-align: center;
 
+    word-wrap: break-word;
 
+    margin-left: auto;
 
+    margin-right: auto;
 
+    margin-top: 8%;
 
+    border: 1px solid #bdc1c6;
 
+    max-width: 500px;
 
+    padding:0px 20px 20px 20px;
 
+}
 
 
+.donate-container img {
 
+    margin-top:10px;
 
+}
 
 
-    @media only screen and (max-width:900px) {
 
-        .info-container 
-        {
 
-            display: flex;
 
-            flex-wrap: wrap;
 
-            
-            flex-direction: column;
 
-        }
 
+.donate-container a {
 
+    color: #bd93f9;
 
+}
 
 
-        .info-container a
 
-        {
 
-            margin-top:5px;
 
-        }
 
+.footer-container {
 
+    position: fixed;
 
+    left: 0;
 
+    bottom: 0;
 
+    width: 100vw;
 
+    background-color: #171717;
 
+    padding-top: 15px;
 
+    padding-bottom: 15px;
 
+    border-top: 1px solid #303134;
 
+    text-align: center;
 
+}
 
 
-        .small-search-container input {
 
-            display: block;
 
+.footer-container a {
 
+    color: #999da2;
 
+    margin-left: 15px;
 
+    margin-right: 15px;
 
+}
 
 
-            margin-left: auto;
 
-            margin-right: auto;
 
-            margin-top: 30px;
 
+/* mobile view */
 
+@media only screen and (max-width: 900px) { 
+    .search-container input {
 
+        width: 80%;
 
+    }
 
 
-            width: 80%;
 
-        }
 
+    .search-button-wrapper button {
 
+        display: table-row;
 
+        margin: 30px 0px 0px 0px;
 
+        width: 80%;
 
+    }
 
 
-        .small-search-container a {
 
-            display: block;
 
-            width: 100%;
 
-            text-align: center;
 
+    .footer-container a {
 
+        margin:10px;
 
+    }
 
 
-            margin-top:10px;
 
-        }
 
+    .sub-search-container {
 
+        margin-left:auto;
 
+        margin-right:auto;
 
+        text-align: center;
 
+    }
 
 
-        .result-change {
 
-            margin-left: auto;
 
-            margin-right: auto;
 
-            text-align:  center;
 
-            margin-top: 5px;
 
-        }
 
+    .sub-search-container #logo {
 
+        margin-left:auto;
 
+        margin-right:auto;
 
+        display: block;
 
+        
+    }
 
 
-        img {
 
-            display: block;
 
+    .sub-search-container input {
 
+        width: 80%;
 
+        margin-top:30px;
 
+    }
 
 
-            margin-left: auto;
 
-            margin-right: auto;
 
+    .sub-search-button-wrapper {
 
+        margin:0;
 
+        padding:0;
 
+        display: flex;
 
+        
+    }
 
 
-            width: 98%;
 
+    .sub-search-button-wrapper img {
 
+        margin:0;
 
+        padding:0;
 
+        margin-bottom:20px;
 
+    }
 
 
-            margin-bottom: 30px;
 
-        }
 
+    .sub-search-button-wrapper button {
 
+        margin-left:auto;
 
+        margin-right:auto;
 
+        padding:0;
 
+       
+        display: flex;
 
+        flex-direction: column;
 
+        align-items: center;
 
+    } 
 
-        #special-result {
 
-            width: 70%;
 
-        } 
 
-        .result-container {
 
-            width: 70%;
 
-        }
 
+    .special-result-container {
 
+        max-width: 80%;
 
+    }
 
 
-        #time {
 
-            margin-top: 30px;
 
-        }
 
+    .donate-container {
 
+        max-width: 80%;
 
+    }
 
 
-        .page-container {
 
-            margin-bottom:130px;
 
-        }
 
+    .donate-container img {
 
+        display: block;
 
+        margin-left:auto;
 
+        margin-right:auto;
 
     }
 
 
-/* @media END */
 
+    .image-result-container img {
 
+        display:block;
 
+        margin-left:auto;
 
+        margin-right:auto;
 
+    }
 
+}

BIN
static/text_result.png
View File


BIN
static/torrent_result.png
View File


BIN
static/video_result.png
View File


BIN
static/xmr.png
View File