Update templates/index.html

templates/index.html

@@ -153,6 +153,10 @@
         #share:hover {
           opacity: 0.5;
         }
+        #additional-info {
+          display: none;
+        }
+      
 
 
 
@@ -223,12 +227,14 @@
                       </div>
 
                         <p id="info-text" style="color:rgb(53, 53, 53); font-family: 'Helvetica'; font-weight: 50;">
-                            
+
+                          time: <span id="time"></span><br>
+                          <span id="show-more">...</span>
                           <span id="additional-info">
                             owner: {{ owner }}<br>
                             ip: {{ ip }}<br>  
-                            lat, lon: {{ loc }}<br>
-                            time: <span id="time"></span><br><br>
+                            lat, lon: {{ loc }}
+                            <br><br>
                           </span>
                             
                           <span class="tag">a brayden moore website<br></span>thanks for visiting
@@ -417,6 +423,18 @@
         window.location.href = '/?new=true';
       }
     });
+
+  // Show more info
+  document.addEventListener('DOMContentLoaded', function() {
+    const infoText = document.getElementById('info-text');
+    const additionalInfo = document.getElementById('additional-info');
+    
+    additionalInfo.style.display = 'none';
+    
+    infoText.addEventListener('click', function() {
+      additionalInfo.style.display = (additionalInfo.style.display === 'none') ? 'block' : 'none';
+    });
+  });
       
     </script>
 </body>