From 4c0b2cf1483475a0a630650d3241d3f97b39db4a Mon Sep 17 00:00:00 2001 From: ​ Date: Thu, 1 Jan 1970 00:00:00 +0000 Subject: log --- README.md | 4 ++++ about.html | 6 +++++- 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.

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.

+

Source

The source code is here and you can get it with:

-
git clone git@github.com:porterswanstrom/www
+
git clone git://github.com/porterswanstrom/www
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%} -- cgit 1.4.1