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

Tune fullscreen VN graph exploration

Browse source
This commit is contained in:
Meta Vens 2026-05-31 16:11:04 +01:00
commit 4f85257e07
2 changed files with 55 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

5
GameCult/static/interactive/gamecult-compound/gamecult-compound.visual-manifest.json
View file

@ -863,7 +863,10 @@
],
"viewport_width": 1180,
"viewport_height": 720,
"viewport_padding": 90
"viewport_padding": 90,
"focus_distortion_radius": 420,
"focus_distortion_strength": 0.3,
"focus_distortion_padding": 72
},
"scene_set": {
"id": "gamecult_compound_card_stage",

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

@ -1055,17 +1055,21 @@ body[data-slug="index"] {
.page {
max-width: none;
height: 100svh;
min-height: 100svh;
max-height: 100svh;
overflow: hidden;
padding: 0;
}
.page > #quartz-body {
min-height: 100svh;
height: 100svh;
min-height: 0;
max-height: 100svh;
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"grid-header"
"grid-center"
"grid-footer";
grid-template-rows: minmax(0, 1fr);
grid-template-areas: "grid-center";
overflow: hidden;
}
.page > #quartz-body > .left.sidebar,
@ -1080,16 +1084,21 @@ body[data-slug="index"] {
display: block;
grid-area: grid-center;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.page > #quartz-body .center > article {
height: 100%;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
overflow: hidden;
}
.page::before {
@ -1109,7 +1118,8 @@ body[data-slug="index"] {
}
}
body[data-slug="Pitch"] .gamecult-vn-source {
body[data-slug="Pitch"] .gamecult-vn-source,
body[data-slug="index"] .gamecult-vn-source {
position: absolute;
width: 1px;
height: 1px;
@ -1123,8 +1133,14 @@ body[data-slug="Pitch"] .gamecult-vn-source {
body[data-slug="index"] .gamecult-compound-vn.sai-player-speaker {
--sai-sprite-pixel-scale: 4;
position: fixed;
inset: 0;
z-index: 1;
width: 100%;
height: 100svh;
min-height: 100svh;
max-height: 100svh;
overflow: hidden;
margin: 0;
}
@ -1149,7 +1165,9 @@ body[data-slug="index"] .gamecult-compound-vn .sai-speaker-stage.has-dom-cards {
.gamecult-compound-vn.sai-player-speaker,
.gamecult-compound-vn .sai-speaker-stage,
.gamecult-compound-vn .sai-speaker-stage.has-dom-cards {
height: 100dvh;
min-height: 100dvh;
max-height: 100dvh;
}
.gamecult-compound-vn .sai-speaker-stage,
@ -1219,12 +1237,27 @@ body[data-slug="index"] .gamecult-compound-vn .sai-speaker-stage.has-dom-cards {
}
.gamecult-compound-vn .sai-speaker-card {
left: 256px;
border-top-color: rgba(89, 183, 255, 0.18);
grid-template-columns: minmax(0, 1fr);
background:
linear-gradient(135deg, rgba(5, 8, 13, 0.92), rgba(9, 14, 22, 0.82)),
linear-gradient(90deg, rgba(89, 183, 255, 0.04), rgba(255, 138, 42, 0.04));
}
.gamecult-compound-vn .sai-speaker-avatar-shell {
position: absolute;
left: -256px;
bottom: 0;
width: 256px;
height: 256px;
border-top: 1px solid rgba(89, 183, 255, 0.18);
border-right-color: rgba(89, 183, 255, 0.18);
background:
linear-gradient(180deg, rgba(4, 7, 12, 0.2), rgba(4, 7, 12, 0.76)),
radial-gradient(circle at 50% 18%, rgba(89, 183, 255, 0.1), transparent 46%);
}
@media (max-width: 960px) {
.gamecult-compound-vn .sai-graph-layer {
inset: 3.2rem 0.75rem auto;
@ -1241,6 +1274,18 @@ body[data-slug="index"] .gamecult-compound-vn .sai-speaker-stage.has-dom-cards {
}
}
@media (max-width: 760px) {
.gamecult-compound-vn .sai-speaker-card {
left: 128px;
}
.gamecult-compound-vn .sai-speaker-avatar-shell {
left: -128px;
width: 128px;
height: 128px;
}
}
.gamecult-vn-source {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));