From e0dc5aea39f802cfc9f93ec0adf6687b886a5e53 Mon Sep 17 00:00:00 2001
From: Akis <mavrommatisakis@gmail.com>
Date: Sun, 19 Jun 2022 17:00:18 +0300
Subject: [PATCH] use strings file for more stuff

---
 src/lib/Footer.svelte  | 11 ++++++-----
 src/lib/Nav.svelte     |  2 +-
 src/lib/content.svelte |  3 ++-
 src/lib/strings.json   |  9 ++++++++-
 svelte.config.js       |  2 +-
 5 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/lib/Footer.svelte b/src/lib/Footer.svelte
index a373715..688cca3 100644
--- a/src/lib/Footer.svelte
+++ b/src/lib/Footer.svelte
@@ -3,24 +3,25 @@
 	import IconMatrix from "~icons/simple-icons/matrix";
 	import IconGitHub from "~icons/simple-icons/github";
 	import IconSignal from "~icons/fa6-solid/signal";
+	import * as strings from "$lib/strings";
 </script>
 
 <footer>
 	<hr />
 	<div class="content">
-		<span>© 2021 - present, Project Segfault</span>
+		<span>{strings.COPYRIGHT}</span>
 
 		<div class="links">
-			<a href="https://matrix.to/#/#project-segfault:projectsegfau.lt">
+			<a href={strings.MATRIX_INVITE}>
 				<IconMatrix />
 			</a>
-			<a href="https://discord.gg/26EG7fFtfS">
+			<a href={strings.DISCORD_INVITE}>
 				<IconDiscord />
 			</a>
-			<a href="https://github.com/ProjectSegfault">
+			<a href={strings.GITHUB}>
 				<IconGitHub />
 			</a>
-			<a href="https://status.projectsegfau.lt/">
+			<a href={strings.STATUS}>
 				<IconSignal />
 			</a>
 		</div>
diff --git a/src/lib/Nav.svelte b/src/lib/Nav.svelte
index f4baa93..9b987c1 100644
--- a/src/lib/Nav.svelte
+++ b/src/lib/Nav.svelte
@@ -4,7 +4,7 @@
 
 <nav>
 	<a class="brand" href="/">
-		<img src="/logo.png" alt="Project Segfault logo" />
+		<img src="/logo.png" alt="{strings.NAME} logo" />
 		<span
 			style="color: var(--accent-secondary); margin-left: 4px; margin-right: 4px;"
 			>{strings.PROJECT}</span
diff --git a/src/lib/content.svelte b/src/lib/content.svelte
index 294c22b..7fdffb7 100644
--- a/src/lib/content.svelte
+++ b/src/lib/content.svelte
@@ -3,6 +3,7 @@
 	export let description;
 	export let separator;
 	import SvelteSeo from "svelte-seo";
+	import * as strings from "$lib/strings";
 	// Enjoy the jank.
 	if (title === "Project Segfault") {
 		title = "";
@@ -19,7 +20,7 @@
 		type: "website",
 		images: [
 			{
-				url: "https://projectsegfau.lt:8448/_matrix/media/r0/download/projectsegfau.lt/HBgjhWUExhKPzbpkpIqQfUkF",
+				url: strings.SEO_BANNER_URL,
 				width: 850,
 				height: 650,
 				alt: "Image"
diff --git a/src/lib/strings.json b/src/lib/strings.json
index 6c8f2c2..e9ffc04 100644
--- a/src/lib/strings.json
+++ b/src/lib/strings.json
@@ -1,4 +1,5 @@
 {
+	"NAME": "Project Segfault",
 	"PROJECT": "Project",
 	"SEGFAULT": "Segfault",
 	"INSTANCES": "Instances & Gameservers",
@@ -6,5 +7,11 @@
 	"DONATE": "Donate",
 	"FAQ": "FAQ",
 	"CONTACT": "Contact",
-	"BLOG": "Blog"
+	"BLOG": "Blog",
+	"SEO_BANNER_URL": "https://projectsegfau.lt:8448/_matrix/media/r0/download/projectsegfau.lt/HBgjhWUExhKPzbpkpIqQfUkF",
+	"COPYRIGHT": "© 2021 - present, Project Segfault",
+	"MATRIX_INVITE": "https://matrix.to/#/#project-segfault:projectsegfau.lt",
+	"DISCORD_INVITE": "https://discord.gg/26EG7fFtfS",
+	"GITHUB": "https://github.com/ProjectSegfault",
+	"STATUS": "https://status.projectsegfau.lt/"
 }
diff --git a/svelte.config.js b/svelte.config.js
index 7f2d9e4..e9ce487 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -13,7 +13,7 @@ const config = {
 		preprocess(),
 		mdsvex({
 			extensions: [".md"],
-			layout: "./src/lib/content.svelte"
+			layout: "./src/lib/Content.svelte"
 		})
 	],