Skip to content

Commit f696554

Browse files
kennethnymkennethnym
committed
Merge pull request 'Add book read section to my website' (#1) from book-reads into main
Reviewed-on: https://code.nym.sh/kennethnym/website/pulls/1
2 parents 9d0e68f + 85f91ae commit f696554

12 files changed

Lines changed: 281 additions & 7 deletions

File tree

‎src/components/Header.astro‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,6 @@ import Link from "./Link.astro";
66
<nav class="flex flex-row items-center space-x-4">
77
<p class="font-bold text-lg">kennethnym</p>
88
<Link href="/">home</Link>
9+
<Link href="/read">books</Link>
910
</nav>
1011
</header>

‎src/content/config.ts‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,13 @@ const blog = defineCollection({
1414
}),
1515
});
1616

17-
export const collections = { blog };
17+
const read = defineCollection({
18+
type: "content",
19+
schema: z.object({
20+
title: z.string(),
21+
author: z.string(),
22+
goodReadLink: z.string().optional(),
23+
}),
24+
});
25+
26+
export const collections = { blog, read };

‎src/content/read/being-you.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
title: Being You
3+
author: Anil Seth
4+
---
5+
6+
I am still organizing my notes for this book.

‎src/content/read/the-creative-act.md‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
---
2+
title: The Creative Act
3+
author: Rick Rubin
4+
goodReadLink: https://www.goodreads.com/book/show/60965426-the-creative-act
5+
---
6+
7+
## Everyone is a creator
8+
9+
- To live as an artist is a way of being in the world
10+
11+
## Tuning in
12+
13+
- We are all participating in a larger creative act we are not conducting. We are being conducted. The artist is on a cosmic timetable, just like all of nature.
14+
- In this great unfolding, ideas and thoughts, themes and songs and other works of art exist in the aether and ripen on schedule, ready to find expression in the physical world.
15+
As artists, it is our job to draw down this information, transmute it, and share it.
16+
- We are all antennae for creative thought.
17+
- To pick up on signals, don't look for it, or try to predict and analyze our way into it. Instead, create an open space that allows it. A space so free of the normal overpacked condition of our minds that it functions as a vacuum.
18+
- Practicing a way of being that allows you to see the world through uncorrupted, innocent eyes can free you to act in concert with the universe's timetable.
19+
20+
## The source of creativity
21+
22+
- The Source is out there. A wisdom surrounding us, an inexhaustible offering that is always available.
23+
- Art is a circulation of energetic ideas. What makes them appear new is that they are combining differently each time they come back.
24+
25+
## Awareness
26+
27+
- The universe is only as large as our perception of it. When we cultivate our awareness, we are expanding the universe.
28+
29+
## The Vessal and the Filter
30+
31+
- The vessel holds the sum of our thoughts, feelings, dreams, and experiences in the world.
32+
- Information is filtered uniquely for each person before entering the vessel.
33+
- Artists seek to restore childlike perceptions, a more innocent state of wonder and appreciation untethered to utility or survival.
34+
- One can think of the creative act as taking the sum of our vessel's contents as potential material, selecting for elements that seem useful or significant in the moment, and re-representing them.

‎src/content/read/user-friendly.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
---
2+
title: User Friendly
3+
author: Cliff Kuang, Robert Fabricant
4+
goodReadLink: https://www.goodreads.com/book/show/41940285-user-friendly
5+
---
6+
7+
I will start making notes here when I start reading this book.

‎src/content/read/zero-to-one.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
---
2+
title: Zero to One
3+
author: Peter Thiel, Blake Masters
4+
goodReadLink: https://www.goodreads.com/book/show/18050143-zero-to-one
5+
---
6+
7+
I will start making notes here when I start reading this book.

