RevelaNetwork/Revela-v4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

I think we are ready for release 🎉

Browse source
This commit is contained in:
wearrrrr 2024-02-07 12:54:32 -06:00
parent bc97b91d43
commit 31c7f410c8
2 changed files with 21 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/UVRegistrar.astro
View file

@ -1,6 +1,7 @@
<script src="/uv/uv.bundle.js" transition:persist></script> <script src="/uv/uv.bundle.js" transition:persist></script>
<script src="/uv.config.js" transition:persist></script> <script src="/uv.config.js" transition:persist></script>
<script is:inline> <script>
//@ts-nocheck
let form = document.querySelector("form"); let form = document.querySelector("form");
let input = document.querySelector("input"); let input = document.querySelector("input");
window.navigator.serviceWorker.register("/sw.js", { window.navigator.serviceWorker.register("/sw.js", {
@ -17,7 +18,6 @@
} }
function formEventListener(event) { function formEventListener(event) {
console.log("Form event listener");
event.preventDefault(); event.preventDefault();
let loadingContent = document.getElementById("loading-content"); let loadingContent = document.getElementById("loading-content");
loadingContent.style.opacity = 1; loadingContent.style.opacity = 1;

37
src/layouts/Layout.astro
View file

@ -23,7 +23,7 @@ const { title, optionalPreloads } = Astro.props;
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<ThemeLoader /> <ThemeLoader transition:persist />
<CloakLoader transition:persist /> <CloakLoader transition:persist />
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="description" content="Astro description" /> <meta name="description" content="Astro description" />
@ -51,23 +51,6 @@ const { title, optionalPreloads } = Astro.props;
<UVRegistrar /> <UVRegistrar />
<Footer /> <Footer />
<style is:global> <style is:global>
* {
box-sizing: border-box;
}
body {
opacity: 0;
animation: fadeIn ease 0.2s forwards;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
:root { :root {
--background-color: #080808; --background-color: #080808;
--background-highlight: #252525; --background-highlight: #252525;
@ -77,6 +60,23 @@ const { title, optionalPreloads } = Astro.props;
--text-color-accent: #c7c7c7; --text-color-accent: #c7c7c7;
--dropdown-background-color: #1e1e1e; --dropdown-background-color: #1e1e1e;
} }
* {
box-sizing: border-box;
}
body {
opacity: 0;
animation: fadeIn ease 0.4s forwards;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
[data-theme="mocha"] { [data-theme="mocha"] {
/* Catppucin Mocha theme */ /* Catppucin Mocha theme */
@ -153,6 +153,7 @@ const { title, optionalPreloads } = Astro.props;
width: 100vw; width: 100vw;
height: 95vh; height: 95vh;
top: 5vh; top: 5vh;
left: 0;
border: none; border: none;
background-color: var(--background-color); background-color: var(--background-color);
transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out;