add stat cards to index page, new pattern, misc

This commit is contained in:
2025-10-09 19:32:51 +02:00
parent d3a71827e1
commit 3b83bc89a0
8 changed files with 104 additions and 17 deletions

View File

@@ -16,6 +16,56 @@
linear-gradient(to right, #ff637e 15%, #00d3f2 100%);
}
.dashed-top-fade-grid {
position: absolute;
inset: 0;
z-index: 0;
background-image:
linear-gradient(to right, #e7e5e4 1px, transparent 1px),
linear-gradient(to bottom, #e7e5e4 1px, transparent 1px);
background-size: 20px 20px;
background-position:
0 0,
0 0;
mask-image:
repeating-linear-gradient(
to right,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
repeating-linear-gradient(
to bottom,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%);
-webkit-mask-image:
repeating-linear-gradient(
to right,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
repeating-linear-gradient(
to bottom,
black 0px,
black 3px,
transparent 3px,
transparent 8px
),
radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%);
mask-composite: intersect;
-webkit-mask-composite: source-in;
}
.dashed-bottom-fade-grid {
position: absolute;
inset: 0;