‎src/layouts/BookRead.astro‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
---
2+
import type { CollectionEntry } from "astro:content";
3+
import BaseHead from "../components/BaseHead.astro";
4+
5+
type Props = CollectionEntry<"read">["data"];
6+
7+
const { title, author, goodReadLink } = Astro.props;
8+
---
9+
10+
<!doctype html>
11+
<html lang="en">
12+
<head>
13+
<BaseHead
14+
title={`Kenneth's Read - ${title}`}
15+
description={`Notes I made for the book ${title}`}
16+
/>
17+
</head>
18+
<body
19+
class="w-full reads -z-2 bg-stone-200 dark:bg-stone-900 flex justify-center dark:text-stone-300 pt-20 md:py-40"
20+
>
21+
<header
22+
class="fixed scroll-to-blur w-full -z-1 top-0 left-0 right-0 flex justify-center"
23+
>
24+
<div
25+
class="w-full max-w-[calc(65ch+var(--spacing)*24)] px-8 md:px-12 py-4 md:py-12 opacity-80"
26+
>
27+
<h1 class="font-bold text-sm">Kenneth's Read</h1>
28+
<h2 class="text-sm">Quotes and notes from my readings.</h2>
29+
</div>
30+
</header>
31+
<main
32+
class="relative w-full max-w-[calc(65ch+var(--spacing)*24)] px-8 md:px-12 py-10 rounded-t-2xl md:rounded-2xl shadow-lg border border-stone-300 dark:border-stone-600 bg-stone-100 dark:bg-stone-800 min-h-[calc(100vh-var(--spacing)*28)]"
33+
>
34+
<article>
35+
<div class="flex justify-between items-center w-full mb-10">
36+
<header class="flex flex-col">
37+
<h1 class="font-bold">{title}</h1>
38+
<h2 class="font-medium">{author}</h2>
39+
</header>
40+
<a href={goodReadLink} class="underline">GoodRead</a>
41+
</div>
42+
<div
43+
class="prose dark:prose-invert prose-headings:font-medium prose-headings:tracking-tight prose-h2:mb-0.5 dark:prose-headings:text-stone-300 dark:text-stone-300 dark:marker:text-stone-300 prose-ul:list-none prose-ul:p-0 prose-li:p-0 prose-li:before:content-['•'] prose-li:relative prose-li:before:absolute prose-li:before:left-0 prose-li:before:-translate-x-4"
44+
>
45+
<slot />
46+
</div>
47+
</article>
48+
<div
49+
class="absolute left-6 top-0 -translate-y-1/2 transition-all rounded-lg bg-stone-100 dark:bg-stone-800 border border-stone-300 dark:border-stone-700 shadow-lg h-min"
50+
>
51+
<a
52+
class="block px-2 py-0.5 text-sm opacity-80 transition-all"
53+
href="/read">&lt;- All books</a
54+
>
55+
</div>
56+
</main>
57+
</body>
58+
</html>

‎src/pages/blog/[...slug].astro‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
2-
import { type CollectionEntry, getCollection } from 'astro:content';
3-
import BlogPost from '../../layouts/BlogPost.astro';
2+
import { type CollectionEntry, getCollection } from "astro:content";
3+
import BlogPost from "../../layouts/BlogPost.astro";
44
55
export async function getStaticPaths() {
6-
const posts = await getCollection('blog');
6+
const posts = await getCollection("blog");
77
return posts.map((post) => ({
88
params: { slug: post.slug },
99
props: post,
1010
}));
1111
}
12-
type Props = CollectionEntry<'blog'>;
12+
type Props = CollectionEntry<"blog">;
1313
1414
const post = Astro.props;
1515
const { Content } = await post.render();

