blogical 0.0.1 → 0.0.2

data/app/blogical/atom.rb

@@ -0,0 +1,31 @@
+module Blogical
+  module Atom
+    def self.included(app)
+
+      app.get '/blog/atom.xml' do
+
+        feed = ::Atom::Feed.new do |f|
+          f.title = self.class.feed_title
+          f.links << ::Atom::Link.new(:href => self.class.url)
+          f.updated = options.repository.latest.posted.to_s(:iso8601)
+          f.authors << ::Atom::Person.new(:name => self.class.full_name)
+          f.id = 'tag:'+self.class.domain+',2010:blogical/blog'
+
+          options.repository.recent(15).each do |post|
+            entry = ::Atom::Entry.new do |e|
+              e.title = post.title
+              e.links << ::Atom::Link.new(:href => post.url)
+              e.id = UUIDTools::UUID.sha1_create(UUIDTools::UUID_URL_NAMESPACE, post.url).to_uri.to_s
+              e.updated = post.posted.to_s(:iso8601)
+              e.content = ::Atom::Content::Html.new(markup(File.read(post.content)))
+            end
+
+            f.entries << entry
+          end
+        end
+
+        feed.to_xml
+      end
+    end
+  end
+end

data/app/blogical/blog.rb

@@ -0,0 +1,29 @@
+module Blogical
+  module Blog
+    def self.included(app)
+
+      # GET /blog
+      app.get %r{^/blog/?(\?.*)?$} do
+        @posts = options.repository.paginated(Integer(params['page']))
+        @pages = options.repository.total_pages
+        erb :blog
+      end
+
+      # GET /blog/2009/05/12/comma-intro
+      app.get '/blog/:year/:month/:day/:title' do |year, month, day, title|
+        @post = options.repository.find_by_permalink(title)
+        raise Sinatra::NotFound, 'No such post' unless @post
+        @title = @post.title
+        erb :article
+      end
+
+      # GET /assets/2009/05/12/1-filename.pdf
+      app.get '/assets/:year/:month/:day/:attachment' do |year, month, day, attachment|
+        @attachment = options.repository.find_by_attachment(attachment)
+        raise Sinatra::NotFound, 'No such attachment' unless @attachment
+        send_file @attachment.content, :disposition => 'attachment'
+      end
+
+    end
+  end
+end

data/app/blogical/content.rb

@@ -0,0 +1,146 @@
+require 'find'
+
+module Blogical
+  module Content
+
+    def self.included(app)
+      app.configure do |app|
+        app.set :repository, Repository.new(app.content)
+      end
+    end
+
+    class Repository
+      attr_accessor :articles, :path
+
+      def initialize(path)
+        @path, @index, @articles, @attachments = path, [], {}, {}
+        scan
+      end
+
+      def find_by_permalink(link)
+        @articles[link]
+      end
+
+      def find_by_attachment(attachment)
+        @attachments[attachment]
+      end
+
+      def recent(count = 3)
+        count = @index.size if count > @index.size
+        @index[0..(count - 1)]
+      end
+
+      def latest
+        @index[0]
+      end
+
+      def total_pages
+        @index.total_pages
+      end
+
+      def paginated(page_number = 1)
+        @index.page(page_number)
+      end
+
+      private
+
+        def page_size
+          @index.page_size
+        end
+
+        def article(meta)
+          article = Article.new(meta)
+          @index << article
+          @articles[article.permalink] = article
+          article.attachments.each { |a| @attachments[a.name] = a } if article.attachments
+          puts "Registered article #{article.permalink} (posted #{article.posted})"
+        end
+
+        def scan
+          metafiles = []
+          Find.find(@path) do |path|
+            next unless FileTest.directory?(path)
+            meta = "#{path}/meta.rb"
+            next unless File.exists?(meta)
+            metafiles << meta
+            Find.prune
+          end
+          metafiles.sort.reverse.each do |meta|
+            article(meta)
+          end
+        end
+
+    end
+
+    class Article
+      attr_accessor :permalink, :posted, :attachments, :tags, :content, :title
+
+      def initialize(meta)
+        @path, @content = meta, File.join(File.expand_path(File.dirname(meta)), 'content.markdown')
+        instance_eval File.read(meta)
+      end
+
+      def article(title, &block)
+        @title = title
+        instance_eval &block
+      end
+
+      def permalink(link = nil)
+        return @permalink unless link
+        @permalink = link
+      end
+
+      def posted(date = nil)
+        if date
+          @posted = date
+        else
+          return Chronic.parse(@posted)
+        end
+      end
+
+      # REVISIT: most recent content file git commit author
+      def nickname
+        Blogical::Application.nickname
+      end
+
+      def email
+        Blogical::Application.email
+      end
+
+      def url
+        "/blog/#{@posted}/#{@permalink}"
+      end
+
+      def attachments(*attachments)
+        return @attachments if attachments.empty?
+        @attachments = attachments.collect { |attachment| Attachment.new(self, attachment) }
+      end
+
+      def tags(*tags)
+        return @tags if tags.empty?
+        @tags = tags.collect { |tag| Tag.new(self, tag) }
+      end
+
+    end
+
+    class Attachment
+      attr_accessor :article, :name, :content
+
+      def initialize(article, name)
+        @article, @name = article, name
+        @content = File.join(File.expand_path(File.dirname(article.content)), name)
+      end
+
+    end
+
+    class Tag
+      attr_accessor :article, :name
+
+      def initialize(article, name)
+        @article, @name = article, name
+      end
+
+    end
+
+  end
+end

