Update templates/index.html

templates/index.html

@@ -7,6 +7,9 @@
   <meta property="og:image" content="{{ url_for('static', filename='searching.png') }}" />
   <meta property="og:url" content="https://unsecuredcamera.com" /> 
 
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <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="icon" type="image/png" href="https://i.ibb.co/gvKPXJD/eye.gif">
@@ -53,7 +56,7 @@
             margin-top: 0px !important;
             border-bottom: 2px solid yellow; 
             color:var(--text-color); 
-            font-family: 'Helvetica'; font-weight: 50;
+            font-family: 'Silkscreen'; font-weight: 50;
         }
         .pulse {
             width: 40px;
@@ -154,7 +157,7 @@
               color: black;
         }
         .tag {
-            font-family: 'Helvetica'; 
+            font-family: 'Silkscreen'; 
             font-weight: 50;
             margin: auto;
             color:var(--text-color);
@@ -228,7 +231,7 @@
 
               
                     <div class="info" id="info">
-                      <h1 id="country" style="color:var(--text-color); margin-top: 10px; font-family: 'Helvetica'; font-weight: 50; margin-bottom: 10px;"> searching...</h1>        
+                      <h1 id="country" style="color:var(--text-color); margin-top: 10px; font-family: 'Silkscreen'; font-weight: 50; margin-bottom: 10px;"> searching...</h1>        
                       <a href="{{ ip_link }}" target="_blank"> <h3 style="border-bottom: 2px solid yellow;" id="location-name">{{ page_title|safe }}</h3></a>
 
                       <div style="display: flex; margin-top: 22px; margin-bottom: 0%;">
@@ -249,7 +252,7 @@
                         <p id="copied" class="tag" style="visibility: hidden;">copied</p>
                       </div>
 
-                        <p id="info-text" style="color:var(--text-color); font-family: 'Helvetica'; font-weight: 50;">
+                        <p id="info-text" style="color:var(--text-color); font-family: 'Silkscreen'; font-weight: 50;">
 
                           time: <span id="time"></span><br>