feat(frontend): use heart icon and adjust copyright 2024 => 2025

dfinity · Jan 9, 2025 · 0400c02 · 0400c02
1 parent c360dc2
commit 0400c02
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 3 deletions.
diff --git a/src/frontend/src/lib/components/core/Footer.svelte b/src/frontend/src/lib/components/core/Footer.svelte
@@ -9,6 +9,7 @@
 	import { authNotSignedIn, authSignedIn } from '$lib/derived/auth.derived';
 	import { i18n } from '$lib/stores/i18n.store';
 	import { replaceOisyPlaceholders } from '$lib/utils/i18n.utils';
+	import IconHeart from '$lib/components/icons/IconHeart.svelte';
 </script>
 
 <footer
@@ -78,6 +79,8 @@
 					class="text-center md:text-left"
 				>
 					{replaceOisyPlaceholders($i18n.footer.text.incubated_with)}
+					<IconHeart styleClass="inline-flex mb-1"/>
+					{replaceOisyPlaceholders($i18n.footer.text.by)}
 					<ExternalLink
 						href="https://dfinity.org"
 						ariaLabel={replaceOisyPlaceholders($i18n.footer.alt.dfinity)}

diff --git a/src/frontend/src/lib/components/icons/IconHeart.svelte b/src/frontend/src/lib/components/icons/IconHeart.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	export let styleClass: string | undefined = undefined;
+</script>
+
+<!-- source: DFINITY foundation -->
+<svg class={styleClass} width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M16 5.88772C16 11.3125 8.00092 16 8.00092 16C8.00092 16 -7.14146e-08 11.3125 -7.17263e-08 5.88772C-3.20922e-08 3.1869 1.93295 1 4.32 1C5.87505 1 7.23848 1.93062 8 3.32428C8.76152 1.93062 10.125 1 11.68 1C14.067 1 16 3.1869 16 5.88772Z" fill="url(#paint0_linear_4052_760)"/>
+	<path d="M16 5.88772C16 11.3125 8.00092 16 8.00092 16C8.00092 16 -7.14146e-08 11.3125 -7.17263e-08 5.88772C-3.20922e-08 3.1869 1.93295 1 4.32 1C5.87505 1 7.23848 1.93062 8 3.32428C8.76152 1.93062 10.125 1 11.68 1C14.067 1 16 3.1869 16 5.88772Z" fill="url(#paint1_linear_4052_760)" fill-opacity="0.48"/>
+	<path d="M16 5.88772C16 11.3125 8.00092 16 8.00092 16C8.00092 16 -7.14146e-08 11.3125 -7.17263e-08 5.88772C-3.20922e-08 3.1869 1.93295 1 4.32 1C5.87505 1 7.23848 1.93062 8 3.32428C8.76152 1.93062 10.125 1 11.68 1C14.067 1 16 3.1869 16 5.88772Z" stroke="white"/>
+	<defs>
+		<linearGradient id="paint0_linear_4052_760" x1="8" y1="1" x2="8" y2="16" gradientUnits="userSpaceOnUse">
+			<stop stop-color="#FD4538"/>
+			<stop offset="0.4375" stop-color="#FD4538"/>
+			<stop offset="1" stop-color="#D2392F"/>
+		</linearGradient>
+		<linearGradient id="paint1_linear_4052_760" x1="8" y1="1.9375" x2="8" y2="4.28125" gradientUnits="userSpaceOnUse">
+			<stop stop-color="white"/>
+			<stop offset="1" stop-color="white" stop-opacity="0"/>
+		</linearGradient>
+	</defs>
+</svg>
diff --git a/src/frontend/src/lib/i18n/en.json b/src/frontend/src/lib/i18n/en.json
@@ -112,9 +112,10 @@
 	},
 	"footer": {
 		"text": {
-			"incubated_with": "Incubated with ❤\uFE0F by",
+			"incubated_with": "Incubated with",
+			"by": "by",
 			"dfinity_foundation": "DFINITY Foundation",
-			"copyright": "© 2024"
+			"copyright": "© 2025"
 		},
 		"alt": {
 			"dfinity": "Go to DFINITY Foundation website",

diff --git a/src/frontend/src/lib/types/i18n.d.ts b/src/frontend/src/lib/types/i18n.d.ts
@@ -105,7 +105,7 @@ interface I18nDapps {
 }
 
 interface I18nFooter {
-	text: { incubated_with: string; dfinity_foundation: string; copyright: string };
+	text: { incubated_with: string; by: string; dfinity_foundation: string; copyright: string };
 	alt: { dfinity: string; status: string };
 }