Rsclub2_2/kst4contest
1
0
Fork 0
mirror of https://github.com/praktimarc/kst4contest.git synced 2026-07-13 16:16:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add ordered and featured feature collections

Browse Source
This commit is contained in:
Marc Froehlich
2026-07-07 00:23:45 +02:00
parent 8f46909ebf
commit 9359568a33
2 changed files with 40 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/_site/assets/css/main.css
+20 -1
View File
@@ -48,7 +48,11 @@ body {
linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px); linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
background-size: 54px 54px; background-size: 54px 54px;
mask-image: radial-gradient(circle at center, black, transparent 72%); -webkit-mask-image:
radial-gradient(circle at center, black, transparent 72%);
mask-image:
radial-gradient(circle at center, black, transparent 72%);
} }
a { a {
@@ -70,6 +74,7 @@ a:hover {
align-items: center; align-items: center;
padding: 18px 6vw; padding: 18px 6vw;
background: rgba(5, 8, 22, 0.76); background: rgba(5, 8, 22, 0.76);
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px); backdrop-filter: blur(18px);
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
} }
@@ -159,6 +164,20 @@ a:hover {
font-size: 1.18rem; font-size: 1.18rem;
max-width: 850px; max-width: 850px;
} }
.hero::before {
content:"";
position:absolute;
inset:-200px;
background:
radial-gradient(circle,
rgba(56,189,248,.18),
transparent 65%);
filter:blur(120px);
pointer-events:none;
}
.badge, .badge,
.eyebrow { .eyebrow {
website/src/assets/css/main.css
+20 -1
View File
@@ -48,7 +48,11 @@ body {
linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px); linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
background-size: 54px 54px; background-size: 54px 54px;
mask-image: radial-gradient(circle at center, black, transparent 72%); -webkit-mask-image:
radial-gradient(circle at center, black, transparent 72%);
mask-image:
radial-gradient(circle at center, black, transparent 72%);
} }
a { a {
@@ -70,6 +74,7 @@ a:hover {
align-items: center; align-items: center;
padding: 18px 6vw; padding: 18px 6vw;
background: rgba(5, 8, 22, 0.76); background: rgba(5, 8, 22, 0.76);
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px); backdrop-filter: blur(18px);
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
} }
@@ -159,6 +164,20 @@ a:hover {
font-size: 1.18rem; font-size: 1.18rem;
max-width: 850px; max-width: 850px;
} }
.hero::before {
content:"";
position:absolute;
inset:-200px;
background:
radial-gradient(circle,
rgba(56,189,248,.18),
transparent 65%);
filter:blur(120px);
pointer-events:none;
}
.badge, .badge,
.eyebrow { .eyebrow {