make Revival Inc. PRESS START a real link to the game
This commit is contained in:
parent
6ab0a26e47
commit
5b93f59750
7 changed files with 44 additions and 23 deletions
|
|
@ -5,21 +5,24 @@ import type { ReactNode } from "react";
|
|||
/**
|
||||
* Decorative, asset-free mock windows for the two feature panels (Revival Inc.
|
||||
* and RustyWolf). They replace the old raster screenshots so the panels read as
|
||||
* a little OS window instead of a flat image. Purely presentational — the real
|
||||
* copy lives in the `.web-feature-text` paragraph below each window.
|
||||
* a little OS window instead of a flat image. Mostly presentational — the real
|
||||
* copy lives in the `.web-feature-text` paragraph below each window. The one
|
||||
* interactive bit is the game's "PRESS START", which is a real link to the game.
|
||||
*/
|
||||
|
||||
function Chrome({
|
||||
title,
|
||||
tabs,
|
||||
decorative = true,
|
||||
children,
|
||||
}: {
|
||||
title?: string;
|
||||
tabs?: ReactNode;
|
||||
decorative?: boolean;
|
||||
children: ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<div className="fw" aria-hidden="true">
|
||||
<div className="fw" aria-hidden={decorative || undefined}>
|
||||
<div className={"fw-bar" + (tabs ? " fw-bar-browser" : "")}>
|
||||
<span className="fw-dots">
|
||||
<span className="fw-dot" />
|
||||
|
|
@ -36,21 +39,23 @@ function Chrome({
|
|||
function GameBody() {
|
||||
return (
|
||||
<div className="fw-scene">
|
||||
<span className="fw-stars" />
|
||||
<span className="fw-moon" />
|
||||
<span className="fw-hills" />
|
||||
<div className="fw-graves">
|
||||
<span className="fw-stars" aria-hidden="true" />
|
||||
<span className="fw-moon" aria-hidden="true" />
|
||||
<span className="fw-hills" aria-hidden="true" />
|
||||
<div className="fw-graves" aria-hidden="true">
|
||||
<span className="fw-grave" />
|
||||
<span className="fw-grave" />
|
||||
<span className="fw-grave" />
|
||||
<span className="fw-grave" />
|
||||
</div>
|
||||
<span className="fw-scan" />
|
||||
<div className="fw-hud">
|
||||
<span className="fw-scan" aria-hidden="true" />
|
||||
<div className="fw-hud" aria-hidden="true">
|
||||
<span className="fw-hearts">♥ ♥ ♥</span>
|
||||
<span className="fw-score">SCORE 0000</span>
|
||||
</div>
|
||||
<span className="fw-start">PRESS START</span>
|
||||
<a className="fw-start" href="https://dvorakmortonxd.dev/revival-inc">
|
||||
PRESS START
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -91,7 +96,7 @@ function BrowserBody() {
|
|||
export default function FeatureWindow({ variant }: { variant: "game" | "browser" }) {
|
||||
if (variant === "game") {
|
||||
return (
|
||||
<Chrome title="revival-inc — mini jame gam #55">
|
||||
<Chrome title="revival-inc — mini jame gam #55" decorative={false}>
|
||||
<GameBody />
|
||||
</Chrome>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -318,7 +318,7 @@ export default function WebLayout() {
|
|||
</Section>
|
||||
|
||||
<footer className="web-footer glass">
|
||||
<span className="web-footer-label">v2.2.12</span>
|
||||
<span className="web-footer-label">v2.2.13</span>
|
||||
© 2025-2026 Martin Dvořák. All rights reserved (not really I dont care, just
|
||||
follow the GPL3.0 License)
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -632,12 +632,25 @@ html[data-theme="web"] body {
|
|||
border: 1px solid rgba(255, 255, 255, 0.55);
|
||||
background: rgba(124, 58, 237, 0.4);
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
font-family: var(--font-custom-mono);
|
||||
font-size: 0.6rem;
|
||||
letter-spacing: 0.16em;
|
||||
white-space: nowrap;
|
||||
animation: fw-blink 1.1s steps(2, start) infinite;
|
||||
}
|
||||
.fw-start:hover {
|
||||
background: rgba(124, 58, 237, 0.72);
|
||||
border-color: #fff;
|
||||
animation: none;
|
||||
opacity: 1;
|
||||
}
|
||||
.fw-start:focus-visible {
|
||||
outline: 2px solid #fff;
|
||||
outline-offset: 2px;
|
||||
animation: none;
|
||||
}
|
||||
@keyframes fw-blink {
|
||||
50% {
|
||||
opacity: 0.35;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue