Update templates/index.html

templates/index.html

@@ -13,7 +13,6 @@
             padding-top: 3%;
             margin-left: 5vw;
         }
-
         .pulse {
             width: 40px;
             height: 40px;
@@ -25,7 +24,6 @@
             margin-left: -20px;
             margin-top: -20px; 
         }
-
         .dot {
             border-style: solid;
             border-width: 2px;
@@ -38,25 +36,21 @@
             margin-left: -4.5px;
             margin-top: -4.5px;
         }
-
         @keyframes pulse-animation {
             0% { transform: scale(0.1); opacity: 0.4; }
             100% { transform: scale(3); opacity: 0; }
         }
-
         .flex-container {
             display: flex;
             justify-content: left;
             align-items: top;
         }
-
         .outer-container {
             margin-left: 2%;
             justify-content: left;
             align-items: left;
             max-width: 70vw;
         }
-
         .feed {
             padding: 1%;
             border-style: solid;
@@ -67,15 +61,12 @@
             min-width: 50%; 
             height: 65vh;
         }
-
-
         .map {
             width: 100%; 
             height: 100%;
             object-fit: cover;
             margin: auto;
         }
-
         .map-div {
             padding: 1%;
             position: relative;
@@ -85,7 +76,6 @@
             margin-bottom: 3%;
             box-sizing: border-box;
         }
-
         .info {
             min-width: 30vw;
             display: flex;
@@ -98,11 +88,9 @@
             color: black;
             transition: 0.5s ease-in-out;
         }
-
         a {
             color:rgb(83, 83, 83);
         }
-
         @media only screen and (orientation: portrait) {
             body {
               margin-left: auto;
@@ -127,7 +115,6 @@
                 height: 65vh;
             }
         }
-
     </style>
 </head>
 
@@ -136,7 +123,7 @@
         <p style="color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50;"> a random unsecured camera in</p>
         <h1 style="color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50; margin-bottom: 3%;"> {{ country }}</h1>
                 <div class="flex-container">
-                      <img id="feed" class="feed" src="{{ url_for('proxy', url=url) }}" />
+                    <img id="feed" class="feed" src="" />
                     <div class="info">
 
                         <h3 style="border-bottom: 1px solid yellow; color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50;">{{ name }}</h3>
@@ -178,7 +165,6 @@
 
 
     <script>
-
     document.addEventListener("DOMContentLoaded", function() {
         const feed = document.getElementById("feed");
         feed.src = "{{ url_for('static', filename='loading.gif') }}";
@@ -194,7 +180,6 @@
         };
         img.src = newUrl;
     });
-
     </script>
 </body>