From f28955b5a1dff609f006bc567716c70eeef86859 Mon Sep 17 00:00:00 2001 From: ​ Date: Thu, 1 Jan 1970 00:00:00 +0000 Subject: light mode and theme detecting css --- about.html | 10 +++++----- css/main.css | 20 +++++++++++++++++--- index.html | 8 ++++---- projects.html | 12 ++++++------ 4 files changed, 32 insertions(+), 18 deletions(-) diff --git a/about.html b/about.html index c8a2c93..0772477 100644 --- a/about.html +++ b/about.html @@ -1,13 +1,13 @@ - + Porter Swanstrom
-

Porter Swanstrom

{ +

Porter Swanstrom

{ Home : Projects : -About -} +About } +

About

@@ -17,7 +17,7 @@ and git.

Logs

12/09/23

I just started my website on the 6th, I'm hosting it on kinsta and so far the -only pages are thehomepage, projects page, and this page. I also started to add +only pages are the homepage, projects page, and this page. I also started to add some basic css and successfully got a working header and footer.

diff --git a/css/main.css b/css/main.css index f9e13cb..ad8fb62 100644 --- a/css/main.css +++ b/css/main.css @@ -1,9 +1,9 @@ @charset "utf-8"; html, body{ - font:400 105% serif; - background-color: #200030; - color: #FFF000; + font:400 105% sans-serif; + background-color:#200030; + color:#FFF000; margin:0; height:100%; /*min-height:100%;*/ @@ -63,3 +63,17 @@ img{margin-left:4%;} font:400 77% mono; padding-left:3% } + +@media(prefers-color-scheme:light){ + html, body{ + background-color:#F0F2F4; + color:#773311 + } + + h1{color:#773311} + h2{color:#773311} + h3{color:#664499} + + a{color:#1133EE} + a:hover{color:#000000} +} diff --git a/index.html b/index.html index e5d1b9e..f1ed920 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,13 @@ - + Porter Swanstrom
-

Porter Swanstrom

{ +

Porter Swanstrom

{ Home : Projects : -About -} +About } +

I'm currently still building my website, check the diff --git a/projects.html b/projects.html index 8b974d0..58b015c 100644 --- a/projects.html +++ b/projects.html @@ -1,18 +1,18 @@ - + Porter Swanstrom

-

Porter Swanstrom

{ +

Porter Swanstrom

{ Home : Projects : -About -} +About } +

Projects

-web (html, css)
-My website. +

web (html, css)
+My website.

-- cgit 1.4.1