feat(flag): Add flag download link

mvsde · Feb 29, 2024 · a9762a1 · a9762a1
1 parent e249466
commit a9762a1
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/components/search.njk b/components/search.njk
@@ -78,13 +78,14 @@
 					data-patterns="{{ flag.patterns }}"
 				>
 					{% set width = 178 %}
+					{% set height = (width / flag.aspectRatio)|round %}
 					{% set descriptionID = id ~ "-flag-description" %}
 					<img
 						class="Search-itemFlag"
 						src="/img/{{ id }}.svg"
 						alt="{{ flag.name }} flag"
 						width="{{ width }}"
-						height="{{ (width / flag.aspectRatio)|round }}"
+						height="{{ height }}"
 						loading="lazy"
 						aria-describedby="{{ descriptionID }}"
 					>

diff --git a/pages/flag.njk b/pages/flag.njk
@@ -16,13 +16,20 @@
 <section>
 	<h2>Flag</h2>
 
-	{% set width = 300 %}
-	<img
-		src="/img/{{ id }}.svg"
-		alt="{{ flag.name }} flag. {{ flag.alt }}"
-		width="{{ width }}"
-		height="{{ (width / flag.aspectRatio)|round }}"
-	>
+	<p>
+		{% set width = 300 %}
+		{% set height = (width / flag.aspectRatio)|round %}
+		<img
+			src="/img/{{ id }}.svg"
+			alt="{{ flag.name }} flag. {{ flag.alt }}"
+			width="{{ width }}"
+			height="{{ height }}"
+		>
+	</p>
+
+	<p>
+		<a href="/img/{{ id }}.svg" download="{{ flag.name }}">Download flag</a>
+	</p>
 </section>
 
 {% if flag.links %}