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

public/assets/dg-seal.svg
+27
View File
@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="none">
<defs>
<path id="rim-top" d="M 100 100 m -82 0 a 82 82 0 0 1 164 0"></path>
<path id="rim-bot" d="M 100 100 m 82 0 a 82 82 0 0 1 -164 0"></path>
</defs>
<circle cx="100" cy="100" r="92" stroke="#8f2218" stroke-width="1.4"></circle>
<circle cx="100" cy="100" r="84" stroke="#8f2218" stroke-width="0.6"></circle>
<g fill="#8f2218" font-family="Special Elite, Courier, monospace" font-size="11" letter-spacing="3">
<text><textPath href="#rim-top" startOffset="50%" text-anchor="middle">DAVE · GILLIGAN</textPath></text>
<text><textPath href="#rim-bot" startOffset="50%" text-anchor="middle">· KONGSBERG · EDITION ·</textPath></text>
</g>
<path d="M 100 70&#xA; C 120 70 130 88 120 102&#xA; C 112 113 96 113 91 102&#xA; C 87 92 96 84 105 86&#xA; C 113 89 113 99 106 102&#xA; C 100 105 95 100 97 95" stroke="#8f2218" stroke-width="1.6" stroke-linecap="round"></path>
<g font-family="Instrument Serif, serif" fill="#0e0c08">
<text x="100" y="142" font-size="32" text-anchor="middle" letter-spacing="-1">DG</text>
</g>
<g fill="#8f2218">
<circle cx="100" cy="20" r="1.8"></circle>
<circle cx="180" cy="100" r="1.8"></circle>
<circle cx="100" cy="180" r="1.8"></circle>
<circle cx="20" cy="100" r="1.8"></circle>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

public/assets/dingbats.svg
+38
View File
@@ -0,0 +1,38 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 64" fill="none">
<g stroke="#0e0c08" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" fill="none">
<g transform="translate(32, 32)">
<circle cx="0" cy="-8" r="1.6" fill="#0e0c08"></circle>
<circle cx="-7" cy="5" r="1.6" fill="#0e0c08"></circle>
<circle cx="7" cy="5" r="1.6" fill="#0e0c08"></circle>
</g>
<g transform="translate(96, 32)">
<path d="M 0 -10 c -6 0 -10 4 -10 10 c 0 -6 4 -10 10 -10 c 6 0 10 4 10 10 c 0 -6 -4 -10 -10 -10 z"></path>
<path d="M -10 0 c 0 6 4 10 10 10 c -6 0 -10 -4 -10 -10 c 0 6 4 10 10 10 c 6 0 10 -4 10 -10"></path>
</g>
<g transform="translate(160, 32)" stroke-width="1.8">
<path d="M 4 -8 c -6 0 -8 4 -8 6 c 0 4 4 4 4 8 c 0 4 -4 4 -4 4 c 0 0 4 2 8 2"></path>
</g>
<g transform="translate(224, 32)">
<path d="M -10 -4 l 14 -2 l 8 6 l -8 6 l -14 -2 z"></path>
<circle cx="-10" cy="0" r="2" fill="#0e0c08"></circle>
</g>
<g transform="translate(288, 32)">
<path d="M -2 -10 c -5 0 -8 3 -8 6 c 0 3 3 6 8 6"></path>
<path d="M 0 -10 v 22 M 5 -10 v 22"></path>
</g>
<g transform="translate(352, 32)">
<path d="M 0 -10 l 3 7 l 7 3 l -7 3 l -3 7 l -3 -7 l -7 -3 l 7 -3 z" fill="#0e0c08"></path>
</g>
<g transform="translate(416, 32)" stroke="#8f2218">
<path d="M 0 -8 c 7 0 11 5 9 11 c -2 5 -8 6 -11 3 c -3 -3 -1 -7 2 -7 c 2 0 3 2 2 4"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

public/assets/gidouille.svg
+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" stroke="#8f2218" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M 32 18&#xA; C 46 18 54 30 50 42&#xA; C 47 51 36 54 28 49&#xA; C 21 44 22 35 28 31&#xA; C 34 28 41 32 41 38&#xA; C 41 43 37 46 33 45&#xA; C 30 44 29 41 31 39"></path>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 403 B

public/assets/schools/escp-moore.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 280">
<rect width="480" height="280" rx="28" fill="#68131a"></rect>
<rect x="24" y="24" width="432" height="232" rx="22" fill="none" stroke="#d8bb74" stroke-width="2"></rect>
<text x="240" y="94" fill="#ffffff" font-family="Georgia, serif" font-size="46" font-weight="700" text-anchor="middle">ESCP</text>
<text x="240" y="124" fill="#d8bb74" font-family="Arial, sans-serif" font-size="18" letter-spacing="6" text-anchor="middle">AND</text>
<text x="240" y="170" fill="#ffffff" font-family="Georgia, serif" font-size="36" font-weight="700" text-anchor="middle">DARLA MOORE</text>
<line x1="116" y1="188" x2="364" y2="188" stroke="#d8bb74" stroke-width="1.5"></line>
<text x="240" y="214" fill="#d8bb74" font-family="Arial, sans-serif" font-size="15" letter-spacing="4" text-anchor="middle">DUAL DEGREE PROGRAM</text>
<text x="240" y="236" fill="#d2a1a1" font-family="Arial, sans-serif" font-size="13" letter-spacing="3.5" text-anchor="middle">PARIS AND COLUMBIA</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

