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

new look for intro and layout colors

Browse source
This commit is contained in:
Reid 2024-10-21 18:40:07 -07:00
parent b146ed8767
commit ad33aad173
Signed by: reidlab
GPG key ID: DAF5EAF6665839FD
2 changed files with 27 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/Intro.astro
View file

@ -4,7 +4,7 @@
<div class="load" aria-hidden="true">
<div class="load2">
<div class="load3">
<div class="loading">welcome...</div>
<div class="loading">welcome!</div>
</div>
</div>
</div>
@ -15,7 +15,7 @@
height: 100vh;
z-index: 101;
background-color: #181818;
animation: .8s cubic-bezier(0.32, 0, 0.67, 0) .6s loader forwards;
animation: .7s cubic-bezier(0.33, 0, 0.66, 0) .45s loader forwards;
}
.load2 {
@ -23,8 +23,8 @@
width: 100vw;
height: 100vh;
z-index: 102;
background: linear-gradient(165deg, rgba(142,241,255,1) 0%, rgba(193,87,221,1) 28%, rgba(155,153,255,1) 71%, rgba(223,193,255,1) 100%);
animation: .8s cubic-bezier(0.32, 0, 0.67, 0) .55s loader forwards;
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 {
@ -34,17 +34,17 @@
height: 100vh;
z-index: 103;
background-color: #181818;
animation: .8s cubic-bezier(0.32, 0, 0.67, 0) .5s loader forwards;
animation: .7s cubic-bezier(0.33, 0, 0.66, 0) .35s loader forwards;
}
.loading {
position: absolute;
bottom: 50%;
text-align: center;
padding-left: 1em;
width: 100vw;
color: #eeeeee;
font-style: italic;
font-size: clamp(0px, calc(4vw), 99em);
font-size: 3em;
user-select: none;
z-index: 104;
}

40
src/layouts/Layout.astro
View file

@ -73,27 +73,27 @@ import "../styles/main.css";
.container {
background: linear-gradient(
290deg,
#9161da,
#772089 30%,
transparent 0%
),
linear-gradient(
285deg,
#9161da,
#5b53c4 45%,
transparent 0%
),
linear-gradient(
280deg,
#864364,
#cf8293 55%,
transparent 0%
),
linear-gradient(
275deg,
#f38ba8,
#eba0ac 30%,
transparent 0%
),
linear-gradient(
260deg,
#74c7ec,
#89b4fa 45%,
transparent 0%
),
linear-gradient(
270deg,
#fab387,
#f9e2af 55%,
transparent 0%
),
linear-gradient(
265deg,
#a6e3a1,
#94e2d5 70%,
#de8155,
#e4ae8f 70%,
transparent 0%),
#181818;
background-attachment: fixed;