Add extra footer with link to source code, sveltekit and time of generation

package-lock.json

@@ -7,6 +7,9 @@
 		"": {
 			"name": "eb2-website",
 			"version": "0.0.1",
+			"dependencies": {
+				"moment": "^2.29.4"
+			},
 			"devDependencies": {
 				"@playwright/test": "^1.25.0",
 				"@sveltejs/adapter-auto": "next",
@@ -2231,6 +2234,14 @@
 				"node": ">=10"
 			}
 		},
+		"node_modules/moment": {
+			"version": "2.29.4",
+			"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+			"integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
+			"engines": {
+				"node": "*"
+			}
+		},
 		"node_modules/mri": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
@@ -5112,6 +5123,11 @@
 			"integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
 			"dev": true
 		},
+		"moment": {
+			"version": "2.29.4",
+			"resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+			"integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
+		},
 		"mri": {
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "eb2-website",
-  "version": "0.0.1",
+	"version": "0.0.1",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",
@@ -30,5 +30,8 @@
 		"tailwindcss": "^3.1.8",
 		"vite": "^3.1.0"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {
+		"moment": "^2.29.4"
+	}
 }

src/lib/Footer.svelte

@@ -1,6 +1,9 @@
 <script>
 	import logo from '$lib/assets/logo_black.svg';
     import cityscape from '$lib/assets/cityscape2.png';
+	import moment from 'moment';
+
+	export let data;
 </script>
 
 <footer class="bg-black mx-auto">
@@ -9,7 +12,7 @@
 	</div>
 	<div class="bg-white flex flex-col justify-end">
 		<div
-			class="container mx-auto px-4 flex flex-wrap flex-col sm:flex-row justify-center items-center h-60"
+			class="container mx-auto px-4 flex flex-wrap flex-col sm:flex-row justify-center items-center mt-20"
 		>
 			<div>
 				<img src={logo} class=" h-6" alt="logo" />
@@ -43,5 +46,8 @@
 				</div>
 			</div>
 		</div>
+		<div class="text-black text-center my-16 text-sm opacity-50 leading-7">
+			Built with <a href="https://kit.svelte.dev/" target="_blank" class="external">SvelteKit</a>
+			- <a href="https://git.gwei.cz/ethbrno/eb2-website" target="_blank" class="external">Source code</a> - Generated @ {moment(new Date(data.time)).format("YYYY-MM-DD HH:mm:SS")} (UTC+2)</div>
 	</div>
 </footer>

src/routes/+layout.svelte

@@ -2,8 +2,10 @@
 	import '../app.css';
 	import Navigation from '$lib/Navigation.svelte';
 	import Footer from '$lib/Footer.svelte';
+
+	export let data;
 </script>
 
 <Navigation open={false} />
 <slot />
-<Footer />
+<Footer data={data} />