‎src/pages/index.astro‎

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,11 @@ const posts = (await getBlogs()).sort(
2525
<p class="font-bold text-2xl">kennethnym</p>
2626
</header>
2727
<main class="py-8">
28-
<p>dumping ground for my thoughts. all opinions are my own.</p>
28+
<p>
29+
software engineer @ <Link href="https://www.gitpod.io">gitpod</Link>.
30+
all opinions are my own.
31+
</p>
32+
<p>check out <Link href="/read">the books I am reading!</Link></p>
2933
<h1 class="font-bold mt-8 mb-2 text-lg visited">current projects:</h1>
3034
<ul class="not-prose space-y-4 md:space-y-2">
3135
<li>
@@ -68,9 +72,14 @@ const posts = (await getBlogs()).sort(
6872
>
6973
<header class="font-bold text-center">KENNETHNYM v23.5</header>
7074
<p class="leading-none">&nbsp;</p>
71-
<p class="text-center">software engineer. unpaid hhkb salesman.</p>
75+
<p class="text-center">
76+
software engineer @ <Link href="https://www.gitpod.io">gitpod</Link>.
77+
unpaid hhkb salesman.
78+
</p>
7279
<p>&nbsp;</p>
7380
<p>&nbsp;</p>
81+
<Link href="/read" class="w-full">books i am reading</Link>
82+
<p>&nbsp;</p>
7483
<ul
7584
aria-label="recent blog posts"
7685
class="w-full space-y-2 sm:space-y-0"

‎src/pages/read.astro‎

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
---
2+
import { getCollection } from "astro:content";
3+
import BaseHead from "../components/BaseHead.astro";
4+
5+
const nowReading = {
6+
title: "The Creative Act",
7+
slug: "the-creative-act",
8+
};
9+
const quote = {
10+
content:
11+
"Practicing a way of being that allows you to see the world through uncorrupted, innocent eyes can free you to act in concert with the universe's timetable.",
12+
bookTitle: "The Creative Act",
13+
};
14+
15+
const books = (await getCollection("read")).filter(
16+
(book) => book.slug !== nowReading.slug,
17+
);
18+
---
19+
20+
<!doctype html>
21+
<html
22+
lang="en"
23+
class="bg-stone-200 dark:bg-stone-900 text-stone-700 dark:text-stone-400"
24+
>
25+
<head>
26+
<BaseHead
27+
title="Kenneth's Reads"
28+
description="Quotes and notes from my readings."
29+
/>
30+
</head>
31+
<body class="reads px-8">
32+
<main class="mt-8 mb-20 md:mt-0 max-w-4xl grid grid-cols-11">
33+
<header class="col-span-11 grid grid-cols-11">
34+
<h1
35+
class="col-span-10 md:col-span-3 md:justify-self-end text-lg font-bold mt-8"
36+
>
37+
<a href="/" class="hover:underline">Kenneth</a>&#39;s Reads
38+
</h1>
39+
<p
40+
class="col-span-10 md:col-span-8 text-lg font-medium mb-10 md:mb-20 md:ml-12 md:mt-8"
41+
>
42+
Quotes and notes from my readings.
43+
</p>
44+
</header>
45+
46+
<div class="md:justify-self-end col-span-10 md:col-span-3">
47+
<div class="flex items-center opacity-70 mb-2 md:mb-20">
48+
<div
49+
class="w-3 h-3 bg-green-500 border-green-200 dark:bg-green-500 border-2 dark:border-green-300 rounded-full animate-pulse mr-2"
50+
>
51+
</div>
52+
<h2 class="tracking-tight">Now Reading</h2>
53+
</div>
54+
</div>
55+
56+
<div class="col-span-10 md:col-span-8 md:ml-12 mb-16 md:mb-20">
57+
<a class="font-medium underline" href={`/read/${nowReading.slug}`}
58+
>{nowReading.title}</a
59+
>
60+
</div>
61+
62+
<div
63+
class="md:justify-self-end col-span-10 md:col-span-3 flex flex-col md:items-end opacity-70"
64+
>
65+
<p class="text-6xl leading-none font-black select-none">“</p>
66+
<h2 class="leading-none -translate-y-8 tracking-tight">
67+
{quote.bookTitle}
68+
</h2>
69+
</div>
70+
<p
71+
class="col-span-10 md:col-span-8 max-w-prose md:ml-12 text-2xl md:text-4xl tracking-tight mb-20"
72+
>
73+
{quote.content}
74+
</p>
75+
76+
<h2
77+
class="col-span-10 md:col-span-3 tracking-tight md:justify-self-end mb-4"
78+
>
79+
All Books
80+
</h2>
81+
<ul class="col-span-10 md:col-span-8 md:ml-12 space-y-2">
82+
{
83+
books.map((book) => (
84+
<li>
85+
<a class="underline" href={`/read/${book.slug}`}>
86+
{book.data.title}
87+
</a>
88+
</li>
89+
))
90+
}
91+
</ul>
92+
</main>
93+
</body>
94+
</html>

0 commit comments

Comments
 (0)