danieldaum.net
a personal site
fix(app): pkl-44 fix mobile responsiveness
Swapped width for max-width to handle resizing on mobile
+91
-58
+20
-3
global.css
+20
-3
global.css
···
80
80
body {
81
81
display: flex;
82
82
flex-direction: column;
83
-
background-color: #18181a;
83
+
background-color: #121212;
84
84
color: #ffffff;
85
85
font-family: "Inter", sans-serif;
86
-
width: 40rem;
86
+
max-width: 40rem;
87
87
margin:0 auto;
88
-
margin-top: 7rem;
88
+
margin-top: 7rem;
89
+
padding: 2rem;
89
90
}
90
91
91
92
header {
···
119
120
120
121
main p {
121
122
margin-bottom: 0.7rem;
123
+
font-size: 1rem;
124
+
font-weight: 300;
122
125
}
123
126
124
127
footer {
···
156
159
li a:hover {
157
160
color: #b5b5b5;
158
161
}
162
+
163
+
article {
164
+
border: 1px solid #ffffff;
165
+
margin-bottom: 1rem;
166
+
padding: 1rem;
167
+
}
168
+
169
+
article p {
170
+
color: #ffffff;
171
+
}
172
+
173
+
.post-title {
174
+
font-size: .8rem;
175
+
}
+26
-21
index.html
+26
-21
index.html
···
4
4
<meta charset="UTF-8" />
5
5
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
<link rel="stylesheet" href="./global.css" />
7
-
<link rel="preconnect" href="https://rsms.me/">
8
-
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
9
-
<title>daniel daum's website</title>
7
+
<link rel="preconnect" href="https://rsms.me/" />
8
+
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
9
+
<link rel="apple-touch-icon" sizes="180x180" href="/src/favicon/apple-touch-icon.png">
10
+
<link rel="icon" type="image/png" sizes="32x32" href="/src/favicon/favicon-32x32.png">
11
+
<link rel="icon" type="image/png" sizes="16x16" href="/src/favicon/favicon-16x16.png">
12
+
<link rel="manifest" href="/src/favicon/site.webmanifest">
13
+
<title>daniel daum</title>
10
14
</head>
11
15
<body>
12
-
<header>
13
-
<a href="/"><h1
14
-
>daniel daum</h1></a>
15
-
<nav>
16
-
<a href="/"><p>home</p></a>
17
-
<!-- <a href="/pages/now.html"><p>now</p></a>
18
-
<a href="/pages/blog.html"><p>blog</p></a> -->
19
-
</nav>
20
-
</header>
21
-
22
-
<main>
23
-
<p>my name is daniel</p>
24
-
<p>i enjoy building things. i enjoy writing. i enjoy eating food.</p>
25
-
</main>
16
+
<header>
17
+
<a href="/"><h1>daniel daum</h1></a>
18
+
<nav>
19
+
<a href="/"><p>home</p></a>
20
+
<a href="/src/pages/now.html"><p>now</p></a>
21
+
<!-- <a href="/src/pages/blog.html"><p>blog</p></a> -->
22
+
</nav>
23
+
</header>
24
+
25
+
<main>
26
+
<p>my name is daniel</p>
27
+
<p>
28
+
i enjoy building things. i enjoy writing. i enjoy eating food.
29
+
</p>
30
+
</main>
26
31
27
-
<footer>
28
-
<a href="https://www.github.com/daniel-daum"><p>GitHub</p></a>
29
-
</footer>
32
+
<footer>
33
+
<a href="https://www.github.com/daniel-daum"><p>GitHub</p></a>
34
+
</footer>
30
35
</body>
31
-
</html>
36
+
</html>
+8
-4
pages/blog.html
src/pages/blog.html
+8
-4
pages/blog.html
src/pages/blog.html
···
3
3
<head>
4
4
<meta charset="UTF-8" />
5
5
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
-
<link rel="stylesheet" href="../global.css" />
6
+
<link rel="stylesheet" href="../../global.css" />
7
7
<link rel="preconnect" href="https://rsms.me/">
8
8
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
9
-
<title>daniel daum's website</title>
9
+
<link rel="apple-touch-icon" sizes="180x180" href="../favicon/apple-touch-icon.png">
10
+
<link rel="icon" type="image/png" sizes="32x32" href="../favicon/favicon-32x32.png">
11
+
<link rel="icon" type="image/png" sizes="16x16" href="../favicon/favicon-16x16.png">
12
+
<link rel="manifest" href="../favicon/site.webmanifest">
13
+
<title>daniel daum</title>
10
14
</head>
11
15
<body>
12
16
<header>
13
17
<a href="/"><h1>daniel daum</h1></a>
14
18
<nav>
15
19
<a href="/"><p>home</p></a>
16
-
<a href="/pages/now.html"><p>now</p></a>
17
-
<a href="/pages/blog.html"><p>blog</p></a>
20
+
<a href="./now.html"><p>now</p></a>
21
+
<a href="./blog.html"><p>blog</p></a>
18
22
</nav>
19
23
</header>
20
24
-29
pages/now.html
-29
pages/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
-
<link rel="stylesheet" href="../global.css" />
7
-
<link rel="preconnect" href="https://rsms.me/">
8
-
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
9
-
<title>daniel daum's website</title>
10
-
</head>
11
-
<body>
12
-
<header>
13
-
<a href="/"><h1>daniel daum</h1></a>
14
-
<nav>
15
-
<a href="/"><p>home</p></a>
16
-
<a href="/pages/now.html"><p>now</p></a>
17
-
<a href="/pages/blog.html"><p>blog</p></a>
18
-
</nav>
19
-
</header>
20
-
21
-
<main>
22
-
<p>now</p>
23
-
</main>
24
-
25
-
<footer>
26
-
<a href="https://www.github.com/daniel-daum"><p>GitHub</p></a>
27
-
</footer>
28
-
</body>
29
-
</html>
+36
src/pages/now.html
+36
src/pages/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
+
<link rel="stylesheet" href="../../global.css" />
7
+
<link rel="preconnect" href="https://rsms.me/" />
8
+
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
9
+
<link rel="apple-touch-icon" sizes="180x180" href="../favicon/apple-touch-icon.png"/>
10
+
<link rel="icon" type="image/png" sizes="32x32" href="../favicon/favicon-32x32.png"/>
11
+
<link rel="icon" type="image/png" sizes="16x16" href="../favicon/favicon-16x16.png"/>
12
+
<link rel="manifest" href="../favicon/site.webmanifest" />
13
+
<title>daniel daum</title>
14
+
</head>
15
+
<body>
16
+
<header>
17
+
<a href="/"><h1>daniel daum</h1></a>
18
+
<nav>
19
+
<a href="/"><p>home</p></a>
20
+
<a href="./now.html"><p>now</p></a>
21
+
<!-- <a href="./blog.html"><p>blog</p></a> -->
22
+
</nav>
23
+
</header>
24
+
25
+
<main>
26
+
<article>
27
+
<p class="post-title">2025.04.29 - MONDAY</p>
28
+
<p>When all the good places to post go away, you have to create your own.</p>
29
+
</article>
30
+
</main>
31
+
32
+
<footer>
33
+
<a href="https://www.github.com/daniel-daum"><p>GitHub</p></a>
34
+
</footer>
35
+
</body>
36
+
</html>