Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

fixing redirect to an address that actually exists (wtf) and starting…

… about and code
  • Loading branch information...
commit cb09af9b4d39956cbcf860368af6136a851b4d72 1 parent 65d4315
@airhorns authored
View
2  Rakefile
@@ -1,7 +1,7 @@
require 'toto'
@config = Toto::Config::Defaults
-
+@config[:ext] = 'md'
task :default => :new
desc "Create a new article."
View
7 articles/1900-05-17-the-wonderful-wi.md
@@ -1,7 +0,0 @@
-title: The Wonderful Wizard of Oz
-author: Lyman Frank Baum
-date: 1900/05/17
-
-Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry,
-who was a farmer, and Aunt Em, who was the farmer's wife.
-
View
8 articles/2010-04-10-welcome.md
@@ -1,8 +0,0 @@
-title: Welcome
-author: Lyman Frank Baum
-date: 1900/05/18
-tagline: In which I introduce this blog to the world
-
-Dorothy lived in the midst of the great Kansas prairies, with Uncle Henry,
-who was a farmer, and Aunt Em, who was the farmer's wife.
-
View
8 articles/2010-04-11-welcome.md
@@ -0,0 +1,8 @@
+---
+title: Welcome!
+date: 11/04/2010
+tagline: Welcome to Harry's new web presence!
+
+I made myself a blog!
+
+Hopefully this place will become a place to start posting useful [code examples](/code "CODE") and reference material that doesn't belong elsewhere.
View
4 config.ru
@@ -10,8 +10,8 @@ if ENV['RACK_ENV'] == 'development'
use Rack::ShowExceptions
else
use Rack::Rewrite do
- r301 %r{.*}, 'http://harrybrundage.ca$&', :if => Proc.new {|rack_env|
- rack_env['SERVER_NAME'] != 'harrybrundage.ca'
+ r301 %r{.*}, 'http://harrybrundage.com$&', :if => Proc.new {|rack_env|
+ rack_env['SERVER_NAME'] != 'harrybrundage.com'
}
end
end
View
10 public/css/index.css
@@ -1,4 +1,7 @@
-
+.piece {
+ margin: 0 auto;
+ width: 720px;
+}
body > header h1 {
padding-left: 30px;
font-size: 201px;
@@ -17,13 +20,13 @@ body > header {
border: none;
}
-#links {
+nav {
position: absolute;
margin: -20px 0 0 0;
padding-left: 30px;
width: 720px;
}
-#links a {
+nav a {
text-shadow: none;
}
@@ -35,6 +38,7 @@ section > h3, div > h3 {
section > h3 + a.small, div > h3 + a.small {
padding-left: 10px;
}
+
#featured {
padding-bottom: 10px;
}
View
141 public/css/main.css
@@ -4,19 +4,44 @@ body {
line-height: 30px;
margin: 0px;
}
-header, footer, section, article {
+header, footer, section, article, nav {
display: block;
}
-
-.piece {
- margin: 0 auto;
- width: 720px;
+a {
+ color: #b83000;
}
-#container {
- padding: 0 15px 15px 15px;
+h1 a {
+ color: black;
+ text-decoration: none;
+}
+a:hover {
+ text-decoration: underline;
+}
+h1, h2, h3, h4 {
+ display: inline;
+ margin: 0;
+ font-weight: 600;
}
-#content {
+code {
+ font-family: 'Anonymous Pro', 'Bitstream Vera Sans', 'Monaco', Courier, mono;
+}
+pre {
+ padding: 20px;
+}
+blockquote {
+ font-style: italic;
+}
+nav {
+ margin-top: 13px;
+ float: right;
+ width: 500px;
+}
+nav a, nav p {
+ display: block;
+ float: left;
+ padding-left: 15px;
+ text-shadow: #FFF 1px 1px 1px;
}
#by {
font-style: italic;
@@ -31,38 +56,36 @@ header, footer, section, article {
#path {
color: #b53131;
}
-#links {
- margin-top: 13px;
- float: right;
- width: 500px;
+
+#articles, .clear {
+ clear: both;
}
-#links a, #links p {
- display: block;
- float: left;
- padding-left: 15px;
- text-shadow: #FFF 1px 1px 1px;
+#programs ul {
+ padding: 0px;
+ margin: 10px;
+ overflow: hidden;
}
-#articles {
- clear: both;
+#programs ul, #programs li {
+ list-style-type: none;
}
+#programs li {
+ width: 30%;
+ padding: 0 1% 0 1%;
+ float: left;
+ border-right: 1px dashed #CCC;
+ height: 100%;
+ /* equal height hack */
+ margin-bottom: -2000px;
+ padding-bottom: 2000px;
+}
+
.date {
font-style: italic;
float: right;
line-height: 43px;
margin-right: 30px;
}
-a {
- color: #b83000;
-}
-h1 a {
- color: black;
- text-decoration: none;
-}
-a:hover {
- text-decoration: underline;
-}
-
-.post header {
+.post header, .page header {
margin-bottom: 10px;
}
.post .body p:first-child {
@@ -90,7 +113,31 @@ a:hover {
text-decoration: none;
}
.more a:hover { text-decoration: underline }
-
+.pleasant {
+ padding: 10px;
+ border: 1px solid #CCC;
+ margin: 10px;
+}
+.pleasant, .pleasant img {
+ width: 400px;
+}
+.pleasant.small, .pleasant.small img {
+ width: 200px;
+}
+.pleasant p {
+ font-style: italic;
+ margin: 10px 10px 0px 10px;
+ text-align: center;
+}
+.right, .left {
+ display: block;
+}
+.left {
+ float: left;
+}
+.right {
+ float: right;
+}
body > header {
display: block;
padding-top: 10px;
@@ -114,28 +161,18 @@ body > header h1 {
text-shadow: #666666 1px 1px 2px;
}
-h1, h2, h3, h4 {
- display: inline;
- margin: 0;
- font-weight: 600;
-}
-ul, li {
- list-style-type: none;
-}
-code {
- font-family: 'Anonymous Pro', 'Bitstream Vera Sans', 'Monaco', Courier, mono;
-}
-pre {
- padding: 20px;
-}
-blockquote {
- font-style: italic;
-}
-
-body > footer {
+body footer {
text-align: left;
margin-left: 10px;
- font-style: italic;
+ font-style: italic;
font-size: 18px;
color: #888;
}
+.piece {
+ margin: 0 auto;
+ width: 95%;
+ min-width: 720px;
+}
+#container {
+ padding: 0 15px 15px 15px;
+}
View
BIN  public/images/harry.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
14 templates/layout.rhtml
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/typography.css">
@@ -20,7 +21,7 @@
<header>
<div class="piece">
<h1><a href="/">harblog</a></h1>
- <section id="links">
+ <nav>
<a href="/about">the man</a>
<a href="/code">his code</a>
<a href="/archives">archives</a>
@@ -28,7 +29,7 @@
<a href="mailto:harry@skylightlabs.ca">email</a>
<a href="http://twitter.com/harrybrundage">twitter</a>
<a href="http://github.com/hornairs">github</a>
- </section>
+ </nav>
</div>
</header>
<div id="container" class="piece">
@@ -39,6 +40,15 @@
powered by <a href="http://cloudhead.io/toto">toto</a>
</footer>
</div>
+ <script type="text/javascript">
+ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+ document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+ </script>
+ <script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-15787846-1");
+ pageTracker._trackPageview();
+ } catch(err) {}</script>
</body>
</html>
View
21 templates/pages/about.rhtml
@@ -0,0 +1,21 @@
+<article class="post">
+<header>
+ <h1>About</h1>
+</header>
+<section class="content">
+ <div class="pleasant small right">
+ <img src="/images/harry.jpg" alt="Harry's wonderful face">
+ <p>Hello there!</p>
+ </div>
+ <p>Hello there! I'm Harry.</p>
+ <p>Right now I like these things:</p>
+ <ul>
+ <li><a href="http://github.com/hornairs">Programming</a> in <a href="http://rubygems.org/search?query=hornairs">Ruby</a></li>
+ <li><a href="http://www.thatsit-thatsall.com/">Snowboarding</a> <a href="http://www.youtube.com/watch?v=hZo6CxR6ZhY">down</a> <a href="http://www.youtube.com/watch?v=uY7BeegzDFI">mountains</a></li>
+ <li><a href="http://www.tojos.com/Splash.html">Eating</a> <a href="http://www.sushiyakingston.com/">sushi</a></li>
+ <li><a href="http://bubbledup.origo.ethz.ch/">Teaching</a> others how to program</li>
+ <li><a href="http://skylightlabs.ca">Starting</a> <a href="http://www.kingstoncomputerplanet.com/">businesses</a></li>
+ <li><a href="http://hypem.com/#/popular">Listening</a> <a href="http://www.youtube.com/watch?v=dlPjxz4LGak">to</a> and <a href="http://cantabile.kingston.net/">making</a> music</li>
+ </ul>
+</section>
+</article>
View
25 templates/pages/code.rhtml
@@ -0,0 +1,25 @@
+<header>
+ <h1>Code</h1>
+</header>
+<section id="programs">
+ <ul>
+ <li>
+ <h2><a href="/code/scurvy">Scurvy</a></h2>
+ <p>Scurvy is a web based media catalogue similar to Ampache but optimized for downloading from the server and tracking of what has been downloaded or not.
+ Scurvy is suitable for indexing, browsing, and downloading a large amount of ever changing offsite media. </p>
+ <p><a href="#">source</a> | <a href="#">docs</a> | <a href="#">examples</a></p>
+ </li>
+ <li>
+ <h2><a href="/code/jester">Jester</a></h2>
+ <p>Jester is a Javascript library useful for consuming RESTful web services. It operates similarly to <a href="http://api.rubyonrails.org/classes/ActiveRecord/Base.html">ActiveRecord</a>, but in the client. Jester was originally by <a href="http://github.com/thoughtbot/jester">Thoughtbot
+ Inc</a>, but I upgraded it to work in DOMless environments such as <a href="http://nodejs.org/">node.js</a> or <a href="http://www.appcelerator.com/products/titanium-mobile-application-development/">Appcelerator Titanium</a>.</p>
+ <p><a href="#">source</a> | <a href="#">docs</a> | <a href="#">examples</a></p>
+ </li>
+ <li>
+ <h2><a href="/code/RBACanable">RBACanable</a></h2>
+ <p>RBACanable is a Role Based Access System (<a href="http://en.wikipedia.org/wiki/Role-based_access_control">wiki</a>) based on <a href="http://github.com/jnunemaker/canable" >Canable</a> by <a href="http://railstips.org/">John Nunemaker</a>. This system is a robust, fast, and smart authorization engine aimed at Rails applications with granular permissions needs.</p>
+ <p><a href="#">source</a> | <a href="#">docs</a> | <a href="#">examples</a></p>
+ </li>
+ </ul>
+</section>
+<div class="clear">
View
2  templates/pages/index.rhtml
@@ -23,7 +23,7 @@ $(function(){
<h3>Words</h3><a class="small" href="http://twitter.com/harrybrundage">my twitter</a>
</div>
<div id="songs">
- <h3>Songs</h3><a class="small" href="http://last.fm/hornairs">my last.fm</a>
+ <h3>Songs</h3><a class="small" href="http://last.fm/user/hornairs">my last.fm</a>
</div>
<section id="articles">
<h3>More Articles</h3>
Please sign in to comment.
Something went wrong with that request. Please try again.