feat: add books list

tanhauhau · Jan 23, 2024 · 4dbb721 · 4dbb721
1 parent e6cbdc0
commit 4dbb721
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 2 deletions.
diff --git a/src/lib/Links.svelte b/src/lib/Links.svelte
@@ -8,7 +8,7 @@
 	<li class="desktop"><a sveltekit:prefetch href="/blogs">Writings</a></li>
 	<li class="desktop"><a sveltekit:prefetch href="/talks">Talks</a></li>
 	<li class="desktop"><a sveltekit:prefetch href="/notes">Notes</a></li>
-	<li class="desktop"><a sveltekit:prefetch href="/newsletter">Newsletter</a></li>
+	<li class="desktop"><a sveltekit:prefetch href="/books">Books</a></li>
 	<li class="social">
 		<a aria-label="Twitter account" href="https://twitter.com/lihautan">
 			<svg viewBox="0 0 24 24" width="1em" height="1em">

diff --git a/src/lib/Sidebar.svelte b/src/lib/Sidebar.svelte
@@ -38,7 +38,7 @@
 				<li><a on:click={hide} href="/blogs">Writings</a></li>
 				<li><a on:click={hide} href="/talks">Talks</a></li>
 				<li><a on:click={hide} href="/notes">Notes</a></li>
-				<li><a on:click={hide} href="/newsletter">Newsletter</a></li>
+				<li><a on:click={hide} href="/books">Books</a></li>
 				<li class="social">
 					<a aria-label="Twitter account" href="https://twitter.com/lihautan">
 						<svg viewBox="0 0 24 24" width="1em" height="1em">

diff --git a/src/routes/books/index.svelte b/src/routes/books/index.svelte
@@ -0,0 +1,35 @@
+<script>
+</script>
+
+<main>
+  Here are the books I've published:
+	<ol>
+		<li>
+			<b>Real-World Svelte</b>
+			<div>
+				<i>Supercharge your apps with Svelte 4 by mastering advanced web development concepts</i>
+			</div>
+			<div>
+				<a href="https://packt.link/Z4hXD">Amazon</a>{' '}
+				<a href="https://packt.link/qjwzB">Packt</a>
+			</div>
+		</li>
+	</ol>
+</main>
+
+<style>
+	main {
+		max-width: 675px;
+		min-height: 100vh;
+		margin: auto;
+		padding: calc(3 * var(--prism-padding)) 0 var(--prism-padding);
+		word-break: break-word;
+		box-sizing: border-box;
+	}
+
+	@media only screen and (max-width: 755px) {
+		main {
+			padding: calc(3 * var(--prism-padding)) calc(2 * var(--prism-padding));
+		}
+	}
+</style>