dark-firepit
/
dark-firepit.cloud
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

optimize filter: drop-shadow to box-shadow and text-shadow

This commit is contained in:
Jill 2022-12-24 03:08:16 +03:00
parent 0441615425
commit 35a405500c
4 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/Header.svelte
View File

@ -11,4 +11,4 @@
</style> </style>
<img src="/logo.png" width="128" height="128" class="logo center" alt="dark-firepit logo"> <img src="/logo.png" width="128" height="128" class="logo center" alt="dark-firepit logo">
<h1 class="center glow-slight"><a class="stealth-link" href="/">dark-firepit</a></h1> <h1 class="center glow-text"><a class="stealth-link" href="/">dark-firepit</a></h1>

2
src/lib/People.svelte
View File

@ -107,6 +107,8 @@ Commits programming crimes both willingly and unwillingly.
description: ` description: `
Bait for buses. No longer SSHes into their server as root. Should not be trusted around hammers, curtains, or Bait for buses. No longer SSHes into their server as root. Should not be trusted around hammers, curtains, or
a set of 2 wedding videos. a set of 2 wedding videos.
<br><br>
🧩 🥛
<br><br> <br><br>
`, `,
site: 'https://zydra.space/', site: 'https://zydra.space/',

2
src/routes/videos-of-all-time/+page.svelte
View File

@ -8,7 +8,7 @@
<style> <style>
.video { .video {
border-radius: 10px; border-radius: 10px;
filter: drop-shadow(0px 0px 32px rgba(255, 255, 255, 0.1)); box-shadow: 0px 0px 32px rgba(255, 255, 255, 0.1);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;

14
src/style.css
View File

@ -69,24 +69,24 @@ em {
@keyframes glow { @keyframes glow {
from { from {
filter: drop-shadow(0px 0px 32px #4210f1) drop-shadow(0px 0px 4px #222230); box-shadow: 0px 0px 48px #4210f1, 0px 0px 8px #222230;
} }
to { to {
filter: drop-shadow(0px 0px 64px #4210f1) drop-shadow(0px 0px 6px #222230); box-shadow: 0px 0px 96px #4210f1, 0px 0px 12px #222230;
} }
} }
.glow-slight { .glow-text {
animation: 4s glow-slight infinite ease-in-out; animation: 4s glow-text infinite ease-in-out;
animation-direction: alternate; animation-direction: alternate;
} }
@keyframes glow-slight { @keyframes glow-text {
from { from {
filter: drop-shadow(0px 0px 6px #222230); text-shadow: 0px 0px 12px #222230;
} }
to { to {
filter: drop-shadow(0px 0px 4px #222230); text-shadow: 0px 0px 8px #222230;
} }
} }