update content layout

pnpm-lock.yaml

@@ -1,4 +1,4 @@
-lockfileVersion: 5.3
+lockfileVersion: 5.4
 
 specifiers:
   '@iconify-json/fa6-solid': ^1.1.4
@@ -17,9 +17,6 @@ specifiers:
   typescript: ^4.7.4
   unplugin-icons: ^0.14.5
 
-dependencies:
-  sveltekit-i18n: 2.2.2_svelte@3.48.0
-
 devDependencies:
   '@iconify-json/fa6-solid': 1.1.4
   '@iconify-json/simple-icons': 1.1.15
@@ -27,11 +24,12 @@ devDependencies:
   '@sveltejs/kit': 1.0.0-next.350_svelte@3.48.0
   mdsvex: 0.10.6_svelte@3.48.0
   prettier: 2.7.1
-  prettier-plugin-svelte: 2.7.0_prettier@2.7.1+svelte@3.48.0
+  prettier-plugin-svelte: 2.7.0_nakrehnrzdf7fdea5k3a4dfy4m
   svelte: 3.48.0
   svelte-check: 2.7.2_svelte@3.48.0
-  svelte-preprocess: 4.10.7_svelte@3.48.0+typescript@4.7.4
+  svelte-preprocess: 4.10.7_lvfi2wesz6u4l5rfbnetbucfmm
   svelte-seo: 1.4.1_typescript@4.7.4
+  sveltekit-i18n: 2.2.2_svelte@3.48.0
   tslib: 2.4.0
   typescript: 4.7.4
   unplugin-icons: 0.14.5
@@ -180,11 +178,11 @@ packages:
       svelte: 3.48.0
     optionalDependencies:
       '@sveltekit-i18n/parser-default': 1.0.3
-    dev: false
+    dev: true
 
   /@sveltekit-i18n/parser-default/1.0.3:
     resolution: {integrity: sha512-HheveklTjp3hxpYQhoHfyA6B4bQaUeSV5MQf2usIv/58UF2jY/YqhCAWj9bDBjufbuZc5pSz4BXvdX3WVT+viA==}
-    dev: false
+    dev: true
 
   /@types/node/18.0.0:
     resolution: {integrity: sha512-cHlGmko4gWLVI27cGJntjs/Sj8th9aYwplmZFwmmgYQQvL5NUsgVJG7OddLvNfLqYS31KFN0s3qlaD9qCaxACA==}
@@ -872,7 +870,7 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
-  /prettier-plugin-svelte/2.7.0_prettier@2.7.1+svelte@3.48.0:
+  /prettier-plugin-svelte/2.7.0_nakrehnrzdf7fdea5k3a4dfy4m:
     resolution: {integrity: sha512-fQhhZICprZot2IqEyoiUYLTRdumULGRvw0o4dzl5jt0jfzVWdGqeYW27QTWAeXhoupEZJULmNoH3ueJwUWFLIA==}
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
@@ -1037,7 +1035,7 @@ packages:
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: 3.48.0
-      svelte-preprocess: 4.10.7_svelte@3.48.0+typescript@4.7.4
+      svelte-preprocess: 4.10.7_lvfi2wesz6u4l5rfbnetbucfmm
       typescript: 4.7.4
     transitivePeerDependencies:
       - '@babel/core'
@@ -1061,7 +1059,7 @@ packages:
       svelte: 3.48.0
     dev: true
 
-  /svelte-preprocess/4.10.7_svelte@3.48.0+typescript@4.7.4:
+  /svelte-preprocess/4.10.7_lvfi2wesz6u4l5rfbnetbucfmm:
     resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
     engines: {node: '>= 9.11.2'}
     requiresBuild: true
@@ -1133,7 +1131,7 @@ packages:
       '@sveltekit-i18n/base': 1.2.1_svelte@3.48.0
       '@sveltekit-i18n/parser-default': 1.0.3
       svelte: 3.48.0
-    dev: false
+    dev: true
 
   /tiny-glob/0.2.9:
     resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}

src/lib/Content.svelte

@@ -1,12 +1,14 @@
 <script lang="ts">
 	import SvelteSeo from "svelte-seo";
 	import Banner from "$lib/images/ProjectSegfault_Desktop_16-9.png";
+	import * as strings from "$lib/strings";
+	import { t } from '$lib/translations';
 </script>
 
 <SvelteSeo
 	openGraph={{
-		title: "Project Segfault",
+		title: strings.NAME,
-		description: "4 idiots, a Sun server and a Hitachi Compute Rack.",
+		description: $t('common.indexDescription'),
 		type: "website",
 		images: [
 			{
@@ -20,7 +22,7 @@
 />
 
 <svelte:head>
-	<title>Project Segfault</title>
+	<title>{strings.NAME}</title>
 </svelte:head>
 
 <div class="mdsvex_content">