daveadmin/davegilligan-new
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add complete Open Graph metadata layer across all 20 pages

Browse Source 
- Add og:title, og:description, og:image, og:url, og:type, og:site_name to BaseLayout
- Add og:locale (en_GB) + og:locale:alternate (fr_FR, nb_NO) multilingual signals
- Add article:published_time, article:section, article:author on all 5 article pages
- Add Twitter/X summary_large_image card and canonical link on every page
- Generate 13 Jazz Noir branded 1200x630 PNG OG images (satori + resvg-js)
- Add scripts/generate-og-images.mjs + Special Elite font for future regeneration
- Add public/images/articles/ and public/assets/ which were previously untracked

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
davegilligan
2026-05-18 01:38:51 +02:00
parent e38e2bb68e
commit 6b509fe052
57 changed files with 919 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/ai-lab/api-flow.svg
+33
View File
@@ -0,0 +1,33 @@
<svg width="1200" height="760" viewBox="0 0 1200 760" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="1200" height="760" fill="#F7F0E0"></rect>
<rect x="44" y="44" width="1112" height="672" rx="28" fill="#FFF9EF" stroke="#201914" stroke-width="2"></rect>
<rect x="84" y="92" width="312" height="230" rx="24" fill="#151A21"></rect>
<rect x="424" y="92" width="312" height="230" rx="24" fill="#F0E3C9" stroke="#201914" stroke-width="2"></rect>
<rect x="764" y="92" width="312" height="230" rx="24" fill="#D8E5DF" stroke="#201914" stroke-width="2"></rect>
<rect x="116" y="126" width="136" height="14" rx="7" fill="#C28A47"></rect>
<rect x="116" y="164" width="236" height="10" rx="5" fill="#46505A"></rect>
<rect x="116" y="188" width="210" height="10" rx="5" fill="#46505A"></rect>
<rect x="116" y="212" width="228" height="10" rx="5" fill="#46505A"></rect>
<rect x="456" y="126" width="116" height="14" rx="7" fill="#1A5960"></rect>
<rect x="456" y="164" width="238" height="10" rx="5" fill="#B3A68B"></rect>
<rect x="456" y="188" width="214" height="10" rx="5" fill="#B3A68B"></rect>
<rect x="456" y="212" width="198" height="10" rx="5" fill="#B3A68B"></rect>
<rect x="796" y="126" width="134" height="14" rx="7" fill="#5D2F2B"></rect>
<rect x="796" y="164" width="236" height="10" rx="5" fill="#A7BBB5"></rect>
<rect x="796" y="188" width="214" height="10" rx="5" fill="#A7BBB5"></rect>
<rect x="796" y="212" width="198" height="10" rx="5" fill="#A7BBB5"></rect>
<path d="M396 206H424" stroke="#201914" stroke-width="4" stroke-linecap="round"></path>
<path d="M736 206H764" stroke="#201914" stroke-width="4" stroke-linecap="round"></path>
<path d="M412 192L424 206L412 220" stroke="#201914" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M752 192L764 206L752 220" stroke="#201914" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<rect x="84" y="384" width="992" height="276" rx="24" fill="#161B22"></rect>
<rect x="118" y="420" width="184" height="18" rx="9" fill="#C28A47"></rect>
<rect x="118" y="468" width="384" height="10" rx="5" fill="#46505A"></rect>
<rect x="118" y="492" width="338" height="10" rx="5" fill="#46505A"></rect>
<rect x="118" y="516" width="404" height="10" rx="5" fill="#46505A"></rect>
<rect x="118" y="552" width="220" height="76" rx="16" fill="#1A5960"></rect>
<rect x="362" y="552" width="220" height="76" rx="16" fill="#5D2F2B"></rect>
<rect x="606" y="552" width="220" height="76" rx="16" fill="#2B323C"></rect>
<rect x="850" y="552" width="192" height="76" rx="16" fill="#F0E3C9"></rect>
<rect x="878" y="582" width="136" height="12" rx="6" fill="#B39B77"></rect>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

