From 5be97054c5277c52b9aa2141b2013c15e7723af6 Mon Sep 17 00:00:00 2001
From: Jesse Luehrs <doy@tozt.net>
Date: Sat, 18 Sep 2010 12:17:32 -0500
Subject: split out into separate pages, retheme a bit

---
 root/static/style.css        | 38 ++++++++++++++++++++------------
 root/template/communities.tt |  8 +++++++
 root/template/contact.tt     |  6 +++++
 root/template/index.tt       | 52 ++------------------------------------------
 root/template/profiles.tt    | 16 ++++++++++++++
 root/template/talks.tt       |  4 ++++
 root/template/work.tt        |  6 +++++
 root/template/wrapper.tt     | 11 +++++-----
 8 files changed, 72 insertions(+), 69 deletions(-)
 create mode 100644 root/template/communities.tt
 create mode 100644 root/template/contact.tt
 create mode 100644 root/template/profiles.tt
 create mode 100644 root/template/talks.tt
 create mode 100644 root/template/work.tt

diff --git a/root/static/style.css b/root/static/style.css
index 6561432..c4087df 100644
--- a/root/static/style.css
+++ b/root/static/style.css
@@ -44,14 +44,6 @@ a:visited {
     text-align: center;
 }
 
-.nav a:link {
-    text-decoration: none;
-}
-
-.nav a:visited {
-    text-decoration: none;
-}
-
 .nav ul {
     font-weight: bold;
     font-size: small;
@@ -65,20 +57,38 @@ a:visited {
     display: inline;
     padding: 2px;
     padding-bottom: 0px;
+    position: relative;
+    bottom: -4px;
+}
+
+.nav li a:link {
+    text-decoration: none;
+}
+
+.nav li a:visited {
+    text-decoration: none;
+}
+
+.nav li.active {
+    background-color: #58a;
+}
+
+.nav li.active a:visited {
+    color: #040;
 }
 
 .main_content {
     background-color: #8c8;
     border: 1px solid;
-    padding: 5px;
+    padding: 8px;
+    padding-bottom: 16px;
+}
+
+.main_content h4 {
+    margin: 8px;
 }
 
 .main_content > div {
     border-bottom: 1px dotted;
     padding-bottom: 16px;
 }
-
-.main_content #contact {
-    border-bottom: 0px;
-    padding-bottom: 0px;
-}
diff --git a/root/template/communities.tt b/root/template/communities.tt
new file mode 100644
index 0000000..847ac28
--- /dev/null
+++ b/root/template/communities.tt
@@ -0,0 +1,8 @@
+<h4>other communities i'm a part of</h4>
+<ul>
+    <li><a href="http://moose.perl.org/">Moose</a></li>
+    <li><a href="http://crawl.develz.org/">Crawl DevTeam</a></li>
+    <li><a href="http://source.bungie.org/">Aleph One</a></li>
+    <li><a href="http://fallingillini.org/">Falling Illini</a></li>
+    <li><a href="http://www.facebook.com/pages/Urbana-IL/Inline-Insomniacs/23716792059">Inline Insomniacs</a></li>
+</ul>
diff --git a/root/template/contact.tt b/root/template/contact.tt
new file mode 100644
index 0000000..ee45135
--- /dev/null
+++ b/root/template/contact.tt
@@ -0,0 +1,6 @@
+<h4>contact info</h4>
+<ul>
+    <li>Email: doy at tozt dot net</li>
+    <li>AIM: thedoyster</li>
+    <li>IRC: doy (on irc.freenode.net and irc.perl.org)</li>
+</ul>
diff --git a/root/template/index.tt b/root/template/index.tt
index e73d567..f04f31a 100644
--- a/root/template/index.tt
+++ b/root/template/index.tt
@@ -1,50 +1,2 @@
-<div id="work">
-<h4>work</h4>
-I'm currently working for <a href="http://iinteractive.com/">Infinity Interactive</a>, and not seeking another position. My (out of date) resume can be found here:
-<br /><br />
-<strong><a href="resume.pdf">My resume</a></strong>
-<a href="resume.tex" style="font-size: smaller">(LaTeX source)</a>
-<a href="resume.txt" style="font-size: smaller">plaintext version</a>
-</div>
-<div id="profiles">
-<h4>me elsewhere on the web</h4>
-<ul>
-    <li><a href="http://github.com/doy">GitHub</a></li>
-    <li><a href="http://search.cpan.org/~doy/">CPAN</a></li>
-    <li><a href="http://last.fm/user/doyster">last.fm</a></li>
-    <li><a href="http://www.couchsurfing.org/people/doy/">CouchSurfing</a></li>
-    <li><a href="http://twitter.com/doyster">Twitter</a></li>
-    <li><a href="http://www.flixster.com/user/doyster">Flixster</a></li>
-    <li><a href="http://taeb.sartak.org/">TAEB</a></li>
-    <li><a href="http://interhack.us/">Interhack</a></li>
-    <li><a href="http://luaforge.net/users/doy/">LuaForge</a></li>
-    <li><a href="http://projecteuler.net/index.php?section=profile&amp;profile=doy">Project Euler</a></li>
-    <li><a href="http://alt.org/nethack/plr.php?player=doy">nethack.alt.org</a></li>
-    <li><a href="http://crawl.akrasiac.org/scoring/players/doy.html">crawl.akrasiac.org</a></li>
-    <li><a href="http://www.kongregate.com/accounts/doyster">Kongregate</a></li>
-</ul>
-</div>
-<div id="talks">
-<h4>talks i've given</h4>
-<ul>
-    <li><a href="http://yapc2010.com/yn2010/talk/2646">YAPC::NA 2010 - Extending Moose</a> (<a href="/talks/extending_moose_yapc_na_2010/">slides</a>)</li>
-</ul>
-</div>
-<div id="communities">
-<h4>other communities i'm a part of</h4>
-<ul>
-    <li><a href="http://moose.perl.org/">Moose</a></li>
-    <li><a href="http://crawl.develz.org/">Crawl DevTeam</a></li>
-    <li><a href="http://source.bungie.org/">Aleph One</a></li>
-    <li><a href="http://fallingillini.org/">Falling Illini</a></li>
-    <li><a href="http://www.facebook.com/pages/Urbana-IL/Inline-Insomniacs/23716792059">Inline Insomniacs</a></li>
-</ul>
-</div>
-<div id="contact">
-<h4>contact info</h4>
-<ul>
-    <li>Email: doy at tozt dot net</li>
-    <li>AIM: thedoyster</li>
-    <li>IRC: doy (on irc.freenode.net and irc.perl.org)</li>
-</ul>
-</div>
+<h4>about me</h4>
+(In progress...)
diff --git a/root/template/profiles.tt b/root/template/profiles.tt
new file mode 100644
index 0000000..1950ed1
--- /dev/null
+++ b/root/template/profiles.tt
@@ -0,0 +1,16 @@
+<h4>me elsewhere on the web</h4>
+<ul>
+    <li><a href="http://github.com/doy">GitHub</a></li>
+    <li><a href="http://search.cpan.org/~doy/">CPAN</a></li>
+    <li><a href="http://last.fm/user/doyster">last.fm</a></li>
+    <li><a href="http://www.couchsurfing.org/people/doy/">CouchSurfing</a></li>
+    <li><a href="http://twitter.com/doyster">Twitter</a></li>
+    <li><a href="http://www.flixster.com/user/doyster">Flixster</a></li>
+    <li><a href="http://taeb.sartak.org/">TAEB</a></li>
+    <li><a href="http://interhack.us/">Interhack</a></li>
+    <li><a href="http://luaforge.net/users/doy/">LuaForge</a></li>
+    <li><a href="http://projecteuler.net/index.php?section=profile&amp;profile=doy">Project Euler</a></li>
+    <li><a href="http://alt.org/nethack/plr.php?player=doy">nethack.alt.org</a></li>
+    <li><a href="http://crawl.akrasiac.org/scoring/players/doy.html">crawl.akrasiac.org</a></li>
+    <li><a href="http://www.kongregate.com/accounts/doyster">Kongregate</a></li>
+</ul>
diff --git a/root/template/talks.tt b/root/template/talks.tt
new file mode 100644
index 0000000..a6b2d3a
--- /dev/null
+++ b/root/template/talks.tt
@@ -0,0 +1,4 @@
+<h4>talks i've given</h4>
+<ul>
+    <li><a href="http://yapc2010.com/yn2010/talk/2646">YAPC::NA 2010 - Extending Moose</a> (<a href="/talks/extending_moose_yapc_na_2010/">slides</a>)</li>
+</ul>
diff --git a/root/template/work.tt b/root/template/work.tt
new file mode 100644
index 0000000..3b9387b
--- /dev/null
+++ b/root/template/work.tt
@@ -0,0 +1,6 @@
+<h4>work</h4>
+I'm currently working for <a href="http://iinteractive.com/">Infinity Interactive</a>, and not seeking another position. My (out of date) resume can be found here:
+<br /><br />
+<strong><a href="resume.pdf">My resume</a></strong>
+<a href="resume.tex" style="font-size: smaller">(LaTeX source)</a>
+<a href="resume.txt" style="font-size: smaller">plaintext version</a>
diff --git a/root/template/wrapper.tt b/root/template/wrapper.tt
index 4b568c9..cdcf583 100644
--- a/root/template/wrapper.tt
+++ b/root/template/wrapper.tt
@@ -17,11 +17,12 @@
 </div>
 <div class="nav">
 <ul>
-    <li><a href="#work">Work</a></li>
-    <li><a href="#profiles">Me elsewhere</a></li>
-    <li><a href="#talks">Talks</a></li>
-    <li><a href="#communities">Communities</a></li>
-    <li><a href="#contact">Contact</a></li>
+    <li[% IF page == 'index' %] class="active"[% END %]><a href="index.html">about me</a></li>
+    <li[% IF page == 'work' %] class="active"[% END %]><a href="work.html">work</a></li>
+    <li[% IF page == 'profiles' %] class="active"[% END %]><a href="profiles.html">me elsewhere</a></li>
+    <li[% IF page == 'talks' %] class="active"[% END %]><a href="talks.html">talks</a></li>
+    <li[% IF page == 'communities' %] class="active"[% END %]><a href="communities.html">communities</a></li>
+    <li[% IF page == 'contact' %] class="active"[% END %]><a href="contact.html">contact</a></li>
 </ul>
 </div>
 <div class="main_content">
-- 
cgit v1.2.3-54-g00ecf