public/assets/schools/european-university.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 280">
<rect width="480" height="280" rx="28" fill="#1c3453"></rect>
<rect x="24" y="24" width="432" height="232" rx="22" fill="none" stroke="#6dc1d0" stroke-width="2"></rect>
<text x="240" y="94" fill="#81d6e1" font-family="Georgia, serif" font-size="24" letter-spacing="5" text-anchor="middle">EUROPEAN</text>
<text x="240" y="144" fill="#ffffff" font-family="Georgia, serif" font-size="44" font-weight="700" text-anchor="middle">UNIVERSITY</text>
<line x1="126" y1="164" x2="354" y2="164" stroke="#6dc1d0" stroke-width="1.5"></line>
<text x="240" y="198" fill="#81d6e1" font-family="Arial, sans-serif" font-size="17" letter-spacing="4" text-anchor="middle">INSTITUT COOREMAN</text>
<text x="240" y="224" fill="#93b7d3" font-family="Arial, sans-serif" font-size="14" letter-spacing="4" text-anchor="middle">BRUSSELS</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 901 B

public/assets/schools/jagiellonian.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 280">
<rect width="480" height="280" rx="28" fill="#7a1718"></rect>
<rect x="24" y="24" width="432" height="232" rx="22" fill="none" stroke="#d8bb74" stroke-width="2"></rect>
<text x="240" y="96" fill="#f1d08d" font-family="Georgia, serif" font-size="28" letter-spacing="5" text-anchor="middle">UNIWERSYTET</text>
<text x="240" y="146" fill="#ffffff" font-family="Georgia, serif" font-size="42" font-weight="700" text-anchor="middle">JAGIELLONIAN</text>
<line x1="122" y1="164" x2="358" y2="164" stroke="#d8bb74" stroke-width="1.5"></line>
<text x="240" y="198" fill="#f1d08d" font-family="Arial, sans-serif" font-size="17" letter-spacing="5" text-anchor="middle">EST. 1364</text>
<text x="240" y="224" fill="#dcb0a8" font-family="Arial, sans-serif" font-size="14" letter-spacing="4" text-anchor="middle">KRAKOW</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 896 B

public/assets/schools/usn.svg
+8
View File
@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 280">
<rect width="480" height="280" rx="28" fill="#08284b"></rect>
<rect x="24" y="24" width="432" height="232" rx="22" fill="none" stroke="#c8a85b" stroke-width="2"></rect>
<text x="240" y="118" fill="#f7e7bf" font-family="Georgia, serif" font-size="72" font-weight="700" text-anchor="middle">USN</text>
<line x1="132" y1="138" x2="348" y2="138" stroke="#c8a85b" stroke-width="2"></line>
<text x="240" y="174" fill="#ffffff" font-family="Arial, sans-serif" font-size="18" letter-spacing="2.5" text-anchor="middle">UNIVERSITY OF SOUTH-EASTERN NORWAY</text>
<text x="240" y="208" fill="#9eb4d8" font-family="Arial, sans-serif" font-size="15" letter-spacing="5" text-anchor="middle">KONGSBERG</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 774 B

public/assets/schools/villanova.svg
+8
View File
@@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 280">
<rect width="480" height="280" rx="28" fill="#123c65"></rect>
<rect x="24" y="24" width="432" height="232" rx="22" fill="none" stroke="#ffffff" stroke-width="2"></rect>
<text x="240" y="114" fill="#ffffff" font-family="Georgia, serif" font-size="52" font-weight="700" text-anchor="middle">VILLANOVA</text>
<line x1="102" y1="136" x2="378" y2="136" stroke="#93c1dd" stroke-width="2"></line>
<text x="240" y="176" fill="#93c1dd" font-family="Arial, sans-serif" font-size="21" letter-spacing="6" text-anchor="middle">UNIVERSITY</text>
<text x="240" y="212" fill="#c1dded" font-family="Georgia, serif" font-size="16" font-style="italic" text-anchor="middle">Veritas, Unitas, Caritas</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 767 B

public/assets/wordmark.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 120" fill="none">
<text x="0" y="74" font-family="Instrument Serif, serif" font-size="84" fill="#120f0a" letter-spacing="-3">Dave Gilligan</text>
<text x="2" y="100" font-family="Special Elite, monospace" font-size="13" fill="#1f5d5f" letter-spacing="5">DAVEGILLIGAN.COM</text>
<g transform="translate(456, 60)" stroke="#8f2218" stroke-width="1.4" fill="none">
<path d="M 0 0 c -6 -6 -6 -14 0 -20 c 6 6 6 14 0 20 z"></path>
<path d="M -10 -10 c 6 -6 14 -6 20 0 c -6 6 -14 6 -20 0 z"></path>
<circle cx="0" cy="-10" r="2.5" fill="#8f2218"></circle>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 642 B