Update index.html

g0ldyy · Jun 27, 2024 · 1f56233 · 1f56233
1 parent c223ee1
commit 1f56233
Showing 1 changed file with 25 additions and 5 deletions.
diff --git a/comet/templates/index.html b/comet/templates/index.html
@@ -10,6 +10,7 @@
         <meta content="#6b6ef8" data-react-helmet="true" name="theme-color" />
 
         <title>Comet - Stremio's fastest torrent/debrid search add-on.</title>
+        <link id="favicon" rel="icon" type="image/x-icon" href="https://i.imgur.com/jmVoVMu.jpeg">
 
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.15.1/cdn/themes/dark.css" />
         <script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.15.1/cdn/shoelace-autoloader.js"></script>
@@ -21,26 +22,40 @@
 
             body {
                 display: flex;
+                flex-direction: column;
                 justify-content: center;
                 align-items: center;
                 min-height: 100vh;
+                margin: 0;
                 background: radial-gradient(ellipse at bottom, #25292c 0%, #0c0d13 100%);
                 font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-                /* overflow: hidden; */
+                font-size: 1rem;
+                font-weight: 400;
             }
 
             ::-webkit-scrollbar {
                 overflow: hidden;
             }
+
+            .header {
+                text-align: center;
+                width: 40%;
+                /* margin-bottom: 20px; */
+            }
+
+            .comet-text {
+                font-size: calc(1.375rem + 1.5vw);
+                font-weight: 500;
+                margin-bottom: 0;
+            }
 
             .form-container {
                 background-color: #1a1d20;
-                padding: 2rem!important;
+                padding: 2rem;
                 border-radius: 0.375rem;
                 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
-                width: 80vw;
-                max-width: 900px;
-                min-height: 50vh;
+                width: 50%;
+                margin-bottom: 50px;
             }
 
             .form-item {
@@ -447,6 +462,11 @@
             });
         </script>
 
+        <div class="header">
+            <p class="comet-text">🚀 Comet - <a href="https://github.com/g0ldyy/comet">GitHub</a></p>
+            {{CUSTOM_HEADER_HTML|safe}}
+        </div>
+
         <div class="form-container">
             <div class="form-item">
                 <sl-select id="indexers" multiple clearable label="Indexers" placeholder="Select indexers"></sl-select>