GameCult/Delvehold
Watch
9
0
Fork
You've already forked Delvehold
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Restore neutral site presentation

Browse source
This commit is contained in:
Meta Vens 2026-08-27 02:10:20 +02:00
commit c7642a5595
2 changed files with 35 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
Delvehold/index.md
View file

@ -5,7 +5,7 @@ description: One persistent world, experienced from opposite sides of the contra
<div class="delvehold-landing">
<header class="delvehold-intro">
<p>Delvehold is a social MMO about building a life together through a magical industrial revolution of the players' own making. Workshops, guilds, and neighborhoods must organize around the abundance, upheaval, and ecological pressure created by their own relentless acceleration. An AI-native world simulation lets institutions, populations, and rival powers remember those changes and pursue their own responses, while the world-dungeon itself learns from every expedition sent to harvest what its living body grows and sheds. DELVE and HOLD are two ways of inhabiting that same persistent world.</p>
<p>Delvehold is a social MMO about building a life together through a magical industrial revolution of the players' own making. Workshops, guilds, and neighborhoods must organize around the abundance, upheaval, and ecological pressure created by their own relentless acceleration.<br />An AI-native world simulation lets institutions, populations, and rival powers remember those changes and pursue their own responses, while the world-dungeon itself learns from every expedition sent to harvest what its living body grows and sheds.<br />DELVE and HOLD are two ways of inhabiting that same persistent world.</p>
</header>
<div class="delvehold-mode-boundary delvehold-mode-boundary-delve" aria-hidden="true"></div>

38
site/quartz/styles/custom.scss
View file

@ -94,7 +94,7 @@ body {
.delvehold-wordmark-hold {
color: var(--hold-purple);
font-weight: 800;
font-weight: 100;
}
.delvehold-wordmark-slash {
@ -143,7 +143,7 @@ article > h3 {
}
body[data-slug="index"] {
background: color-mix(in srgb, var(--hold-purple) 9%, #050505);
background: #050505;
timeline-scope: --delvehold-enter-delve, --delvehold-enter-hold;
&::before,
@ -154,7 +154,6 @@ body[data-slug="index"] {
inset: -35vmax;
pointer-events: none;
clip-path: polygon(120% 0, 100% 0, 100% 100%, 100% 100%);
filter: drop-shadow(-2px 0 rgba(255, 255, 255, 0.58));
animation: delvehold-diagonal-wipe linear both;
animation-range: entry 0% cover 50%;
}
@ -209,14 +208,34 @@ body[data-slug="index"] {
height: 1px;
margin-top: -1px;
pointer-events: none;
&::after {
content: "";
position: fixed;
z-index: 2;
inset: -35vmax;
pointer-events: none;
background: #fff;
clip-path: polygon(120% 0, 120.15% 0, 100.15% 100%, 100% 100%);
animation: delvehold-wipe-edge linear both;
animation-range: entry 0% cover 50%;
}
}
.delvehold-mode-boundary-delve {
view-timeline: --delvehold-enter-delve block;
&::after {
animation-timeline: --delvehold-enter-delve;
}
}
.delvehold-mode-boundary-hold {
view-timeline: --delvehold-enter-hold block;
&::after {
animation-timeline: --delvehold-enter-hold;
}
}
.delvehold-landing {
@ -347,11 +366,22 @@ body[data-slug="index"] {
}
}
@keyframes delvehold-wipe-edge {
from {
clip-path: polygon(120% 0, 120.15% 0, 100.15% 100%, 100% 100%);
}
to {
clip-path: polygon(0 0, 0.15% 0, -19.85% 100%, -20% 100%);
}
}
@media (prefers-reduced-motion: reduce) {
body[data-slug="index"]::before,
body[data-slug="index"]::after,
body[data-slug="index"] .delvehold-wordmark-delve,
body[data-slug="index"] .delvehold-wordmark-hold {
body[data-slug="index"] .delvehold-wordmark-hold,
.delvehold-mode-boundary::after {
animation: none;
}
}