data/app/blogical/extensions.rb

@@ -0,0 +1,30 @@
+class Time
+  
+  FORMATS = {
+    :iso8601 => '%Y-%m-%dT%H:%MZ',
+    :posted  => '%d %B %Y'
+  }
+  
+  def to_s(requested = :iso8601)
+    self.strftime(FORMATS[requested])
+  end
+  
+end
+
+class Array
+  
+  def total_pages
+    (self.size.to_f / page_size.to_f).ceil
+  end
+  
+  def page(page_number = 0)
+    page_number = 1 if page_number < 1
+    base = (page_number - 1) * page_size
+    self[base..(base + page_size - 1)]
+  end
+  
+  def page_size
+    3
+  end
+
+end

data/app/blogical/helpers.rb

@@ -0,0 +1,38 @@
+require 'rdiscount'
+
+module Blogical
+  module Helpers
+
+    def self.included(app)
+      app.helpers do
+        include Rack::Utils
+        alias_method :h, :escape_html
+
+        def markup(string)
+          RDiscount::new(string, :smart).to_html
+        end
+
+        def tags(post)
+          return '' unless post
+          tag_names = post.tags.collect { |tag| tag.name }
+          ", #{tag_names.join(', ')}"
+        end
+
+        def url(path)
+          request.script_name + path
+        end
+
+        def body_id
+          b_id = request.path_info.split('/')[1] || 'home'
+          b_id.to_i == 0 ? b_id : 'blog' # numerical paths are considered blog posts
+        end
+
+        def current_page?(page_number)
+          Integer(params['page']) == page_number
+        end
+      end
+
+      super
+    end
+  end
+end

data/content/01 Welcome/content.markdown

@@ -0,0 +1,3 @@
+Welcome, to my new blog!
+
+My name is ..., and I'm ...

data/content/01 Welcome/meta.rb

@@ -0,0 +1,5 @@
+article 'Welcome!' do
+  permalink 'welcome'
+  posted '2010/6/16'
+  tags :blogical
+end

data/public/css/screen.css

