RGBCube/Site
1
Fork 0
mirror of https://github.com/RGBCube/Site synced 2025-07-29 20:17:46 +00:00
Code Issues Activity Actions

text.vto: make (c) shake a little

Browse source
This commit is contained in:
RGBCube 2025-06-25 18:44:20 +03:00
parent 3d082a541d
commit 57f9847a09
Signed by: RGBCube
SSH key fingerprint: SHA256:CzqbPcfwt+GxFYNnFVCqoN5Itn4YFrshg1TrnACpA5M
2 changed files with 30 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
site/_includes/text.vto
View file

@ -37,7 +37,7 @@ layout: default.vto
</div>
<footer class="flex justify-center text-sm wrap-anywhere mt-auto p-1.5 pb-2 border-t-4 border-x-4 border-black dark:border-white">
Copyright © {{ Temporal.Now.plainDateISO().year }}
Copyright <span class="shake-sm px-0.5"><p>©</p></span> {{ Temporal.Now.plainDateISO().year }}
<a draggable="false" class="flex items-center pl-2" href="/" alt="RGBCube">
{{ include "rgbcube.vto" {

30
site/assets/css/default.css
View file

@ -63,7 +63,27 @@
--animate-shake-y: shake-y 0.08s linear infinite;
@keyframes slide-down-shake {
@keyframes shake-sm-x {
0%, 100% {}
50% {
transform: translateX(2px);
}
}
--animate-shake-sm-x: shake-sm-x 0.07s linear infinite;
@keyframes shake-sm-y {
0%, 100% {}
50% {
transform: translateY(2px);
}
}
--animate-shake-sm-y: shake-sm-y 0.08s linear infinite;
@keyframes slide-down-shake-sm {
0% {
transform: translateY(-100%);
}
@ -101,6 +121,14 @@
}
}
.shake-sm {
@apply animate-shake-sm-x;
& > * {
@apply animate-shake-sm-y;
}
}
.nuclear {
&:active {
@apply animate-blink-red-white text-white;