a personal site

fix(app): pkl-44 fix mobile responsiveness

Swapped width for max-width to handle resizing on mobile

daniel daum d30534d6 b193638e

+91 -58
+1 -1
README.md
··· 1 - # A personal site 1 + # a personal site 2 2 3 3 https://www.danieldaum.net
+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
··· 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
··· 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
··· 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
··· 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>