@@ -0,0 +1,330 @@
+@charset "utf-8";
+/* CSS Document */
+
+body, html {
+	margin: 0;
+	padding: 0;
+}
+body {
+	font: 81% "Trebuchet MS", Helvetica, Arial, sans-serif;
+	color: #bcbcbc;
+	background: #090e11;
+	text-align: center;
+}
+a:link {
+	color: #CCF;
+	text-decoration: none;
+}
+a:visited {
+	color: #af2d33;
+	text-decoration: none;
+}
+a:active {
+	color: #ffb43d;
+}
+a:hover {
+	color: #FFFFFF;
+	text-decoration: underline;
+}
+#header {
+	height: 144px;
+	background: #bbbbbb url(/images/ui/banner.jpg) center top repeat-x;
+	border-bottom: 1px solid #9fadb3;
+}
+body#home #header {
+	height: 289px;
+}
+span#dotmesh {
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 144px;
+	margin: 0;
+	background: url(/images/ui/dot-mesh.png);
+}
+body#home span#dotmesh {
+	height: 289px;
+}
+h1, h2, h3, h4 {
+	font-family: Arial, Helvetica, sans-serif;
+	color: #fff;
+	font-weight: normal;
+	margin-top: 0;
+	padding-top: 1em;
+}
+h2 {
+	font-size: 2.0em;
+	background: url(/images/ui/content-divider.png) center top no-repeat;
+	margin: 1em 0 1em;
+	padding: 1em 0 0;
+	color: #FFF;
+}
+h3 {
+	font-size: 1.6em;
+}
+h1#logo {
+	position: absolute;
+	margin: 0;
+	padding: 0;
+	top: 22px;
+	left: 15px;
+}
+body#home h1#logo {
+	top: 45px;
+	left: 15px;
+}
+h1#logo a {
+	display: block;
+	width: 237px;
+	height: 0;
+	padding: 102px 0 0;
+	overflow: hidden;
+	background: url(/images/ui/ra-logo-mid.png) no-repeat;
+}
+body#home h1#logo a {
+	width: 473px;
+	padding: 201px 0 0;
+	background: url(/images/ui/ra-logo-large.png) no-repeat;
+}
+h1#logo img {
+	display: none;
+}
+p#tagline {
+	position: absolute;
+	top: 109px;
+	left: 159px;
+	width: 339px;
+	height: 0;
+	margin: 0;
+	padding: 19px 0 0;
+	overflow: hidden;
+	background: url(/images/ui/ra-tagline-mid.png) no-repeat;
+}
+body#home p#tagline {
+	top: 226px;
+	left: auto;
+	right: 15px;
+	width: 448px;
+	padding: 25px 0 0;
+	background: url(/images/ui/ra-tagline.png) no-repeat;
+}
+#main-content p {
+	line-height: 1.5em;
+}
+ul#navbar {
+	position: absolute;
+	top: 0;
+	right: 0;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+ul#navbar li {
+	float: left;
+}
+ul#navbar li a {
+	display: block;
+	height: 0;
+	padding: 45px 0 0;
+	overflow: hidden;
+	background: url(/images/ui/navbar.png) no-repeat;
+}
+ul#navbar li#nav-home a:link, ul#navbar li#nav-home a:visited {
+	width: 88px;
+	background-position: 0 0;
+}
+ul#navbar li#nav-home a.selected:link, ul#navbar li#nav-home a.selected:visited, ul#navbar li#nav-home a:hover {
+	background-position: 0 -45px;
+}
+ul#navbar li#nav-ruby a:link, ul#navbar li#nav-ruby a:visited {
+	width: 81px;
+	background-position: -88px 0;
+}
+ul#navbar li#nav-ruby a.selected:link, ul#navbar li#nav-ruby a.selected:visited, ul#navbar li#nav-ruby a:hover {
+	background-position: -88px -45px;
+}
+ul#navbar li#nav-iphone a:link, ul#navbar li#nav-iphone a:visited {
+	width: 95px;
+	background-position: -169px 0;
+}
+ul#navbar li#nav-iphone a.selected:link, ul#navbar li#nav-iphone a.selected:visited, ul#navbar li#nav-iphone a:hover {
+	background-position: -169px -45px;
+}
+ul#navbar li#nav-blog a:link, ul#navbar li#nav-blog a:visited {
+	width: 76px;
+	background-position: -264px 0;
+}
+ul#navbar li#nav-blog a.selected:link, ul#navbar li#nav-blog a.selected:visited, ul#navbar li#nav-blog a:hover {
+	background-position: -264px -45px;
+}
+ul#navbar li#nav-about a:link, ul#navbar li#nav-about a:visited {
+	width: 89px;
+	background-position: -340px 0;
+}
+ul#navbar li#nav-about a.selected:link, ul#navbar li#nav-about a.selected:visited, ul#navbar li#nav-about a:hover {
+	background-position: -340px -45px;
+}
+ul#navbar li#nav-contact a:link, ul#navbar li#nav-contact a:visited {
+	width: 105px;
+	background-position: -429px 0;
+}
+ul#navbar li#nav-contact a.selected:link, ul#navbar li#nav-contact a.selected:visited, ul#navbar li#nav-contact a:hover {
+	background-position: -429px -45px;
+}
+div.main-container {
+	position: relative;
+	width: 960px;
+	text-align: left;
+	margin: 0 auto;
+	overflow: auto;
+}
+div#header div.main-container {
+  overflow: visible;
+}
+div#main-content {
+	background: url(/images/ui/content-glow-large.jpg) center top no-repeat;
+	clear: both;
+}
+body#home div#main-content {
+	background: url(/images/ui/content-glow-w-header.jpg) center top no-repeat;
+}
+.inset {
+	padding: 15px;
+}
+.col-1-2 {
+	float: left;
+	width: 450px;
+	padding: 15px;
+}
+.col-1-3 {
+	float: left;
+	width: 290px;
+	padding: 15px;
+}
+.col-1-5 {
+	float: left;
+	width: 162px;
+	padding: 15px;
+}
+.first-row {
+	padding-top: 0;
+}
+div#footer {
+	background: url(/images/ui/content-glow-small.jpg) center top no-repeat;
+	clear: both;
+	padding: 0 0 30px;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: .85em;
+}
+#footer dl {
+	margin: 15px 0 2em;
+}
+#footer dt {
+	font-weight: bold;
+	color: #3c484c;
+	margin: 0 0 1em;
+}
+#footer dd {
+	margin: 1em 0 1em 15px;
+	padding: 0;
+	color: #778f99;
+}
+#footer dd a {
+	color: #778f99;
+}
+div#footer p {
+	margin: 0;
+}
+div#footer p#mini-logo {
+	margin: 5px 0 .5em;
+}
+div#footer p#copyright {
+	margin: .5em 0;
+	color: #3c484c;
+	text-align: center;
+}
+div#footer p#mini-tagline {
+	margin: .5em 0;
+	font-weight: bold;
+	color: #3c484c;
+	text-align: center;
+}
+
+h2.title {
+	margin-top: 0;
+	margin-left: -15px;
+	margin-bottom: .5em;
+	padding: 25px 0 0;
+	background: none;
+}
+h2.title a {
+	display: block;
+	height: 0;
+	padding: 85px 0 0;
+	background-repeat: no-repeat;
+	overflow: hidden;
+}
+
+h3.title {
+	background: none;
+	padding: 0;
+}
+h3.title a {
+	display: block;
+	height: 0;
+	padding: 27px 0 0;
+	background-repeat: no-repeat;
+	overflow: hidden;
+}
+
+div.divider {
+	position: relative;
+	clear: both;
+	height: 0;
+	margin: 0;
+	padding: 3px 0 0;
+	overflow: hidden;
+	background: url(/images/ui/content-divider.png) center top no-repeat;
+}
+div.divider hr {
+	margin: 0;
+	display: none;
+}
+#blog pre {
+	position: relative;
+	width: 920px;
+	padding: 8px;
+	white-space: pre;
+	overflow: auto;
+	background: #223;
+	border: 1px solid #778;
+	color: #eec;
+	line-height: 1.5em;
+}
+#blog .vcard {
+	font-style: italic;
+	float: right;
+	position: relative;
+	top: -2em;
+	margin: -2em 0 0;
+	color: #fff;
+}
+#blog .pagination {
+	margin: 1em 0;
+	padding: 1em 0 .5em;
+	text-align: center;
+	background: url(/images/ui/content-divider.png) center top no-repeat;
+}
+#blog .pagination a {
+	display: inline-block;
+	padding: 5px 9px;
+	margin: 0 3px;
+	font-size: 1.2em;
+	font-weight: bold;
+}
+
+.stand-out {
+	font-size: 1.3em;
+}

