Make the page loading animation look better

public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Allow: *

src/components/Footer.astro

@@ -89,6 +89,7 @@
 
 .footerlist ul > li {
     padding: 2px;
+    padding-bottom: 5px;
 }
 
 .footerlist ul > li > a {

src/components/UVRegistrar.astro

@@ -23,8 +23,6 @@
         iframe.addEventListener('load', () => {
             let topBar = document.getElementById('top-bar');
             loadingContent.style.opacity = 0;
-            iframe.style.opacity = 1;
-            topBar.style.opacity = 1;
             topBar.innerHTML = "";
             topBar.classList.add("top-bar");
             let closeButton = document.createElement('button');
@@ -39,6 +37,8 @@
             let urlText = document.createElement('p');
             urlText.classList.add("url-text");
             urlText.innerText = url
+            iframe.style.opacity = 1;
+            topBar.style.opacity = 1;
             topBar.style.pointerEvents = "auto";
             topBar.appendChild(closeButton);
             topBar.appendChild(urlText);

src/layouts/Layout.astro

@@ -104,14 +104,14 @@ body > * {
   align-items: center;
   padding: 0 1rem;
   height: 5vh;
-  background-color: #080808;
+  background-color: #7900e1;
   color: white;
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   z-index: 100;
-  transition: opacity 250ms ease-in-out;
+  transition: opacity 350ms ease-in-out;
   pointer-events: none;
 }
 .close-button {

src/pages/index.astro

@@ -10,7 +10,7 @@ import UVRegistrar from '../components/UVRegistrar.astro';
       <input class="url-input" type="text" placeholder="Search...">
       <div id="loading-content">Loading...</div>
       <div id="top-bar"></div>
-      <iframe src="" id="proxy-frame"></iframe>
+      <iframe title="proxy-iframe" id="proxy-frame"></iframe>
     </form>
 	</div>
   <UVRegistrar></UVRegistrar>