diff options
author | | 1970-01-01 00:00:00 +0000 |
---|---|---|
committer | | 1970-01-01 00:00:00 +0000 |
commit | 4c0b2cf1483475a0a630650d3241d3f97b39db4a (patch) | |
tree | 208585105748b06abcd99c3c8e5bcd4ddfc9f317 | |
parent | mobile page size fix (diff) | |
download | w-4c0b2cf1483475a0a630650d3241d3f97b39db4a.tar w-4c0b2cf1483475a0a630650d3241d3f97b39db4a.tar.gz w-4c0b2cf1483475a0a630650d3241d3f97b39db4a.tar.bz2 w-4c0b2cf1483475a0a630650d3241d3f97b39db4a.tar.xz w-4c0b2cf1483475a0a630650d3241d3f97b39db4a.zip |
log
-rw-r--r-- | README.md | 4 | ||||
-rw-r--r-- | about.html | 6 | ||||
-rw-r--r-- | css/main.css | 4 |
3 files changed, 11 insertions, 3 deletions
diff --git a/README.md b/README.md index 9a9da6b..efda75a 100644 --- a/README.md +++ b/README.md @@ -17,3 +17,7 @@ links, a lot of redish orange headers, and a few purple headers. #### 12/13/23 Today I designed a light mode for the website and added css to set the theme depending on whether someone is using dark mode or light mode. + +#### 12/18/23 +I figured out how to get the font size to work right on mobile, so now +my website looks great on mobile. diff --git a/about.html b/about.html index d25f15d..37dd539 100644 --- a/about.html +++ b/about.html @@ -29,10 +29,14 @@ links, a lot of redish orange headers, and a few purple headers.</p> <p>Today I designed a light mode for the website and added css to set the theme depending on whether someone is using dark mode or light mode.</p> +<h3>12/18/23</h3> +<p>I figured out how to get the font size to work right on mobile, so now my website looks +great on mobile.</p> + <h2>Source</h2> <p>The source code is <a href="http://github.com/porterswanstrom/www">here</a> and you can get it with:</p> -<div class="sh">git clone git@github.com:porterswanstrom/www</div> +<div class="sh">git clone git://github.com/porterswanstrom/www</div> </div><div class="foot"> diff --git a/css/main.css b/css/main.css index 90e2145..0b41d05 100644 --- a/css/main.css +++ b/css/main.css @@ -62,7 +62,7 @@ img{margin-left:4%;} padding-left:3% } -@media(prefers-color-scheme:light){ +/*@media(prefers-color-scheme:light){ html, body{ background-color:#F0F2F4; color:#553311 @@ -74,7 +74,7 @@ img{margin-left:4%;} a{color:#113399} a:hover{color:#000000} -} +}*/ @media all and (max-width:1800px){ .body{padding: 0pt 35% 60pt 35%} |