Merge pull request #3 from OmsinKrissada/main

Last Updated Timestamp krub
thasvarit · Sep 22, 2024 · 6161cb8 · 6161cb8
2 parents 63aa123 + 52b4363
commit 6161cb8
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 88 deletions.
diff --git a/package.json b/package.json
@@ -13,7 +13,6 @@
 		"@sveltejs/adapter-static": "^3.0.5",
 		"@sveltejs/kit": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^3.0.0",
-		"autoprefixer": "^10.4.20",
 		"svelte": "^4.2.7",
 		"svelte-check": "^4.0.0",
 		"typescript": "^5.0.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
@@ -1 +1,6 @@
-export const prerender = true;
+export const prerender = true;
+export const csr = false;
+
+export function load() {
+	return { built_at: new Date() };
+}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,6 +1,8 @@
 <script lang="ts">
 	import resources from "$lib/list.json";
 	import ExternalLinkIcon from "$lib/components/ExternalLinkIcon.svelte";
+
+	export let data;
 </script>
 
 <div id="container">
@@ -12,6 +14,9 @@
 			like!
 		</p>
 		<h2>Useful Stuff (at least for myself)</h2>
+		<p id="updated-at">
+			Last Updated: {data.built_at.toLocaleDateString()}
+		</p>
 	</header>
 
 	<ul id="list">
@@ -47,6 +52,16 @@
 </div>
 
 <style>
+	#updated-at {
+		margin-bottom: 1rem;
+		color: #717171;
+		font-size: small;
+		font-style: italic;
+
+		margin: 0;
+		margin-top: 0.5rem;
+		margin-bottom: 1.5rem;
+	}
 	#container {
 		/* @apply container px-4 py-10 max-w-2xl; */
 		margin: 0 auto;
@@ -67,15 +82,13 @@
 
 	h1 {
 		line-height: 2.5rem;
+		margin: 1.5rem 0;
 	}
 
 	h2 {
 		line-height: 2rem;
-	}
-
-	h1,
-	h2 {
-		margin: 1.5rem 0;
+		margin: 0;
+		margin-top: 1.5rem;
 	}
 
 	h3,