reidlab/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

kill the intro

Browse source
This commit is contained in:
Reid 2024-10-24 18:28:37 -07:00
parent c1b76c8201
commit 195b567e7e
Signed by: reidlab
GPG key ID: DAF5EAF6665839FD
2 changed files with 0 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

63
src/components/Intro.astro
View file

@ -1,63 +0,0 @@
---
---
<div class="load" aria-hidden="true">
<div class="load2">
<div class="load3">
<div class="loading">welcome!</div>
</div>
</div>
</div>
<style>
.load {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 101;
background-color: #181818;
animation: .7s cubic-bezier(0.33, 0, 0.66, 0) .45s loader forwards;
}
.load2 {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 102;
background: linear-gradient(165deg, #de8155 0%, #f4d27a 33%, #5f7ddb 66%, #9161da 100%);
animation: .7s cubic-bezier(0.33, 0, 0.66, 0) .4s loader forwards;
}
.load3 {
position: fixed;
overflow: hidden;
width: 100vw;
height: 100vh;
z-index: 103;
background-color: #181818;
animation: .7s cubic-bezier(0.33, 0, 0.66, 0) .35s loader forwards;
}
.loading {
position: absolute;
bottom: 50%;
padding-left: 1em;
width: 100vw;
color: #eeeeee;
font-style: italic;
font-size: 3em;
user-select: none;
z-index: 104;
}
@keyframes loader {
0% {
height: 100vh;
display: block;
}
100% {
height: 0vh;
display: none;
}
}
</style>

3
src/layouts/Layout.astro
View file

@ -10,7 +10,6 @@ import { ViewTransitions } from "astro:transitions";
import ReplacementSwap from "astro-vtbot/components/ReplacementSwap.astro"; import ReplacementSwap from "astro-vtbot/components/ReplacementSwap.astro";
import Sidebar from "../components/Sidebar.astro"; import Sidebar from "../components/Sidebar.astro";
import Intro from "../components/Intro.astro";
import "modern-normalize"; import "modern-normalize";
import "../styles/main.css"; import "../styles/main.css";
@ -40,8 +39,6 @@ import "../styles/main.css";
<ReplacementSwap /> <ReplacementSwap />
</head> </head>
<body> <body>
<Intro />
<Sidebar /> <Sidebar />
<div class="container"> <div class="container">
<main <main