From f3de998ca428bd9fc5b76e3547f80cfd5f083f5e Mon Sep 17 00:00:00 2001 From: ​ Date: Thu, 1 Jan 1970 00:00:00 +0000 Subject: dark mode, colors, and tons of css updates --- about.html | 30 ++++++++++++++++++++++++++++++ css/main.css | 48 ++++++++++++++++++++++++++++-------------------- index.html | 13 +++++++------ log.html | 22 ---------------------- projects.html | 13 +++++++------ web.html | 22 ---------------------- 6 files changed, 72 insertions(+), 76 deletions(-) create mode 100644 about.html delete mode 100644 log.html delete mode 100644 web.html diff --git a/about.html b/about.html new file mode 100644 index 0000000..08fec80 --- /dev/null +++ b/about.html @@ -0,0 +1,30 @@ + + + +Porter Swanstrom
+ +

Porter Swanstrom

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

About

+

I built this site for fun but it was also a great excuse to learn html, css, 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 the +homepage, projects page, and this page. I also started to add some basic css +and successfully got a working header and footer.

+ + +

Source

+

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

git clone git@github.com:porterswanstrom/web

+ +
+ +Made by Porter Swanstrom. + +
diff --git a/css/main.css b/css/main.css index 5128a89..e3f067d 100644 --- a/css/main.css +++ b/css/main.css @@ -1,27 +1,40 @@ @charset "utf-8"; html, body{ - font:400 11.7pt serif; - background-color: #FFFEFC; - color: #0F0800; + font:400 105% serif; + background-color: #200030; + color: #FFF000; margin:0; height:100%; /*min-height:100%;*/ /*position:relative*/ } -h1{font-size:110%} -h2{font-size:115%} -h3{font-size:100%} +h1{ + font-size:120%; + color:#EE6600; + padding-left:3.5% +} +h2{ + font-size:125%; + color:#DD5500; + padding-left:1.2% +} +h3{ + font-size:110%; + color:#CC88CC; + padding-left:.3% +} -p{width:80ch} +a{ + font-size:110%; + color:#55EE55; + text-decoration:none +} -a{color: #000077} +a:hover{color:#FFFFFF} -img{ - margin-left:4%; - /*box-shadow:3px 3px 8px 4px lightgrey*/ -} +img{margin-left:4%;} .main{ min-height:100%; @@ -30,16 +43,11 @@ img{ .head{ font:400 1.2em sans; - color:#CCCCCC; - padding:10pt 20% -} -.head a{ - color:#000055; - text-decoration:none + color:#999000; + padding:40pt 20% } -.head a:hover{background-color:#EFEFEF} -.body{padding: 20pt 18% 60pt 18%} +.body{padding: 0pt 30% 60pt 19%} .foot{ font-size: 0.7em; diff --git a/index.html b/index.html index 5e4112d..06339df 100644 --- a/index.html +++ b/index.html @@ -1,15 +1,16 @@ - + Porter Swanstrom
-

Porter Swanstrom

-Projects | -Log - +

Porter Swanstrom

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

I'm currently still building my website, check the log +

I'm currently still building my website, check the log to see what I've done so far.

diff --git a/log.html b/log.html deleted file mode 100644 index 14162b8..0000000 --- a/log.html +++ /dev/null @@ -1,22 +0,0 @@ - - - -Porter Swanstrom
- -

Porter Swanstrom

-Projects | -Log - -
- -

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 the -homepage, projects page, and this page. I also started to add some basic css -and successfully got a working header and footer.

- -
- -Made by Porter Swanstrom. - -
diff --git a/projects.html b/projects.html index 75ac0d0..9981ab2 100644 --- a/projects.html +++ b/projects.html @@ -1,16 +1,17 @@ - + Porter Swanstrom
-

Porter Swanstrom

-Projects | -Log - +

Porter Swanstrom

{ +Home : +Projects : +About +}

Projects

-web (html, css)
+web (html, css)
My website.
diff --git a/web.html b/web.html deleted file mode 100644 index f256c90..0000000 --- a/web.html +++ /dev/null @@ -1,22 +0,0 @@ - - - -Porter Swanstrom
- -

Porter Swanstrom

-Projects | -Log - -
- -

About

-

I built this site for fun but it was also a great excuse to learn html, css, and git.

- -

Source

-

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

git clone git@github.com:porterswanstrom/web

- -
- -Made by Porter Swanstrom. - -
-- cgit 1.4.1