{{ .Title }}
@@ -7,40 +10,156 @@{{ .Content }}
-
-
-
+
'
+ f' '
+ f''
+ f' '
+ f''
+ f' '
+ )
+ color = f"url(#g{uid})"
+ return (
+ f"{defs} "
+ f''
+ f' '
+ )
+
+
+def svg(k, tier, color="currentColor", uid="", cls="pm", standalone=False):
+ x, y, w, h = MARKS[k]["vb"]
+ ns = f" {XMLNS}" if standalone else ""
+ return (
+ f'"
+ )
+
+
+# ---------------------------------------------------------------- raster
+def raster(svgtxt, w, h):
+ png = cairosvg.svg2png(bytestring=svgtxt.encode(), output_width=w, output_height=h)
+ return Image.open(io.BytesIO(png)).convert("RGBA")
+
+
+def mark_png(k, tier, height, color=None):
+ _, _, w, h = MARKS[k]["vb"]
+ return raster(svg(k, tier, color or MARKS[k]["color"], standalone=True), round(height * w / h), height)
+
+
+# ---------------------------------------------------------------- wordmark
+_font = TTFont(FONT)
+_upm = _font["head"].unitsPerEm
+_cap = _font["OS/2"].sCapHeight or int(_upm * 0.7)
+_glyphs = _font.getGlyphSet()
+_cmap = _font.getBestCmap()
+
+
+def wordmark(text, size, x0=0.0, baseline=0.0, tracking=-0.028):
+ """Outline text as one SVG path; returns (path_d, advance_width)."""
+ s = size / _upm
+ parts, x = [], x0
+ for ch in text:
+ name = _cmap[ord(ch)]
+ pen = SVGPathPen(_glyphs)
+ g = _glyphs[name]
+ g.draw(pen)
+ d = pen.getCommands()
+ if d:
+ parts.append(f'{body(k, "flat")} '
+ f'{paths} '
+ )
+ return f''
+ gap = H * 0.28
+ paths, tw = wordmark("furtka", size, x0=mw + gap, baseline=H)
+ total_w = mw + gap + tw
+ inner = (
+ f'{body(k, "flat")} '
+ f'{paths} '
+ )
+ return f''
+
+
+def lockup_png(k, W, Hpx, stacked, mark_h):
+ """Rasterise the lockup on the mark's ink ground (splash / social card)."""
+ ink = MARKS[k]["ink"]
+ col = MARKS[k]["color"]
+ inner = lockup(k, stacked).replace("currentColor", col)
+ inner = inner.replace('
{{ partial "mark-m.html" (dict "class" "pm--big" "id" "m") }}
-
- {{ partial "mark-m.html" (dict "class" "pm--head" "id" "mh") }}Furtka
- 
Furtka
-
- Furtka
- {{ $p.m.title }}
-{{ $p.m.text }}
- + {{/* ── Quick vote ─────────────────────────────────────────── */}} +
+ {{ range $k, $d := (dict "m" $M "r" $R) }}
+ {{ $c := index $p $k }}
+
+
-
-
-
+ {{ end }}
-
{{ $d.display | safeHTML }}
+ {{ $c.title }}
+{{ $c.text }}
+ - -{{ partial "mark-r.html" (dict "class" "pm--big" "id" "r") }}
-
- {{ partial "mark-r.html" (dict "class" "pm--head" "id" "rh") }}Furtka
- 
Furtka
-
- Furtka
- {{ $p.r.title }}
-{{ $p.r.text }}
- - - +{{ $p.labels.nojs }}
+ + {{/* ── Showcase ───────────────────────────────────────────── */}} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{/* ── Vote again at the end ─────────────────────────────── */}}
+ {{ $s.intro }}
+ +{{ $s.sizes }}
+{{ $s.sizes_text }}
+
+ {{ range $k, $d := (dict "m" $M "r" $R) }}
+
+
+ {{ index $p $k "short" }}
+
+ {{ end }}
+
+ {{ $d.flat | safeHTML }}96
+ {{ $d.flat | safeHTML }}48
+ {{ $d.min | safeHTML }}32
+ {{ $d.min | safeHTML }}24
+ 
16
+ {{ $s.name }}
+{{ $s.name_text }}
+
+ {{ range $k, $d := (dict "m" $M "r" $R) }}
+
+
+ {{ index $p $k "short" }}
+
+ {{ end }}
+ {{ $d.lockup_h | safeHTML }}
+ {{ $d.lockup_s | safeHTML }}
+ {{ $s.browser }}
+{{ $s.browser_text }}
+
+ {{ range $k, $d := (dict "m" $M "r" $R) }}
+
+
+ {{ index $p $k "short" }}
+
+ {{ end }}
+
+ Furtka
+
+
+ {{ $d.flat | safeHTML }}Furtka{{ $s.nav1 }}{{ $s.nav2 }}
+
+
{{ $s.phone }}
+{{ $s.phone_text }}
+
+ {{ range $k, $d := (dict "m" $M "r" $R) }}
+
+
+ {{ index $p $k "short" }}
+ 
+
+ {{ end }}
+ {{ $s.box }}
+{{ $s.box_text }}
+
+ {{ range $k, $d := (dict "m" $M "r" $R) }}
+
+
+ {{ index $p $k "short" }}
+ 
+
+ {{ end }}
+ {{ $d.banner }}
+
+ Furtka is ready. Open http://furtka.local
+
+ {{ $s.shared }}
+{{ $s.shared_text }}
+
+ {{ range $k, $d := (dict "m" $M "r" $R) }}
+
+
+ {{ index $p $k "short" }}
+ 
+
+ {{ end }}
+
+ {{ $s.colour }}
+{{ $s.colour_text }}
+
+ {{ range $k, $d := (dict "m" $M "r" $R) }}
+
+
+ {{ index $p $k "short" }}
+
+ {{ end }}
+
+ {{ $d.flat | safeHTML }}
+ {{ $d.flat | safeHTML }}
+ {{ $d.flat | safeHTML }}
+ {{ $d.flat | safeHTML }}
+
+ {{ $s.final }}
+
+ {{ range $k, $d := (dict "m" $M "r" $R) }}
+
+
+ {{ $d.flat | safeHTML }}
+
+
+
+
+ {{ end }}
+ {{ $p.labels.note | safeHTML }}
{{ $js := resources.Get "js/poll.js" | minify | fingerprint }} diff --git a/website/static/img/logo/m/social.png b/website/static/img/logo/m/social.png new file mode 100644 index 0000000..0a5477e Binary files /dev/null and b/website/static/img/logo/m/social.png differ diff --git a/website/static/img/logo/m/splash.png b/website/static/img/logo/m/splash.png new file mode 100644 index 0000000..7d43290 Binary files /dev/null and b/website/static/img/logo/m/splash.png differ diff --git a/website/static/img/logo/m/tile-round.png b/website/static/img/logo/m/tile-round.png new file mode 100644 index 0000000..433998e Binary files /dev/null and b/website/static/img/logo/m/tile-round.png differ diff --git a/website/static/img/logo/m/tile.png b/website/static/img/logo/m/tile.png new file mode 100644 index 0000000..d4bb0b9 Binary files /dev/null and b/website/static/img/logo/m/tile.png differ diff --git a/website/static/img/logo/r/social.png b/website/static/img/logo/r/social.png new file mode 100644 index 0000000..bc25571 Binary files /dev/null and b/website/static/img/logo/r/social.png differ diff --git a/website/static/img/logo/r/splash.png b/website/static/img/logo/r/splash.png new file mode 100644 index 0000000..acf2967 Binary files /dev/null and b/website/static/img/logo/r/splash.png differ diff --git a/website/static/img/logo/r/tile-round.png b/website/static/img/logo/r/tile-round.png new file mode 100644 index 0000000..3a74a9a Binary files /dev/null and b/website/static/img/logo/r/tile-round.png differ diff --git a/website/static/img/logo/r/tile.png b/website/static/img/logo/r/tile.png new file mode 100644 index 0000000..cc56a64 Binary files /dev/null and b/website/static/img/logo/r/tile.png differ diff --git a/website/tools/FONT-PROVENANCE.md b/website/tools/FONT-PROVENANCE.md new file mode 100644 index 0000000..8de91b9 --- /dev/null +++ b/website/tools/FONT-PROVENANCE.md @@ -0,0 +1,9 @@ +# Build-time font + +`FamiljenGrotesk-SemiBold.ttf` — Familjen Grotesk, weight 600, fetched from +Google Fonts (fonts.gstatic.com, family `Familjen+Grotesk:wght@600`) on +2026-08-26. Licence: SIL Open Font License 1.1. + +It is used **only** by `tools/logo-assets.py` to outline the wordmark into +SVG paths and to render the splash / social-card PNGs. The site itself ships +no webfonts. diff --git a/website/tools/FamiljenGrotesk-SemiBold.ttf b/website/tools/FamiljenGrotesk-SemiBold.ttf new file mode 100644 index 0000000..946a979 Binary files /dev/null and b/website/tools/FamiljenGrotesk-SemiBold.ttf differ diff --git a/website/tools/logo-assets.py b/website/tools/logo-assets.py new file mode 100644 index 0000000..f9a865e --- /dev/null +++ b/website/tools/logo-assets.py @@ -0,0 +1,254 @@ +#!/usr/bin/env python3 +"""Generate the logo-poll showcase assets for /logo/ from one geometry source. + + python3 website/tools/logo-assets.py + +Writes website/static/img/logo/{m,r}/*.png and website/data/logo/{m,r}.json. +Needs: cairosvg, Pillow, fontTools (pip). Run it on the dev box and commit +the output — the site build itself needs nothing beyond Hugo. + +Mark M: lowercase f knocked out of a gate, 64-unit grid (even-odd fill). +Mark R: window, wheel and F, 104x114 grid, stroke 8 (from Robert's sketch). +""" +import base64 +import io +import json +import os +import sys + +import cairosvg +from fontTools.pens.svgPathPen import SVGPathPen +from fontTools.ttLib import TTFont +from PIL import Image, ImageDraw + +HERE = os.path.dirname(os.path.abspath(__file__)) +SITE = os.path.dirname(HERE) +FONT = os.path.join(HERE, "FamiljenGrotesk-SemiBold.ttf") +XMLNS = 'xmlns="http://www.w3.org/2000/svg"' + +# ---------------------------------------------------------------- geometry +M_FLAT = ( + "M6 60V28a26 26 0 0 1 52 0v32Z M20.0 60V26.5A10.5 10.5 0 0 1 30.5 16H45.0v8.6" + "H32.5a3.5 3.5 0 0 0-3.5 3.5V32h16v8.6H29.0V60Z" +) +M_MIN = ( + "M5 60V27a27 27 0 0 1 54 0v33Z M19.5 60V26A10 10 0 0 1 29.5 16H46v10H32" + "a2.5 2.5 0 0 0-2.5 2.5V32H46v10H29.5v18Z" +) +R_FRAME = "M6 108V42A36 36 0 0 1 42 6H62A36 36 0 0 1 98 42V108Z" +R_OUTER = "M2 112V42A40 40 0 0 1 42 2H62A40 40 0 0 1 102 42V112Z" +R_HOLE = "M63 65a11 11 0 1 0-22 0a11 11 0 1 0 22 0Z" +R_SPOKES = "M52 8V106 M8 65H96 M52 65L4 31.1 M52 65L4 98.9 M52 65L100 98.9" +R_ARMS = "M52 22H79M52 37H69" + +MARKS = { + "m": { + "vb": (0, 0, 64, 64), + "box": (6, 2, 52, 58), # x, y, w, h of the drawn mark inside the viewBox + "color": "#c03a28", + "ink": "#0d0d0f", + "grad": ("#d95a45", "#c03a28", "#8a2618"), + }, + "r": { + "vb": (0, 0, 104, 114), + "box": (2, 2, 100, 110), + "color": "#af6428", + "ink": "#151515", + "grad": ("#c9803f", "#af6428", "#9a561f"), + }, +} + + +def body(k, tier, color="currentColor", uid=""): + """SVG inner markup for mark k at tier display | flat | min.""" + if k == "m": + if tier == "display": + g = MARKS["m"]["grad"] + return ( + f'