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:
+8
-39
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user