Skip to content
This repository has been archived by the owner on Jun 9, 2020. It is now read-only.
Permalink
Browse files
BAM! Style/CSS Revision Part 1. Hope ya like it. And I've also added … 
…a HTML5 fix for IE (Modernizr).
  • Loading branch information
@icidasset
icidasset committed May 22, 2011
1 parent f2ef408 commit 18ba01f360e2272c1f75e87f692b77dc21506b84
Show file tree
Hide file tree
Showing 50 changed files with 961 additions and 948 deletions.
1 .gitignore
View file
@@ -1,2 +1,3 @@
.DS_Store
.sass-cache
_drafts
4 Gemfile.lock
View file
@@ -22,7 +22,11 @@ GEM
syntax (>= 1.0.0)
multi_json (1.0.2)
pygmentize (0.0.3)
<<<<<<< HEAD
rack (1.2.1)
=======
rack (1.2.2)
>>>>>>> BAM! Style/CSS Revision Part 1. Hope ya like it. And I've also added a HTML5 fix for IE (Modernizr).
rdiscount (1.6.8)
sass (3.1.1)
sinatra (1.2.6)
36 _layouts/default.html
View file
@@ -2,49 +2,39 @@
<html lang='en'>
<head>
<meta charset='utf8' />
<title>Literate Programming</title>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
<title>Literate Programming - {{ page.title }}</title>
<link href='http://feeds.feedburner.com/steveklabnik' rel='alternate' type='application/rss+xml' />
<link href='/css/blueprint/screen.css' media='screen, projection' rel='stylesheet' />
<link href='/css/blueprint/print.css' media='print' rel='stylesheet' />
<!--[if lt IE 8]>
<link href='/css/blueprint/ie.css' media='screen, projection' rel='stylesheet' />
<![endif]-->
<link href='/css/site.css' rel='stylesheet' />
<script src='/js/modernizr-1.7.min.js'></script>
<script src='/js/jquery-1.6.min.js'></script>
<script src='/js/app.js'></script>
<meta content='z8twLukR2EWmsB5n8Q4HEt4M2AApsaEXP94TWesn' name='readability-verification' />
</head>
<script type='text/javascript'>
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-4054156-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
//]]>
</script>
<body>
<div class='container'>
<div class='span-24'>
<br />
</div>
<section class='span-14 prepend-1 append-1' id='main'>
<section class='span-14 prepend-2 append-2' id='main'>
<h1>Literate Programming</h1>
<hr />
{{ content }}
</section>
<section class='span-7 prepend-1 last' id='right'>
<section class='span-5 prepend-1 last' id='right'>
<img src='http://en.gravatar.com/userimage/5335489/ee56a7574df33ed8748160494c930b98.jpg?size=190' />
<aside>
<h2>Hi there, I'm Steve.</h2>
<img src='http://en.gravatar.com/userimage/5335489/ee56a7574df33ed8748160494c930b98.jpg?size=200' />
<p>I write both code and prose. Here's some of my thoughts about software, literature, art and code, with some politics thrown in on occasion. You might also enjoy <a href="http://steveklabnik.com/">my website</a>.</p>
<h4>Hi there, I'm Steve.</h4>
<p>
I write both code and prose. Here's some of my thoughts about software,
literature, art and code, with some politics thrown in on occasion.
You might also enjoy <a href="http://steveklabnik.com/">my website</a>.
</p>
</aside>
<nav>
<h2>Popular Posts</h2>
<h4>Popular Posts</h4>
<p>Here are some of my most-viewed articles.</p>
<ul>
<li>
66 _layouts/haml/default.haml
View file
@@ -1,12 +1,16 @@
!!! 5
%html{:lang => "en"}
%head
%meta{:charset => "utf8"}
%title Literate Programming
%link{:rel => "alternate", :type => "application/rss+xml", :href => "http://feeds.feedburner.com/steveklabnik"}/
%link{:rel => "stylesheet", :href => "/css/blueprint/screen.css", :media => "screen, projection"}/
%link{:rel => "stylesheet", :href => "/css/blueprint/print.css", :media => "print"}/
%meta{ :charset => "utf8" }
%meta{ :'http-equiv' => "X-UA-Compatible", :content => "IE=edge,chrome=1" }

%title Literate Programming - {{ page.title }}

%link{ :rel => "alternate", :type => "application/rss+xml", :href => "http://feeds.feedburner.com/steveklabnik" }
%link{ :rel => "stylesheet", :href => "/css/blueprint/screen.css", :media => "screen, projection" }
%link{ :rel => "stylesheet", :href => "/css/blueprint/print.css", :media => "print" }
/[if lt IE 8]
<<<<<<< HEAD
%link{:rel => "stylesheet", :href => "/css/blueprint/ie.css", :media => "screen, projection"}/
%link{:rel => "stylesheet", :href => "/css/site.css"}/
%script{:src => "/js/jquery-1.6.min.js"}
@@ -23,30 +27,54 @@
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
=======
%link{ :rel => "stylesheet", :href => "/css/blueprint/ie.css", :media => "screen, projection" }
%link{ :rel => "stylesheet", :href => "/css/site.css" }

