Skip to content

Commit 405a2f1

Browse files
tamirelazartamirelazar
authored
Merge pull request #104 from tamirelazar/feat/showcase-demo-cta
Showcase: demo CTA, Cosmic palette, taller mobile screen
2 parents bb7da8c + 45f3a4c commit 405a2f1

4 files changed

Lines changed: 16 additions & 13 deletions

File tree

‎web/index.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>tslime — a terminal screensaver that grows on you</title>
6+
<title>tslime — a terminal screensaver that will grow on you</title>
77
<meta name="description" content="A lightweight terminal screensaver simulating Physarum slime-mold growth. Watch it run live in your browser." />
88
<link rel="canonical" href="https://tamirelazar.github.io/tslime/" />
99
<meta property="og:type" content="website" />
10-
<meta property="og:title" content="tslime — a terminal screensaver that grows on you" />
10+
<meta property="og:title" content="tslime — a terminal screensaver that will grow on you" />
1111
<meta property="og:description" content="A lightweight terminal screensaver simulating Physarum slime-mold growth." />
1212
<meta property="og:image" content="https://tamirelazar.github.io/tslime/poster.png" />
1313
<meta property="og:url" content="https://tamirelazar.github.io/tslime/" />
@@ -28,9 +28,8 @@
2828
<!-- Static first paint: meaningful to crawlers + JS-off visitors. chrome.ts
2929
enhances this; it does not supply the first paint. -->
3030
<main id="app">
31-
<h1>A terminal screensaver that grows on you.</h1>
32-
<p>A lightweight terminal screensaver that simulates the growth patterns of
33-
Physarum polycephalum — slime mold.</p>
31+
<h1>A terminal screensaver that will grow on you.</h1>
32+
<p>A limited WASM demo. <a href="https://github.com/tamirelazar/tslime/releases">Install the real thing</a>.</p>
3433
<noscript><img src="/tslime/poster.png" alt="tslime slime-mold simulation still" width="900" /></noscript>
3534
</main>
3635
<script type="module" src="/src/main.ts"></script>

‎web/src/chrome.ts‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,8 @@ const CSS = `
2525
letter-spacing:-.01em;line-height:1.05;color:var(--ink)}
2626
#app h1 i{color:var(--acc);font-style:normal;margin-right:.4rem}
2727
#app .blurb{margin:0;max-width:58ch;color:var(--dim);font-size:.9rem;line-height:1.6}
28+
#app .blurb .cta{color:var(--acc);border-bottom:1px solid transparent}
29+
#app .blurb .cta:hover{color:#a8e29c;border-bottom-color:currentColor}
2830
2931
/* Recessed screen: square, inner shadow well, bordered bezel tags. */
3032
#app .screen{position:relative;width:100%;aspect-ratio:16/9;background:var(--screen);
@@ -67,7 +69,10 @@ const CSS = `
6769
@keyframes blink{50%{opacity:0}}
6870
#app .hint{font-size:.74rem;color:var(--dim);opacity:.7;line-height:1.5;min-height:1.1em;
6971
transition:opacity 1.1s ease}
70-
#app .hint[data-faded]{opacity:0}`;
72+
#app .hint[data-faded]{opacity:0}
73+
74+
/* Phones: the 16/9 screen is too short — give the sim a taller viewport. */
75+
@media (max-width:640px){#app .screen{aspect-ratio:4/5}}`;
7176

7277
export interface ChromeHandles {
7378
host: HTMLElement;
@@ -92,7 +97,7 @@ export function buildChrome(app: HTMLElement): ChromeHandles {
9297
</div>
9398
<div class="lede">
9499
<h1><i id="chev">❯</i>${COPY.tagline.replace(/\.$/, '')}</h1>
95-
<p class="blurb">${COPY.blurb}</p>
100+
<p class="blurb">${COPY.blurb} <a class="cta" href="${COPY.releases}">${COPY.cta} ↗</a></p>
96101
</div>
97102
<div class="screen" data-loading>
98103
<span class="tick tl"></span><span class="tick tr"></span>

‎web/src/controls.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ const PALETTE_ACCENT: Record<string, string> = {
99
Warm: '#d2ab5f',
1010
Ocean: '#79aff7',
1111
Mono: '#b0adaa',
12-
Heat: '#f18c64',
12+
Cosmic: '#be95ec',
1313
};
1414

1515
// One-line character note per preset, shown after the first preset cycle.

‎web/src/data.ts‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,17 @@
22
// (sim-params only — NOT the temporal/glyph showcase presets). Matched by
33
// name against the wasm preset registry at runtime.
44
export const CURATED_PRESETS = ['Network', 'Organic', 'Vortex', 'Lightning', 'Tendrils'];
5-
export const CURATED_PALETTES = ['Slime', 'Warm', 'Ocean', 'Mono', 'Heat'];
5+
export const CURATED_PALETTES = ['Slime', 'Warm', 'Ocean', 'Mono', 'Cosmic'];
66

77
// Injected from Cargo.toml at build time (see vite.config.ts).
88
declare const __APP_VERSION__: string;
99

1010
export const COPY = {
1111
name: 'tslime',
1212
version: __APP_VERSION__,
13-
tagline: 'A terminal screensaver that grows on you.',
14-
blurb:
15-
'A lightweight terminal screensaver that simulates the growth patterns of ' +
16-
'Physarum polycephalum — slime mold.',
13+
tagline: 'A terminal screensaver that will grow on you.',
14+
blurb: 'A limited WASM demo.',
15+
cta: 'install the real thing',
1716
github: 'https://github.com/tamirelazar/tslime',
1817
releases: 'https://github.com/tamirelazar/tslime/releases',
1918
};

0 commit comments

Comments
 (0)