JimWeaver/Oxyde
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small adjustments made by zed editor formatting

Browse Source
This commit is contained in:
qdust41
2026-04-19 20:49:02 -04:00
parent c7cb73b360
commit 0ccb77be40
9 changed files with 1929 additions and 1153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/lib/components/LoadingScreen.svelte
View File

@@ -1,29 +1,46 @@
<div class="loading">
<span class="brand-mark">OXYDE</span>
<div class="spinner"></div>
<span class="brand-mark">OXYDE</span>
<div class="spinner"></div>
</div>
<style>
.loading {
display: flex; flex-direction: column;
align-items: center; justify-content: center;
height: 100vh; gap: 20px;
background: var(--bg);
}
.brand-mark {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 32px; font-weight: 700;
color: var(--accent);
letter-spacing: 0.22em;
animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
.spinner {
width: 20px; height: 20px;
border: 1.5px solid var(--border);
border-top-color: var(--accent);
border-radius: 50%;
animation: spin 0.75s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
.loading {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
gap: 20px;
background: var(--bg);
}
.brand-mark {
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 32px;
font-weight: 700;
color: var(--accent);
letter-spacing: 0.22em;
animation: pulse 1.6s ease-in-out infinite;
}
@keyframes pulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.45;
}
}
.spinner {
width: 20px;
height: 20px;
border: 1.5px solid var(--border);
border-top-color: var(--accent);
border-radius: 50%;
animation: spin 0.75s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
</style>