a personal site
feat(core): add now.html webpage to site (#27)
authored by
Daniel Daum
and committed by
GitHub
61f3e920
404f994f
+249
-8
+64
404.html
+64
404.html
···
1
+
<!doctype html>
2
+
<html lang="en">
3
+
<head>
4
+
<meta charset="UTF-8" />
5
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+
<meta
7
+
name="description"
8
+
content="daniel daum's website homepage - oakland based software engineer"
9
+
/>
10
+
<meta
11
+
http-equiv="Content-Security-Policy"
12
+
content="default-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self';"
13
+
/>
14
+
<meta name="referrer" content="strict-origin-when-cross-origin" />
15
+
<link rel="stylesheet" href="/global.css" />
16
+
<link
17
+
rel="apple-touch-icon"
18
+
sizes="180x180"
19
+
href="/src/assets/favicon/apple-touch-icon.png"
20
+
/>
21
+
<link
22
+
rel="icon"
23
+
type="image/png"
24
+
sizes="32x32"
25
+
href="/src/assets/favicon/favicon-32x32.png"
26
+
/>
27
+
<link
28
+
rel="icon"
29
+
type="image/png"
30
+
sizes="16x16"
31
+
href="/src/assets/favicon/favicon-16x16.png"
32
+
/>
33
+
<link rel="manifest" href="/src/assets/favicon/site.webmanifest" />
34
+
<title>daniel daum - 404 page not found</title>
35
+
</head>
36
+
<body>
37
+
<header>
38
+
<h1>404</h1>
39
+
<nav>
40
+
<a href="/index.html" aria-label="return home">home</a>
41
+
<a href="/src/now/now.html" aria-label="link to my now page">now</a>
42
+
<s><a href="#" aria-label="link to my blog; still under construction">blog</a></s>
43
+
<s><a href="#" aria-label="link to my digital garden; still under construction">garden</a></s>
44
+
<s><a href="#" aria-label="link to my projects; still under construction">projects</a></s>
45
+
<!--<s><a href="/src/blog/blog.html" aria-label="link to my blog">blog</a></s>
46
+
<s><a href="/src/garden.html" aria-label="link to my digital garden">garden</a></s>
47
+
<s><a href="/src/projects/projects.html" aria-label="link to my projects">projects</a></s>-->
48
+
</nav>
49
+
</header>
50
+
<main>
51
+
<p>This page doesn’t exist.</p>
52
+
53
+
<p>return <a href="/">home</a></p>
54
+
55
+
</main>
56
+
<footer>
57
+
58
+
</footer>
59
+
60
+
61
+
62
+
63
+
</body>
64
+
</html>
+16
-2
global.css
+16
-2
global.css
···
226
226
}
227
227
228
228
p {
229
-
margin: 0 0 1.2rem 0;
229
+
margin: 0 0 1rem 0;
230
230
color: var(--text-body);
231
231
}
232
232
···
310
310
}
311
311
312
312
figure {
313
-
margin: 2.5rem 0;
313
+
margin: 1.5rem 0;
314
314
}
315
315
316
316
ul, ol {
···
329
329
background: var(--borders);
330
330
margin-bottom: 0.7rem;
331
331
width: 13rem;
332
+
}
333
+
334
+
/*not ready yet*/
335
+
s a {
336
+
color: var(--accent-muted);
337
+
text-decoration: none;
338
+
border-bottom: 1px solid var(--accent-muted);
339
+
transition: background-color 0.15s ease, color 0.15s ease;
340
+
}
341
+
342
+
s a:hover {
343
+
color: #fff;
344
+
background-color: var(--accent-muted);
345
+
border-bottom-color: var(--accent-muted);
332
346
}
333
347
334
348
+9
-6
index.html
+9
-6
index.html
···
38
38
<header>
39
39
<h1 class="title">daniel daum</h1>
40
40
<nav>
41
-
<!--<a href="/index.html" aria-label="return home">home</a>
41
+
<a href="/index.html" aria-label="return home">home</a>
42
42
<a href="/src/now/now.html" aria-label="link to my now page">now</a>
43
-
<a href="/src/blog/blog.html" aria-label="link to my blog">blog</a>
44
-
<a href="/src/garden.html" aria-label="link to my digital garden">garden</a>
45
-
<a href="/src/projects/projects.html" aria-label="link to my projects">projects</a>-->
43
+
<s><a href="#" aria-label="link to my blog; still under construction">blog</a></s>
44
+
<s><a href="#" aria-label="link to my digital garden; still under construction">garden</a></s>
45
+
<s><a href="#" aria-label="link to my projects; still under construction">projects</a></s>
46
+
<!--<s><a href="/src/blog/blog.html" aria-label="link to my blog">blog</a></s>
47
+
<s><a href="/src/garden.html" aria-label="link to my digital garden">garden</a></s>
48
+
<s><a href="/src/projects/projects.html" aria-label="link to my projects">projects</a></s>-->
46
49
</nav>
47
50
</header>
48
51
···
60
63
i am pursuing an undergradute degree in computer science and currently learning rust and game development
61
64
</p>
62
65
<p>
63
-
feel free to shoot me an email about anything!
66
+
don't hesitate to shoot me an email, especially if it's to chat about books and video games
64
67
</p>
65
68
</main>
66
69
···
72
75
<a href="https://github.com/daniel-daum" aria-label="link to my github" target="_blank" rel="noopener noreferrer">github</a>
73
76
</nav>
74
77
<p class="meta" aria-label="Page last updated on january 19, 2026">
75
-
last updated: jan 19, 2026 @ 21:45 [PST]
78
+
last updated: jan 21, 2026 @ 22:45 [PST]
76
79
</p>
77
80
</footer>
78
81
</body>
src/now/california_coast.jpg
src/now/california_coast.jpg
This is a binary file and will not be displayed.
+160
src/now/now.html
+160
src/now/now.html
···
1
+
<!doctype html>
2
+
<html lang="en">
3
+
<head>
4
+
<meta charset="UTF-8" />
5
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+
<meta
7
+
name="description"
8
+
content="daniel daum's now page - oakland based software engineer"
9
+
/>
10
+
<meta
11
+
http-equiv="Content-Security-Policy"
12
+
content="default-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self';"
13
+
/>
14
+
<meta name="referrer" content="strict-origin-when-cross-origin" />
15
+
<link rel="stylesheet" href="/global.css" />
16
+
<link
17
+
rel="apple-touch-icon"
18
+
sizes="180x180"
19
+
href="/assets/favicon/apple-touch-icon.png"
20
+
/>
21
+
<link
22
+
rel="icon"
23
+
type="image/png"
24
+
sizes="32x32"
25
+
href="/assets/favicon/favicon-32x32.png"
26
+
/>
27
+
<link
28
+
rel="icon"
29
+
type="image/png"
30
+
sizes="16x16"
31
+
href="/assets/favicon/favicon-16x16.png"
32
+
/>
33
+
<link rel="manifest" href="/src/assets/favicon/site.webmanifest" />
34
+
<title>daniel daum - now</title>
35
+
</head>
36
+
37
+
<body>
38
+
<header>
39
+
<h1 class="title">now</h1>
40
+
<nav>
41
+
<a href="/index.html" aria-label="return home">home</a>
42
+
<a href="/src/now/now.html" aria-label="link to my now page">now</a>
43
+
<s><a href="#" aria-label="link to my blog; still under construction">blog</a></s>
44
+
<s><a href="#" aria-label="link to my digital garden; still under construction">garden</a></s>
45
+
<s><a href="#" aria-label="link to my projects; still under construction">projects</a></s>
46
+
<!--<s><a href="/src/blog/blog.html" aria-label="link to my blog">blog</a></s>
47
+
<s><a href="/src/garden.html" aria-label="link to my digital garden">garden</a></s>
48
+
<s><a href="/src/projects/projects.html" aria-label="link to my projects">projects</a></s>-->
49
+
</nav>
50
+
51
+
</header>
52
+
<main>
53
+
<p>this is a page that highlights what i've been doing recently. it updates on occasion, so check back every now and then, if you'd like. this is the january 21, 2026 edition</p>
54
+
55
+
<h2>recently</h2>
56
+
<p>
57
+
christie and i just wrapped up our second year as californians
58
+
</p>
59
+
60
+
<p>we've been exploring california, trying to make new friends, and just settle into our new lives</p>
61
+
62
+
63
+
64
+
<div style="display: flex; flex-direction: row;">
65
+
<div style="margin-right: 1rem;">
66
+
<p>california pros:</p>
67
+
<ul>
68
+
<li>consistent weather</li>
69
+
<li>access to national parks</li>
70
+
<li>redwoods</li>
71
+
</ul>
72
+
</div>
73
+
<div style="margin-left: 1rem;">
74
+
<p>california cons:</p>
75
+
<ul>
76
+
<li>no snow, or fall :(</li>
77
+
<li>old friends are far away</li>
78
+
</ul>
79
+
</div>
80
+
</div>
81
+
82
+
<figure>
83
+
<img
84
+
src="/src/now/california_coast.jpg"
85
+
alt="california coast"
86
+
style="max-height: 50ch;"
87
+
/>
88
+
<figcaption>
89
+
west coast near point reyes from a recent hike
90
+
</figcaption>
91
+
</figure>
92
+
93
+
<p>
94
+
anyways, it’s a new year and i’m trying to ride out that <i>'this year will be different'</i> feeling for as long as possible
95
+
</p>
96
+
97
+
<p>
98
+
just the usual stuff: more exercise, more reading, and maybe ease off some of the bad habits a little
99
+
</p>
100
+
101
+
<p>so heres to 2026</p>
102
+
103
+
104
+
<h2>reading</h2>
105
+
<p>
106
+
recently i was recommended <a href="https://www.goodreads.com/book/show/58416952-the-will-of-the-many" aria-label="link to the will of the many on goodreads" target="_blank" rel="noopener noreferrer">“the will of the many”</a> by james islington, and i immediately devoured it. if you enjoy reading fantasy, this should be on your list
107
+
</p>
108
+
<p>
109
+
i was able to pick up a copy of book two, <a href="https://www.goodreads.com/book/show/169485073-the-strength-of-the-few?ref=nav_sb_ss_1_16" aria-label="link to the stength of the few on goodreads" target="_blank" rel="noopener noreferrer">“the strength of the few”</a>, which released recently. it is also great, and every second i have to spend not reading it is pure agony
110
+
</p>
111
+
112
+
<p>highly reccomend</p>
113
+
<h2>listening</h2>
114
+
<p>
115
+
i'm always actively hunting for new music, but right now its going...okay...
116
+
</p>
117
+
<p>
118
+
i find that the more i try new bands, or listen to new sounds, the more i need to ground myself in something familiar. so here is the new and the familiar
119
+
</p>
120
+
121
+
<h4>
122
+
the new
123
+
</h4>
124
+
<ul>
125
+
<li><a href="https://youtu.be/O6fD5zdct94?si=OdLArLcKGmzDhs36" aria-label="link to the song chlorine on youtube" target="_blank" rel="noopener noreferrer">tops - chlorine</a> (indie pop)</li>
126
+
<li><a href="https://youtu.be/UV1IgNxPnCU?si=6Qse5gzQ7V_tbAAu" aria-label="link to the song dy-na-mi-tee on youtube" target="_blank" rel="noopener noreferrer">olivia dean - dy-na-mi-tee</a> (r&b - cover)</li>
127
+
<li> <a href="https://youtu.be/0MI1DHbXH68?si=jv62yV2VuD4Vqf3L" aria-label="link to the song chrysalis on youtube" target="_blank" rel="noopener noreferrer">l'impératrice, louve - chrysalis</a> (electronic french pop)</li>
128
+
</ul>
129
+
<h4>
130
+
the familiar
131
+
</h4>
132
+
<ul>
133
+
<li><a href="https://youtu.be/Gl83mI69nX4?si=IhHsm0z5TfpsrufK" aria-label="link to the song kick,push on youtube" target="_blank" rel="noopener noreferrer">lupe fiasco - kick, push</a> (hip hop)</li>
134
+
<li><a href="https://youtu.be/n7PVhQPaFNY?si=mBSm4YIhWJBVWlr0" aria-label="link to the song all i want is you on youtube" target="_blank" rel="noopener noreferrer">miguel ft j.cole - all i want is you</a> (r&b)</li>
135
+
</ul>
136
+
<h2>playing</h2>
137
+
<p>i had extra time over winter break to go through a small backlog of games. kcd2 is a massive game, maybe too big. demonschool was just not it for me. and i still don't quite know how to describe indika</p>
138
+
139
+
140
+
<h4>next up</h4>
141
+
<ul>
142
+
<li><a>alan wake 2</a></li>
143
+
144
+
</ul>
145
+
146
+
<h4>finished</h4>
147
+
<ul>
148
+
<li><a href="https://youtu.be/7ynJN-HejlY?si=fmo9Gz1lMCVPZBD0" aria-label="link to the trailer for kingdom come deliverance 2 on youtube" target="_blank" rel="noopener noreferrer">kingdom come: deliverance ii by warhorse studios</a> (4/5)</li>
149
+
<li><a href="https://www.youtube.com/watch?v=MVkci6ZD_KE" aria-label="link to the trailer for demonschool on youtube" target="_blank" rel="noopener noreferrer">demonschool by necrosoft games</a> (1/5)</li>
150
+
<li><a href="https://youtu.be/OANaNIEAsWE?si=8O5FMc7rcofVCSeJ" aria-label="link to the trailer for indika on youtube" target="_blank" rel="noopener noreferrer">indika by odd meter</a> (3/5)</li>
151
+
</ul>
152
+
153
+
154
+
155
+
</main>
156
+
<footer>
157
+
158
+
</footer>
159
+
</body>
160
+
</html>