diff options
| -rw-r--r-- | css/main.css | 14 | ||||
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | log.html | 4 | ||||
| -rw-r--r-- | projects.html | 8 | ||||
| -rw-r--r-- | web.html | 22 |
5 files changed, 42 insertions, 10 deletions
diff --git a/css/main.css b/css/main.css index 1ac80d4..1e6770a 100644 --- a/css/main.css +++ b/css/main.css @@ -22,13 +22,18 @@ a{color: #000077} img{ margin-left:4%; -/* box-shadow:3px 3px 8px 4px lightgrey*/ + /*box-shadow:3px 3px 8px 4px lightgrey*/ +} + +.main{ + min-height:100%; + position:relative } .head{ font:400 1.2em sans; color:#CCCCCC; - padding:10pt 20%; + padding:10pt 20% } .head a{ @@ -49,3 +54,8 @@ img{ padding-top:9pt; padding-bottom:9pt } + +.code{ + font:400 9.4pt mono; + padding-left:3% +} diff --git a/index.html b/index.html index 369adf5..5e4112d 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ <!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="head"> +<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> | @@ -16,4 +16,4 @@ to see what I've done so far.</p> Made by Porter Swanstrom. -</div></body></html> +</div></div></body></html> diff --git a/log.html b/log.html index ec59902..23e286f 100644 --- a/log.html +++ b/log.html @@ -1,7 +1,7 @@ <!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="head"> +<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> | @@ -19,4 +19,4 @@ and successfully got a working header and footer.</p> Made by Porter Swanstrom. -</div></body></html> +</div></div></body></html> diff --git a/projects.html b/projects.html index 54eee89..75ac0d0 100644 --- a/projects.html +++ b/projects.html @@ -3,18 +3,18 @@ <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="/">Porter Swanstrom</a></h1> | -<a href="projects.html">Projects</a> +<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>Projects</h2> -<a href="http://github.com/porterswanstrom/web">web</a> (html, css)<br /> +<a href="web.html">web</a> (html, css)<br /> My website. </div><div class="foot"> Made by Porter Swanstrom. -<a href="http://github.com/porterswanstrom/web">Source code</a>. </div></div></body></html> diff --git a/web.html b/web.html new file mode 100644 index 0000000..623ba19 --- /dev/null +++ b/web.html @@ -0,0 +1,22 @@ +<!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><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>About</h2> +<p> I started this site for fun but it was also a great excuse to learn html, css, and git.</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> + +</div><div class="foot"> + +Made by Porter Swanstrom. + +</div></div></body></html> |