diff options
| author | Jacob Janzen <jacob.a.s.janzen@gmail.com> | 2024-03-17 20:39:52 -0500 |
|---|---|---|
| committer | Jacob Janzen <jacob.a.s.janzen@gmail.com> | 2024-03-17 20:39:52 -0500 |
| commit | be718e1b86c38746bb9e5b349364c7be74f7829c (patch) | |
| tree | 2340c779109a6b9777da1b88a297aa9b3ef2c4ee | |
| parent | b5d09893bd0d3ca8f95adcd2f750000872ce5248 (diff) | |
cleanup for mobile view
| -rw-r--r-- | index.html | 8 | ||||
| -rw-r--r-- | styles.css | 28 | ||||
| -rw-r--r-- | tea/W2T-2022-BoatCaptain.html | 10 | ||||
| -rw-r--r-- | tea/template.html | 10 |
4 files changed, 32 insertions, 24 deletions
@@ -18,10 +18,10 @@ <h1>Jacob Janzen's Website</h1> <p> This website is designed to be as minimal as possible. It's written in - HTML with minimal CSS and JavaScript where needed. There are no - frameworks and no bloat. It's currently hosted on GitHub pages, but I - intend to eventually move it over to a self-hosted server when I get the - hardware (this is years away). + HTML and CSS while avoiding JavaScript as much as humanly possible. + There are no frameworks and no bloat. It's currently hosted on GitHub + pages, but I intend to eventually move it over to a self-hosted server + when I get the hardware (this is years away). </p> <p> Find me on @@ -2,17 +2,8 @@ box-sizing: border-box; } -h1, -h2, -h3, -h4, -h5, -h6 { - color: #815b5b; -} - body { - font-family: Georgia, Courier, Monospace; + font-family: Georgia, Times; font-size: 20px; background-color: #fff8ea; color: #594545; @@ -21,6 +12,21 @@ body { margin: auto; } +h1 { + color: #815b5b; + font-family: Helvetica, Tahoma, Arial; + font-weight: normal; +} + +h2, +h3, +h4, +h5, +h6 { + color: #815b5b; + font-weight: normal; +} + a { color: darkblue; text-decoration: none; @@ -33,6 +39,8 @@ a:hover { .header { color: #fff8ea; background-color: #594545; + margin-top: 10px; + padding: 5px 5px 5px 5px; } .header a { diff --git a/tea/W2T-2022-BoatCaptain.html b/tea/W2T-2022-BoatCaptain.html index e1e1d85..1eeb87c 100644 --- a/tea/W2T-2022-BoatCaptain.html +++ b/tea/W2T-2022-BoatCaptain.html @@ -9,10 +9,10 @@ </head> <body> <div class="header"> - <a href="./index.html">Home</a> - <a href="./projects.html">Projects</a> - <a href="./tea.html">Tea Tasting Notes</a> - <a href="./about.html">About Me</a> + <a href="../index.html">Home</a> + <a href="../projects.html">Projects</a> + <a href="../tea.html">Tea Tasting Notes</a> + <a href="../about.html">About Me</a> </div> <div class="body"> <h1>White2Tea 2022 Boat Captain</h1> @@ -26,7 +26,7 @@ settles into a malty sweetness. </p> - <h3>Rating: 8/10</h3> + <p>Rating: 8/10</p> </div> </body> </html> diff --git a/tea/template.html b/tea/template.html index ad90f7f..986abe0 100644 --- a/tea/template.html +++ b/tea/template.html @@ -9,10 +9,10 @@ </head> <body> <div class="header"> - <a href="./index.html">Home</a> - <a href="./projects.html">Projects</a> - <a href="./tea.html">Tea Tasting Notes</a> - <a href="./about.html">About Me</a> + <a href="../index.html">Home</a> + <a href="../projects.html">Projects</a> + <a href="../tea.html">Tea Tasting Notes</a> + <a href="../about.html">About Me</a> </div> <div class="body"> <h1>Title</h1> @@ -23,7 +23,7 @@ <!-- liquor, mouthfeel, flavour --> </p> - <h3>Rating: x/10</h3> + <p>Rating: x/10</p> </div> </body> </html> |