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:
parent
9acfe40404
commit
ecf0c89de2
10 changed files with 1579 additions and 1485 deletions
|
|
@ -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:
|
||||
|
|
|
|||
BIN
whitepaper/diagrams/lumbda-logo-green.png
Normal file
BIN
whitepaper/diagrams/lumbda-logo-green.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
whitepaper/diagrams/lumbda-logo.png
Normal file
BIN
whitepaper/diagrams/lumbda-logo.png
Normal file
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
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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">λ</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
1
www/lumbda-logo-green.png
Symbolic link
|
|
@ -0,0 +1 @@
|
|||
../whitepaper/diagrams/lumbda-logo-green.png
|
||||
1
www/lumbda-logo.png
Symbolic link
1
www/lumbda-logo.png
Symbolic link
|
|
@ -0,0 +1 @@
|
|||
../whitepaper/diagrams/lumbda-logo.png
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue