Skip to content

Commit 5a2ed0d

Browse files
tamirelazartamirelazar
authored
Merge pull request #105 from tamirelazar/dev
Promote dev: showcase demo CTA, Cosmic palette, mobile aspect, tagline
2 parents e91b2fb + 7d00087 commit 5a2ed0d

4 files changed

Lines changed: 17 additions & 16 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: 8 additions & 5 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);
@@ -43,8 +45,7 @@ const CSS = `
4345
#app .tag{position:absolute;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;
4446
background:#241c14;border:1px solid rgba(150,140,120,.35);padding:.18rem .6rem;color:var(--ink);
4547
box-shadow:inset 0 1px 0 rgba(255,244,228,.08),0 3px 11px rgba(0,0,0,.75)}
46-
#app .slabel{top:1.5rem;left:1.5rem}
47-
#app .status{top:1.5rem;right:1.5rem;color:var(--acc);cursor:pointer}
48+
#app .status{top:1.5rem;left:1.5rem;color:var(--acc);cursor:pointer}
4849
#app .status[data-paused]{color:var(--dim)}
4950
#app .readout{bottom:1.5rem;right:1.5rem;text-transform:none;letter-spacing:.04em}
5051
#app .readout .leg{color:var(--dim);opacity:.7}
@@ -67,7 +68,10 @@ const CSS = `
6768
@keyframes blink{50%{opacity:0}}
6869
#app .hint{font-size:.74rem;color:var(--dim);opacity:.7;line-height:1.5;min-height:1.1em;
6970
transition:opacity 1.1s ease}
70-
#app .hint[data-faded]{opacity:0}`;
71+
#app .hint[data-faded]{opacity:0}
72+
73+
/* Phones: the 16/9 screen is too short — give the sim a taller viewport. */
74+
@media (max-width:640px){#app .screen{aspect-ratio:4/5}}`;
7175

7276
export interface ChromeHandles {
7377
host: HTMLElement;
@@ -92,12 +96,11 @@ export function buildChrome(app: HTMLElement): ChromeHandles {
9296
</div>
9397
<div class="lede">
9498
<h1><i id="chev">❯</i>${COPY.tagline.replace(/\.$/, '')}</h1>
95-
<p class="blurb">${COPY.blurb}</p>
99+
<p class="blurb">${COPY.blurb} <a class="cta" href="${COPY.releases}">${COPY.cta} ↗</a></p>
96100
</div>
97101
<div class="screen" data-loading>
98102
<span class="tick tl"></span><span class="tick tr"></span>
99103
<span class="tick bl"></span><span class="tick br"></span>
100-
<span class="tag slabel">live</span>
101104
<span class="tag status" id="status">● running</span>
102105
<div class="viewport"><div class="host" id="host"></div></div>
103106
<span class="tag readout" id="readout">—</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)