diff options
| author | Dylan Bolger <dylan.bolger00@gmail.com> | 2023-11-10 17:43:01 -0600 |
|---|---|---|
| committer | Dylan Bolger <dylan.bolger00@gmail.com> | 2023-11-10 17:43:01 -0600 |
| commit | 4b1d6564ad8b362ab88879f4179a4741db6885a4 (patch) | |
| tree | 1eee8f6bb7c8a8c2d552f040f8cd7b52f599564b | |
| parent | 3e0d72fdeff3cb14320b769eee9dcc1a01141e30 (diff) | |
| download | personal-website-4b1d6564ad8b362ab88879f4179a4741db6885a4.tar.xz personal-website-4b1d6564ad8b362ab88879f4179a4741db6885a4.zip | |
work on index.html design, introduce water.css
| -rw-r--r-- | assets/css/main.css | 25 | ||||
| -rw-r--r-- | 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) { @@ -5,6 +5,7 @@ <title>FivePixels</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="assets/css/main.css" />
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png" />
@@ -14,6 +15,7 @@ <meta name="og:url" content="https://fivepixels.me/" />
<meta name="og:description" content="Home" />
<meta name="theme-color" content="#55ACEE" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body id="home">
|