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/ti.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="407.406px" height="493.888px" viewBox="-176.31 -214.37 407.406 493.888"
enable-background="new -176.31 -214.37 407.406 493.888" xml:space="preserve">
<g>
<path fill="#268BCC" d="M27.241-212.842h202.332V84.509c0,106.859-90.516,193.47-202.188,193.47L27.241-212.842z"/>
<path fill="#E8423F" d="M27.385,277.979L27.385,277.979c-111.664,0-202.168-86.609-202.168-193.47v-297.352H27.241L27.385,277.979z
"/>
<g>
<g>
<g>
<g>
<defs>
<rect id="SVGID_1_" x="-176.31" y="-214.37" width="407.406" height="493.888"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" overflow="visible"/>
</clipPath>
<path clip-path="url(#SVGID_2_)" fill="none" stroke="#010202" stroke-width="3.048" d="M27.241-212.842h202.332V84.509
c0,106.859-90.516,193.47-202.188,193.47c-111.664,0-202.168-86.609-202.168-193.47v-297.352L27.241-212.842L27.241-212.842z"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB