Update templates/index.html

templates/index.html

@@ -12,6 +12,7 @@
   <link href="https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
   <link rel="preload" href="{{ url_for('static', filename='eye.gif') }}" as="image">
+  <link rel="preload" href="{{ url_for('static', filename='andalemono.ttf') }}" as="font" type="font/ttf" crossorigin>
   <link rel="icon" type="image/png" href="https://i.ibb.co/gvKPXJD/eye.gif">
     <title>{{ page_title|safe }}</title>
     <style>
@@ -55,7 +56,6 @@
         h3 {
             margin-bottom: 0px;
             margin-top: 0px !important;
-            border-bottom: 1px solid white; 
             color:var(--text-color); 
             font-family: 'Andale Mono';
             font-weight: normal;
@@ -110,7 +110,7 @@
           margin: 0px;
           margin-top: 20px;
           font-weight: normal;
-          font-size: 30pt;
+          font-size: 10pt;
         }
         .feed {
           transition: opacity 0.3s ease;
@@ -250,7 +250,7 @@
 
               
                     <div class="info" id="info">
-                      <h1 id="country" style="color:var(--text-color); margin-top: 10px; font-family: 'Andale Mono'; margin-bottom: 10px;"> SEARCHING...</h1>        
+                      <h1 id="country" style="color:var(--text-color); margin-top: 10px; font-family: 'Andale Mono'; margin-bottom: 2px;"> searching...</h1>        
                       <a href="{{ ip_link }}" target="_blank"> <h3 style="border-bottom: 1px solid white;" id="location-name">{{ page_title|safe }}</h3></a>
 
                       <div style="display: flex; margin-top: 22px; margin-bottom: 0%;">
@@ -335,7 +335,7 @@
                         if (xhr.getResponseHeader('Content-Type') === 'image/jpeg') {
                             img.src = newUrl + "?r=" + new Date().getTime();
                             if (firstLoad){
-                                countryElement.textContent = "CONNECTING..."; 
+                                countryElement.textContent = "connecting..."; 
                             }
                             isJpeg = true;
                             contentTypeChecked = true;
@@ -382,7 +382,7 @@
             
             const urlParams = new URLSearchParams(window.location.search);
             if (urlParams.get('new') === 'false') {
-                countryElement.textContent = "COULDN'T CONNECT.";
+                countryElement.textContent = "couldn't connect.";
             }
             else {
                 window.location.href = "?new=true";
@@ -435,7 +435,7 @@
       const countryElement = document.getElementById("country");
 
       if (urlParams.get('new') === 'false') {
-          countryElement.textContent = "CONNECTING...";
+          countryElement.textContent = "connecting...";
       }
   });