content split + copy audit + css polish: content (news/pages/uploads) moves to the ctao/content repo (build overlays it — two-repo build.sh, link-content.sh for local dev); portal copy trimmed to source-documents-only (dashboard empty states, minimal privacy/disclaimer, no mock badges); css: inverted selection on navy bands, featured-card text-track floor, 44px toc target, mobile search dates on own line, footer link row gap; DESIGN.md rewritten as a short handoff

2026-09-03 18:54:01 +02:00
parent 2e6d374b4b
commit ec4ff5dfa2
93 changed files with 259 additions and 464 deletions
@@ -0,0 +1,21 @@
+<!doctype html>
+<!-- Screenshot probe: headless Chrome clamps --window-size below ~500px, so a
+     fixed-width iframe gives a true narrow layout viewport. Copied into dist/
+     by shoot.sh; not part of the site. -->
+<meta charset="utf-8">
+<title>probe</title>
+<style>html,body{margin:0;background:#b0b4c0}iframe{border:0;display:block}</style>
+<script>
+  var q = new URLSearchParams(location.search);
+  var f = document.createElement('iframe');
+  f.src = q.get('p') || '/';
+  f.style.width = (q.get('w') || 390) + 'px';
+  f.style.height = (q.get('h') || 2000) + 'px';
+  f.onload = function () {
+    var s = +(q.get('s') || 0);
+    // behavior:instant — the site sets scroll-behavior:smooth, which would
+    // leave the screenshot mid-animation
+    if (s) f.contentWindow.scrollTo({ top: s, behavior: 'instant' });
+  };
+  document.addEventListener('DOMContentLoaded', function () { document.body.appendChild(f); });
+</script>
@@ -0,0 +1,45 @@
+#!/bin/zsh
+# Screenshot helper for the CSS polish pass. $1 = output dir (before|after)
+# Narrow widths go through dist/__probe.html (a fixed-width iframe): headless
+# Chrome clamps --window-size below ~500px, so 360/390/480 shots would silently
+# be 500px-wide renders cropped to the window.
+set -e
+CH="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
+ROOT="$(cd "$(dirname "$0")/../.." && pwd)"
+OUT="$(cd "$(dirname "$0")" && pwd)/$1"
+mkdir -p "$OUT"
+cp "$(dirname "$0")/__probe.html" "$ROOT/dist/__probe.html"
+shot() { # name url w h
+  "$CH" --headless=new --disable-gpu --hide-scrollbars --window-size=$3,$4 \
+    --screenshot="$OUT/$1.png" "$2" >/dev/null 2>&1
+}
+wide() { shot "$1" "http://localhost:4330$2" $3 $4; }        # name path w h
+narrow() { # name path w h  (h = iframe height)
+  shot "$1" "http://localhost:4330/__probe.html?w=$3&h=$4&p=$2" $(($3 + 20)) $(($4 + 10))
+}
+W='/news/ctao-and-cabildo-of-la-palma-organise-women-of-ctao-2026'
+wide   home          "/"            1440 2600
+narrow home-390      "/"             390 2200
+wide   news          "/news"        1440 2600
+narrow news-390      "/news"         390 2400
+wide   news-768      "/news"         768 2200
+wide   art6          "/news/6"      1440 2600
+narrow art6-390      "/news/6"       390 2600
+wide   artwomen      "$W"           1440 2600
+narrow artwomen-390  "$W"            390 2600
+wide   artwomen-1280 "$W"           1280 2000
+wide   search        "/search?q=lst" 1440 2000
+narrow search-390    "/search?q=lst"  390 1800
+wide   support       "/support"     1440 1800
+narrow support-360   "/support"      360 1500
+wide   privacy       "/pages/privacy" 1440 1400
+narrow privacy-390   "/pages/privacy"  390 1500
+wide   nf            "/404-nonexistent" 1440 1200
+narrow nf-390        "/404-nonexistent"  390 1300
+wide   proposals     "/proposals"   1440 1600
+narrow proposals-390 "/proposals"    390 1700
+wide   dashboard     "/dashboard"   1440 1600
+narrow dashboard-480 "/dashboard"    480 1900
+wide   login         "/login"       1440 1200
+narrow login-390     "/login"        390 1100
+echo "shots in $OUT"