Skip to content

Commit 6cd49bf

Browse files
updates
1 parent 187350e commit 6cd49bf

File tree

3 files changed

+55
-4
lines changed

3 files changed

+55
-4
lines changed

website/.css

Lines changed: 0 additions & 3 deletions
This file was deleted.

website/a.css

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
* {
2+
margin: 0;
3+
}
4+
html {
5+
color: #ffffff;
6+
font-family: monospace;
7+
text-align: center;
8+
}
9+
body {
10+
background-color: #000000;
11+
position: fixed;
12+
top: 50%;
13+
left: 50%;
14+
translate: -50% -50%;
15+
height: auto;
16+
width: 75%;
17+
}
18+
@property --angle1 {
19+
syntax: "<angle>";
20+
initial-value: 0deg;
21+
inherits: false
22+
}
23+
h1 {
24+
font-size: 30px;
25+
-webkit-text-stroke-color: hsl(var(--angle1) 100% 50%);
26+
-webkit-text-stroke-width: 0.5px;
27+
filter: drop-shadow(0px 20px 50px hsl(var(--angle1) 100% 50%)) drop-shadow(10px 5px 5px hsl(var(--angle1) 100% 50% / 50%)) drop-shadow(400px -10px 50px hsl(var(--angle1) 100% 50% / 50%)) drop-shadow(-400px 20px 50px hsl(var(--angle1) 100% 50% / 50%));
28+
animation: 3s rgb linear infinite;
29+
}
30+
@keyframes rgb {
31+
from {
32+
--angle1: 0deg
33+
}
34+
to {
35+
--angle1: 360deg
36+
}
37+
}
38+
span {
39+
position: fixed;
40+
translate: -50% 2px;
41+
width: 100%;
42+
background: hsl(0deg 0% 100% / 25%);
43+
background: radial-gradient(circle, hsl(0deg 0% 100% / 25%) 0%, hsl(0deg 0% 0% / 0%) 100%);
44+
background: -moz-radial-gradient(circle, hsl(0deg 0% 100% / 25%) 0%, hsl(0deg 0% 0% / 0%) 100%);
45+
background: -webkit-radial-gradient(circle, hsl(0deg 0% 100% / 25%) 0%, hsl(0deg 0% 0% / 0%) 100%);
46+
max-width: 700px;
47+
color: hsl(0 0% 75%);
48+
filter: saturate(0%);
49+
opacity: 0.4;
50+
padding-bottom: 5px;
51+
}
52+
h4 {
53+
translate: 0% calc(100% + 9px);
54+
}

website/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html>
33
<head>
44
<title>Just an Ultimate Site Tool</title>
5-
<link rel="stylesheet" href="https://just.is-a.dev/.css">
5+
<link rel="stylesheet" href="https://just.is-a.dev/a.css">
66
</head>
77
<body>
88
<h1>Just an Ultimate Site Tool</h1>

0 commit comments

Comments
 (0)