data/public/css/twilight.css

@@ -0,0 +1,137 @@
+pre.twilight .DiffInserted {
+   background-color: #253B22;
+   color: #F8F8F8;
+}
+pre.twilight .DiffHeader {
+   background-color: #0E2231;
+   color: #F8F8F8;
+   font-style: italic;
+}
+pre.twilight .CssPropertyValue {
+   color: #F9EE98;
+}
+pre.twilight .CCCPreprocessorDirective {
+   color: #AFC4DB;
+}
+pre.twilight .Constant {
+   color: #CF6A4C;
+}
+pre.twilight .DiffChanged {
+   background-color: #4A410D;
+   color: #F8F8F8;
+}
+pre.twilight .EmbeddedSource {
+   background-color: #A3A6AD;
+}
+pre.twilight .Support {
+   color: #9B859D;
+}
+pre.twilight .MarkupList {
+   color: #F9EE98;
+}
+pre.twilight .CssConstructorArgument {
+   color: #8F9D6A;
+}
+pre.twilight .Storage {
+   color: #F9EE98;
+}
+pre.twilight .line-numbers {
+   background-color: #DDF0FF;
+   color: #000000;
+}
+pre.twilight .CssClass {
+   color: #9B703F;
+}
+pre.twilight .StringConstant {
+   color: #DDF2A4;
+}
+pre.twilight .CssAtRule {
+   color: #8693A5;
+}
+pre.twilight .MetaTagInline {
+   color: #E0C589;
+}
+pre.twilight .MarkupHeading {
+   color: #CF6A4C;
+}
+pre.twilight .CssTagName {
+   color: #CDA869;
+}
+pre.twilight .SupportConstant {
+   color: #CF6A4C;
+}
+pre.twilight .DiffDeleted {
+   background-color: #420E09;
+   color: #F8F8F8;
+}
+pre.twilight .CCCPreprocessorLine {
+   color: #8996A8;
+}
+pre.twilight .StringRegexpSpecial {
+   color: #CF7D34;
+}
+pre.twilight .EmbeddedSourceBright {
+   background-color: #9C9EA4;
+}
+pre.twilight .InvalidIllegal {
+   background-color: #241A24;
+   color: #F8F8F8;
+}
+pre.twilight .SupportFunction {
+   color: #DAD085;
+}
+pre.twilight .CssAdditionalConstants {
+   color: #CA7840;
+}
+pre.twilight .MetaTagAll {
+   color: #AC885B;
+}
+pre.twilight .StringRegexp {
+   color: #E9C062;
+}
+pre.twilight .StringEmbeddedSource {
+   color: #DAEFA3;
+}
+pre.twilight .EntityInheritedClass {
+   color: #9B5C2E;
+   font-style: italic;
+}
+pre.twilight .CssId {
+   color: #8B98AB;
+}
+pre.twilight .CssPseudoClass {
+   color: #8F9D6A;
+}
+pre.twilight .StringVariable {
+   color: #8A9A95;
+}
+pre.twilight .String {
+   color: #8F9D6A;
+}
+pre.twilight .Keyword {
+   color: #CDA869;
+}
+pre.twilight {
+   background-color: #141414;
+   color: #F8F8F8;
+}
+pre.twilight .CssPropertyName {
+   color: #C5AF75;
+}
+pre.twilight .DoctypeXmlProcessing {
+   color: #494949;
+}
+pre.twilight .InvalidDeprecated {
+   color: #D2A8A1;
+   font-style: italic;
+}
+pre.twilight .Variable {
+   color: #7587A6;
+}
+pre.twilight .Entity {
+   color: #9B703F;
+}
+pre.twilight .Comment {
+   color: #5F5A60;
+   font-style: italic;
+}

