diff options
| author | | 1970-01-01 00:00:00 +0000 |
|---|---|---|
| committer | | 1970-01-01 00:00:00 +0000 |
| commit | f28955b5a1dff609f006bc567716c70eeef86859 (patch) | |
| tree | b2cc75ac2d2a0fa157a341034347b29c8a036713 | |
| parent | dimmed the colors and added a log (diff) | |
| download | w-f28955b5a1dff609f006bc567716c70eeef86859.tar w-f28955b5a1dff609f006bc567716c70eeef86859.tar.gz w-f28955b5a1dff609f006bc567716c70eeef86859.tar.bz2 w-f28955b5a1dff609f006bc567716c70eeef86859.tar.xz w-f28955b5a1dff609f006bc567716c70eeef86859.zip | |
light mode and theme detecting css
| -rw-r--r-- | about.html | 10 | ||||
| -rw-r--r-- | css/main.css | 20 | ||||
| -rw-r--r-- | index.html | 8 | ||||
| -rw-r--r-- | 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 @@ <!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> -<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" /> +<link rel="stylesheet" type="text/css" href="css/main.css" /> <title>Porter Swanstrom</title></head><body><div class="main"><div class="head"> -<h1>Porter Swanstrom</h1>{ +<h1>Porter Swanstrom</h1> { <a href="index.html">Home</a> : <a href="projects.html">Projects</a> : -<a href="about.html">About</a> -} +<a href="about.html">About</a> } + </div><div class="body"> <h2>About</h2> @@ -17,7 +17,7 @@ and git.</p> <h2>Logs</h2> <h3>12/09/23</h3> <p>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.</p> 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 @@ <!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> -<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" /> +<link rel="stylesheet" type="text/css" href="css/main.css" /> <title>Porter Swanstrom</title></head><body><div class="main"><div class="head"> -<h1>Porter Swanstrom</h1>{ +<h1>Porter Swanstrom</h1> { <a href="index.html">Home</a> : <a href="projects.html">Projects</a> : -<a href="about.html">About</a> -} +<a href="about.html">About</a> } + </div><div class="body"> <p>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 @@ <!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> -<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" /> +<link rel="stylesheet" type="text/css" href="css/main.css" /> <title>Porter Swanstrom</title></head><body><div class="main"><div class="head"> -<h1>Porter Swanstrom</h1>{ +<h1>Porter Swanstrom</h1> { <a href="index.html">Home</a> : <a href="projects.html">Projects</a> : -<a href="about.html">About</a> -} +<a href="about.html">About</a> } + </div><div class="body"> <h2>Projects</h2> -<a href="about.html">web</a> (html, css)<br /> -My website. +<p><a href="about.html">web</a> (html, css)<br /> +My website.</p> </div><div class="foot"> |