90% done

routes.pm

@@ -51,6 +51,10 @@ our %routes = (
         callback => \&Trog::Routes::HTML::posts,
         data     => { tag => ['presentations'] },
     },
+    '/styles/houston.css' => {
+        method   => 'GET',
+        callback => sub {Trog::Routes::HTML::redirect_permanent('/themes/houston.pm/styles/houston.css') },
+    },
 );
 
 my $processor = Text::Xslate->new(
@@ -59,7 +63,7 @@ my $processor = Text::Xslate->new(
 
 my %paths = (
     '/meetings.html'         => 'Past & Upcoming Meetings',
-    '/announce_meeting.html' => 'Latest Meeting', 
+    '/announce_meeting.html' => 'Latest Meeting',
 );
 
 sub path_to_tile ($path) {

styles/houston.css

@@ -0,0 +1,240 @@
+body {
+    margin:0px;
+    padding:0px;
+    font-family:arial, helvetica, sans-serif;
+    background-color:white;
+    color:black;
+}
+
+.banner
+{
+  background-color:#330099;
+  color: silver;
+  margin: 0.5em 0.5em 0 0.5em;
+  padding: 0.5em;
+  height: 69px;
+}
+
+.banner img {
+    float: left;
+    border: 2px solid white;
+    background-color: white;
+    margin-right: 2em;
+}
+
+.right { text-align: right;}
+
+#footer 
+{
+  margin: 1em;
+  font-size: smaller;
+  font-style: italic;
+  clear: both;
+  border-top: 1px solid #330099;
+} 
+
+#footer p {
+  margin: 0;
+}
+
+h1, .heading {
+    margin: 0;
+    padding: 0;
+    font-size:x-large;
+    font-weight:900;
+    background-color:transparent;
+}
+
+.heading {
+    color:#330099;
+}
+
+.banner p {
+    margin: 0.25em 0 0 6.5em;
+    font-size:xx-large;
+    padding: 0;
+    font-weight:900;
+    background-color:transparent;
+}
+
+h2, .subhead {
+    margin: 0 0 1em 0;
+    font-size: large;
+    color: #000000;
+    background-color:transparent;
+    font-weight: normal;
+    border-bottom:1px dashed black;
+}
+
+h3, .subsub {
+    font-size: medium;
+    color: #000000;
+    background-color:transparent;
+    font-weight: bold;
+}
+
+
+/*  Support for sidebar text in-line. */
+#sidebar  {
+    float:right;
+    background-color:#eee;
+    color:black;
+    border-style:solid;
+    border-width:1px;
+    padding:0 0.5em 0.5em 0.5em;
+    margin-left: 1em;
+    width:15em;
+    max-width:40%;
+}
+#sidebar .subhead, #sidebar .heading {
+    font-size: large;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+    border-bottom:0;
+}
+
+#sidebar dd, #sidebar dt, #sidebar p, #sidebar ul {
+    font-size: smaller;
+}
+
+#sidebar ul {
+    margin-left: -0.5em;
+}
+
+#sidebar li {
+    margin: 0 0.5em;
+}
+
+#sidebar dd {
+    margin-left: 1em;
+    margin-bottom: 0.5em;
+}
+#sidebar dd li {
+    margin: 0 0 0 0.5em;
+    padding: 0;
+}
+
+#outer {
+    width: 100%;
+    margin: 0;
+    padding: 1em 0 1em 0.5em;
+    background-color: white;
+}
+
+#navigation {
+    float:left;
+    width: 12em;
+    margin: 0 2em 2em 0;
+    padding: 0.5em 0 0.5em 0;
+    background-color:#99f;
+    border: 1px solid blue;
+}
+
+.menu {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.menu li a, .menu ul li a:visited {
+    display: block;
+    color: #309;
+    background-color:#99f;
+    text-decoration: none;
+    margin: 0.2em;
+    padding-left: 1em;
+}
+
+.menu li a:hover {
+    color: #ccc;
+}
+
+.menu li {
+    display: inline;
+    margin: 0;
+    padding: 0;
+}
+
+.menu .head {
+    margin-left: 0.5em;
+    color: #333;
+}
+
+#externlinks {
+    margin-top: 2em;
+}
+
+.content {
+    margin: 0 3em 0 15em;
+    padding: 0;
+}
+
+.talk {
+   margin: 1em 0 1em 0;
+}
+
+.talk .date {
+   font-weight: bold;
+}
+
+
+.talk .abstract, .talk .topic, .talk .presenter, .talk .example, .talk .note {
+   margin-left: 1em;
+}
+
+.talk .label {
+   font-weight: bold;
+   color: #333;
+}
+
+.talk .note {
+   font-style: italic;
+   font-size: smaller;
+}
+
+.talk .topic {
+   margin-top: 0.5em;
+}
+
+.talk a {
+   text-decoration: none;
+}
+
+.talk .abstract, .talk .example {
+   margin-top: 0.5em;
+}
+
+.copyright img {
+    float: left;
+    margin: 0.2em 1em 0 0;
+}
+
+code {
+    font-size: larger;
+}
+
+dd ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+ul.bare {
+    list-style: none;
+}
+
+.faq {
+    margin-top: 1em;
+}
+
+.faq .question {
+     padding: 0.5em 1em;
+     background-color: #ccf;
+     margin-bottom: 0.5em;
+}
+
+.faq .answer {
+    padding-left: 2em;
+}
+
+