data/public/scripts/iepngfix.htc

@@ -0,0 +1,187 @@
+<public:component>
+<script type="text/javascript">
+
+// IE5.5+ PNG Alpha Fix v2.0 Alpha
+// (c) 2004-2008 Angus Turnbull http://www.twinhelix.com
+
+// This is licensed under the GNU LGPL, version 2.1 or later.
+// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
+
+var IEPNGFix = window.IEPNGFix || {};
+IEPNGFix.data = IEPNGFix.data || {};
+
+
+// This must be a path to a blank image, relative to the HTML document(s).
+// In production use I suggest '/images/blank.gif' or similar. That's all!
+IEPNGFix.blankImg = '/scripts/blank.gif';
+
+
+IEPNGFix.fix = function(elm, src, t) {
+	// Applies an image 'src' to an element 'elm' using the DirectX filter.
+	// If 'src' is null, filter is disabled.
+	// Disables the 'hook' to prevent infinite recursion on setting BG/src.
+	// 't' = type, where background tile = 0, background = 1, IMG SRC = 2.
+
+	var h = this.hook.enabled;
+	this.hook.enabled = 0;
+
+	var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
+		src = (src || '').replace(/\(/g, '%28').replace(/\)/g, '%29');
+
+	if (
+		src && !(/IMG|INPUT/.test(elm.nodeName) && (t != 2)) &&
+		elm.currentStyle.width == 'auto' && elm.currentStyle.height == 'auto'
+	) {
+		elm.style.width = elm.offsetWidth + 'px';
+		elm.style.height = elm.clientHeight + 'px';
+		if (elm.currentStyle.display == 'inline') {
+			elm.style.display = 'inline-block';
+		}
+	}
+
+	if (t == 1) {
+		elm.style.backgroundImage = 'url("' + this.blankImg + '")';
+	}
+	if (t == 2) {
+		elm.src = this.blankImg;
+	}
+
+	if (elm.filters[f]) {
+		elm.filters[f].enabled = src ? true : false;
+		if (src) {
+			elm.filters[f].src = src;
+		}
+	} else if (src) {
+		elm.style.filter = 'progid:' + f + '(src="' + src +
+			'",sizingMethod="' + (t == 2 ? 'scale' : 'crop') + '")';
+	}
+
+	this.hook.enabled = h;
+};
+
+
+IEPNGFix.process = function(elm, init) {
+	// Checks the onpropertychange event (on first 'init' run, a fake event)
+	// and calls the filter-applying-functions.
+
+	if (
+		!/MSIE (5\.5|6)/.test(navigator.userAgent) ||
+		typeof elm.filters == 'unknown'
+	) {
+		return;
+	}
+	if (!this.data[elm.uniqueID]) {
+		this.data[elm.uniqueID] = {
+			className: ''
+		};
+	}
+	var data = this.data[elm.uniqueID],
+		evt = init ? { propertyName: 'src,backgroundImage' } : event,
+		isSrc = /src/.test(evt.propertyName),
+		isBg = /backgroundImage/.test(evt.propertyName),
+		isPos = /width|height|background(Pos|Rep)/.test(evt.propertyName),
+		isClass = !init && ((elm.className != data.className) &&
+			(elm.className || data.className));
+	if (!(isSrc || isBg || isPos || isClass)) {
+		return;
+	}
+	data.className = elm.className;
+	var blank = this.blankImg.match(/([^\/]+)$/)[1],
+		eS = elm.style,
+		eCS = elm.currentStyle;
+
+	// Required for Whatever:hover - erase set BG if className changes.
+	if (
+		isClass && (eS.backgroundImage.indexOf('url(') == -1 ||
+		eS.backgroundImage.indexOf(blank) > -1)
+	) {
+		return setTimeout(function() {
+			eS.backgroundImage = '';
+		}, 0);
+	}
+
+	// Foregrounds.
+	if (isSrc && elm.src &&  { IMG: 1, INPUT: 1 }[elm.nodeName]) {
+		if ((/\.png/i).test(elm.src)) {
+			this.fix(elm, elm.src, 2);
+		} else if (elm.src.indexOf(blank) == -1) {
+			this.fix(elm, '');
+		}
+	}
+
+	// Backgrounds.
+	var bgSrc = eCS.backgroundImage || eS.backgroundImage;
+	if ((bgSrc + elm.src).indexOf(blank) == -1) {
+		var bgPNG = bgSrc.match(/url[("']+(.*\.png[^\)"']*)[\)"']/i);
+		if (bgPNG) {
+			if (this.tileBG && !{ IMG: 1, INPUT: 1 }[elm.nodeName]) {
+				this.tileBG(elm, bgPNG[1]);
+				this.fix(elm, '', 1);
+			} else {
+				if (data.tiles && data.tiles.src) {
+					this.tileBG(elm, '');
+				}
+				this.fix(elm, bgPNG[1], 1);
+				this.childFix(elm);
+			}
+		} else {
+			if (data.tiles && data.tiles.src) {
+				this.tileBG(elm, '');
+			}
+			this.fix(elm, '');
+		}
+	} else if ((isPos || isClass) && data.tiles && data.tiles.src) {
+		this.tileBG(elm, data.tiles.src);
+	}
+
+	if (init) {
+		this.hook.enabled = 1;
+		elm.attachEvent('onpropertychange', this.hook);
+	}
+};
+
+
+IEPNGFix.childFix = function(elm) {
+	// "hasLayout" fix for unclickable children inside PNG backgrounds.
+	var tags = [
+			'a',
+			'input',
+			'select',
+			'textarea',
+			'button',
+			'iframe',
+			'object'
+		],
+		t = tags.length,
+		tFix = [];
+	while (t--) {
+		var pFix = elm.all.tags(tags[t]),
+			e = pFix.length;
+		while (e--) {
+			tFix.push(pFix[e]);
+		}
+	}
+	t = tFix.length;
+	if (t && (/relative|absolute/i).test(elm.currentStyle.position)) {
+		alert('IEPNGFix: Unclickable children of element:' +
+			'\n\n<' + elm.nodeName + (elm.id && ' id=' + elm.id) + '>');
+	}
+	while (t--) {
+		if (!(/relative|absolute/i).test(tFix[t].currentStyle.position)) {
+			tFix[t].style.position = 'relative';
+		}
+	}
+};
+
+
+IEPNGFix.hook = function() {
+	if (IEPNGFix.hook.enabled) {
+		IEPNGFix.process(element, 0);
+	}
+};
+
+
+IEPNGFix.process(element, 1);
+
+</script>
+</public:component>

data/public/scripts/iepngfix.tilebg.js

@@ -0,0 +1,173 @@
+// IE5.5+ PNG Alpha Fix v2.0 Alpha: Background Tiling Support
+// (c) 2008 Angus Turnbull http://www.twinhelix.com
+
+// This is licensed under the GNU LGPL, version 2.1 or later.
+// For details, see: http://creativecommons.org/licenses/LGPL/2.1/
+
+var IEPNGFix = window.IEPNGFix || {};
+
+IEPNGFix.tileBG = function(elm, pngSrc, ready) {
+	// Params: A reference to a DOM element, the PNG src file pathname, and a
+	// hidden "ready-to-run" passed when called back after image preloading.
+
+	var data = this.data[elm.uniqueID],
+		elmW = Math.max(elm.clientWidth, elm.scrollWidth),
+		elmH = Math.max(elm.clientHeight, elm.scrollHeight),
+		bgX = elm.currentStyle.backgroundPositionX,
+		bgY = elm.currentStyle.backgroundPositionY,
+		bgR = elm.currentStyle.backgroundRepeat;
+
+	// Cache of DIVs created per element, and image preloader/data.
+	if (!data.tiles) {
+		data.tiles = {
+			elm: elm,
+			src: '',
+			cache: [],
+			img: new Image(),
+			old: {}
+		};
+	}
+	var tiles = data.tiles,
+		pngW = tiles.img.width,
+		pngH = tiles.img.height;
+
+	if (pngSrc) {
+		if (!ready && pngSrc != tiles.src) {
+			// New image? Preload it with a callback to detect dimensions.
+			tiles.img.onload = function() {
+				this.onload = null;
+				IEPNGFix.tileBG(elm, pngSrc, 1);
+			};
+			return tiles.img.src = pngSrc;
+		}
+	} else {
+		// No image?
+		if (tiles.src) ready = 1;
+		pngW = pngH = 0;
+	}
+	tiles.src = pngSrc;
+
+	if (!ready && elmW == tiles.old.w && elmH == tiles.old.h &&
+		bgX == tiles.old.x && bgY == tiles.old.y && bgR == tiles.old.r) {
+		return;
+	}
+
+	// Convert English and percentage positions to pixels.
+	var pos = {
+			top: '0%',
+			left: '0%',
+			center: '50%',
+			bottom: '100%',
+			right: '100%'
+		},
+		x,
+		y,
+		pc;
+	x = pos[bgX] || bgX;
+	y = pos[bgY] || bgY;
+	if (pc = x.match(/(\d+)%/)) {
+		x = Math.round((elmW - pngW) * (parseInt(pc[1]) / 100));
+	}
+	if (pc = y.match(/(\d+)%/)) {
+		y = Math.round((elmH - pngH) * (parseInt(pc[1]) / 100));
+	}
+	x = parseInt(x);
+	y = parseInt(y);
+
+	// Handle backgroundRepeat.
+	var repeatX = { 'repeat': 1, 'repeat-x': 1 }[bgR],
+		repeatY = { 'repeat': 1, 'repeat-y': 1 }[bgR];
+	if (repeatX) {
+		x %= pngW;
+		if (x > 0) x -= pngW;
+	}
+	if (repeatY) {
+		y %= pngH;
+		if (y > 0) y -= pngH;
+	}
+
+	// Go!
+	this.hook.enabled = 0;
+	if (!({ relative: 1, absolute: 1 }[elm.currentStyle.position])) {
+		elm.style.position = 'relative';
+	}
+	var count = 0,
+		xPos,
+		maxX = repeatX ? elmW : x + 0.1,
+		yPos,
+		maxY = repeatY ? elmH : y + 0.1,
+		d,
+		s,
+		isNew;
+	if (pngW && pngH) {
+		for (xPos = x; xPos < maxX; xPos += pngW) {
+			for (yPos = y; yPos < maxY; yPos += pngH) {
+				isNew = 0;
+				if (!tiles.cache[count]) {
+					tiles.cache[count] = document.createElement('div');
+					isNew = 1;
+				}
+				var clipR = (xPos + pngW > elmW ? elmW - xPos : pngW),
+					clipB = (yPos + pngH > elmH ? elmH - yPos : pngH);
+				d = tiles.cache[count];
+				s = d.style;
+				s.behavior = 'none';
+				s.left = xPos + 'px';
+				s.top = yPos + 'px';
+				s.width = clipR + 'px';
+				s.height = clipB + 'px';
+				s.clip = 'rect(' +
+					(yPos < 0 ? 0 - yPos : 0) + 'px,' +
+					clipR + 'px,' +
+					clipB + 'px,' +
+					(xPos < 0 ? 0 - xPos : 0) + 'px)';
+				s.display = 'block';
+				if (isNew) {
+					s.position = 'absolute';
+					s.zIndex = -999;
+					if (elm.firstChild) {
+						elm.insertBefore(d, elm.firstChild);
+					} else {
+						elm.appendChild(d);
+					}
+				}
+				this.fix(d, pngSrc, 0);
+				count++;
+			}
+		}
+	}
+	while (count < tiles.cache.length) {
+		this.fix(tiles.cache[count], '', 0);
+		tiles.cache[count++].style.display = 'none';
+	}
+
+	this.hook.enabled = 1;
+
+	// Cache so updates are infrequent.
+	tiles.old = {
+		w: elmW,
+		h: elmH,
+		x: bgX,
+		y: bgY,
+		r: bgR
+	};
+};
+
+
+IEPNGFix.update = function() {
+	// Update all PNG backgrounds.
+	for (var i in IEPNGFix.data) {
+		var t = IEPNGFix.data[i].tiles;
+		if (t && t.elm && t.src) {
+			IEPNGFix.tileBG(t.elm, t.src);
+		}
+	}
+};
+IEPNGFix.update.timer = 0;
+
+if (window.attachEvent && !window.opera) {
+	window.attachEvent('onresize', function() {
+		clearTimeout(IEPNGFix.update.timer);
+		IEPNGFix.update.timer = setTimeout(IEPNGFix.update, 100);
+	});
+}

data/views/blogical/article.erb

@@ -0,0 +1,9 @@
+<div class="content">
+  <div class="hentry">
+  <h2><%=h @post.title %></h2>
+  <div class="vcard">
+    posted by <a href="mailto:<%= @post.email %>"><%= @post.nickname %></a>, <span class="published"><%=h @post.posted.to_s(:posted) %></span>
+  </div>
+  <%= markup(File.read(@post.content)) %>
+  </div>
+</div>

data/views/blogical/blog.erb

@@ -0,0 +1,17 @@
+<div class="content">
+  <% @posts.each do |post| %>
+  <div class="hentry">
+  <h2><a href="<%= post.url %>"><%=h post.title %></a></h2>
+  <div class="vcard">
+      posted by <a href="mailto:<%= post.email %>"><%= post.nickname %></a>, <span class="published"><%= h post.posted.to_s(:posted) %></span>
+  </div>
+  <%= markup File.read(post.content) %>
+  </div>
+  <% end %>
+
+  <div class="pagination">
+  <% @pages.times do |i| %>
+  <a <%= 'id="selected"' if current_page?(i + 1) %> href="/blog?page=<%= i + 1 %>"><%= i + 1 %></a>
+  <% end %>
+  </div>
+</div>

data/views/blogical/layout.erb

@@ -0,0 +1,42 @@
+<DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8" />
+<meta name="description" content="<%= Array(blog.description_tags)*', '%>" />
+<meta name="keywords" content="<%= (Array(blog.keyword_tags) + Array(@post_tags))*', '%>" />
+<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+<style> article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } </style>
+
+<% blog = Blogical::Application %>
+<title><%= blog.title %></title>
+
+<!-- Need HTML5 links here -->
+<link type="text/css" rel="stylesheet" href="/css/screen.css" />
+<link type="text/css" rel="stylesheet" href="/css/twilight.css" />
+<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico" />
+<link rel="icon" type="image/png" href="/favicon.png" />
+<link href="/blog/atom.xml" rel="alternate" type="application/atom+xml" />
+<!--[if lt IE 7]><script type="text/javascript" src="/scripts/iepngfix.tilebg.js"></script>
+<style type="text/css">
+img, div, a, p, h1, h2, li, span { behavior: url(/scripts/iepngfix.htc); }
+</style><![endif]-->
+</head>
+
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"/>
+<script type="text/javascript">
+_uacct = <%= blog.urchin_account_id %>;
+urchinTracker();
+</script>
+
+<body id="<%= body_id %>">
+<div id="header">
+  <!-- Put your header code here -->
+</div>
+<div class="main-container">
+  <%= yield %>
+</div>
+<div id="footer">
+  <!-- Put your footer code here -->
+</div>
+</body>
+</html>

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: blogical
 version: !ruby/object:Gem::Version 
-  hash: 29
+  hash: 27
   prerelease: false
   segments: 
   - 0
   - 0
-  - 1
-  version: 0.0.1
+  - 2
+  version: 0.0.2
 platform: ruby
 authors: 
 - Clifford Heath
@@ -33,10 +33,24 @@ files:
 - Gemfile
 - README.markdown
 - config.ru
+- app/blogical/atom.rb
+- app/blogical/blog.rb
+- app/blogical/content.rb
+- app/blogical/extensions.rb
+- app/blogical/helpers.rb
 - app/blogical.rb
+- content/01 Welcome/content.markdown
+- content/01 Welcome/meta.rb
 - logs/access.log
 - logs/error.log
+- public/css/screen.css
+- public/css/twilight.css
+- public/scripts/iepngfix.htc
+- public/scripts/iepngfix.tilebg.js
 - tmp/restart.txt
+- views/blogical/article.erb
+- views/blogical/blog.erb
+- views/blogical/layout.erb
 has_rdoc: true
 homepage: http://github.com/cjheath/blogical
 licenses: []