User updating

src/components/common/BuildLog.svelte

@@ -6,7 +6,8 @@
 
 	beforeUpdate(() => {
 		if (dev) {
-			build_time = '1970-01-01 00:00';
+			let now = new Date();
+			build_time = `(Dev) ${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()} ${now.getHours()}:${now.getMinutes()}`;
 			return;
 		}
 		fetch('/website/build.json')

src/css/custom.css

@@ -1,3 +1,7 @@
+html {
+	scroll-behavior: smooth;
+}
+
 body {
 	font-family: 'Open Sans', 'Noto Sans TC', sans-serif;
 	text-align: justify;

src/data/ViewItems.json

@@ -20,7 +20,7 @@
 	{
 		"id": 3,
 		"name": "Links & About",
-		"description": "Contact information | external resources | social media | about this site",
+		"description": "Contact information | social media | about this site | external resources",
 		"imgUrl": "/main/links.jpg"
 	}
 ]

src/routes/+layout.svelte

@@ -13,7 +13,7 @@
 	import info from '../data/BasicInfo.json';
 	import viewItems from '../data/ViewItems.json';
 
-	const webTitle = `Homepage of ${info.name} (${info.location}): ${info.title.map((item) => item.toLowerCase()).join('/')}`;
+	const webTitle = `Homepage of ${info.name} (${info.location}): ${info.title.map((item) => item.toLowerCase()).join(' / ')}`;
 </script>
 
 <svelte:window bind:innerWidth={$screenSize} />
@@ -44,7 +44,7 @@
 		content="https://alankrantas.github.io/website/thumbnail.jpg"
 	/>
 	<meta property="og:image:width" content="1200" />
-	<meta property="og:image:height" content="627" />
+	<meta property="og:image:height" content="597" />
 	<meta property="og:image:alt" content={webTitle} />
 </svelte:head>
 

src/routes/+page.svelte

@@ -18,15 +18,17 @@
 	import info from '../data/BasicInfo.json';
 	import viewItems from '../data/ViewItems.json';
 
-	viewItems[0].description = viewItems[0].description
-		.replace('<name>', info.name)
-		.replace('<title>', info.title.map((item) => item.toLowerCase()).join('/'))
-		.replace('<industry>', info.industry);
+	const showScreenSize = false; // enable to show screen size; for responsive design testing
+
+	$: selectedViewId = -1;
 
 	let ready = false;
 	let scrollToTop = () => {};
 
-	$: selectedViewId = -1;
+	viewItems[0].description = viewItems[0].description
+		.replace('<name>', info.name)
+		.replace('<title>', info.title.map((item) => item.toLowerCase()).join(' / '))
+		.replace('<industry>', info.industry);
 
 	const setViewId = (id: number) => {
 		if (id >= 0 && id < viewItems.length) {
@@ -45,12 +47,11 @@
 
 	afterUpdate(() => {
 		if (!ready) {
-			scrollToTop = () => {
+			scrollToTop = () =>
 				window.scrollTo({
 					top: 0,
-					behavior: 'auto'
+					behavior: 'smooth'
 				});
-			};
 			const viewParam = $page.url.searchParams.get('view');
 			if (viewParam && Number.isSafeInteger(viewParam)) {
 				setViewId(Number(viewParam));
@@ -66,8 +67,6 @@
 		duration: 1000,
 		easing: expoOut
 	});
-
-	const showScreenSize = false; // enable to show screen size; for responsive design testing
 </script>
 
 <svelte:head>