templates/about_header.tx

@@ -0,0 +1,62 @@
+<h1 class="subhead">About Houston.pm</h1>
+
+<p>Houston.pm is a group of people who use the Perl programming language.
+  Some of us use Perl in our jobs (officially or unofficially), others just
+  like to play with the language.</p>
+
+<p>We have all level of members from complete novices to very experienced
+  Perl programmers working in Perl daily and more than willing to share
+  their expertise.</p>
+
+<h2 class="subhead">Our Goals</h2>
+
+<p>The Houston branch of the <a href="http://www.pm.org/">Perl
+  Mongers</a> has several goals. In no particular order, our goals
+  include:</p>
+
+<ul>
+   <li>Provide a forum for Perl programmers in the Houston area to share
+      knowledge and expertise.</li>
+
+   <li>Provide help and mentoring to local Perl programmers.</li>
+
+   <li>Educate individuals and companies about the potential benefits of
+     using the Perl language and modules for solving their problems.</li>
+
+   <li>Provide a focus for the Perl community in Houston.</li>
+
+   <li>Have fun with Perl.</li>
+
+   <li>Meet other Perl users in the Houston area.</li>
+</ul>
+
+<h2 class="subhead">Join Us</h2>
+
+<p>Unlike many groups, Houston.pm is pretty informal. Feel free to come to
+ meetings to meet us, learn more about Perl, and share your knowledge and
+ experience with Perl.</p>
+
+<p>We have a mailing list. To join, go to the
+  <a href="http://houston.pm.org/mailman/listinfo/houston_houston.pm.org">Houston.pm Mailing
+  List</a> page and fill out the form to subscribe.</p>
+
+<p>If mailing lists aren't your thing, we also announce the meetings
+  on the <a href="https://plus.google.com/b/104331489743076486517/104331489743076486517/posts">Houston.pm
+  Google+</a> page.
+
+</p><p>There is also a Houston.pm <a href="https://twitter.com/houstonpm">Twitter account</a>.
+
+</p><p>If you feel like contributing, you can volunteer to give a presentation
+  or lead a discussion. Any topic that may be of interest to Perl
+  programmers is welcome. You don't have to be an expert in the topic, we
+  often have presentations just to see other views of a topic.</p>
+
+<p>If you are uncomfortable with public speaking, Houston.pm is a good
+  place to start. The group is friendly and doesn't heckle. Several of our
+  members have also used a technical meeting to practice a talk before
+  presenting it elsewhere. The group has been happy to provide input and
+  suggestions to improve if you ask for it.</p>
+
+<p>Bring your curiosity, questions, problem code, or expertise to share.</p>
+
+<h2 class="subhead">Houston.pm leads:</h2>

templates/categories.tx

@@ -0,0 +1,6 @@
+<a href="/series" title="Series" class="topbar">Content</a>
+<a href="/about"  title="About" class="topbar">About</a>
+<a href="https://twitter.com/houstonpm" title="Twitter" class="topbar topbarimg">
+<svg height="22px" style="enable-background:new 0 0 67 67;" version="1.1" viewBox="0 0 67 67" width="22px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M37.167,22.283c-2.619,0.953-4.274,3.411-4.086,6.101  l0.063,1.038l-1.048-0.127c-3.813-0.487-7.145-2.139-9.974-4.915l-1.383-1.377l-0.356,1.017c-0.754,2.267-0.272,4.661,1.299,6.271  c0.838,0.89,0.649,1.017-0.796,0.487c-0.503-0.169-0.943-0.296-0.985-0.233c-0.146,0.149,0.356,2.076,0.754,2.839  c0.545,1.06,1.655,2.097,2.871,2.712l1.027,0.487l-1.215,0.021c-1.173,0-1.215,0.021-1.089,0.467  c0.419,1.377,2.074,2.839,3.918,3.475l1.299,0.444l-1.131,0.678c-1.676,0.976-3.646,1.526-5.616,1.568  C19.775,43.256,19,43.341,19,43.405c0,0.211,2.557,1.397,4.044,1.864c4.463,1.377,9.765,0.783,13.746-1.568  c2.829-1.673,5.657-5,6.978-8.221c0.713-1.716,1.425-4.851,1.425-6.354c0-0.975,0.063-1.102,1.236-2.267  c0.692-0.678,1.341-1.419,1.467-1.631c0.21-0.403,0.188-0.403-0.88-0.043c-1.781,0.636-2.033,0.551-1.152-0.402  c0.649-0.678,1.425-1.907,1.425-2.267c0-0.063-0.314,0.042-0.671,0.233c-0.377,0.212-1.215,0.53-1.844,0.72l-1.131,0.361l-1.027-0.7  c-0.566-0.381-1.361-0.805-1.781-0.932C39.766,21.902,38.131,21.944,37.167,22.283z M33,64C16.432,64,3,50.569,3,34S16.432,4,33,4  s30,13.431,30,30S49.568,64,33,64z" style="fill-rule:evenodd;clip-rule:evenodd;fill:white;"></path></svg>
+</a>
+