public/assets/ai-lab/corpus-grid.svg
+35
View File
@@ -0,0 +1,35 @@
<svg width="1200" height="800" viewBox="0 0 1200 800" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="1200" height="800" fill="#FBF4E6"></rect>
<rect x="40" y="40" width="1120" height="720" rx="28" fill="#FFF9EF" stroke="#201914" stroke-width="2"></rect>
<rect x="86" y="92" width="192" height="130" rx="22" fill="#F0E3C9" stroke="#201914" stroke-width="2"></rect>
<rect x="324" y="92" width="192" height="130" rx="22" fill="#D8E5DF" stroke="#201914" stroke-width="2"></rect>
<rect x="562" y="92" width="192" height="130" rx="22" fill="#F3D9D2" stroke="#201914" stroke-width="2"></rect>
<rect x="800" y="92" width="312" height="130" rx="22" fill="#161B22" stroke="#201914" stroke-width="2"></rect>
<rect x="112" y="122" width="78" height="12" rx="6" fill="#1A5960"></rect>
<rect x="112" y="154" width="140" height="10" rx="5" fill="#B8AA8E"></rect>
<rect x="112" y="176" width="120" height="10" rx="5" fill="#B8AA8E"></rect>
<rect x="350" y="122" width="82" height="12" rx="6" fill="#5D2F2B"></rect>
<rect x="350" y="154" width="130" height="10" rx="5" fill="#9EAFAB"></rect>
<rect x="350" y="176" width="112" height="10" rx="5" fill="#9EAFAB"></rect>
<rect x="588" y="122" width="96" height="12" rx="6" fill="#C28A47"></rect>
<rect x="588" y="154" width="132" height="10" rx="5" fill="#B8A19D"></rect>
<rect x="588" y="176" width="112" height="10" rx="5" fill="#B8A19D"></rect>
<rect x="828" y="122" width="124" height="12" rx="6" fill="#C28A47"></rect>
<rect x="828" y="154" width="246" height="10" rx="5" fill="#46505A"></rect>
<rect x="828" y="176" width="214" height="10" rx="5" fill="#46505A"></rect>
<circle cx="182" cy="420" r="82" fill="#1A5960"></circle>
<circle cx="418" cy="420" r="82" fill="#C28A47"></circle>
<circle cx="654" cy="420" r="82" fill="#5D2F2B"></circle>
<circle cx="890" cy="420" r="82" fill="#11151C"></circle>
<circle cx="1018" cy="420" r="54" fill="#E7DBC1" stroke="#201914" stroke-width="2"></circle>
<path d="M264 420H336" stroke="#201914" stroke-width="4" stroke-linecap="round"></path>
<path d="M500 420H572" stroke="#201914" stroke-width="4" stroke-linecap="round"></path>
<path d="M736 420H808" stroke="#201914" stroke-width="4" stroke-linecap="round"></path>
<path d="M972 420H964" stroke="#201914" stroke-width="4" stroke-linecap="round"></path>
<rect x="110" y="607" width="980" height="92" rx="22" fill="#201914"></rect>
<rect x="144" y="640" width="168" height="12" rx="6" fill="#C28A47"></rect>
<rect x="344" y="640" width="168" height="12" rx="6" fill="#F7F0E0"></rect>
<rect x="544" y="640" width="168" height="12" rx="6" fill="#1A5960"></rect>
<rect x="744" y="640" width="168" height="12" rx="6" fill="#F7F0E0"></rect>
<rect x="944" y="640" width="112" height="12" rx="6" fill="#C28A47"></rect>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

public/assets/ai-lab/hero-lab.svg
+32
View File
@@ -0,0 +1,32 @@
<svg width="1200" height="900" viewBox="0 0 1200 900" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="1200" height="900" fill="#F7F0E0"></rect>
<rect x="36" y="36" width="1128" height="828" rx="28" fill="#FFF9EF" stroke="#201914" stroke-width="2"></rect>
<rect x="72" y="80" width="540" height="420" rx="22" fill="#11151C"></rect>
<rect x="96" y="104" width="492" height="38" rx="10" fill="#202A34"></rect>
<circle cx="118" cy="123" r="6" fill="#D86D56"></circle>
<circle cx="140" cy="123" r="6" fill="#D8B156"></circle>
<circle cx="162" cy="123" r="6" fill="#4E8F8C"></circle>
<rect x="96" y="170" width="186" height="108" rx="18" fill="#1B2F3A"></rect>
<rect x="302" y="170" width="286" height="108" rx="18" fill="#5D2F2B"></rect>
<rect x="96" y="298" width="492" height="178" rx="18" fill="#151A21"></rect>
<path d="M120 400C178 336 223 380 281 329C339 278 393 326 451 274C491 238 530 240 564 262V452H120V400Z" fill="#5A7E76"></path>
<path d="M120 430C168 389 223 413 272 372C321 331 380 370 434 327C486 285 526 292 564 316V452H120V430Z" fill="#C28A47"></path>
<circle cx="736" cy="178" r="102" fill="#EFE2C5" stroke="#201914" stroke-width="2"></circle>
<path d="M694 217C694 181.654 722.654 153 758 153V153C793.346 153 822 181.654 822 217V288H694V217Z" fill="#1A5960"></path>
<rect x="676" y="288" width="164" height="58" rx="16" fill="#201914"></rect>
<rect x="706" y="314" width="104" height="6" rx="3" fill="#F7F0E0"></rect>
<rect x="676" y="404" width="418" height="154" rx="24" fill="#F2E3C7" stroke="#201914" stroke-width="2"></rect>
<rect x="706" y="434" width="124" height="14" rx="7" fill="#1A5960"></rect>
<rect x="706" y="470" width="338" height="14" rx="7" fill="#D3C2A1"></rect>
<rect x="706" y="502" width="296" height="14" rx="7" fill="#D3C2A1"></rect>
<rect x="706" y="534" width="198" height="14" rx="7" fill="#D3C2A1"></rect>
<rect x="676" y="598" width="418" height="190" rx="24" fill="#151A21"></rect>
<rect x="706" y="628" width="160" height="14" rx="7" fill="#C28A47"></rect>
<rect x="706" y="662" width="114" height="84" rx="14" fill="#1A5960"></rect>
<rect x="838" y="662" width="114" height="84" rx="14" fill="#5D2F2B"></rect>
<rect x="970" y="662" width="94" height="84" rx="14" fill="#2C333B"></rect>
<path d="M748 116L780 149" stroke="#201914" stroke-width="3" stroke-linecap="round"></path>
<path d="M780 149L805 125" stroke="#201914" stroke-width="3" stroke-linecap="round"></path>
<path d="M916 122L958 122" stroke="#201914" stroke-width="3" stroke-linecap="round"></path>
<path d="M937 101L937 143" stroke="#201914" stroke-width="3" stroke-linecap="round"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB