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

treewide: site redesign

Browse source
This commit is contained in:
RGBCube 2025-06-01 21:32:33 +03:00
parent 3d663619e6
commit 4b146bbe4e
Signed by: RGBCube
SSH key fingerprint: SHA256:CzqbPcfwt+GxFYNnFVCqoN5Itn4YFrshg1TrnACpA5M
80 changed files with 1842 additions and 1117 deletions
Download patch file Download diff file Expand all files Collapse all files

90
site/index.vto Normal file
View file

@ -0,0 +1,90 @@
<style>
cube-face::after {
z-index: -1;
content: "";
height: inherit;
width: inherit;
position: absolute;
}
.cube-face-front {
background: linear-gradient(to bottom, cyan, blue);
&::after {
background: linear-gradient(to bottom, white, magenta);
mask-image: linear-gradient(to left, magenta, transparent);
}
}
.cube-face-top {
background: linear-gradient(to bottom, lime, cyan);
&::after {
background: linear-gradient(to bottom, yellow, white);
mask-image: linear-gradient(to left, white, transparent);
}
}
.cube-face-back {
background: linear-gradient(to bottom, yellow, red);
&::after {
background: linear-gradient(to bottom, lime, black);
mask-image: linear-gradient(to left, black, transparent);
}
}
.cube-face-bottom {
background: linear-gradient(to bottom, blue, black);
&::after {
background: linear-gradient(to bottom, magenta, red);
mask-image: linear-gradient(to left, red, transparent);
}
}
.cube-face-right {
background: linear-gradient(to bottom, white, magenta);
&::after {
background: linear-gradient(to bottom, yellow, red);
mask-image: linear-gradient(to left, red, transparent);
}
}
.cube-face-left {
background: linear-gradient(to bottom, lime, black);
&::after {
background: linear-gradient(to bottom, cyan, blue);
mask-image: linear-gradient(to left, blue, transparent);
}
}
</style>
{{> const style = `
bg-white font-[ecrou] text-black text-sm
select-none
px-1 pt-0.5 transform-[translateY(calc(-var(--spacing)*0.5/2))]
nuclear
` }}
{{ set cube_face_front }}
<a draggable="false" class="{{ style }}" href="/about/">about</a>
{{ /set }}
{{ set cube_face_top }}
<a draggable="false" class="{{ style }}" href="https://github.com/RGBCube">github</a>
{{ /set }}
{{ set cube_face_right }}
<a draggable="false" class="{{ style }}" href="/contact/">contact</a>
{{ /set }}
{{ set cube_face_left }}
<a draggable="false" class="{{ style }}" href="/blog/">blog</a>
{{ /set }}
{{ include "cube.vto" }}