# -*- coding: utf-8 -*-
# 1:1 low-fidelity: the real page, geometry untouched, colour removed.
import re
SRC = "/srv/apps/leaguelaw/wp-content/prototype/home-v2.html"
OUT = "/srv/apps/leaguelaw/wp-content/lofi/home-v2-lofi.html"
h = open(SRC, encoding="utf-8").read()
def lin(c):
c = c/255
return c/12.92 if c <= 0.03928 else ((c+0.055)/1.055)**2.4
def unlin(L):
c = L*12.92 if L <= 0.0031308 else 1.055*(L**(1/2.4)) - 0.055
return max(0, min(255, round(c*255)))
def grey(r, g, b):
"""The grey with the same relative luminance — value structure preserved exactly."""
return unlin(0.2126*lin(r) + 0.7152*lin(g) + 0.0722*lin(b))
def hex_repl(m):
v = m.group(1)
if len(v) == 3: r, g, b = (int(c*2, 16) for c in v)
else: r, g, b = (int(v[i:i+2], 16) for i in (0, 2, 4))
n = grey(r, g, b)
return "#%02X%02X%02X" % (n, n, n)
def rgb_repl(m):
parts = [p.strip() for p in m.group(2).split(",")]
r, g, b = (float(parts[0]), float(parts[1]), float(parts[2]))
n = grey(r, g, b)
if len(parts) == 4:
return "rgba(%d,%d,%d,%s)" % (n, n, n, parts[3])
return "rgb(%d,%d,%d)" % (n, n, n)
HEXRE = re.compile(r'#([0-9A-Fa-f]{6}|[0-9A-Fa-f]{3})\b')
RGBRE = re.compile(r'\b(rgba?)\(([^)]*)\)')
# ---- 1. desaturate the stylesheet
i = h.index("", i)
css = h[i+len("')]
css2 = strip_rule_blocks(css2, lambda sel: any(k in sel for k in INTERACTIVE))
# no motion of any kind
# @keyframes holds percentage stops, not rules, so the brace-aware walker steps
# into it rather than dropping it. Cut the whole block by balancing braces.
def drop_at(css, name):
out, i = [], 0
while True:
k = css.find(name, i)
if k == -1:
out.append(css[i:]); break
b = css.find('{', k)
depth, j = 1, b + 1
while j < len(css) and depth:
if css[j] == '{': depth += 1
elif css[j] == '}': depth -= 1
j += 1
out.append(css[i:k]); i = j
return ''.join(out)
css2 = drop_at(css2, '@keyframes')
css2 = re.sub(r'\s*(?:-webkit-)?(?:transition|animation)(?:-[a-z-]+)?\s*:[^;}]*;', '', css2)
css2 = re.sub(r'\s*cursor\s*:[^;}]*;', '', css2)
# the reduced-motion block existed only to switch the hero animation off; with the
# animation gone it is empty noise, and slide 1 has to be pinned visible instead.
css2 = strip_rule_blocks(css2, lambda sel: 'prefers-reduced-motion' in sel)
css2 += """
/* ---------- LOW FIDELITY: nothing here responds to input ----------
Every :hover / :focus / :active rule was removed, along with every
transition, animation and @keyframes block, and every cursor declaration.
The hero script is gone, so the click-to-snap, the minimise control and the
auto-minimise tab do nothing. The FAQ panels are forced open because
is a control. Pointer events are switched off on the things that
would otherwise still react — links, buttons, form fields, summaries — but
NOT on the page as a whole, so the text stays selectable and copyable.
The hero slider no longer cycles; slide 1 is pinned visible.
THE HERO'S SCROLL-PIN IS FLATTENED (Adi, 2026-08-24). In the prototype the
image pins and the form TRAVELS up over it as you scroll — that is a scroll
response, and a low-fidelity sheet does not have those. Here the image is an
ordinary block and the form sits in flow directly under it, pulled up by the
same 84px it overlaps by at page load, so the composition you see is exactly
the composition the prototype loads with. The section is no longer 200vh-292px
tall; it is as tall as its contents, which is why there is no empty run of
scroll after it. Four declarations, and only four, differ from the prototype
because of this — they are the ones below. Every other width, height, padding
and font in this sheet is still the prototype's. ---------------------------- */
.nhero-scroll { height: auto; }
.nhero-sticky { position: relative; top: auto; }
.peekwrap { position: relative; top: auto; margin-top: -84px; }
.nhero-sticky .fsl { opacity: 0; }
.nhero-sticky .fsl:nth-child(1) { opacity: 1; }
a, button, input, textarea, summary, label, .rbtn, .swarmbtn, .minbtn, .ctatab { pointer-events: none; }
summary { list-style: none; }
"""
# rules and at-rules left empty by the strip are dead weight in a file that
# claims to have no motion — take them out so the sheet reads clean.
for _ in range(3):
css2 = re.sub(r'[^{}@/]*\{\s*\}', '', css2)
css2 = re.sub(r'@media[^{]*\{\s*\}', '', css2)
css2 = re.sub(r'\n{3,}', '\n\n', css2)
h = h[:h.index(''):]
# markup: no destinations, no toggles, no script
body_i = h.index('')
head2, body2 = h[:body_i], h[body_i:]
body2 = re.sub(r'\s+href="[^"]*"', '', body2)
body2 = re.sub(r']*\bopen\b)', '', '', body2, flags=re.S)
h = head2 + body2
open(OUT, "w", encoding="utf-8").write(h)
print("wrote", OUT, len(h), "bytes; images replaced:", n_img[0])