gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases1 Activity

style: format

Browse Source
This commit is contained in:
dusk 2025-04-02 06:37:49 +03:00
parent 22507a6ec3
commit e76819be04
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
2 changed files with 396 additions and 377 deletions

109
src/styles/app.css

@ -78,27 +78,43 @@
text-decoration: underline;
}
h1,h2,h3,h4,h5,h6,.text-shadow-pink {
text-shadow: 0 0 3px theme(colors.ralsei.black), 0 0 6px theme(colors.ralsei.pink.neon), 0 0 10px #fff3;
h1,
h2,
h3,
h4,
h5,
h6,
.text-shadow-pink {
text-shadow:
0 0 3px theme(colors.ralsei.black),
0 0 6px theme(colors.ralsei.pink.neon),
0 0 10px #fff3;
}
.text-shadow-red {
text-shadow: 0 0 1px theme(colors.ralsei.black), 0 0 5px theme(colors.red.600);
text-shadow:
0 0 1px theme(colors.ralsei.black),
0 0 5px theme(colors.red.600);
}
.text-shadow-none {
text-shadow: none;
}
.prose ul, ul {
.prose ul,
ul {
list-style-type: '>>';
}
.text-shadow-green {
text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.green.light);
text-shadow:
0 0 2px theme(colors.ralsei.black),
0 0 5px theme(colors.ralsei.green.light);
}
a,button,input[type=submit] {
a,
button,
input[type='submit'] {
@apply text-shadow-green;
cursor: url('/icons/gaze.webp'), pointer;
}
@ -109,31 +125,31 @@
@keyframes squigglevision {
0% {
filter: url("#squiggly-0");
filter: url('#squiggly-0');
}
25% {
filter: url("#squiggly-1");
filter: url('#squiggly-1');
}
50% {
filter: url("#squiggly-2");
filter: url('#squiggly-2');
}
75% {
filter: url("#squiggly-3");
filter: url('#squiggly-3');
}
100% {
filter: url("#squiggly-4");
filter: url('#squiggly-4');
}
}
@keyframes blink {
0% {
opacity: 1.0;
opacity: 1;
}
50% {
opacity: 0.0;
opacity: 0;
}
100% {
opacity: 1.0;
opacity: 1;
}
}
}
@ -179,13 +195,14 @@
@media (prefers-reduced-motion: no-preference) {
@keyframes bounce-reverse {
0%, 100% {
0%,
100% {
transform: none;
animation-timing-function: cubic-bezier(0,0,0.2,1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
50% {
transform: translateY(-25%);
animation-timing-function: cubic-bezier(0.8,0,1,1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
}
}
@ -197,21 +214,27 @@
}
a.app-selected-route {
text-shadow: 0 0 2px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.pink.regular);
text-shadow:
0 0 2px theme(colors.ralsei.black),
0 0 5px theme(colors.ralsei.pink.regular);
}
.app-grid-background {
background-image:
linear-gradient(theme(colors.ralsei.green.light / 0.4), transparent 2px),
linear-gradient(to right, theme(colors.ralsei.green.light / 0.4), transparent 2px);
background-size: 100% 42px, 42px 100%;
background-size:
100% 42px,
42px 100%;
}
.app-grid-background-second-layer {
background-image:
linear-gradient(theme(colors.ralsei.pink.neon / 0.4), transparent 1px),
linear-gradient(to right, theme(colors.ralsei.pink.neon / 0.4), transparent 1px);
background-size: 100% 24px, 24px 100%;
background-size:
100% 24px,
24px 100%;
}
@media (prefers-reduced-motion: no-preference) {
@ -251,59 +274,59 @@ a.app-selected-route {
@keyframes window-open-scale {
0% {
scale: 0.0;
opacity: 0.0;
scale: 0;
opacity: 0;
}
20% {
scale: 0.0;
scale: 0;
}
60% {
opacity: 0.5;
}
100% {
scale: 1.0;
opacity: 1.0;
scale: 1;
opacity: 1;
}
}
@keyframes window-open-scale-vertical {
0% {
scale: 1.0 0.0;
opacity: 0.0;
scale: 1 0;
opacity: 0;
}
20% {
scale: 1.0 0.0;
scale: 1 0;
}
60% {
opacity: 0.5;
}
100% {
scale: 1.0 1.0;
opacity: 1.0;
scale: 1 1;
opacity: 1;
}
}
@keyframes window-open-scale-horizontal {
0% {
scale: 0.0 1.0;
opacity: 0.0;
scale: 0 1;
opacity: 0;
}
20% {
scale: 0.0 1.0;
scale: 0 1;
}
60% {
opacity: 0.5;
}
100% {
scale: 1.0 1.0;
opacity: 1.0;
scale: 1 1;
opacity: 1;
}
}
@keyframes window-open-move-down {
0% {
translate: 0 10rem;
opacity: 0.0;
opacity: 0;
}
20% {
translate: 0 10rem;
@ -313,14 +336,14 @@ a.app-selected-route {
}
100% {
translate: normal;
opacity: 1.0;
opacity: 1;
}
}
@keyframes window-open-move-up {
0% {
translate: 0 -10rem;
opacity: 0.0;
opacity: 0;
}
20% {
translate: 0 -10rem;
@ -330,14 +353,14 @@ a.app-selected-route {
}
100% {
translate: normal;
opacity: 1.0;
opacity: 1;
}
}
@keyframes window-open-move-left {
0% {
translate: 10rem 0;
opacity: 0.0;
opacity: 0;
}
20% {
translate: 10rem 0;
@ -347,14 +370,14 @@ a.app-selected-route {
}
100% {
translate: normal;
opacity: 1.0;
opacity: 1;
}
}
@keyframes window-open-move-right {
0% {
translate: -10rem 0;
opacity: 0.0;
opacity: 0;
}
20% {
translate: -10rem 0;
@ -364,7 +387,7 @@ a.app-selected-route {
}
100% {
translate: normal;
opacity: 1.0;
opacity: 1;
}
}

26
tailwind.config.js

@ -1,5 +1,5 @@
const colors = require('tailwindcss/colors')
const plugin = require('tailwindcss/plugin')
const colors = require('tailwindcss/colors');
const plugin = require('tailwindcss/plugin');
/** @type {import('tailwindcss').Config} */
export default {
@ -24,38 +24,34 @@ export default {
'--tw-prose-pre-code': theme('colors.ralsei.white'),
'--tw-prose-pre-bg': theme('colors.ralsei.green.dark'),
'--tw-prose-th-borders': theme('colors.ralsei.white'),
'--tw-prose-td-borders': theme('colors.ralsei.white'),
},
},
'--tw-prose-td-borders': theme('colors.ralsei.white')
}
}
}),
animation: {
'bounce-slow': 'bounce 3s infinite',
'pulse-fast': 'pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'blink': 'blink 1s step-start infinite',
blink: 'blink 1s step-start infinite'
},
colors: {
ralsei: {
pink: {
regular: '#fe96e0',
neon: '#ff3eb7',
neon: '#ff3eb7'
},
white: '#fff9fe',
black: '#000801',
green: {
light: '#4dcc8e',
dark: '#162d26',
dark: '#162d26'
}
}
}
},
fontFamily: {
'sans-serif': ['"Fusion Pixel 10px Proportional zh_hans", sans-serif'],
monospace: ['"Fusion Pixel 10px Monospaced zh_hans", monospace'],
monospace: ['"Fusion Pixel 10px Monospaced zh_hans", monospace']
}
},
plugins: [
require('@tailwindcss/typography'),
require('@tailwindcss/forms'),
],
}
plugins: [require('@tailwindcss/typography'), require('@tailwindcss/forms')]
};