Update templates/index.html

templates/index.html

@@ -110,7 +110,7 @@
           margin: 0px;
           margin-top: 20px;
           font-weight: normal;
-          font-size: 20pt;
+          font-size: 30pt;
         }
         .feed {
           transition: opacity 0.3s ease;
@@ -165,6 +165,8 @@
               font-size: 10pt;
               padding: 5px;
               border-radius: 0px;
+              border: 1px white solid;
+              background-color: black;
         }
         .hoverButton:hover {
               color: black;
@@ -243,7 +245,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: 10px;"> 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%;">
@@ -328,7 +330,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;
@@ -375,7 +377,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";
@@ -428,7 +430,7 @@
       const countryElement = document.getElementById("country");
 
       if (urlParams.get('new') === 'false') {
-          countryElement.textContent = "connecting...";
+          countryElement.textContent = "CONNECTING...";
       }
   });