feat: doom runs inline as .doom/doom.sh instead of a floating draggable window

cds into a fake .doom folder (breadcrumb + file listing match every other page); .. is a real link back to wherever you typed doom from, so leaving is just normal pjax navigation.
This commit is contained in:
kgva CMS
2026-08-10 22:54:15 +00:00
parent d3f63251eb
commit 3c7cc6ae6b
2 changed files with 43 additions and 80 deletions
+8 -39
View File
@@ -276,48 +276,17 @@ body:not(.home) .menu { display: none; }
}
.proj-path__seg--last { font-weight: 700; }
/* secret `doom` — a small window floating over the site, sized to the 4:3 game */
.doom-window {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: min(92vw, 640px);
z-index: 9999;
display: flex;
flex-direction: column;
background: #000;
border: 1px solid var(--color-text-primary);
box-shadow: 0 12px 48px rgba(0, 0, 0, 0.45);
}
.doom-window__bar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.25rem 0.25rem 0.25rem 0.6rem;
font-family: var(--font-family-mono);
font-size: var(--font-size-small);
color: #fff;
background: #000;
cursor: move;
user-select: none;
}
.doom-window__close {
cursor: pointer;
color: #fff;
background: none;
border: none;
font: inherit;
line-height: 1;
padding: 0 0.6ch;
}
.doom-window__close:hover { color: #000; background: #fff; }
.doom-window iframe {
/* secret `doom` — runs inline as doom.sh inside a fake .doom folder, same
file-listing chrome as any other page. sized to the classic 4:3 game. */
.doom-player {
width: 100%;
aspect-ratio: 4 / 3;
height: auto;
border: 0;
background: #000;
}
.doom-player iframe {
width: 100%;
height: 100%;
border: 0;
display: block;
}