From 4b1d6564ad8b362ab88879f4179a4741db6885a4 Mon Sep 17 00:00:00 2001 From: Dylan Bolger Date: Fri, 10 Nov 2023 17:43:01 -0600 Subject: work on index.html design, introduce water.css --- assets/css/main.css | 25 ++++++------------------- index.html | 2 ++ 2 files changed, 8 insertions(+), 19 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 26c4d9b..019ffa2 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -56,12 +56,11 @@ body#about header ul#nav { } ul#nav li { - font-size: 12px; - margin: 1.5em; - width: 20%; + font-size: 16px; + width: 25%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */ - text-align: center; /* If you want the text to be centered */ + text-align: left; white-space: nowrap; } @@ -77,14 +76,6 @@ body#about { max-width: 600px; } -ol#vinyls li, -ul.tv li, -ul.movies li, -ul.web li, -ul.currentread li { - font-family: 'Source Code Pro'; -} - li.nostyle { list-style-type: none; } @@ -94,8 +85,7 @@ body { margin: 0 auto; } -p, -ul { +p { font-family: 'Source Sans Pro'; } @@ -181,10 +171,6 @@ a { color: blue; } -a:hover { - color: black; -} - a:active { color: gray; } @@ -195,7 +181,7 @@ section { } div.project { - margin-bottom: 2em; + margin-bottom: 1.4em; } div.project h2 { @@ -225,6 +211,7 @@ div.project h1 { section h1 { font-weight: bold; font-size: 28px; + line-height: 30px; } @media (prefers-color-scheme: dark) { diff --git a/index.html b/index.html index 3f2660c..bbbade9 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ FivePixels + @@ -14,6 +15,7 @@ + -- cgit v1.2.3