%script{ :src => "/js/modernizr-1.7.min.js" }
%script{ :src => "/js/jquery-1.6.min.js" }
%script{ :src => "/js/app.js" }

- if ENV['JEKYLL_ENV'] == "production"
:javascript
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-4054156-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();

>>>>>>> BAM! Style/CSS Revision Part 1. Hope ya like it. And I've also added a HTML5 fix for IE (Modernizr).
%body
.container
.span-24
%br/
%section#main.span-14.prepend-1.append-1

%section#main.span-14.prepend-2.append-2
%h1 Literate Programming
%hr/
%hr
{{ content }}
%section#right.span-7.prepend-1.last

%section#right.span-5.prepend-1.last
%img{ :src => "http://en.gravatar.com/userimage/5335489/ee56a7574df33ed8748160494c930b98.jpg?size=190" }
%aside
%h2 Hi there, I'm Steve.
%img{:src => "http://en.gravatar.com/userimage/5335489/ee56a7574df33ed8748160494c930b98.jpg?size=200"}
%p I write both code and prose. Here's some of my thoughts about software, literature, art and code, with some politics thrown in on occasion. You might also enjoy <a href="http://steveklabnik.com/">my website</a>.
%h4 Hi there, I'm Steve.
%p
I write both code and prose. Here's some of my thoughts about software,
literature, art and code, with some politics thrown in on occasion.
You might also enjoy <a href="http://steveklabnik.com/">my website</a>.
%nav
%h2 Popular Posts
%h4 Popular Posts
%p Here are some of my most-viewed articles.
%ul
%li
%a{:href => "/2010/03/03/why-bother-creating.html"} Why bother creating?
%a{ :href => "/2010/03/03/why-bother-creating.html" } Why bother creating?
%li
%a{:href => "/2010/08/19/a-word-about-why-whyday-and-hackety-hack.html"} A word about _why, #whyday, and Hackety Hack
%a{ :href => "/2010/08/19/a-word-about-why-whyday-and-hackety-hack.html" } A word about _why, #whyday, and Hackety Hack
%li
%a{:href => "/2010/11/17/the-hardest-decision-i-ve-ever-made.html"} The hardest decision I've ever made
%a{ :href => "/2010/11/17/the-hardest-decision-i-ve-ever-made.html" } The hardest decision I've ever made
%li
%a{:href => "/2010/03/08/create-a-more-compelling-experience-for-your-users-through-game-mechanics.html"} Create a more compelling experience for your users through game mechanics
%a{ :href => "/2010/03/08/create-a-more-compelling-experience-for-your-users-through-game-mechanics.html" } Create a more compelling experience for your users through game mechanics
%li
%a{:href => "/2010/07/17/what-to-know-before-debating-type-systems.html"} What to know before debating type systems
%a{ :href => "/2010/07/17/what-to-know-before-debating-type-systems.html" } What to know before debating type systems
82 _layouts/haml/post.haml
View file
@@ -1,53 +1,65 @@
!!! 5
%html{:lang => "en"}
%head
%meta{:charset => "utf8"}
%meta{ :charset => "utf8" }
%meta{ :'http-equiv' => "X-UA-Compatible", :content => "IE=edge,chrome=1" }

%title Literate Programming - {{ page.title }}
%link{:rel => "alternate", :type => "application/rss+xml", :href => "http://feeds.feedburner.com/steveklabnik"}/
%link{:rel => "stylesheet", :href => "/css/blueprint/screen.css", :media => "screen, projection"}/
%link{:rel => "stylesheet", :href => "/css/blueprint/print.css", :media => "print"}/

%link{ :rel => "alternate", :type => "application/rss+xml", :href => "http://feeds.feedburner.com/steveklabnik" }
%link{ :rel => "stylesheet", :href => "/css/blueprint/screen.css", :media => "screen, projection" }
%link{ :rel => "stylesheet", :href => "/css/blueprint/print.css", :media => "print" }
/[if lt IE 8]
%link{:rel => "stylesheet", :href => "/css/blueprint/ie.css", :media => "screen, projection"}/
%link{:rel => "stylesheet", :href => "/css/site.css"}/
%script{:src => "/js/jquery-1.6.min.js"}
%script{:src => "/js/app.js"}
- if ENV['JEKYLL_ENV'] == "production"
:javascript
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-4054156-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
%link{ :rel => "stylesheet", :href => "/css/blueprint/ie.css", :media => "screen, projection" }
%link{ :rel => "stylesheet", :href => "/css/site.css" }

%script{ :src => "/js/modernizr-1.7.min.js" }
%script{ :src => "/js/jquery-1.6.min.js" }
%script{ :src => "/js/app.js" }

- if ENV['JEKYLL_ENV'] == "production"
:javascript
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-4054156-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();

%body
.container
.span-24
%br/
%section#main.span-13.prepend-1.append-1.clear

%section#main.span-14.prepend-2.append-2.clear
%h1 {{ page.title }}
%hr/
%hr
{{ content }}
%section#right.span-7.prepend-1.last

