about summary refs log tree commit diff
diff options
context:
space:
mode:
author​1970-01-01 00:00:00 +0000
committer​1970-01-01 00:00:00 +0000
commitf3de998ca428bd9fc5b76e3547f80cfd5f083f5e (patch)
tree6842914ed48c90589251429976b2e8bed33427bb
parentlog update and css changes (diff)
downloadw-f3de998ca428bd9fc5b76e3547f80cfd5f083f5e.tar
w-f3de998ca428bd9fc5b76e3547f80cfd5f083f5e.tar.gz
w-f3de998ca428bd9fc5b76e3547f80cfd5f083f5e.tar.bz2
w-f3de998ca428bd9fc5b76e3547f80cfd5f083f5e.tar.xz
w-f3de998ca428bd9fc5b76e3547f80cfd5f083f5e.zip
dark mode, colors, and tons of css updates
Diffstat
-rw-r--r--about.html (renamed from web.html)18


-rw-r--r--css/main.css48


-rw-r--r--index.html13


-rw-r--r--log.html22


-rw-r--r--projects.html13


5 files changed, 55 insertions, 59 deletions
diff --git a/web.html b/about.html
index f256c90..08fec80 100644
--- a/web.html
+++ b/about.html
@@ -1,17 +1,25 @@
-<!DOCTYPE html><html><head>
+<!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" />
 <title>Porter Swanstrom</title></head><body><div class="main"><div class="head">
 
-<h1><a href="index.html">Porter Swanstrom</a></h1>
-<a href="projects.html">Projects</a> |
-<a href="log.html">Log</a>
-
+<h1>Porter Swanstrom</h1>{
+<a href="index.html">Home</a> :
+<a href="projects.html">Projects</a> :
+<a href="about.html">About</a>
+}
 </div><div class="body">
 
 <h2>About</h2>
 <p> I built this site for fun but it was also a great excuse to learn html, css, 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 the
+homepage, projects page, and this page. I also started to add some basic css
+and successfully got a working header and footer.</p>
+
+
 <h2>Source</h2>
 <p>The source code is <a href="http://github.com/porterswanstrom/web">here</a> and you can get it with:<br /><div class="code">git clone git@github.com:porterswanstrom/web</div></p>
 
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 @@
-<!DOCTYPE html><html><head>
+<!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" />
 <title>Porter Swanstrom</title></head><body><div class="main"><div class="head">
 
-<h1><a href="index.html">Porter Swanstrom</a></h1>
-<a href="projects.html">Projects</a> |
-<a href="log.html">Log</a>
-
+<h1>Porter Swanstrom</h1>{
+<a href="index.html">Home</a> :
+<a href="projects.html">Projects</a> :
+<a href="about.html">About</a>
+}
 </div><div class="body">
 
-<p>I'm currently still building my website, check the <a href="log.html">log</a>
+<p>I'm currently still building my website, check the <a href="about.html">log</a>
 to see what I've done so far.</p>
 
 </div><div class="foot">
diff --git a/log.html b/log.html
deleted file mode 100644
index 14162b8..0000000
--- a/log.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!DOCTYPE html><html><head>
-<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
-<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
-<title>Porter Swanstrom</title></head><body><div class="main"><div class="head">
-
-<h1><a href="index.html">Porter Swanstrom</a></h1>
-<a href="projects.html">Projects</a> |
-<a href="log.html">Log</a>
-
-</div><div class="body">
-
-<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 the
-homepage, projects page, and this page. I also started to add some basic css
-and successfully got a working header and footer.</p>
-
-</div><div class="foot">
-
-Made by Porter Swanstrom.
-
-</div></div></body></html>
diff --git a/projects.html b/projects.html
index 75ac0d0..9981ab2 100644
--- a/projects.html
+++ b/projects.html
@@ -1,16 +1,17 @@
-<!DOCTYPE html><html><head>
+<!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" />
 <title>Porter Swanstrom</title></head><body><div class="main"><div class="head">
 
-<h1><a href="index.html">Porter Swanstrom</a></h1>
-<a href="projects.html">Projects</a> |
-<a href="log.html">Log</a>
-
+<h1>Porter Swanstrom</h1>{
+<a href="index.html">Home</a> :
+<a href="projects.html">Projects</a> :
+<a href="about.html">About</a>
+}
 </div><div class="body">
 
 <h2>Projects</h2>
-<a href="web.html">web</a> (html, css)<br />
+<a href="about.html">web</a> (html, css)<br />
 My website.
 
 </div><div class="foot">