From 6672d9336e13c849104d9d92ce89471b618997ec Mon Sep 17 00:00:00 2001 From: wearrrrr Date: Wed, 10 Jan 2024 13:34:48 -0600 Subject: [PATCH] Make the page loading animation look better --- public/robots.txt | 2 ++ src/components/Footer.astro | 1 + src/components/UVRegistrar.astro | 4 ++-- src/layouts/Layout.astro | 4 ++-- src/pages/index.astro | 2 +- 5 files changed, 8 insertions(+), 5 deletions(-) create mode 100644 public/robots.txt diff --git a/public/robots.txt b/public/robots.txt new file mode 100644 index 0000000..f31bce4 --- /dev/null +++ b/public/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Allow: * \ No newline at end of file diff --git a/src/components/Footer.astro b/src/components/Footer.astro index df8c3ae..ced91c8 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -89,6 +89,7 @@ .footerlist ul > li { padding: 2px; + padding-bottom: 5px; } .footerlist ul > li > a { diff --git a/src/components/UVRegistrar.astro b/src/components/UVRegistrar.astro index 429eea5..d1c7386 100644 --- a/src/components/UVRegistrar.astro +++ b/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); diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 84bbbba..e26193b 100644 --- a/src/layouts/Layout.astro +++ b/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 { diff --git a/src/pages/index.astro b/src/pages/index.astro index 49547c0..080a5dd 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -10,7 +10,7 @@ import UVRegistrar from '../components/UVRegistrar.astro';
Loading...
- +