%section#right.span-5.prepend-1.last
%img{ :src => "http://en.gravatar.com/userimage/5335489/ee56a7574df33ed8748160494c930b98.jpg?size=190" }
%aside
%h2 Hi there, I'm Steve.
%img{:src => "http://en.gravatar.com/userimage/5335489/ee56a7574df33ed8748160494c930b98.jpg?size=200"}
%p I write both code and prose. Here's some of my thoughts about software, literature, art and code, with some politics thrown in on occasion. You might also enjoy <a href="http://steveklabnik.com/">my website</a>.
%h4 Hi there, I'm Steve.
%p
I write both code and prose. Here's some of my thoughts about software,
literature, art and code, with some politics thrown in on occasion.
You might also enjoy <a href="http://steveklabnik.com/">my website</a>.
%nav
%h2 See them all
%p You're viewing a single post, but if you'd like to see the list of everything I've written, just <a href="/">go here</a>.
%h2 Popular Posts
%h4 See them all
%p
You're viewing a single post, but if you'd like to see
the list of everything I've written, just <a href="/">go here</a>.
%h4 Popular Posts
%p Here are some of my most-viewed articles.
%ul
%li
%a{:href => "/2010/03/03/why-bother-creating.html"} Why bother creating?
%a{ :href => "/2010/03/03/why-bother-creating.html" } Why bother creating?
%li
%a{:href => "/2010/08/19/a-word-about-why-whyday-and-hackety-hack.html"} A word about _why, #whyday, and Hackety Hack
%a{ :href => "/2010/08/19/a-word-about-why-whyday-and-hackety-hack.html" } A word about _why, #whyday, and Hackety Hack
%li
%a{:href => "/2010/11/17/the-hardest-decision-i-ve-ever-made.html"} The hardest decision I've ever made
%a{ :href => "/2010/11/17/the-hardest-decision-i-ve-ever-made.html" } The hardest decision I've ever made
%li
%a{:href => "/2010/03/08/create-a-more-compelling-experience-for-your-users-through-game-mechanics.html"} Create a more compelling experience for your users through game mechanics
%a{ :href => "/2010/03/08/create-a-more-compelling-experience-for-your-users-through-game-mechanics.html" } Create a more compelling experience for your users through game mechanics
%li
%a{:href => "/2010/07/17/what-to-know-before-debating-type-systems.html"} What to know before debating type systems
%a{ :href => "/2010/07/17/what-to-know-before-debating-type-systems.html" } What to know before debating type systems
41 _layouts/post.html
View file
@@ -2,6 +2,7 @@
<html lang='en'>
<head>
<meta charset='utf8' />
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
<title>Literate Programming - {{ page.title }}</title>
<link href='http://feeds.feedburner.com/steveklabnik' rel='alternate' type='application/rss+xml' />
<link href='/css/blueprint/screen.css' media='screen, projection' rel='stylesheet' />
@@ -10,42 +11,34 @@
<link href='/css/blueprint/ie.css' media='screen, projection' rel='stylesheet' />
<![endif]-->
<link href='/css/site.css' rel='stylesheet' />
<script src='/js/modernizr-1.7.min.js'></script>
<script src='/js/jquery-1.6.min.js'></script>
<script src='/js/app.js'></script>
</head>
<script type='text/javascript'>
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-4054156-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
//]]>
</script>
<body>
<div class='container'>
<div class='span-24'>
<br />
</div>
<section class='span-13 prepend-1 append-1 clear' id='main'>
<section class='span-14 prepend-2 append-2 clear' id='main'>
<h1>{{ page.title }}</h1>
<hr />
{{ content }}
</section>
<section class='span-7 prepend-1 last' id='right'>
<section class='span-5 prepend-1 last' id='right'>
<img src='http://en.gravatar.com/userimage/5335489/ee56a7574df33ed8748160494c930b98.jpg?size=190' />
<aside>
<h2>Hi there, I'm Steve.</h2>
<img src='http://en.gravatar.com/userimage/5335489/ee56a7574df33ed8748160494c930b98.jpg?size=200' />
<p>I write both code and prose. Here's some of my thoughts about software, literature, art and code, with some politics thrown in on occasion. You might also enjoy <a href="http://steveklabnik.com/">my website</a>.</p>
<h4>Hi there, I'm Steve.</h4>
<p>
I write both code and prose. Here's some of my thoughts about software,
literature, art and code, with some politics thrown in on occasion.
You might also enjoy <a href="http://steveklabnik.com/">my website</a>.
</p>
</aside>
<nav>
<h2>See them all</h2>
<p>You're viewing a single post, but if you'd like to see the list of everything I've written, just <a href="/">go here</a>.</p>
<h2>Popular Posts</h2>
<h4>See them all</h4>
<p>
You're viewing a single post, but if you'd like to see
the list of everything I've written, just <a href="/">go here</a>.
</p>
<h4>Popular Posts</h4>
<p>Here are some of my most-viewed articles.</p>
<ul>
<li>

0 comments on commit 18ba01f

Please sign in to comment.