www + whitepaper: adopt custom λ mark from MPS, green, 3× wordmark size

Fetched the lumbda-logos artwork from
media.unturf.com/c/fbd3d473-.../lumbda-logos (a MakePostSell product),
applied both flips (vertical + horizontal, = 180°) at bake time so the
PNG ships oriented correctly without any CSS transform dance, and
recolored non-background pixels to brand green (#227842) with alpha
derived from pixel brightness so anti-aliased edges stay smooth.

Two PNG variants ship under whitepaper/diagrams/:
  * lumbda-logo.png        dark ink for print contexts
  * lumbda-logo-green.png  #227842 for web

www/ carries symlinks to both.

Homepage (www/index.html): replaces the CSS-rendered λ with an
<img class="lambda-mark"> element sized 9.6rem — 3× the 3.2rem
wordmark font — stacked below "lumbda." on its own line.

Whitepaper (whitepaper/lumbda-whitepaper.rst): adds the logo as the
first figure above the permacomputer-logo, 24% width, centered.
Regenerated PDF + HTML; embed-images.py base64-inlines the new file
automatically so the HTML stays single-file.

CI (.gitlab-ci.yml): generalizes the symlink resolver from two
explicit `cp -L` calls into a `find www -type l` loop, so every
current and future symlinked asset deploys without per-file CI edits.
This commit is contained in:
russell@unturf.com 2026-04-19 17:32:43 -04:00
parent 9acfe40404
commit ecf0c89de2
10 changed files with 1579 additions and 1485 deletions

View file

@ -1,17 +1,21 @@
stages:
- deploy
# deploy-www.sh uses rsync -a (preserves symlinks). www/lumbda-whitepaper.*
# are symlinks into ../whitepaper/, which would land broken on the proxy.
# Resolve each to a real file before rsync'ing.
# deploy-www.sh uses rsync -a which preserves symlinks. Several files
# under www/ are symlinks into ../whitepaper/ or other repo paths;
# those would land broken on the proxy. Walk every symlink in www/
# and copy its target in place, so any current or future symlink
# drops into this repo deploys transparently.
deploy:
stage: deploy
tags: ["proxy.uncloseai.com"]
script:
- cp -L www/lumbda-whitepaper.pdf www/lumbda-whitepaper.pdf.real
- cp -L www/lumbda-whitepaper.html www/lumbda-whitepaper.html.real
- mv www/lumbda-whitepaper.pdf.real www/lumbda-whitepaper.pdf
- mv www/lumbda-whitepaper.html.real www/lumbda-whitepaper.html
- |
find www -type l | while read link; do
target="${link}.real"
cp -L "$link" "$target"
mv "$target" "$link"
done
- echo "{\"commit\":\"$CI_COMMIT_SHA\",\"ref\":\"$CI_COMMIT_REF_NAME\"}" > www/version.json
- sudo /usr/local/bin/deploy-www.sh lumbda www
rules:

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -20,6 +20,10 @@
.. under AGPL-3.0-only.
.. Code is seeds to sprout on any abandoned technology.
.. figure:: diagrams/lumbda-logo-green.png
:width: 24%
:align: center
.. figure:: diagrams/permacomputer-logo.jpg
:width: 42%
:align: center

View file

@ -12,7 +12,7 @@
<header>
<h1 aria-label="lumbda.">lumbda<span class="period" aria-hidden="true">.</span></h1>
<div class="lambda-mark" aria-hidden="true">&lambda;</div>
<img class="lambda-mark" src="lumbda-logo-green.png" alt="" aria-hidden="true">
<p class="tagline">feedback as a primitive</p>
</header>

1
www/lumbda-logo-green.png Symbolic link
View file

@ -0,0 +1 @@
../whitepaper/diagrams/lumbda-logo-green.png

1
www/lumbda-logo.png Symbolic link
View file

@ -0,0 +1 @@
../whitepaper/diagrams/lumbda-logo.png

View file

@ -53,18 +53,16 @@ header {
margin-bottom: 2rem;
}
/* Brand mark an oversized λ rotated 180° (two 90° turns), sitting
UNDER the wordmark as its own DOM element. Rotation, not a vertical
mirror: the short leg swings through both axes so the glyph reads
as "λ seen from the other side" rather than as a mirror image. */
/* Brand mark custom λ artwork (pre-flipped both axes at bake time,
recolored to #227842 with proper alpha). Shipped as a PNG so PDF,
print, and any print-styled email renders it consistently instead
of depending on CSS transforms. Sized 3× the wordmark font so it
carries the page. */
header .lambda-mark {
font-family: 'chunkfive', Georgia, serif;
font-size: 5rem;
line-height: 0.9;
color: var(--green);
transform: rotate(180deg);
transform-origin: center;
margin: 0.2rem 0 0.4rem;
display: block;
width: 9.6rem; /* 3× the 3.2rem h1 font-size */
height: auto;
margin: 0.4rem 0 0.6rem;
}
header h1 {