Update templates/index.html

templates/index.html

@@ -5,7 +5,7 @@
   
   <meta property="og:title" content="a random unsecured camera" />
   <meta property="og:image" content="{{ url_for('static', filename='searching.png') }}" />
-  <meta property="og:url" content="https://unsecuredcamera.com" />
+  <meta property="og:url" content="https://unsecuredcamera.com" /> 
 
   <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">
@@ -52,7 +52,7 @@
             margin-bottom: 0px;
             margin-top: 0px !important;
             border-bottom: 2px solid yellow; 
-            color:rgbvar(--text-color); 
+            color:var(--text-color); 
             font-family: 'Helvetica'; font-weight: 50;
         }
         .pulse {
@@ -143,7 +143,7 @@
             background-color: transparent;
             border-radius: 5px;
             text-decoration: none;
-            color:rgbvar(--text-color);
+            color:var(--text-color);
             transition: 0.5s ease;
         }
         .hoverButton {
@@ -236,7 +236,7 @@
                         </a>
                         <!--<a  class="abortButton" href="?new=false&id={{ id }}" id="refreshSameFeedButton" style="display: inline-block;">-->
                         <a  class="abortButton" href="?new=false&id={{ id }}" id="refreshSameFeedButton" style="display: inline-block;">
-                          <button class="hoverButton" style="border-radius: 5px; border: 2px solid rgbvar(--text-color); background-color: transparent; padding: 10px;">
+                          <button class="hoverButton" style="border-radius: 5px; border: 2px solid var(--text-color); background-color: transparent; padding: 10px;">
                             refresh
                           </button>
                         </a>
@@ -245,7 +245,7 @@
                         <p id="copied" class="tag" style="visibility: hidden;">copied</p>
                       </div>
 
-                        <p id="info-text" style="color:rgbvar(--text-color); font-family: 'Helvetica'; font-weight: 50;">
+                        <p id="info-text" style="color:var(--text-color); font-family: 'Helvetica'; font-weight: 50;">
 
                           time: <span id="time"></span><br>
 
@@ -255,7 +255,7 @@
                             lat, lon: {{ loc }}
                           </span>
                           
-                          <span id="show-more">more <i style="margin-bottom:20px; color:rgbvar(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i></span>
+                          <span id="show-more">more <i style="margin-bottom:20px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i></span>
 
                           <span class="tag"><br>a brayden moore website<br></span>
                           thanks for visiting<br>
@@ -475,10 +475,10 @@
       if (additionalInfo.style.height === '0px') {
         const scrollHeight = additionalInfo.scrollHeight;
         additionalInfo.style.height = `${scrollHeight}px`;
-        showMore.innerHTML = 'less <i style="margin-bottom:20px; color:rgbvar(--text-color);" id="more-button" class="fa-solid fa-caret-up"></i>';
+        showMore.innerHTML = 'less <i style="margin-bottom:20px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-up"></i>';
       } else {
         additionalInfo.style.height = '0';
-        showMore.innerHTML = 'more <i style="margin-bottom:20px; color:rgbvar(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i>';
+        showMore.innerHTML = 'more <i style="margin-bottom:20px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i>';
       }
     });
   });