diff.html
the_best_markup_ever.diff
@@ -22,6 +22,7 @@ body {
/* Headings
* --------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { color: <%= @page.color['header'] %>; }
+h4 { border-top: dotted 1px <%= @page.color['border'] %>; font-weight: bold; margin: .5em 0; padding-top: .5em; }
/* Text Elements
* --------------------------------------------------------------------- */
@@ -64,4 +65,12 @@ p.title {
#header p.title { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
+/* Definition lists
+ * --------------------------------------------------------------------- */
+div.first dl { float: left; width: 100%; }
+div.first dl dt { clear: left; float: left; width: 5em }
+div.first dl dd { border-bottom: dotted 1px <%= @page.color['border'] %>; margin-bottom: .5em; margin-left: 5.5em; padding-bottom: .5em; }
+
+div.last dl dt { font-weight: normal; }
+
/* EOF */
content/css/site.css
@@ -4,23 +4,25 @@ filter:
- erb
- textile
---
-h1. <%= @page.title %>
-*Who:* TBD
+Dallas Ruby is the coolest place ever this is our description and Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-*What:* Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.
+h2. Upcoming Meeting
-*When:* May 6, 2007 7-9pm
+<dl>
+ <dt>Who:</dt>
+ <dd>TBD</dd>
-*Where:* "Improving Enterprises":http://www.improvingenterprises.com/ 15950 Dallas Parkway Suite 500, Dallas, TX 75248 ("map":http://maps.google.com/maps?q=15950+Dallas+Pkwy,+Dallas,+TX+75248,+USA&ie=UTF8&z=16&iwloc=addr&om=1)
+ <dt>What:</dt>
+ <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.</dd>
+
+ <dt>When:</dt>
+ <dd>May 6, 2007 7-9pm</dd>
+
+ <dt>Where:</dt>
+ <dd><a href="http://www.improvingenterprises.com/">Improving Enterprises</a> 15950 Dallas Parkway Suite 500, Dallas, TX 75248 (<a href="http://maps.google.com/maps?q=15950+Dallas+Pkwy,+Dallas,+TX+75248,+USA&ie=UTF8&z=16&iwloc=addr&om=1">map</a>)</dd>
+ </dl>
-h2. Contact Dallas.rb
-
-*Mailing List:* "Google Group":http://groups.google.com/group/dallasrb
-
-*IRC:* #dallas.rb (irc.freenode.net)
-
-*RubyForge:* "dallasrb":http://rubyforge.org/projects/dallasrb/
h2. Event Calendar
content/index.txt
@@ -12,28 +12,29 @@ filter: erb
<meta name="author" content="<%= @page.author %>" />
<!--- Blueprint CSS Framework -->
- <link rel="stylesheet" href="/css/blueprint/screen.css" type="text/css" media="screen, projection" />
- <link rel="stylesheet" href="/css/blueprint/print.css" type="text/css" media="print" />
+ <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection" />
+ <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print" />
<!-- CodeRay syntax highlighting CSS -->
- <link rel="stylesheet" href="/css/coderay.css" type="text/css" />
+ <link rel="stylesheet" href="css/coderay.css" type="text/css" />
<!-- Homepage CSS -->
- <link rel="stylesheet" href="/css/site.css" type="text/css" media="screen, projection" />
+ <link rel="stylesheet" href="css/site.css" type="text/css" media="screen, projection" />
</head>
<body>
<div class="container">
<div class="column span-20 prepend-2 append-2 first last" id="header">
- <p class="title">Dallas.rb</p>
- <hr>
+ <h1>Dallas Ruby Brigade</h1>
</div>
- <div class="column span-15 prepend-2 first">
+ <div class="column span-14 prepend-2 first">
<%= @content %>
</div>
+ <div class="column span-1"> </div>
+
<div class="column span-5 append-2 last">
<div class="box">
<p>Meetings are the first Tuesday of each month, from 7-9 PM.</p>
@@ -41,6 +42,20 @@ filter: erb
<p class ="last">Just for our enlightenment, an RSVP to the <a href="http://groups.google.com/group/dallasrb">mailing list</a> is appreciated. That way we have a rough idea of the head count to expect.</p>
</div>
+ <h4>Contact Dallas.rb</h4>
+
+ <dl>
+ <dt>Mailing List:</dt>
+ <dd><a href="http://groups.google.com/group/dallasrb">Google Group</a></dd>
+
+ <dt>IRC:</dt>
+ <dd>#dallas.rb (irc.freenode.net)</dd>
+
+ <dt>RubyForge:</dt>
+ <dd><a href="http://rubyforge.org/projects/dallasrb/">dallasrb</a></dd>
+ </dl>
+
+
<h4>Dallas Rubyists</h4>
<ul>
layouts/default.rhtml
@@ -6,6 +6,7 @@ body {
/* Headings
* --------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { color: #111; }
+h4 { border-top: dotted 1px #ddd; font-weight: bold; margin: .5em 0; padding-top: .5em; }
/* Text Elements
* --------------------------------------------------------------------- */
@@ -48,4 +49,12 @@ p.title {
#header p.title { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
+/* Definition lists
+ * --------------------------------------------------------------------- */
+div.first dl { float: left; width: 100%; }
+div.first dl dt { clear: left; float: left; width: 5em }
+div.first dl dd { border-bottom: dotted 1px #ddd; margin-bottom: .5em; margin-left: 5.5em; padding-bottom: .5em; }
+
+div.last dl dt { font-weight: normal; }
+
/* EOF */
output/css/site.css
@@ -8,51 +8,43 @@
<meta name="author" content="" />
<!--- Blueprint CSS Framework -->
- <link rel="stylesheet" href="/css/blueprint/screen.css" type="text/css" media="screen, projection" />
- <link rel="stylesheet" href="/css/blueprint/print.css" type="text/css" media="print" />
+ <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection" />
+ <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print" />
<!-- CodeRay syntax highlighting CSS -->
- <link rel="stylesheet" href="/css/coderay.css" type="text/css" />
+ <link rel="stylesheet" href="css/coderay.css" type="text/css" />
<!-- Homepage CSS -->
- <link rel="stylesheet" href="/css/site.css" type="text/css" media="screen, projection" />
+ <link rel="stylesheet" href="css/site.css" type="text/css" media="screen, projection" />
</head>
<body>
<div class="container">
<div class="column span-20 prepend-2 append-2 first last" id="header">
- <p class="title">Dallas.rb</p>
- <hr>
+ <h1>Dallas Ruby Brigade</h1>
</div>
- <div class="column span-15 prepend-2 first">
- <h1>Upcoming Meeting</h1>
+ <div class="column span-14 prepend-2 first">
+ <p>Dallas Ruby is the coolest place ever this is our description and Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p><strong>Who:</strong> TBD</p>
+ <h2>Upcoming Meeting</h2>
- <p><strong>What:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.</p>
+<dl>
+ <dt>Who:</dt>
+ <dd>TBD</dd>
+ <dt>What:</dt>
+ <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.</dd>
- <p><strong>When:</strong> May 6, 2007 7-9pm</p>
-
-
- <p><strong>Where:</strong> <a href="http://www.improvingenterprises.com/">Improving Enterprises</a> 15950 Dallas Parkway Suite 500, Dallas, TX 75248 (<a href="http://maps.google.com/maps?q=15950+Dallas+Pkwy,+Dallas,+TX+75248,+USA&ie=UTF8&z=16&iwloc=addr&om=1">map</a>)</p>
-
-
- <h2>Contact Dallas.rb</h2>
-
-
- <p><strong>Mailing List:</strong> <a href="http://groups.google.com/group/dallasrb">Google Group</a></p>
-
-
- <p><strong>IRC:</strong> #dallas.rb (irc.freenode.net)</p>
-
-
- <p><strong>RubyForge:</strong> <a href="http://rubyforge.org/projects/dallasrb/">dallasrb</a></p>
+ <dt>When:</dt>
+ <dd>May 6, 2007 7-9pm</dd>
+ <dt>Where:</dt>
+ <dd><a href="http://www.improvingenterprises.com/">Improving Enterprises</a> 15950 Dallas Parkway Suite 500, Dallas, TX 75248 (<a href="http://maps.google.com/maps?q=15950+Dallas+Pkwy,+Dallas,+TX+75248,+USA&ie=UTF8&z=16&iwloc=addr&om=1">map</a>)</dd>
+ </dl>
<h2>Event Calendar</h2>
@@ -60,6 +52,8 @@
<iframe src="http://www.google.com/calendar/embed?height=400&wkst=1&bgcolor=%23FFFFFF&src=l82phr6cigd0leu4ls8e1017kk%40group.calendar.google.com&color=%23B1365F&ctz=America%2FChicago" style=" border-width:0 " width="550" height="400" frameborder="0" scrolling="no"></iframe>
</div>
+ <div class="column span-1"> </div>
+
<div class="column span-5 append-2 last">
<div class="box">
<p>Meetings are the first Tuesday of each month, from 7-9 PM.</p>
@@ -67,6 +61,20 @@
<p class ="last">Just for our enlightenment, an RSVP to the <a href="http://groups.google.com/group/dallasrb">mailing list</a> is appreciated. That way we have a rough idea of the head count to expect.</p>
</div>
+ <h4>Contact Dallas.rb</h4>
+
+ <dl>
+ <dt>Mailing List:</dt>
+ <dd><a href="http://groups.google.com/group/dallasrb">Google Group</a></dd>
+
+ <dt>IRC:</dt>
+ <dd>#dallas.rb (irc.freenode.net)</dd>
+
+ <dt>RubyForge:</dt>
+ <dd><a href="http://rubyforge.org/projects/dallasrb/">dallasrb</a></dd>
+ </dl>
+
+
<h4>Dallas Rubyists</h4>
<ul>
@@ -75,7 +83,7 @@
<li><a href="http://mvm.therealadam.com/">Adam Keys</a></li>
<li><a href="http://activ8.us/">Kevin Marvin</a></li>
<li><a href="http://www.mckinneystation.com/">Geoffrey Dagley</a></li>
- <li><a href="http://memerocket.com/">Bill Burcham</a> (expat)</li>
+ <li><a href="http://unkind2monkeys.com/">Jim Hughes</a></li>
</ul>
<p>(Want to get listed here? Talk to Adam Keys? about it at the next meeeting!)</p>
output/index.html
8c1bb2b604b6282b795767e6bcd30ca4747c127e
Mark McSpadden
mark@mark-mcspaddens-computer.local
http://github.com/therealadam/dallasrb-website/commit/daed8b5a4238bf331f48c4bb4606cde20e2b26b3
daed8b5a4238bf331f48c4bb4606cde20e2b26b3
2008-08-05T18:37:15-07:00
2008-08-05T18:37:15-07:00
added some awesome markup and css
aec8185f4a7a76fb2bfa1afea15f2e94ddb8be7d
Mark McSpadden
mark@mark-mcspaddens-computer.local