Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(hikes): inline cantonal Wappen next to region label

Browse Source 
26 public-domain coats of arms fetched once from Wikimedia Commons
via scripts/download-cantons.ts and committed under static/cantons/.
$lib/data/cantons.ts maps Swisstopo's free-form name (German default,
French/Italian alternates for Romandie / Ticino) to the ISO code +
emblem URL.

Card shows an 18×22 emblem, detail page a 24×30 one — both with a
drop-shadow so they read against the dark hero gradient. Unknown
canton names fall back to plain text without the emblem.

The downloaded SVGs are written verbatim — earlier draft prepended a
provenance HTML comment but that breaks the leading `<?xml … ?>` and
browsers refuse to render the image. Provenance lives in the script's
CANTONS table instead.
This commit is contained in:
Alexander Bocken
2026-05-19 08:44:30 +02:00
parent 2c3886296c
commit cfdd58fb18
31 changed files with 2371 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/cantons/lu.svg
+29
View File
@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="406.504px" height="492.75px" viewBox="-176.134 -213.811 406.504 492.75"
enable-background="new -176.134 -213.811 406.504 492.75" xml:space="preserve">
<g>
<path fill="#FFFFFF" d="M26.963-212.292h201.875V84.376c0,106.609-90.328,193.031-201.73,193.031
c-111.395,0-201.715-86.422-201.715-193.031v-296.668H26.963z"/>
<path fill="#248BCC" d="M27.116,277.408L27.116,277.408c-111.395,0-201.715-86.422-201.715-193.031v-296.668H26.963L27.116,277.408
z"/>
<g>
<g>
<g>
<g>
<defs>
<rect id="SVGID_1_" x="-176.134" y="-213.811" width="406.504" height="492.75"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" overflow="visible"/>
</clipPath>
<path clip-path="url(#SVGID_2_)" fill="none" stroke="#000000" stroke-width="3.048" d="M26.963-212.292h201.875V84.376
c0,106.609-90.328,193.031-201.73,193.031c-111.395,0-201.715-86.422-201.715-193.031v-296.668H26.963z"/>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB