major refactoring, improved file watching, changed site to public to support rack via pow (http://pow.cx) also implemented the basics of a 320 and up design refresh on the classic theme. This should make it great for mobile reading

This commit is contained in:
Brandon Mathis 2011-05-15 18:33:00 -04:00
parent e4c2d5790b
commit c7d5365f81
82 changed files with 963 additions and 14577 deletions

1
.ackrc Normal file
View File

@ -0,0 +1 @@
--ignore-dir=public

2
.gitignore vendored
View File

@ -4,5 +4,7 @@ site
.sass-cache .sass-cache
test test
source/_stash source/_stash
source/stylesheets
vendor/ruby
vendor/ruby vendor/ruby
vendor/ruby vendor/ruby

View File

@ -1,13 +1,13 @@
source :rubygems source :rubygems
gem 'rake'
gem 'jekyll' gem 'jekyll'
gem 'rdiscount' gem 'rdiscount'
gem 'RedCloth' gem 'RedCloth'
gem "haml", "3.1.0.alpha.147" gem 'haml', '>= 3.1'
gem 'compass', '0.11.beta.5' gem 'compass', '>= 0.11'
gem 'rubypants' gem 'rubypants'
gem 'rb-fsevent' gem 'rb-fsevent'
gem 'guard-shell' gem 'guard-shell'
gem 'guard-livereload' gem 'guard-livereload'
gem 'serve' gem 'serve'
gem 'rake'

View File

@ -1,53 +1,48 @@
GEM GEM
remote: http://rubygems.org/ remote: http://rubygems.org/
specs: specs:
RedCloth (4.2.3) RedCloth (4.2.7)
activesupport (3.0.5) activesupport (3.0.7)
addressable (2.2.4) addressable (2.2.5)
chunky_png (1.1.0) chunky_png (1.2.0)
classifier (1.3.3) classifier (1.3.3)
fast-stemmer (>= 1.0.0) fast-stemmer (>= 1.0.0)
compass (0.11.beta.5) compass (0.11.1)
chunky_png (~> 1.1.0) chunky_png (~> 1.1)
sass (>= 3.1.0.alpha.249) fssm (>= 0.2.7)
configuration (1.2.0) sass (~> 3.1)
directory_watcher (1.3.2) directory_watcher (1.4.0)
em-websocket (0.2.1) em-websocket (0.2.1)
addressable (>= 2.1.1) addressable (>= 2.1.1)
eventmachine (>= 0.12.9) eventmachine (>= 0.12.9)
eventmachine (0.12.10) eventmachine (0.12.10)
fast-stemmer (1.0.0) fast-stemmer (1.0.0)
guard (0.3.0) fssm (0.2.7)
open_gem (~> 1.4.2) guard (0.3.4)
thor (~> 0.14.6) thor (~> 0.14.6)
guard-livereload (0.1.9) guard-livereload (0.1.11)
em-websocket (~> 0.2.0) em-websocket (~> 0.2.0)
guard (>= 0.2.2) guard (>= 0.2.2)
json (~> 1.4.6) json (~> 1.5.1)
guard-shell (0.1.1) guard-shell (0.1.1)
guard (>= 0.2.0) guard (>= 0.2.0)
haml (3.1.0.alpha.147) haml (3.1.1)
i18n (0.4.2) i18n (0.4.2)
jekyll (0.10.0) jekyll (0.10.0)
classifier (>= 1.3.1) classifier (>= 1.3.1)
directory_watcher (>= 1.1.1) directory_watcher (>= 1.1.1)
liquid (>= 1.9.0) liquid (>= 1.9.0)
maruku (>= 0.5.9) maruku (>= 0.5.9)
json (1.4.6) json (1.5.1)
launchy (0.3.7)
configuration (>= 0.0.5)
rake (>= 0.8.1)
liquid (2.2.2) liquid (2.2.2)
maruku (0.6.0) maruku (0.6.0)
syntax (>= 1.0.0) syntax (>= 1.0.0)
open_gem (1.4.2) rack (1.2.2)
launchy (~> 0.3.5)
rack (1.2.1)
rake (0.8.7) rake (0.8.7)
rb-fsevent (0.4.0) rb-fsevent (0.4.0)
rdiscount (1.6.8) rdiscount (1.6.8)
rubypants (0.2.0) rubypants (0.2.0)
sass (3.1.0.alpha.252) sass (3.1.1)
serve (1.0.0) serve (1.0.0)
activesupport (~> 3.0.1) activesupport (~> 3.0.1)
i18n (~> 0.4.1) i18n (~> 0.4.1)
@ -55,17 +50,17 @@ GEM
tzinfo (~> 0.3.23) tzinfo (~> 0.3.23)
syntax (1.0.0) syntax (1.0.0)
thor (0.14.6) thor (0.14.6)
tzinfo (0.3.24) tzinfo (0.3.27)
PLATFORMS PLATFORMS
ruby ruby
DEPENDENCIES DEPENDENCIES
RedCloth RedCloth
compass (= 0.11.beta.5) compass (>= 0.11)
guard-livereload guard-livereload
guard-shell guard-shell
haml (= 3.1.0.alpha.147) haml (>= 3.1)
jekyll jekyll
rake rake
rb-fsevent rb-fsevent

View File

@ -1,9 +1,4 @@
guard 'shell' do
watch(/source\/sass\/(.*)\.s[ac]ss/) {|m| `compass compile` }
watch(%r{public/.+\.(js|html)}) {|m| `compass compile` }
end
guard 'livereload', :api_version => '1.6' do guard 'livereload', :api_version => '1.6' do
watch(%r{public/.+\.(css)}) watch(/public\/stylesheets\/(.*)\.css/);
watch(%r{public/.+\.(js|html)}) watch(/public\/(.*)\.(js|html|png|jpg|gif|jpeg|ttf|otf|woff|svg)/i);
end end

View File

@ -104,7 +104,7 @@ end
desc "Watch the site and regenerate when it changes" desc "Watch the site and regenerate when it changes"
task :watch do task :watch do
system "trap 'kill $jekyllPid $guardPid' Exit; guard & guardPid=$!; jekyll --auto & jekyllPid=$!; wait" system "trap 'kill $jekyllPid $guardPid $compassPid' Exit; jekyll --auto & jekyllPid=$!; sleep 0.5; compass watch & compassPid=$!; guard & guardPid=$!; wait"
end end
desc "generate and deploy website via rsync" desc "generate and deploy website via rsync"

View File

@ -1,14 +1,14 @@
source: source source: source
destination: public destination: public
exclude: sass, *.scss
markdown: rdiscount markdown: rdiscount
pygments: true pygments: false
permalink: pretty permalink: pretty
url: http://yoursite.com url: http://yoursite.com
title: My Octopress Blog title: My Octopress Blog
author: Your Name author: Your Name
email: you@domain.com #Add your email (optional) for the atom feed email: you@domain.com #Add your email (optional) for the atom feed
simple_search: http://google.com/search
recent_posts: 10 recent_posts: 10
@ -19,10 +19,9 @@ show_replies: false
delicious_user: delicious_user:
delicious_count: 3 delicious_count: 3
pinboard_user: imathis pinboard_user: designenthusiast
pinboard_count: 3 pinboard_count: 3
disqus_short_name: disqus_short_name: imathis
google_custom_search_id:
google_analytics_tracking_id: google_analytics_tracking_id:

View File

@ -15,6 +15,11 @@ module OctopressFilters
$1+url+$3 $1+url+$3
end end
end end
def search_url(input)
input.gsub /(http:\/\/)(\S+)/ do
$2
end
end
def smart_quotes(input) def smart_quotes(input)
require 'rubypants' require 'rubypants'
RubyPants.new(input).to_html RubyPants.new(input).to_html
@ -23,10 +28,14 @@ module OctopressFilters
require 'titlecase' require 'titlecase'
input.titlecase input.titlecase
end end
def ordinalize(date) def datetime(date)
if date.class == String if date.class == String
date = Time.parse(date) date = Time.parse(date)
end end
date
end
def ordinalize(date)
date = datetime(date)
"#{date.strftime('%B')} #{ordinal(date.strftime('%e').to_i)}, #{date.strftime('%Y')}" "#{date.strftime('%B')} #{ordinal(date.strftime('%e').to_i)}, #{date.strftime('%Y')}"
end end
def ordinal(number) def ordinal(number)

View File

@ -44,7 +44,6 @@ module Jekyll
priority :low priority :low
# Domain that you are generating the sitemap for - update this to match your site. # Domain that you are generating the sitemap for - update this to match your site.
BASE_URL = 'http://recursive-design.com'
# Generates the sitemap.xml file. # Generates the sitemap.xml file.
# #
@ -82,6 +81,8 @@ module Jekyll
def generate_content(site) def generate_content(site)
result = '' result = ''
base_url = site.config['url']
# First, try to find any stand-alone pages. # First, try to find any stand-alone pages.
site.pages.each{ |page| site.pages.each{ |page|
path = page.subfolder + '/' + page.name path = page.subfolder + '/' + page.name
@ -93,14 +94,14 @@ module Jekyll
end end
unless path =~/error/ unless path =~/error/
result += entry(path, mod_date) result += entry(base_url, path, mod_date)
end end
} }
# Next, find all the posts. # Next, find all the posts.
posts = site.site_payload['site']['posts'] posts = site.site_payload['site']['posts']
for post in posts do for post in posts do
result += entry(post.id, post.date) result += entry(base_url, post.id, post.date)
end end
result result
@ -115,12 +116,12 @@ module Jekyll
# #
# +path+ is the URL path to the page. # +path+ is the URL path to the page.
# +date+ is the date the file was modified (in the case of regular pages), or published (for blog posts). # +date+ is the date the file was modified (in the case of regular pages), or published (for blog posts).
def entry(path, date) def entry(base_url, path, date)
# Force extensions to .html from markdown, textile. # Force extensions to .html from markdown, textile.
path = path.gsub(/\.(markdown|textile)$/i, '.html') path = path.gsub(/\.(markdown|textile)$/i, '.html')
" "
<url> <url>
<loc>#{BASE_URL}#{path}</loc> <loc>#{base_url}#{path}</loc>
<lastmod>#{date.strftime("%Y-%m-%d")}</lastmod> <lastmod>#{date.strftime("%Y-%m-%d")}</lastmod>
</url>" </url>"
end end

View File

@ -0,0 +1 @@
system "sleep 0.5; compass compile --css-dir source/stylesheets"

View File

@ -3,7 +3,7 @@ project_type = :stand_alone
# Set this to the root of your project when deployed: # Set this to the root of your project when deployed:
http_path = "/" http_path = "/"
css_dir = "public/stylesheets" css_dir = "public/stylesheets"
sass_dir = "source/sass" sass_dir = "sass"
images_dir = "source/images" images_dir = "source/images"
http_images_dir = "images" http_images_dir = "images"
fonts_dir = "source/fonts" fonts_dir = "source/fonts"

View File

@ -1,49 +1,62 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <!--[if IEMobile 7 ]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" manifest="default.appcache?v=1" lang="en"><!--<![endif]-->
<head> <head>
<meta charset="utf-8">
<title>Hello World! I'm Octopress! - My Octopress Blog</title> <title>Hello World! I'm Octopress! - My Octopress Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="author" content="Your Name">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"> <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/javascripts/mootools-yui-compressed.js" type="text/javascript"></script> <!--<script src="/javascripts/octopress.js" type="text/javascript"></script>-->
<script src="/javascripts/mootools-more-1.3.1.1.js" type="text/javascript"></script> <script src="javascripts/libs/modernizr-1.7.min.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script> <script src="javascripts/libs/ios-viewport-scaling-bug-fix.js"></script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<meta name="viewport" content="initial-scale=1.0 width=device-width">
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
<link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/> <link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/>
</head> </head>
<body id=""> <body >
<header><div><h1><a href="/">My Octopress Blog</a></h1> <header><div><h1><a href="/">My Octopress Blog</a></h1>
</div></header> </div></header>
<nav id="nav"><div><ul> <nav><div><div>
<a href="/atom.xml">Subscribe</a>
<form action="http://google.com/search" method="get">
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
<input type="hidden" name="q" value="site:yoursite.com" />
</form>
</div>
<ul>
<li><a href="/">Blog</a></li> <li><a href="/">Blog</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/">About</a></li>
<li class="subscribe"><a href="/atom.xml">Subscribe</a></li>
</ul> </ul>
</div></nav> </div></nav>
<div id="page">
<div> <div>
<div id="main"><article><article> <div>
<div id="articles"><article>
<header> <header>
<h1><a href="/2009/11/13/hello-world/">Hello World! I'm Octopress!</a></h1>
<p> <p>
<time>November 13<span>th</span>, 2009</time>
<span class="byline"><em>by</em> <span class="author">Your Name</span></span> <span class="byline author vcard">By <span class="fn">Your Name</span></span>
<time datetime="2009-11-13 00:00:00 -0500" pubdate>November 13<span>th</span>, 2009</time>
<time class="updated" datetime="2010-03-10 00:00:00 -0500" pubdate>Updated March 10<span>th</span>, 2010</time>
</p> </p>
<h1><a href="/2009/11/13/hello-world/">Hello World! I'm Octopress!</a></h1>
</header> </header>
<div class="entry"><p><strong>Octopress is a blogging framework designed for hackers</strong>, based on <a href="http://github.com/mojombo/jekyll">Jekyll</a> the blog aware static site generator powering <a href="http://pages.github.com/">Github pages</a>. <div class="entry"><p><strong>Octopress is a blogging framework designed for hackers</strong>, based on <a href="http://github.com/mojombo/jekyll">Jekyll</a> the blog aware static site generator powering <a href="http://pages.github.com/">Github pages</a>.
@ -59,16 +72,26 @@ If you don&#8217;t know what Jekyll is, <a href="http://metajack.im/2009/01/23/b
</div> </div>
<p class="updated"><em>updated</em> <time>March 10<span>th</span>, 2010</time></p>
<div id="disqus_thread"><script type="text/javascript">
var disqus_url = "http://yoursite.com/2009/11/13/hello-world/";
</script>
<noscript>
<a href="http://imathis.disqus.com/?url=ref">View the discussion thread</a>
</noscript>
<script type="text/javascript" src="http://disqus.com/forums/imathis/embed.js"></script>
</div>
</article> </article>
</article></div> </div>
<aside><h4>About Me</h4>
<p> Yo everybody! </p> <aside><section>
<h1>About Me</h1>
<p>Hi, I'm Octopress!</p>
</section>
<section> <section>
<h4>Recent Posts</h4> <h1>Recent Posts</h1>
<ul id="recent_posts"> <ul id="recent_posts">
<li class="post"> <li class="post">
@ -90,21 +113,30 @@ If you don&#8217;t know what Jekyll is, <a href="http://metajack.im/2009/01/23/b
</section> </section>
<section><h4>On Twitter</h4> <section><h1>Latest Tweets</h1>
<ul id="tweets"> <ul id="tweets">
Status updating... Status updating...
</ul> </ul>
<p>Follow <a href="http://twitter.com/#{page.twitter_user}">@imathis</a></p> <p>Follow <a href="http://twitter.com/imathis">@imathis</a></p>
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
</section> </section>
<section><h4>My Pinboard</h4> <section><h1>My Pinboard</h1>
<ul id="pinboard_linkroll">Fetching linkroll...</ul> <ul id="pinboard_linkroll">Fetching linkroll...</ul>
<p><a href="http://pinboard.in/u:imathis">My Pinboard Bookmarks &raquo;</a></p> <p><a href="http://pinboard.in/u:designenthusiast">My Pinboard Bookmarks &raquo;</a></p>
</section> </section>
</aside> </aside>
</div> </div>
</div> </div>
<footer><div><p> <footer><div><p>
@ -113,11 +145,16 @@ If you don&#8217;t know what Jekyll is, <a href="http://metajack.im/2009/01/23/b
</p> </p>
<script language="javascript"> <script language="javascript">
var pinboard_user = "imathis"; var pinboard_user = "designenthusiast";
var pinboard_count = "3"; var pinboard_count = "3";
</script> </script>
<script language="javascript" src="/javascripts/pinboard.js"></script> <script language="javascript" src="/javascripts/pinboard.js"></script>
</div></footer> </div></footer>
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="javascripts/libs/DOMAssistantCompressed-2.8.js"></script>
<script src="javascripts/libs/selectivizr-1.0.1.js"></script>
<script src="javascripts/libs/respond.min.js"></script>
<![endif]-->
</body> </body>
</html> </html>

View File

@ -1,49 +1,60 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <!--[if IEMobile 7 ]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" manifest="default.appcache?v=1" lang="en"><!--<![endif]-->
<head> <head>
<meta charset="utf-8">
<title>Test Post - My Octopress Blog</title> <title>Test Post - My Octopress Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="author" content="Your Name">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"> <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/javascripts/mootools-yui-compressed.js" type="text/javascript"></script> <!--<script src="/javascripts/octopress.js" type="text/javascript"></script>-->
<script src="/javascripts/mootools-more-1.3.1.1.js" type="text/javascript"></script> <script src="javascripts/libs/modernizr-1.7.min.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script> <script src="javascripts/libs/ios-viewport-scaling-bug-fix.js"></script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<meta name="viewport" content="initial-scale=1.0 width=device-width">
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
<link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/> <link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/>
</head> </head>
<body id=""> <body >
<header><div><h1><a href="/">My Octopress Blog</a></h1> <header><div><h1><a href="/">My Octopress Blog</a></h1>
</div></header> </div></header>
<nav id="nav"><div><ul> <nav><div><div>
<a href="/atom.xml">Subscribe</a>
<form action="http://google.com/search" method="get">
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
<input type="hidden" name="q" value="site:yoursite.com" />
</form>
</div>
<ul>
<li><a href="/">Blog</a></li> <li><a href="/">Blog</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/">About</a></li>
<li class="subscribe"><a href="/atom.xml">Subscribe</a></li>
</ul> </ul>
</div></nav> </div></nav>
<div id="page">
<div> <div>
<div id="main"><article><article> <div>
<div id="articles"><article>
<header> <header>
<h1><a href="/2011/03/14/test-post/">Test Post</a></h1>
<p> <p>
<time>March 14<span>th</span>, 2011</time>
<span class="byline"><em>by</em> <span class="author">Your Name</span></span> <span class="byline author vcard">By <span class="fn">Your Name</span></span>
<time datetime="2011-03-14 00:00:00 -0400" pubdate>March 14<span>th</span>, 2011</time>
</p> </p>
<h1><a href="/2011/03/14/test-post/">Test Post</a></h1>
</header> </header>
<div class="entry"><p>This is a test!</p> <div class="entry"><p>This is a test!</p>
@ -51,15 +62,25 @@
<div id="disqus_thread"><script type="text/javascript">
var disqus_url = "http://yoursite.com/2011/03/14/test-post/";
</script>
<noscript>
<a href="http://imathis.disqus.com/?url=ref">View the discussion thread</a>
</noscript>
<script type="text/javascript" src="http://disqus.com/forums/imathis/embed.js"></script>
</div>
</article> </article>
</article></div> </div>
<aside><h4>About Me</h4>
<p> Yo everybody! </p> <aside><section>
<h1>About Me</h1>
<p>Hi, I'm Octopress!</p>
</section>
<section> <section>
<h4>Recent Posts</h4> <h1>Recent Posts</h1>
<ul id="recent_posts"> <ul id="recent_posts">
<li class="post"> <li class="post">
@ -81,21 +102,30 @@
</section> </section>
<section><h4>On Twitter</h4> <section><h1>Latest Tweets</h1>
<ul id="tweets"> <ul id="tweets">
Status updating... Status updating...
</ul> </ul>
<p>Follow <a href="http://twitter.com/#{page.twitter_user}">@imathis</a></p> <p>Follow <a href="http://twitter.com/imathis">@imathis</a></p>
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
</section> </section>
<section><h4>My Pinboard</h4> <section><h1>My Pinboard</h1>
<ul id="pinboard_linkroll">Fetching linkroll...</ul> <ul id="pinboard_linkroll">Fetching linkroll...</ul>
<p><a href="http://pinboard.in/u:imathis">My Pinboard Bookmarks &raquo;</a></p> <p><a href="http://pinboard.in/u:designenthusiast">My Pinboard Bookmarks &raquo;</a></p>
</section> </section>
</aside> </aside>
</div> </div>
</div> </div>
<footer><div><p> <footer><div><p>
@ -104,11 +134,16 @@
</p> </p>
<script language="javascript"> <script language="javascript">
var pinboard_user = "imathis"; var pinboard_user = "designenthusiast";
var pinboard_count = "3"; var pinboard_count = "3";
</script> </script>
<script language="javascript" src="/javascripts/pinboard.js"></script> <script language="javascript" src="/javascripts/pinboard.js"></script>
</div></footer> </div></footer>
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="javascripts/libs/DOMAssistantCompressed-2.8.js"></script>
<script src="javascripts/libs/selectivizr-1.0.1.js"></script>
<script src="javascripts/libs/respond.min.js"></script>
<![endif]-->
</body> </body>
</html> </html>

View File

@ -1,49 +1,60 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <!--[if IEMobile 7 ]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" manifest="default.appcache?v=1" lang="en"><!--<![endif]-->
<head> <head>
<meta charset="utf-8">
<title>Test of Typography - My Octopress Blog</title> <title>Test of Typography - My Octopress Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="author" content="Your Name">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"> <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/javascripts/mootools-yui-compressed.js" type="text/javascript"></script> <!--<script src="/javascripts/octopress.js" type="text/javascript"></script>-->
<script src="/javascripts/mootools-more-1.3.1.1.js" type="text/javascript"></script> <script src="javascripts/libs/modernizr-1.7.min.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script> <script src="javascripts/libs/ios-viewport-scaling-bug-fix.js"></script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<meta name="viewport" content="initial-scale=1.0 width=device-width">
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
<link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/> <link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/>
</head> </head>
<body id=""> <body >
<header><div><h1><a href="/">My Octopress Blog</a></h1> <header><div><h1><a href="/">My Octopress Blog</a></h1>
</div></header> </div></header>
<nav id="nav"><div><ul> <nav><div><div>
<a href="/atom.xml">Subscribe</a>
<form action="http://google.com/search" method="get">
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
<input type="hidden" name="q" value="site:yoursite.com" />
</form>
</div>
<ul>
<li><a href="/">Blog</a></li> <li><a href="/">Blog</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/">About</a></li>
<li class="subscribe"><a href="/atom.xml">Subscribe</a></li>
</ul> </ul>
</div></nav> </div></nav>
<div id="page">
<div> <div>
<div id="main"><article><article> <div>
<div id="articles"><article>
<header> <header>
<h1><a href="/2011/04/07/test-of-typography/">Test of Typography</a></h1>
<p> <p>
<time>April 7<span>th</span>, 2011</time>
<span class="byline"><em>by</em> <span class="author">Your Name</span></span> <span class="byline author vcard">By <span class="fn">Your Name</span></span>
<time datetime="2011-04-07 19:17:00 -0400" pubdate>April 7<span>th</span>, 2011</time>
</p> </p>
<h1><a href="/2011/04/07/test-of-typography/">Test of Typography</a></h1>
</header> </header>
<div class="entry"><p>In the past I&#8217;ve always designed my own business cards, printed them on expensive card stock, and hand-cut them with an X-Acto knife. My cards were way nicer than those my clients had gotten <em>professionally</em> printed with bubbly ink, no-bleed designs, and cheap paper. Though I put tremendous care into my cards, I never was happy with the design.</p> <div class="entry"><p>In the past I&#8217;ve always designed my own business cards, printed them on expensive card stock, and hand-cut them with an X-Acto knife. My cards were way nicer than those my clients had gotten <em>professionally</em> printed with bubbly ink, no-bleed designs, and cheap paper. Though I put tremendous care into my cards, I never was happy with the design.</p>
@ -101,15 +112,25 @@ people I work for I&#8217;ve never met in-person.</p>
<div id="disqus_thread"><script type="text/javascript">
var disqus_url = "http://yoursite.com/2011/04/07/test-of-typography/";
</script>
<noscript>
<a href="http://imathis.disqus.com/?url=ref">View the discussion thread</a>
</noscript>
<script type="text/javascript" src="http://disqus.com/forums/imathis/embed.js"></script>
</div>
</article> </article>
</article></div> </div>
<aside><h4>About Me</h4>
<p> Yo everybody! </p> <aside><section>
<h1>About Me</h1>
<p>Hi, I'm Octopress!</p>
</section>
<section> <section>
<h4>Recent Posts</h4> <h1>Recent Posts</h1>
<ul id="recent_posts"> <ul id="recent_posts">
<li class="post"> <li class="post">
@ -131,21 +152,30 @@ people I work for I&#8217;ve never met in-person.</p>
</section> </section>
<section><h4>On Twitter</h4> <section><h1>Latest Tweets</h1>
<ul id="tweets"> <ul id="tweets">
Status updating... Status updating...
</ul> </ul>
<p>Follow <a href="http://twitter.com/#{page.twitter_user}">@imathis</a></p> <p>Follow <a href="http://twitter.com/imathis">@imathis</a></p>
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
</section> </section>
<section><h4>My Pinboard</h4> <section><h1>My Pinboard</h1>
<ul id="pinboard_linkroll">Fetching linkroll...</ul> <ul id="pinboard_linkroll">Fetching linkroll...</ul>
<p><a href="http://pinboard.in/u:imathis">My Pinboard Bookmarks &raquo;</a></p> <p><a href="http://pinboard.in/u:designenthusiast">My Pinboard Bookmarks &raquo;</a></p>
</section> </section>
</aside> </aside>
</div> </div>
</div> </div>
<footer><div><p> <footer><div><p>
@ -154,11 +184,16 @@ people I work for I&#8217;ve never met in-person.</p>
</p> </p>
<script language="javascript"> <script language="javascript">
var pinboard_user = "imathis"; var pinboard_user = "designenthusiast";
var pinboard_count = "3"; var pinboard_count = "3";
</script> </script>
<script language="javascript" src="/javascripts/pinboard.js"></script> <script language="javascript" src="/javascripts/pinboard.js"></script>
</div></footer> </div></footer>
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="javascripts/libs/DOMAssistantCompressed-2.8.js"></script>
<script src="javascripts/libs/selectivizr-1.0.1.js"></script>
<script src="javascripts/libs/respond.min.js"></script>
<![endif]-->
</body> </body>
</html> </html>

View File

@ -1,54 +1,91 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <!--[if IEMobile 7 ]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" manifest="default.appcache?v=1" lang="en"><!--<![endif]-->
<head> <head>
<meta charset="utf-8">
<title>About Me - My Octopress Blog</title> <title>About Me - My Octopress Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="author" content="Your Name">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"> <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/javascripts/mootools-yui-compressed.js" type="text/javascript"></script> <!--<script src="/javascripts/octopress.js" type="text/javascript"></script>-->
<script src="/javascripts/mootools-more-1.3.1.1.js" type="text/javascript"></script> <script src="javascripts/libs/modernizr-1.7.min.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script> <script src="javascripts/libs/ios-viewport-scaling-bug-fix.js"></script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<meta name="viewport" content="initial-scale=1.0 width=device-width">
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
<link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/> <link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/>
</head> </head>
<body id=""> <body >
<header><div><h1><a href="/">My Octopress Blog</a></h1> <header><div><h1><a href="/">My Octopress Blog</a></h1>
</div></header> </div></header>
<nav id="nav"><div><ul> <nav><div><div>
<a href="/atom.xml">Subscribe</a>
<form action="http://google.com/search" method="get">
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
<input type="hidden" name="q" value="site:yoursite.com" />
</form>
</div>
<ul>
<li><a href="/">Blog</a></li> <li><a href="/">Blog</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/">About</a></li>
<li class="subscribe"><a href="/atom.xml">Subscribe</a></li>
</ul> </ul>
</div></nav> </div></nav>
<div id="page">
<div> <div>
<div id="main"><article><!-- use the :mardown filter if you want to write pages with Markdown --> <div>
<h1>About Me</h1> <div id="articles"><article>
<header>
<h1><a href="/about/">About Me</a></h1>
<p>
<span class="byline author vcard">By <span class="fn">Your Name</span></span>
<time datetime="2011-05-14 00:00:00 -0400" pubdate>May 14<span>th</span>, 2011</time>
</p>
</header>
<div class="entry"><!-- use the :mardown filter if you want to write pages with Markdown -->
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum.</p>
<p>Ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p> <p>Ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
<p>Dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent.</p> <p>Dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent.</p>
</article></div> </div>
<aside><h4>About Me</h4>
<p> Yo everybody! </p>
<div id="disqus_thread"><script type="text/javascript">
var disqus_url = "http://yoursite.com/about/";
</script>
<noscript>
<a href="http://imathis.disqus.com/?url=ref">View the discussion thread</a>
</noscript>
<script type="text/javascript" src="http://disqus.com/forums/imathis/embed.js"></script>
</div>
</article>
</div>
<aside><section>
<h1>About Me</h1>
<p>Hi, I'm Octopress!</p>
</section>
<section> <section>
<h4>Recent Posts</h4> <h1>Recent Posts</h1>
<ul id="recent_posts"> <ul id="recent_posts">
<li class="post"> <li class="post">
@ -70,21 +107,30 @@
</section> </section>
<section><h4>On Twitter</h4> <section><h1>Latest Tweets</h1>
<ul id="tweets"> <ul id="tweets">
Status updating... Status updating...
</ul> </ul>
<p>Follow <a href="http://twitter.com/#{page.twitter_user}">@imathis</a></p> <p>Follow <a href="http://twitter.com/imathis">@imathis</a></p>
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
</section> </section>
<section><h4>My Pinboard</h4> <section><h1>My Pinboard</h1>
<ul id="pinboard_linkroll">Fetching linkroll...</ul> <ul id="pinboard_linkroll">Fetching linkroll...</ul>
<p><a href="http://pinboard.in/u:imathis">My Pinboard Bookmarks &raquo;</a></p> <p><a href="http://pinboard.in/u:designenthusiast">My Pinboard Bookmarks &raquo;</a></p>
</section> </section>
</aside> </aside>
</div> </div>
</div> </div>
<footer><div><p> <footer><div><p>
@ -93,11 +139,16 @@
</p> </p>
<script language="javascript"> <script language="javascript">
var pinboard_user = "imathis"; var pinboard_user = "designenthusiast";
var pinboard_count = "3"; var pinboard_count = "3";
</script> </script>
<script language="javascript" src="/javascripts/pinboard.js"></script> <script language="javascript" src="/javascripts/pinboard.js"></script>
</div></footer> </div></footer>
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="javascripts/libs/DOMAssistantCompressed-2.8.js"></script>
<script src="javascripts/libs/selectivizr-1.0.1.js"></script>
<script src="javascripts/libs/respond.min.js"></script>
<![endif]-->
</body> </body>
</html> </html>

View File

@ -4,7 +4,7 @@
<title></title> <title></title>
<link href="http://yoursite.com/atom.xml" rel="self"/> <link href="http://yoursite.com/atom.xml" rel="self"/>
<link href="http://yoursite.com/"/> <link href="http://yoursite.com/"/>
<updated>2011-04-11T16:23:20-05:00</updated> <updated>2011-05-15T18:13:17-04:00</updated>
<id>http://yoursite.com/</id> <id>http://yoursite.com/</id>
<author> <author>
<name>Your Name</name> <name>Your Name</name>
@ -17,7 +17,7 @@
<entry> <entry>
<title>Test of Typography</title> <title>Test of Typography</title>
<link href="http://yoursite.com/2011/04/07/test-of-typography/"/> <link href="http://yoursite.com/2011/04/07/test-of-typography/"/>
<updated>2011-04-07T19:17:00-05:00</updated> <updated>2011-04-07T19:17:00-04:00</updated>
<id>http://yoursite.com/2011/04/07/test-of-typography</id> <id>http://yoursite.com/2011/04/07/test-of-typography</id>
<content type="html">&lt;p&gt;In the past I've always designed my own business cards, printed them on expensive card stock, and hand-cut them with an X-Acto knife. My cards were way nicer than those my clients had gotten &lt;em&gt;professionally&lt;/em&gt; printed with bubbly ink, no-bleed designs, and cheap paper. Though I put tremendous care into my cards, I never was happy with the design.&lt;/p&gt; <content type="html">&lt;p&gt;In the past I've always designed my own business cards, printed them on expensive card stock, and hand-cut them with an X-Acto knife. My cards were way nicer than those my clients had gotten &lt;em&gt;professionally&lt;/em&gt; printed with bubbly ink, no-bleed designs, and cheap paper. Though I put tremendous care into my cards, I never was happy with the design.&lt;/p&gt;
@ -76,7 +76,7 @@ people I work for I've never met in-person.&lt;/p&gt;
<entry> <entry>
<title>Test Post</title> <title>Test Post</title>
<link href="http://yoursite.com/2011/03/14/test-post/"/> <link href="http://yoursite.com/2011/03/14/test-post/"/>
<updated>2011-03-14T00:00:00-05:00</updated> <updated>2011-03-14T00:00:00-04:00</updated>
<id>http://yoursite.com/2011/03/14/test-post</id> <id>http://yoursite.com/2011/03/14/test-post</id>
<content type="html">&lt;p&gt;This is a test!&lt;/p&gt; <content type="html">&lt;p&gt;This is a test!&lt;/p&gt;
</content> </content>
@ -85,7 +85,7 @@ people I work for I've never met in-person.&lt;/p&gt;
<entry> <entry>
<title>Hello World! I'm Octopress!</title> <title>Hello World! I'm Octopress!</title>
<link href="http://yoursite.com/2009/11/13/hello-world/"/> <link href="http://yoursite.com/2009/11/13/hello-world/"/>
<updated>2009-11-13T00:00:00-06:00</updated> <updated>2009-11-13T00:00:00-05:00</updated>
<id>http://yoursite.com/2009/11/13/hello-world</id> <id>http://yoursite.com/2009/11/13/hello-world</id>
<content type="html">&lt;p&gt;&lt;strong&gt;Octopress is a blogging framework designed for hackers&lt;/strong&gt;, based on &lt;a href=&quot;http://github.com/mojombo/jekyll&quot;&gt;Jekyll&lt;/a&gt; the blog aware static site generator powering &lt;a href=&quot;http://pages.github.com/&quot;&gt;Github pages&lt;/a&gt;. <content type="html">&lt;p&gt;&lt;strong&gt;Octopress is a blogging framework designed for hackers&lt;/strong&gt;, based on &lt;a href=&quot;http://github.com/mojombo/jekyll&quot;&gt;Jekyll&lt;/a&gt; the blog aware static site generator powering &lt;a href=&quot;http://pages.github.com/&quot;&gt;Github pages&lt;/a&gt;.
If you don't know what Jekyll is, &lt;a href=&quot;http://metajack.im/2009/01/23/blogging-with-git-emacs-and-jekyll/&quot;&gt;Jack Moffitt&lt;/a&gt; wrote a good summary:&lt;/p&gt; If you don't know what Jekyll is, &lt;a href=&quot;http://metajack.im/2009/01/23/blogging-with-git-emacs-and-jekyll/&quot;&gt;Jack Moffitt&lt;/a&gt; wrote a good summary:&lt;/p&gt;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 504 B

BIN
public/images/search.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 333 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -1,52 +1,63 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <!--[if IEMobile 7 ]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" manifest="default.appcache?v=1" lang="en"><!--<![endif]-->
<head> <head>
<meta charset="utf-8">
<title>Octopress - My Octopress Blog</title> <title>Octopress - My Octopress Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="author" content="Your Name">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"> <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/javascripts/mootools-yui-compressed.js" type="text/javascript"></script> <!--<script src="/javascripts/octopress.js" type="text/javascript"></script>-->
<script src="/javascripts/mootools-more-1.3.1.1.js" type="text/javascript"></script> <script src="javascripts/libs/modernizr-1.7.min.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script> <script src="javascripts/libs/ios-viewport-scaling-bug-fix.js"></script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<meta name="viewport" content="initial-scale=1.0 width=device-width">
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
<link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/> <link href="/atom.xml" rel="alternate" title="My Octopress Blog" type="application/atom+xml"/>
</head> </head>
<body id=""> <body >
<header><div><h1><a href="/">My Octopress Blog</a></h1> <header><div><h1><a href="/">My Octopress Blog</a></h1>
</div></header> </div></header>
<nav id="nav"><div><ul> <nav><div><div>
<a href="/atom.xml">Subscribe</a>
<form action="http://google.com/search" method="get">
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
<input type="hidden" name="q" value="site:yoursite.com" />
</form>
</div>
<ul>
<li><a href="/">Blog</a></li> <li><a href="/">Blog</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/">About</a></li>
<li class="subscribe"><a href="/atom.xml">Subscribe</a></li>
</ul> </ul>
</div></nav> </div></nav>
<div id="page">
<div> <div>
<div id="main"><article> <div>
<div id="articles">
<article> <article>
<header> <header>
<h1><a href="/2011/04/07/test-of-typography/">Test of Typography</a></h1>
<p> <p>
<time>April 7<span>th</span>, 2011</time>
<span class="byline"><em>by</em> <span class="author">Your Name</span></span> <span class="byline author vcard">By <span class="fn">Your Name</span></span>
<time datetime="2011-04-07 19:17:00 -0400" pubdate>April 7<span>th</span>, 2011</time>
</p> </p>
<h1><a href="/2011/04/07/test-of-typography/">Test of Typography</a></h1>
</header> </header>
<div class="entry"><p>In the past I&#8217;ve always designed my own business cards, printed them on expensive card stock, and hand-cut them with an X-Acto knife. My cards were way nicer than those my clients had gotten <em>professionally</em> printed with bubbly ink, no-bleed designs, and cheap paper. Though I put tremendous care into my cards, I never was happy with the design.</p> <div class="entry"><p>In the past I&#8217;ve always designed my own business cards, printed them on expensive card stock, and hand-cut them with an X-Acto knife. My cards were way nicer than those my clients had gotten <em>professionally</em> printed with bubbly ink, no-bleed designs, and cheap paper. Though I put tremendous care into my cards, I never was happy with the design.</p>
@ -61,42 +72,46 @@ people I work for I&#8217;ve never met in-person.</p>
<p><a href='/2011/04/07/test-of-typography/'>Continue reading &raquo;</a></p></div> <p><a href='/2011/04/07/test-of-typography/'>Continue reading &raquo;</a></p></div>
</article> </article>
<article> <article>
<header> <header>
<h1><a href="/2011/03/14/test-post/">Test Post</a></h1>
<p> <p>
<time>March 14<span>th</span>, 2011</time>
<span class="byline"><em>by</em> <span class="author">Your Name</span></span> <span class="byline author vcard">By <span class="fn">Your Name</span></span>
<time datetime="2011-03-14 00:00:00 -0400" pubdate>March 14<span>th</span>, 2011</time>
</p> </p>
<h1><a href="/2011/03/14/test-post/">Test Post</a></h1>
</header> </header>
<div class="entry"><p>This is a test!</p> <div class="entry"><p>This is a test!</p>
</div> </div>
</article> </article>
<article> <article>
<header> <header>
<h1><a href="/2009/11/13/hello-world/">Hello World! I'm Octopress!</a></h1>
<p> <p>
<time>November 13<span>th</span>, 2009</time>
<span class="byline"><em>by</em> <span class="author">Your Name</span></span> <span class="byline author vcard">By <span class="fn">Your Name</span></span>
<time datetime="2009-11-13 00:00:00 -0500" pubdate>November 13<span>th</span>, 2009</time>
<time class="updated" datetime="2010-03-10 00:00:00 -0500" pubdate>Updated March 10<span>th</span>, 2010</time>
</p> </p>
<h1><a href="/2009/11/13/hello-world/">Hello World! I'm Octopress!</a></h1>
</header> </header>
<div class="entry"><p><strong>Octopress is a blogging framework designed for hackers</strong>, based on <a href="http://github.com/mojombo/jekyll">Jekyll</a> the blog aware static site generator powering <a href="http://pages.github.com/">Github pages</a>. <div class="entry"><p><strong>Octopress is a blogging framework designed for hackers</strong>, based on <a href="http://github.com/mojombo/jekyll">Jekyll</a> the blog aware static site generator powering <a href="http://pages.github.com/">Github pages</a>.
@ -112,17 +127,18 @@ If you don&#8217;t know what Jekyll is, <a href="http://metajack.im/2009/01/23/b
</div> </div>
<p class="updated"><em>updated</em> <time>March 10<span>th</span>, 2010</time></p>
</article> </article>
</article></div> </div>
<aside><h4>About Me</h4>
<p> Yo everybody! </p> <aside><section>
<h1>About Me</h1>
<p>Hi, I'm Octopress!</p>
</section>
<section> <section>
<h4>Recent Posts</h4> <h1>Recent Posts</h1>
<ul id="recent_posts"> <ul id="recent_posts">
<li class="post"> <li class="post">
@ -144,21 +160,30 @@ If you don&#8217;t know what Jekyll is, <a href="http://metajack.im/2009/01/23/b
</section> </section>
<section><h4>On Twitter</h4> <section><h1>Latest Tweets</h1>
<ul id="tweets"> <ul id="tweets">
Status updating... Status updating...
</ul> </ul>
<p>Follow <a href="http://twitter.com/#{page.twitter_user}">@imathis</a></p> <p>Follow <a href="http://twitter.com/imathis">@imathis</a></p>
<script>
var twitter_user = "imathis";
var show_replies = false;
var tweet_count = 3;
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
</section> </section>
<section><h4>My Pinboard</h4> <section><h1>My Pinboard</h1>
<ul id="pinboard_linkroll">Fetching linkroll...</ul> <ul id="pinboard_linkroll">Fetching linkroll...</ul>
<p><a href="http://pinboard.in/u:imathis">My Pinboard Bookmarks &raquo;</a></p> <p><a href="http://pinboard.in/u:designenthusiast">My Pinboard Bookmarks &raquo;</a></p>
</section> </section>
</aside> </aside>
</div> </div>
</div> </div>
<footer><div><p> <footer><div><p>
@ -167,11 +192,16 @@ If you don&#8217;t know what Jekyll is, <a href="http://metajack.im/2009/01/23/b
</p> </p>
<script language="javascript"> <script language="javascript">
var pinboard_user = "imathis"; var pinboard_user = "designenthusiast";
var pinboard_count = "3"; var pinboard_count = "3";
</script> </script>
<script language="javascript" src="/javascripts/pinboard.js"></script> <script language="javascript" src="/javascripts/pinboard.js"></script>
</div></footer> </div></footer>
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="javascripts/libs/DOMAssistantCompressed-2.8.js"></script>
<script src="javascripts/libs/selectivizr-1.0.1.js"></script>
<script src="javascripts/libs/respond.min.js"></script>
<![endif]-->
</body> </body>
</html> </html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,20 @@
// https://gist.github.com/901295
// By @mathias, @cheeaun and @jdalton
(function(doc) {
var addEvent = 'addEventListener',
type = 'gesturestart',
qsa = 'querySelectorAll',
scales = [1, 1],
meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];
function fix() {
meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
doc.removeEventListener(type, fix, true);
}
if ((meta = meta[meta.length - 1]) && addEvent in doc) {
fix();
scales = [.25, 1.6];
doc[addEvent](type, fix, true);
}
}(document));

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,8 @@
/*
* respond.js - A small and fast polyfill for min/max-width CSS3 Media Queries
* Copyright 2011, Scott Jehl, scottjehl.com
* Dual licensed under the MIT or GPL Version 2 licenses.
* Usage: Check out the readme file or github.com/scottjehl/respond
*/
(function(e,h){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=h;if(h){return}var u=e.document,r=u.documentElement,i=[],k=[],p=[],o={},g=30,f=u.getElementsByTagName("head")[0]||r,b=f.getElementsByTagName("link"),d=[],a=function(){var B=b,w=B.length;for(var z=0;z<w;z++){var y=B[z],x=y.href,A=y.media,v=y.rel&&y.rel.toLowerCase()==="stylesheet";if(!!x&&v&&!o[x]){if(!/^([a-zA-Z]+?:(\/\/)?(www\.)?)/.test(x)||x.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:x,media:A})}else{o[x]=true}}}t()},t=function(){if(d.length){var v=d.shift();n(v.href,function(w){m(w,v.href,v.media);o[v.href]=true;t()})}},m=function(G,v,x){var E=G.match(/@media ([^\{]+)\{((?!@media)[\s\S])*(?=\}[\s]*\/\*\/mediaquery\*\/)/gmi),H=E&&E.length||0,v=v.substring(0,v.lastIndexOf("/")),w=function(I){return I.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+v+"$2$3")},y=!H&&x;if(v.length){v+="/"}if(y){H=1}for(var B=0;B<H;B++){var C;if(y){C=x;k.push(w(G))}else{C=E[B].match(/@media ([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&w(RegExp.$2))}var z=C.split(","),F=z.length;for(var A=0;A<F;A++){var D=z[A];i.push({media:D.match(/(only\s+)?([a-zA-Z]+)(\sand)?/)&&RegExp.$2,rules:k.length-1,minw:D.match(/\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1),maxw:D.match(/\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1)})}}j()},l,q,j=function(E){var v="clientWidth",x=r[v],D=u.compatMode==="CSS1Compat"&&x||u.body[v]||x,z={},C=u.createDocumentFragment(),B=b[b.length-1],w=(new Date()).getTime();if(E&&l&&w-l<g){clearTimeout(q);q=setTimeout(j,g);return}else{l=w}for(var y in i){var F=i[y];if(!F.minw&&!F.maxw||(!F.minw||F.minw&&D>=F.minw)&&(!F.maxw||F.maxw&&D<=F.maxw)){if(!z[F.media]){z[F.media]=[]}z[F.media].push(k[F.rules])}}for(var y in p){if(p[y]&&p[y].parentNode===f){f.removeChild(p[y])}}for(var y in z){var G=u.createElement("style"),A=z[y].join("\n");G.type="text/css";G.media=y;if(G.styleSheet){G.styleSheet.cssText=A}else{G.appendChild(u.createTextNode(A))}C.appendChild(G);p.push(G)}f.insertBefore(C,B.nextSibling)},n=function(v,x){var w=c();if(!w){return}w.open("GET",v,true);w.onreadystatechange=function(){if(w.readyState!=4||w.status!=200&&w.status!=304){return}x(w.responseText)};if(w.readyState==4){return}w.send()},c=(function(){var v=false,w=[function(){return new ActiveXObject("Microsoft.XMLHTTP")},function(){return new ActiveXObject("Msxml3.XMLHTTP")},function(){return new ActiveXObject("Msxml2.XMLHTTP")},function(){return new XMLHttpRequest()}],y=w.length;while(y--){try{v=w[y]()}catch(x){continue}break}return function(){return v}})();a();respond.update=a;function s(){j(true)}if(e.addEventListener){e.addEventListener("resize",s,false)}else{if(e.attachEvent){e.attachEvent("onresize",s)}}})(this,(function(f){if(f.matchMedia){return true}var e,i=document,c=i.documentElement,g=c.firstElementChild||c.firstChild,h=!i.body,d=i.body||i.createElement("body"),b=i.createElement("div"),a="only all";b.id="mq-test-1";b.style.cssText="position:absolute;top:-99em";d.appendChild(b);b.innerHTML='_<style media="'+a+'"> #mq-test-1 { width: 9px; }</style>';if(h){c.insertBefore(d,g)}b.removeChild(b.firstChild);e=b.offsetWidth==9;if(h){c.removeChild(d)}else{d.removeChild(b)}return e})(this));

View File

@ -0,0 +1,5 @@
/*!
* selectivizr v1.0.2 - (c) Keith Clark, freely distributable under the terms of the MIT license.
* selectivizr.com
*/
(function(j){function A(a){return a.replace(B,h).replace(C,function(a,d,b){for(var a=b.split(","),b=0,e=a.length;b<e;b++){var s=D(a[b].replace(E,h).replace(F,h))+o,l=[];a[b]=s.replace(G,function(a,b,c,d,e){if(b){if(l.length>0){var a=l,f,e=s.substring(0,e).replace(H,i);if(e==i||e.charAt(e.length-1)==o)e+="*";try{f=t(e)}catch(k){}if(f){e=0;for(c=f.length;e<c;e++){for(var d=f[e],h=d.className,j=0,m=a.length;j<m;j++){var g=a[j];if(!RegExp("(^|\\s)"+g.className+"(\\s|$)").test(d.className)&&g.b&&(g.b===!0||g.b(d)===!0))h=u(h,g.className,!0)}d.className=h}}l=[]}return b}else{if(b=c?I(c):!v||v.test(d)?{className:w(d),b:!0}:null)return l.push(b),"."+b.className;return a}})}return d+a.join(",")})}function I(a){var c=!0,d=w(a.slice(1)),b=a.substring(0,5)==":not(",e,f;b&&(a=a.slice(5,-1));var l=a.indexOf("(");l>-1&&(a=a.substring(0,l));if(a.charAt(0)==":")switch(a.slice(1)){case "root":c=function(a){return b?a!=p:a==p};break;case "target":if(m==8){c=function(a){function c(){var d=location.hash,e=d.slice(1);return b?d==i||a.id!=e:d!=i&&a.id==e}k(j,"hashchange",function(){g(a,d,c())});return c()};break}return!1;case "checked":c=function(a){J.test(a.type)&&k(a,"propertychange",function(){event.propertyName=="checked"&&g(a,d,a.checked!==b)});return a.checked!==b};break;case "disabled":b=!b;case "enabled":c=function(c){if(K.test(c.tagName))return k(c,"propertychange",function(){event.propertyName=="$disabled"&&g(c,d,c.a===b)}),q.push(c),c.a=c.disabled,c.disabled===b;return a==":enabled"?b:!b};break;case "focus":e="focus",f="blur";case "hover":e||(e="mouseenter",f="mouseleave");c=function(a){k(a,b?f:e,function(){g(a,d,!0)});k(a,b?e:f,function(){g(a,d,!1)});return b};break;default:if(!L.test(a))return!1}return{className:d,b:c}}function w(a){return M+"-"+(m==6&&N?O++:a.replace(P,function(a){return a.charCodeAt(0)}))}function D(a){return a.replace(x,h).replace(Q,o)}function g(a,c,d){var b=a.className,c=u(b,c,d);if(c!=b)a.className=c,a.parentNode.className+=i}function u(a,c,d){var b=RegExp("(^|\\s)"+c+"(\\s|$)"),e=b.test(a);return d?e?a:a+o+c:e?a.replace(b,h).replace(x,h):a}function k(a,c,d){a.attachEvent("on"+c,d)}function r(a,c){if(/^https?:\/\//i.test(a))return c.substring(0,c.indexOf("/",8))==a.substring(0,a.indexOf("/",8))?a:null;if(a.charAt(0)=="/")return c.substring(0,c.indexOf("/",8))+a;var d=c.split(/[?#]/)[0];a.charAt(0)!="?"&&d.charAt(d.length-1)!="/"&&(d=d.substring(0,d.lastIndexOf("/")+1));return d+a}function y(a){if(a)return n.open("GET",a,!1),n.send(),(n.status==200?n.responseText:i).replace(R,i).replace(S,function(c,d,b,e,f){return y(r(b||f,a))}).replace(T,function(c,d,b){d=d||i;return" url("+d+r(b,a)+d+") "});return i}function U(){var a,c;a=f.getElementsByTagName("BASE");for(var d=a.length>0?a[0].href:f.location.href,b=0;b<f.styleSheets.length;b++)if(c=f.styleSheets[b],c.href!=i&&(a=r(c.href,d)))c.cssText=A(y(a));q.length>0&&setInterval(function(){for(var a=0,c=q.length;a<c;a++){var b=q[a];if(b.disabled!==b.a)b.disabled?(b.disabled=!1,b.a=!0,b.disabled=!0):b.a=b.disabled}},250)}if(!/*@cc_on!@*/true){var f=document,p=f.documentElement,n=function(){if(j.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("Microsoft.XMLHTTP")}catch(a){return null}}(),m=/MSIE (\d+)/.exec(navigator.userAgent)[1];if(!(f.compatMode!="CSS1Compat"||m<6||m>8||!n)){var z={NW:"*.Dom.select",MooTools:"$$",DOMAssistant:"*.$",Prototype:"$$",YAHOO:"*.util.Selector.query",Sizzle:"*",jQuery:"*",dojo:"*.query"},t,q=[],O=0,N=!0,M="slvzr",R=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g,S=/@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))[^;]*;/g,T=/\burl\(\s*(["']?)(?!data:)([^"')]+)\1\s*\)/g,L=/^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/,B=/:(:first-(?:line|letter))/g,C=/(^|})\s*([^\{]*?[\[:][^{]+)/g,G=/([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g,H=/(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g,P=/[^\w-]/g,K=/^(INPUT|SELECT|TEXTAREA|BUTTON)$/,J=/^(checkbox|radio)$/,v=m>6?/[\$\^*]=(['"])\1/:null,E=/([(\[+~])\s+/g,F=/\s+([)\]+~])/g,Q=/\s+/g,x=/^\s*((?:[\S\s]*\S)?)\s*$/,i="",o=" ",h="$1";(function(a,c){function d(){try{p.doScroll("left")}catch(a){setTimeout(d,50);return}b("poll")}function b(d){if(!(d.type=="readystatechange"&&f.readyState!="complete")&&((d.type=="load"?a:f).detachEvent("on"+d.type,b,!1),!e&&(e=!0)))c.call(a,d.type||d)}var e=!1,g=!0;if(f.readyState=="complete")c.call(a,i);else{if(f.createEventObject&&p.doScroll){try{g=!a.frameElement}catch(h){}g&&d()}k(f,"readystatechange",b);k(a,"load",b)}})(j,function(){for(var a in z){var c,d,b=j;if(j[a]){for(c=z[a].replace("*",a).split(".");(d=c.shift())&&(b=b[d]););if(typeof b=="function"){t=b;U();break}}}})}}})(this);

View File

@ -1,100 +0,0 @@
//MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2009 Aaron Newton <http://clientcide.com/>, Valerio Proietti <http://mad4milk.net> & the MooTools team <http://mootools.net/developers>, MIT Style License.
MooTools.More={version:"1.2.4.2",build:"bd5a93c0913cce25917c48cbdacde568e15e02ef"};(function(){var a={language:"en-US",languages:{"en-US":{}},cascades:["en-US"]};
var b;MooTools.lang=new Events();$extend(MooTools.lang,{setLanguage:function(c){if(!a.languages[c]){return this;}a.language=c;this.load();this.fireEvent("langChange",c);
return this;},load:function(){var c=this.cascade(this.getCurrentLanguage());b={};$each(c,function(e,d){b[d]=this.lambda(e);},this);},getCurrentLanguage:function(){return a.language;
},addLanguage:function(c){a.languages[c]=a.languages[c]||{};return this;},cascade:function(e){var c=(a.languages[e]||{}).cascades||[];c.combine(a.cascades);
c.erase(e).push(e);var d=c.map(function(f){return a.languages[f];},this);return $merge.apply(this,d);},lambda:function(c){(c||{}).get=function(e,d){return $lambda(c[e]).apply(this,$splat(d));
};return c;},get:function(e,d,c){if(b&&b[e]){return(d?b[e].get(d,c):b[e]);}},set:function(d,e,c){this.addLanguage(d);langData=a.languages[d];if(!langData[e]){langData[e]={};
}$extend(langData[e],c);if(d==this.getCurrentLanguage()){this.load();this.fireEvent("langChange",d);}return this;},list:function(){return Hash.getKeys(a.languages);
}});})();(function(){var i=this.Date;if(!i.now){i.now=$time;}i.Methods={ms:"Milliseconds",year:"FullYear",min:"Minutes",mo:"Month",sec:"Seconds",hr:"Hours"};
["Date","Day","FullYear","Hours","Milliseconds","Minutes","Month","Seconds","Time","TimezoneOffset","Week","Timezone","GMTOffset","DayOfYear","LastMonth","LastDayOfMonth","UTCDate","UTCDay","UTCFullYear","AMPM","Ordinal","UTCHours","UTCMilliseconds","UTCMinutes","UTCMonth","UTCSeconds"].each(function(p){i.Methods[p.toLowerCase()]=p;
});var d=function(q,p){return new Array(p-String(q).length+1).join("0")+q;};i.implement({set:function(t,r){switch($type(t)){case"object":for(var s in t){this.set(s,t[s]);
}break;case"string":t=t.toLowerCase();var q=i.Methods;if(q[t]){this["set"+q[t]](r);}}return this;},get:function(q){q=q.toLowerCase();var p=i.Methods;if(p[q]){return this["get"+p[q]]();
}return null;},clone:function(){return new i(this.get("time"));},increment:function(p,r){p=p||"day";r=$pick(r,1);switch(p){case"year":return this.increment("month",r*12);
case"month":var q=this.get("date");this.set("date",1).set("mo",this.get("mo")+r);return this.set("date",q.min(this.get("lastdayofmonth")));case"week":return this.increment("day",r*7);
case"day":return this.set("date",this.get("date")+r);}if(!i.units[p]){throw new Error(p+" is not a supported interval");}return this.set("time",this.get("time")+r*i.units[p]());
},decrement:function(p,q){return this.increment(p,-1*$pick(q,1));},isLeapYear:function(){return i.isLeapYear(this.get("year"));},clearTime:function(){return this.set({hr:0,min:0,sec:0,ms:0});
},diff:function(q,p){if($type(q)=="string"){q=i.parse(q);}return((q-this)/i.units[p||"day"](3,3)).toInt();},getLastDayOfMonth:function(){return i.daysInMonth(this.get("mo"),this.get("year"));
},getDayOfYear:function(){return(i.UTC(this.get("year"),this.get("mo"),this.get("date")+1)-i.UTC(this.get("year"),0,1))/i.units.day();},getWeek:function(){return(this.get("dayofyear")/7).ceil();
},getOrdinal:function(p){return i.getMsg("ordinal",p||this.get("date"));},getTimezone:function(){return this.toString().replace(/^.*? ([A-Z]{3}).[0-9]{4}.*$/,"$1").replace(/^.*?\(([A-Z])[a-z]+ ([A-Z])[a-z]+ ([A-Z])[a-z]+\)$/,"$1$2$3");
},getGMTOffset:function(){var p=this.get("timezoneOffset");return((p>0)?"-":"+")+d((p.abs()/60).floor(),2)+d(p%60,2);},setAMPM:function(p){p=p.toUpperCase();
var q=this.get("hr");if(q>11&&p=="AM"){return this.decrement("hour",12);}else{if(q<12&&p=="PM"){return this.increment("hour",12);}}return this;},getAMPM:function(){return(this.get("hr")<12)?"AM":"PM";
},parse:function(p){this.set("time",i.parse(p));return this;},isValid:function(p){return !!(p||this).valueOf();},format:function(p){if(!this.isValid()){return"invalid date";
}p=p||"%x %X";p=k[p.toLowerCase()]||p;var q=this;return p.replace(/%([a-z%])/gi,function(s,r){switch(r){case"a":return i.getMsg("days")[q.get("day")].substr(0,3);
case"A":return i.getMsg("days")[q.get("day")];case"b":return i.getMsg("months")[q.get("month")].substr(0,3);case"B":return i.getMsg("months")[q.get("month")];
case"c":return q.toString();case"d":return d(q.get("date"),2);case"H":return d(q.get("hr"),2);case"I":return((q.get("hr")%12)||12);case"j":return d(q.get("dayofyear"),3);
case"m":return d((q.get("mo")+1),2);case"M":return d(q.get("min"),2);case"o":return q.get("ordinal");case"p":return i.getMsg(q.get("ampm"));case"S":return d(q.get("seconds"),2);
case"U":return d(q.get("week"),2);case"w":return q.get("day");case"x":return q.format(i.getMsg("shortDate"));case"X":return q.format(i.getMsg("shortTime"));
case"y":return q.get("year").toString().substr(2);case"Y":return q.get("year");case"T":return q.get("GMTOffset");case"Z":return q.get("Timezone");}return r;
});},toISOString:function(){return this.format("iso8601");}});i.alias("toISOString","toJSON");i.alias("diff","compare");i.alias("format","strftime");var k={db:"%Y-%m-%d %H:%M:%S",compact:"%Y%m%dT%H%M%S",iso8601:"%Y-%m-%dT%H:%M:%S%T",rfc822:"%a, %d %b %Y %H:%M:%S %Z","short":"%d %b %H:%M","long":"%B %d, %Y %H:%M"};
var g=[];var e=i.parse;var n=function(s,u,r){var q=-1;var t=i.getMsg(s+"s");switch($type(u)){case"object":q=t[u.get(s)];break;case"number":q=t[month-1];
if(!q){throw new Error("Invalid "+s+" index: "+index);}break;case"string":var p=t.filter(function(v){return this.test(v);},new RegExp("^"+u,"i"));if(!p.length){throw new Error("Invalid "+s+" string");
}if(p.length>1){throw new Error("Ambiguous "+s);}q=p[0];}return(r)?t.indexOf(q):q;};i.extend({getMsg:function(q,p){return MooTools.lang.get("Date",q,p);
},units:{ms:$lambda(1),second:$lambda(1000),minute:$lambda(60000),hour:$lambda(3600000),day:$lambda(86400000),week:$lambda(608400000),month:function(q,p){var r=new i;
return i.daysInMonth($pick(q,r.get("mo")),$pick(p,r.get("year")))*86400000;},year:function(p){p=p||new i().get("year");return i.isLeapYear(p)?31622400000:31536000000;
}},daysInMonth:function(q,p){return[31,i.isLeapYear(p)?29:28,31,30,31,30,31,31,30,31,30,31][q];},isLeapYear:function(p){return((p%4===0)&&(p%100!==0))||(p%400===0);
},parse:function(r){var q=$type(r);if(q=="number"){return new i(r);}if(q!="string"){return r;}r=r.clean();if(!r.length){return null;}var p;g.some(function(t){var s=t.re.exec(r);
return(s)?(p=t.handler(s)):false;});return p||new i(e(r));},parseDay:function(p,q){return n("day",p,q);},parseMonth:function(q,p){return n("month",q,p);
},parseUTC:function(q){var p=new i(q);var r=i.UTC(p.get("year"),p.get("mo"),p.get("date"),p.get("hr"),p.get("min"),p.get("sec"));return new i(r);},orderIndex:function(p){return i.getMsg("dateOrder").indexOf(p)+1;
},defineFormat:function(p,q){k[p]=q;},defineFormats:function(p){for(var q in p){i.defineFormat(q,p[q]);}},parsePatterns:g,defineParser:function(p){g.push((p.re&&p.handler)?p:l(p));
},defineParsers:function(){Array.flatten(arguments).each(i.defineParser);},define2DigitYearStart:function(p){h=p%100;m=p-h;}});var m=1900;var h=70;var j=function(p){return new RegExp("(?:"+i.getMsg(p).map(function(q){return q.substr(0,3);
}).join("|")+")[a-z]*");};var a=function(p){switch(p){case"x":return((i.orderIndex("month")==1)?"%m[.-/]%d":"%d[.-/]%m")+"([.-/]%y)?";case"X":return"%H([.:]%M)?([.:]%S([.:]%s)?)? ?%p? ?%T?";
}return null;};var o={d:/[0-2]?[0-9]|3[01]/,H:/[01]?[0-9]|2[0-3]/,I:/0?[1-9]|1[0-2]/,M:/[0-5]?\d/,s:/\d+/,o:/[a-z]*/,p:/[ap]\.?m\.?/,y:/\d{2}|\d{4}/,Y:/\d{4}/,T:/Z|[+-]\d{2}(?::?\d{2})?/};
o.m=o.I;o.S=o.M;var c;var b=function(p){c=p;o.a=o.A=j("days");o.b=o.B=j("months");g.each(function(r,q){if(r.format){g[q]=l(r.format);}});};var l=function(r){if(!c){return{format:r};
}var p=[];var q=(r.source||r).replace(/%([a-z])/gi,function(t,s){return a(s)||t;}).replace(/\((?!\?)/g,"(?:").replace(/ (?!\?|\*)/g,",? ").replace(/%([a-z%])/gi,function(t,s){var u=o[s];
if(!u){return s;}p.push(s);return"("+u.source+")";}).replace(/\[a-z\]/gi,"[a-z\\u00c0-\\uffff]");return{format:r,re:new RegExp("^"+q+"$","i"),handler:function(u){u=u.slice(1).associate(p);
var s=new i().clearTime();if("d" in u){f.call(s,"d",1);}if("m" in u){f.call(s,"m",1);}for(var t in u){f.call(s,t,u[t]);}return s;}};};var f=function(p,q){if(!q){return this;
}switch(p){case"a":case"A":return this.set("day",i.parseDay(q,true));case"b":case"B":return this.set("mo",i.parseMonth(q,true));case"d":return this.set("date",q);
case"H":case"I":return this.set("hr",q);case"m":return this.set("mo",q-1);case"M":return this.set("min",q);case"p":return this.set("ampm",q.replace(/\./g,""));
case"S":return this.set("sec",q);case"s":return this.set("ms",("0."+q)*1000);case"w":return this.set("day",q);case"Y":return this.set("year",q);case"y":q=+q;
if(q<100){q+=m+(q<h?100:0);}return this.set("year",q);case"T":if(q=="Z"){q="+00";}var r=q.match(/([+-])(\d{2}):?(\d{2})?/);r=(r[1]+"1")*(r[2]*60+(+r[3]||0))+this.getTimezoneOffset();
return this.set("time",this-r*60000);}return this;};i.defineParsers("%Y([-./]%m([-./]%d((T| )%X)?)?)?","%Y%m%d(T%H(%M%S?)?)?","%x( %X)?","%d%o( %b( %Y)?)?( %X)?","%b( %d%o)?( %Y)?( %X)?","%Y %b( %d%o( %X)?)?","%o %b %d %X %T %Y");
MooTools.lang.addEvent("langChange",function(p){if(MooTools.lang.get("Date")){b(p);}}).fireEvent("langChange",MooTools.lang.getCurrentLanguage());})();
Date.implement({timeDiffInWords:function(a){return Date.distanceOfTimeInWords(this,a||new Date);},timeDiff:function(g,b){if(g==null){g=new Date;}var f=((g-this)/1000).toInt();
if(!f){return"0s";}var a={s:60,m:60,h:24,d:365,y:0};var e,d=[];for(var c in a){if(!f){break;}if((e=a[c])){d.unshift((f%e)+c);f=(f/e).toInt();}else{d.unshift(f+c);
}}return d.join(b||":");}});Date.alias("timeDiffInWords","timeAgoInWords");Date.extend({distanceOfTimeInWords:function(b,a){return Date.getTimePhrase(((a-b)/1000).toInt());
},getTimePhrase:function(f){var d=(f<0)?"Until":"Ago";if(f<0){f*=-1;}var b={minute:60,hour:60,day:24,week:7,month:52/12,year:12,eon:Infinity};var e="lessThanMinute";
for(var c in b){var a=b[c];if(f<1.5*a){if(f>0.75*a){e=c;}break;}f/=a;e=c+"s";}return Date.getMsg(e+d).substitute({delta:f.round()});}});Date.defineParsers({re:/^(?:tod|tom|yes)/i,handler:function(a){var b=new Date().clearTime();
switch(a[0]){case"tom":return b.increment();case"yes":return b.decrement();default:return b;}}},{re:/^(next|last) ([a-z]+)$/i,handler:function(e){var f=new Date().clearTime();
var b=f.getDay();var c=Date.parseDay(e[2],true);var a=c-b;if(c<=b){a+=7;}if(e[1]=="last"){a-=7;}return f.set("date",f.getDate()+a);}});Element.implement({measure:function(e){var g=function(h){return !!(!h||h.offsetHeight||h.offsetWidth);
};if(g(this)){return e.apply(this);}var d=this.getParent(),f=[],b=[];while(!g(d)&&d!=document.body){b.push(d.expose());d=d.getParent();}var c=this.expose();
var a=e.apply(this);c();b.each(function(h){h();});return a;},expose:function(){if(this.getStyle("display")!="none"){return $empty;}var a=this.style.cssText;
this.setStyles({display:"block",position:"absolute",visibility:"hidden"});return function(){this.style.cssText=a;}.bind(this);},getDimensions:function(a){a=$merge({computeSize:false},a);
var f={};var d=function(g,e){return(e.computeSize)?g.getComputedSize(e):g.getSize();};var b=this.getParent("body");if(b&&this.getStyle("display")=="none"){f=this.measure(function(){return d(this,a);
});}else{if(b){try{f=d(this,a);}catch(c){}}else{f={x:0,y:0};}}return $chk(f.x)?$extend(f,{width:f.x,height:f.y}):$extend(f,{x:f.width,y:f.height});},getComputedSize:function(a){a=$merge({styles:["padding","border"],plains:{height:["top","bottom"],width:["left","right"]},mode:"both"},a);
var c={width:0,height:0};switch(a.mode){case"vertical":delete c.width;delete a.plains.width;break;case"horizontal":delete c.height;delete a.plains.height;
break;}var b=[];$each(a.plains,function(g,f){g.each(function(h){a.styles.each(function(i){b.push((i=="border")?i+"-"+h+"-width":i+"-"+h);});});});var e={};
b.each(function(f){e[f]=this.getComputedStyle(f);},this);var d=[];$each(a.plains,function(g,f){var h=f.capitalize();c["total"+h]=c["computed"+h]=0;g.each(function(i){c["computed"+i.capitalize()]=0;
b.each(function(k,j){if(k.test(i)){e[k]=e[k].toInt()||0;c["total"+h]=c["total"+h]+e[k];c["computed"+i.capitalize()]=c["computed"+i.capitalize()]+e[k];}if(k.test(i)&&f!=k&&(k.test("border")||k.test("padding"))&&!d.contains(k)){d.push(k);
c["computed"+h]=c["computed"+h]-e[k];}});});});["Width","Height"].each(function(g){var f=g.toLowerCase();if(!$chk(c[f])){return;}c[f]=c[f]+this["offset"+g]+c["computed"+g];
c["total"+g]=c[f]+c["total"+g];delete c["computed"+g];},this);return $extend(e,c);}});Element.implement({isDisplayed:function(){return this.getStyle("display")!="none";
},isVisible:function(){var a=this.offsetWidth,b=this.offsetHeight;return(a==0&&b==0)?false:(a>0&&b>0)?true:this.isDisplayed();},toggle:function(){return this[this.isDisplayed()?"hide":"show"]();
},hide:function(){var b;try{if((b=this.getStyle("display"))=="none"){b=null;}}catch(a){}return this.store("originalDisplay",b||"block").setStyle("display","none");
},show:function(a){return this.setStyle("display",a||this.retrieve("originalDisplay")||"block");},swapClass:function(a,b){return this.removeClass(a).addClass(b);
}});Fx.Reveal=new Class({Extends:Fx.Morph,options:{link:"cancel",styles:["padding","border","margin"],transitionOpacity:!Browser.Engine.trident4,mode:"vertical",display:"block",hideInputs:Browser.Engine.trident?"select, input, textarea, object, embed":false},dissolve:function(){try{if(!this.hiding&&!this.showing){if(this.element.getStyle("display")!="none"){this.hiding=true;
this.showing=false;this.hidden=true;this.cssText=this.element.style.cssText;var d=this.element.getComputedSize({styles:this.options.styles,mode:this.options.mode});
this.element.setStyle("display","block");if(this.options.transitionOpacity){d.opacity=1;}var b={};$each(d,function(f,e){b[e]=[f,0];},this);this.element.setStyle("overflow","hidden");
var a=this.options.hideInputs?this.element.getElements(this.options.hideInputs):null;this.$chain.unshift(function(){if(this.hidden){this.hiding=false;$each(d,function(f,e){d[e]=f;
},this);this.element.style.cssText=this.cssText;this.element.setStyle("display","none");if(a){a.setStyle("visibility","visible");}}this.fireEvent("hide",this.element);
this.callChain();}.bind(this));if(a){a.setStyle("visibility","hidden");}this.start(b);}else{this.callChain.delay(10,this);this.fireEvent("complete",this.element);
this.fireEvent("hide",this.element);}}else{if(this.options.link=="chain"){this.chain(this.dissolve.bind(this));}else{if(this.options.link=="cancel"&&!this.hiding){this.cancel();
this.dissolve();}}}}catch(c){this.hiding=false;this.element.setStyle("display","none");this.callChain.delay(10,this);this.fireEvent("complete",this.element);
this.fireEvent("hide",this.element);}return this;},reveal:function(){try{if(!this.showing&&!this.hiding){if(this.element.getStyle("display")=="none"||this.element.getStyle("visiblity")=="hidden"||this.element.getStyle("opacity")==0){this.showing=true;
this.hiding=this.hidden=false;var d;this.cssText=this.element.style.cssText;this.element.measure(function(){d=this.element.getComputedSize({styles:this.options.styles,mode:this.options.mode});
}.bind(this));$each(d,function(f,e){d[e]=f;});if($chk(this.options.heightOverride)){d.height=this.options.heightOverride.toInt();}if($chk(this.options.widthOverride)){d.width=this.options.widthOverride.toInt();
}if(this.options.transitionOpacity){this.element.setStyle("opacity",0);d.opacity=1;}var b={height:0,display:this.options.display};$each(d,function(f,e){b[e]=0;
});this.element.setStyles($merge(b,{overflow:"hidden"}));var a=this.options.hideInputs?this.element.getElements(this.options.hideInputs):null;if(a){a.setStyle("visibility","hidden");
}this.start(d);this.$chain.unshift(function(){this.element.style.cssText=this.cssText;this.element.setStyle("display",this.options.display);if(!this.hidden){this.showing=false;
}if(a){a.setStyle("visibility","visible");}this.callChain();this.fireEvent("show",this.element);}.bind(this));}else{this.callChain();this.fireEvent("complete",this.element);
this.fireEvent("show",this.element);}}else{if(this.options.link=="chain"){this.chain(this.reveal.bind(this));}else{if(this.options.link=="cancel"&&!this.showing){this.cancel();
this.reveal();}}}}catch(c){this.element.setStyles({display:this.options.display,visiblity:"visible",opacity:1});this.showing=false;this.callChain.delay(10,this);
this.fireEvent("complete",this.element);this.fireEvent("show",this.element);}return this;},toggle:function(){if(this.element.getStyle("display")=="none"||this.element.getStyle("visiblity")=="hidden"||this.element.getStyle("opacity")==0){this.reveal();
}else{this.dissolve();}return this;},cancel:function(){this.parent.apply(this,arguments);this.element.style.cssText=this.cssText;this.hidding=false;this.showing=false;
}});Element.Properties.reveal={set:function(a){var b=this.retrieve("reveal");if(b){b.cancel();}return this.eliminate("reveal").store("reveal:options",a);
},get:function(a){if(a||!this.retrieve("reveal")){if(a||!this.retrieve("reveal:options")){this.set("reveal",a);}this.store("reveal",new Fx.Reveal(this,this.retrieve("reveal:options")));
}return this.retrieve("reveal");}};Element.Properties.dissolve=Element.Properties.reveal;Element.implement({reveal:function(a){this.get("reveal",a).reveal();
return this;},dissolve:function(a){this.get("reveal",a).dissolve();return this;},nix:function(){var a=Array.link(arguments,{destroy:Boolean.type,options:Object.type});
this.get("reveal",a.options).dissolve().chain(function(){this[a.destroy?"destroy":"dispose"]();}.bind(this));return this;},wink:function(){var b=Array.link(arguments,{duration:Number.type,options:Object.type});
var a=this.get("reveal",b.options);a.reveal().chain(function(){(function(){a.dissolve();}).delay(b.duration||2000);});}});MooTools.lang.set("en-US","Date",{months:["January","February","March","April","May","June","July","August","September","October","November","December"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dateOrder:["month","date","year"],shortDate:"%m/%d/%Y",shortTime:"%I:%M%p",AM:"AM",PM:"PM",ordinal:function(a){return(a>3&&a<21)?"th":["th","st","nd","rd","th"][Math.min(a%10,4)];
},lessThanMinuteAgo:"less than a minute ago",minuteAgo:"about a minute ago",minutesAgo:"{delta} minutes ago",hourAgo:"about an hour ago",hoursAgo:"about {delta} hours ago",dayAgo:"1 day ago",daysAgo:"{delta} days ago",weekAgo:"1 week ago",weeksAgo:"{delta} weeks ago",monthAgo:"1 month ago",monthsAgo:"{delta} months ago",yearAgo:"1 year ago",yearsAgo:"{delta} years ago",lessThanMinuteUntil:"less than a minute from now",minuteUntil:"about a minute from now",minutesUntil:"{delta} minutes from now",hourUntil:"about an hour from now",hoursUntil:"about {delta} hours from now",dayUntil:"1 day from now",daysUntil:"{delta} days from now",weekUntil:"1 week from now",weeksUntil:"{delta} weeks from now",monthUntil:"1 month from now",monthsUntil:"{delta} months from now",yearUntil:"1 year from now",yearsUntil:"{delta} years from now"});

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,76 +0,0 @@
window.addEvent('domready', function() {
codeblocks = $$('div.highlight');
codeblocks.each(addExpander);
});
window.addEvents({
domready: function(){
if(twitter_user){
new Request.Twitter(twitter_user, {
include_replies: false,
data: { count: 3 },
onSuccess: function(tweets){
$('tweets').empty();
for (var i = tweets.length; i--; ){
new Element('li', {
'class': 'tweet'
}).adopt(
new Element('p', { 'html': tweets[i].text+' ' }).adopt(
new Element('a', {
'href': 'http://twitter.com/'+twitter_user+'/status/'+tweets[i].id_str,
'text': new Date(tweets[i].created_at).timeDiffInWords()
}))
).inject('tweets', 'top');
}
}
}).send();
}
$$('#recent_posts time').each(function(date){
date.set('text', new Date(date.get('text')).timeDiffInWords());
});
},
});
function addExpander(div){
new Element('span',{
html: 'expand &raquo;',
'class': 'pre_expander',
'events': {
'click': function(){
toggleExpander(this);
}
}
}).inject(div, 'top');
}
function toggleExpander(expander){
var html = '';
var expanderPos = expander.getPosition().y;
if($('page').toggleClass('expanded').hasClass('expanded'))
html = '&laquo; contract';
else
html = 'expand &raquo;';
$$('div.highlight span.pre_expander').each(function(span){
span.set('html',html);
});
fixScroll(expander, expanderPos);
}
function fixScroll(el, position){
pos = el.getPosition().y - position;
window.scrollTo(window.getScroll().x ,window.getScroll().y + pos);
}
function enableCompressedLayout(codeblocks){
if(!codeblocks.length) return;
new Element('span',{
html: 'Collapse layout',
'id': 'collapser',
'events': {
'click': function(){
if($('page').toggleClass('collapsed').hasClass('collapsed'))
this.set('html','Expand layout');
else
this.set('html','Collapse layout');
}
}
}).inject($('main'), 'top');
}

View File

@ -26,7 +26,7 @@ function Pinboard_Linkroll() {
var str = this.format_item(item); var str = this.format_item(item);
lines.push(str); lines.push(str);
} }
$(linkroll).set('html', lines.join("\n")); document.getElementById(linkroll).innerHTML = lines.join("\n");
} }
this.cook = function(v) { this.cook = function(v) {
return v.replace('<', '&lt;').replace('>', '&gt>'); return v.replace('<', '&lt;').replace('>', '&gt>');

View File

@ -1,52 +1,70 @@
Request.Twitter = new Class({ /* http://www.JSON.org/json2.js 2009-09-29 Public Domain. NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK. See http://www.JSON.org/js.html */
if(!this.JSON){this.JSON={}}(function(){function l(c){return c<10?'0'+c:c}if(typeof Date.prototype.toJSON!=='function'){Date.prototype.toJSON=function(c){return isFinite(this.valueOf())?this.getUTCFullYear()+'-'+l(this.getUTCMonth()+1)+'-'+l(this.getUTCDate())+'T'+l(this.getUTCHours())+':'+l(this.getUTCMinutes())+':'+l(this.getUTCSeconds())+'Z':null};String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(c){return this.valueOf()}}var o=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,p=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,h,m,r={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'},j;function q(a){p.lastIndex=0;return p.test(a)?'"'+a.replace(p,function(c){var f=r[c];return typeof f==='string'?f:'\\u'+('0000'+c.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+a+'"'}function n(c,f){var a,e,d,i,k=h,g,b=f[c];if(b&&typeof b==='object'&&typeof b.toJSON==='function'){b=b.toJSON(c)}if(typeof j==='function'){b=j.call(f,c,b)}switch(typeof b){case'string':return q(b);case'number':return isFinite(b)?String(b):'null';case'boolean':case'null':return String(b);case'object':if(!b){return'null'}h+=m;g=[];if(Object.prototype.toString.apply(b)==='[object Array]'){i=b.length;for(a=0;a<i;a+=1){g[a]=n(a,b)||'null'}d=g.length===0?'[]':h?'[\n'+h+g.join(',\n'+h)+'\n'+k+']':'['+g.join(',')+']';h=k;return d}if(j&&typeof j==='object'){i=j.length;for(a=0;a<i;a+=1){e=j[a];if(typeof e==='string'){d=n(e,b);if(d){g.push(q(e)+(h?': ':':')+d)}}}}else{for(e in b){if(Object.hasOwnProperty.call(b,e)){d=n(e,b);if(d){g.push(q(e)+(h?': ':':')+d)}}}}d=g.length===0?'{}':h?'{\n'+h+g.join(',\n'+h)+'\n'+k+'}':'{'+g.join(',')+'}';h=k;return d}}if(typeof JSON.stringify!=='function'){JSON.stringify=function(c,f,a){var e;h='';m='';if(typeof a==='number'){for(e=0;e<a;e+=1){m+=' '}}else if(typeof a==='string'){m=a}j=f;if(f&&typeof f!=='function'&&(typeof f!=='object'||typeof f.length!=='number')){throw new Error('JSON.stringify');}return n('',{'':c})}}if(typeof JSON.parse!=='function'){JSON.parse=function(i,k){var g;function b(c,f){var a,e,d=c[f];if(d&&typeof d==='object'){for(a in d){if(Object.hasOwnProperty.call(d,a)){e=b(d,a);if(e!==undefined){d[a]=e}else{delete d[a]}}}}return k.call(c,f,d)}o.lastIndex=0;if(o.test(i)){i=i.replace(o,function(c){return'\\u'+('0000'+c.charCodeAt(0).toString(16)).slice(-4)})}if(/^[\],:{}\s]*$/.test(i.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,''))){g=eval('('+i+')');return typeof k==='function'?b({'':g},''):g}throw new SyntaxError('JSON.parse');}}}());
Extends: Request.JSONP, // jXHR.js (JSON-P XHR) | v0.1 (c) Kyle Simpson | MIT License
(function(c){var b=c.setTimeout,d=c.document,a=0;c.jXHR=function(){var e,g,n,h,m=null;function l(){try{h.parentNode.removeChild(h)}catch(o){}}function k(){g=false;e="";l();h=null;i(0)}function f(p){try{m.onerror.call(m,p,e)}catch(o){throw new Error(p)}}function j(){if((this.readyState&&this.readyState!=="complete"&&this.readyState!=="loaded")||g){return}this.onload=this.onreadystatechange=null;g=true;if(m.readyState!==4){f("Script failed to load ["+e+"].")}l()}function i(o,p){p=p||[];m.readyState=o;if(typeof m.onreadystatechange==="function"){m.onreadystatechange.apply(m,p)}}m={onerror:null,onreadystatechange:null,readyState:0,open:function(p,o){k();internal_callback="cb"+(a++);(function(q){c.jXHR[q]=function(){try{i.call(m,4,arguments)}catch(r){m.readyState=-1;f("Script failed to run ["+e+"].")}c.jXHR[q]=null}})(internal_callback);e=o.replace(/=\?/,"=jXHR."+internal_callback);i(1)},send:function(){b(function(){h=d.createElement("script");h.setAttribute("type","text/javascript");h.onload=h.onreadystatechange=function(){j.call(h)};h.setAttribute("src",e);d.getElementsByTagName("head")[0].appendChild(h)},0);i(2)},setRequestHeader:function(){},getResponseHeader:function(){return""},getAllResponseHeaders:function(){return[]}};k();return m}})(window);
options: { function getTwitterFeed(success, user, count, replies) {
linkify: true, feed = new jXHR();
url: 'http://twitter.com/statuses/user_timeline/{term}.json', feed.onerror = function (msg,url) { alert(msg); }
include_replies: true, feed.onreadystatechange = function(data){
data: { if (feed.readyState === 4) {
count: 5, var tweets = new Array();
trim_user: true for (i in data){
if(tweets.length < count){
if(replies || data[i].in_reply_to_user_id == null){
tweets.push(data[i]);
} }
},
initialize: function(term, options){
this.parent(options);
if(this.options.include_replies == false){
this.options.count = this.options.data.count
this.options.data.count += 30; // adds 30 tweets to request for filtering
} }
this.options.url = this.options.url.substitute({term: term});
console.log(this.options.url);
},
success: function(args, index){
if(!this.options.include_replies){
args[0] = args[0].filter(function(item, index, array){
return item.in_reply_to_screen_name == null;
});
if(args[0].length > this.options.count){ args[0].length = this.options.count; }
} }
var data = args[0]; success(tweets);
}
};
feed.open("GET","http://twitter.com/statuses/user_timeline/"+user+".json?trim_user=true&count="+parseInt(count)+25+"&callback=?");
feed.send();
}
if (this.options.linkify) data.each(function(tweet){ getTwitterFeed(showTwitterFeed, twitter_user, tweet_count, show_replies);
tweet.text = this.linkify(tweet.text);
}, this);
if (data[0]) this.options.data.since_id = data[0].id; // keep subsequent calls newer function showTwitterFeed(tweets){
var timeline = document.getElementById('tweets');
this.parent(args, index); timeline.innerHTML='';
}, for (t in tweets){
timeline.innerHTML+='<li>'+'<p>'+linkifyTweet(tweets[t].text)+'<a href="http://twitter.com/'+twitter_user+'/status/'+tweets[t].id_str+'">'+prettyDate(tweets[t].created_at)+'</a></p>'+'</li>';
linkify: function(text){ }
// modified from TwitterGitter by David Walsh (davidwalsh.name) }
// courtesy of Jeremy Parrish (rrish.org) function linkifyTweet(text){
return text.replace(/(https?:\/\/[\w\-:;?&=+.%#\/]+)/gi, '<a href="$1">$1</a>') return text.replace(/(https?:\/\/[\w\-:;?&=+.%#\/]+)/gi, '<a href="$1">$1</a>')
.replace(/(^|\W)@(\w+)/g, '$1<a href="http://twitter.com/$2">@$2</a>') .replace(/(^|\W)@(\w+)/g, '$1<a href="http://twitter.com/$2">@$2</a>')
.replace(/(^|\W)#(\w+)/g, '$1#<a href="http://search.twitter.com/search?q=%23$2">$2</a>'); .replace(/(^|\W)#(\w+)/g, '$1#<a href="http://search.twitter.com/search?q=%23$2">$2</a>');
}
function prettyDate(date_str){
var time_formats = [
[60, 'just now', 1], // 60
[120, '1 min', '1 minute from now'], // 60*2
[3600, 'mins', 60], // 60*60, 60
[7200, '1 hour', '1 hour from now'], // 60*60*2
[86400, 'hours', 3600], // 60*60*24, 60*60
[172800, '1 day', 'tomorrow'], // 60*60*24*2
[2903040000, 'days', 86400], // 60*60*24*7, 60*60*24
];
var time = ('' + date_str).replace(/-/g,"/").replace(/[TZ]/g," ").replace(/^\s\s*/, '').replace(/\s\s*$/, '');
if(time.substr(time.length-4,1)==".") time =time.substr(0,time.length-4);
var seconds = (new Date - new Date(time)) / 1000;
var token = 'ago', list_choice = 1;
if (seconds < 0) {
seconds = Math.abs(seconds);
token = 'from now';
list_choice = 2;
} }
var i = 0, format;
}); while (format = time_formats[i++])
if (seconds < format[0]) {
if (typeof format[2] == 'string')
return format[list_choice];
else
return Math.floor(seconds / format[2]) + ' ' + format[1];
}
return time;
};

View File

@ -1,35 +1,35 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url> <url>
<loc>http://recursive-design.com/about.haml</loc> <loc>http://yoursite.com/about.haml</loc>
<lastmod>2009-11-24</lastmod> <lastmod>2011-05-14</lastmod>
</url> </url>
<url> <url>
<loc>http://recursive-design.com/atom.xml</loc> <loc>http://yoursite.com/atom.xml</loc>
<lastmod>2011-03-13</lastmod> <lastmod>2011-05-12</lastmod>
</url> </url>
<url> <url>
<loc>http://recursive-design.com/</loc> <loc>http://yoursite.com/</loc>
<lastmod>2011-04-08</lastmod> <lastmod>2011-05-12</lastmod>
</url> </url>
<url> <url>
<loc>http://recursive-design.com/test/syntax.html</loc> <loc>http://yoursite.com/test/syntax.html</loc>
<lastmod>2010-04-10</lastmod> <lastmod>2010-04-10</lastmod>
</url> </url>
<url> <url>
<loc>http://recursive-design.com/test/typography.haml</loc> <loc>http://yoursite.com/test/typography.haml</loc>
<lastmod>2009-11-24</lastmod> <lastmod>2011-05-14</lastmod>
</url> </url>
<url> <url>
<loc>http://recursive-design.com/2011/04/07/test-of-typography</loc> <loc>http://yoursite.com/2011/04/07/test-of-typography</loc>
<lastmod>2011-04-07</lastmod> <lastmod>2011-04-07</lastmod>
</url> </url>
<url> <url>
<loc>http://recursive-design.com/2011/03/14/test-post</loc> <loc>http://yoursite.com/2011/03/14/test-post</loc>
<lastmod>2011-03-14</lastmod> <lastmod>2011-03-14</lastmod>
</url> </url>
<url> <url>
<loc>http://recursive-design.com/2009/11/13/hello-world</loc> <loc>http://yoursite.com/2009/11/13/hello-world</loc>
<lastmod>2009-11-13</lastmod> <lastmod>2009-11-13</lastmod>
</url> </url>
</urlset> </urlset>

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,5 @@
@import "compass"; @import "compass";
@import "compass/layout";
@include global-reset; @include global-reset;

View File

@ -1,8 +1,8 @@
@import "partials/shared"; //@import "partials/shared";
@import "partials/syntax"; //@import "partials/syntax";
@import "partials/search"; //@import "partials/search";
@import "partials/sidebar"; //@import "partials/sidebar";
@import "partials/twitter"; //@import "partials/twitter";
/* layout partials */ /* layout partials */
@import "partials/header"; @import "partials/header";

View File

@ -1,4 +1,4 @@
@import "core/layout";
@import "core/theme"; @import "core/theme";
@import "core/layout";
@import "core/typography"; @import "core/typography";
//@import "partials"; @import "partials";

View File

@ -0,0 +1,94 @@
a {
color: $link_color;
&:hover, &:focus {
color: saturate(darken($link_color, 15), 20); }
&:visited {
color: darken(adjust_hue($link_color, 70), 10);
}
}
$min-width: 320px;
$max-width: 1440px;
$default-border-radius: 4px;
.group { @include pie-clearfix; }
.core-layout { > div { @extend .inner-wrap; } }
body {
> header, > nav, > footer {
@extend .core-layout;
min-width: $min-width;
}
}
@mixin media-layout($page-pad, $sidebar-width, $sidebar-pad) {
$side-nav: $sidebar-width - $page-pad - $sidebar-pad;
.inner-wrap {
padding: 0 $page-pad;
position: relative;
margin: 0 auto;
max-width: $max-width;
@extend .group;
}
body > nav + div {
@extend .group;
padding: 0;
max-width: $max-width + $page-pad*2;
margin: 0 auto;
> div {
@extend .group;
margin-right: $sidebar-width;
}
}
body > nav > div > div { width: $side-nav;
.search { width: $side-nav - 70px; }
}
#articles {
float: left;
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
> * {
padding-right: $page-pad;
padding-left: $page-pad;
}
> article {
margin-bottom: 1.5em;
padding-bottom: 1.5em;
padding-right: $page-pad;
padding-left: $page-pad;
}
+ aside {
display: block;
float: left;
width: $sidebar-width - $sidebar-pad*2;
margin: 0 -100% 0 0;
padding: $sidebar-pad;
}
}
}
@media only screen and (min-width: 320px) {
@import "../media/480";
}
@media only screen and (min-width: 768px) {
@include media-layout(15px, 240px, 15px);
@import "../media/768";
}
@media only screen and (min-width: 992px) {
@include media-layout(40px, 320px, 30px);
@import "../media/992";
}
//*{
//transition: width .5s;
//-moz-transition: width .5s;
//-webkit-transition: margin .5s;
//}

View File

@ -7,6 +7,7 @@ $blockquote: $type-border !default; //darken($type-border, 20) !default;
// Fonts // Fonts
@include font-face("Adelle", font-files("adellebasic_bold-webfont.woff", woff, "adellebasic_bold-webfont.ttf", truetype, "adellebasic_bold-webfont.svg#webfontKykxqSyz", svg), $eot: "adellebasic_bold-webfont.eot" ); @include font-face("Adelle", font-files("adellebasic_bold-webfont.woff", woff, "adellebasic_bold-webfont.ttf", truetype, "adellebasic_bold-webfont.svg#webfontKykxqSyz", svg), $eot: "adellebasic_bold-webfont.eot" );
.heading-font { font-family: Adelle, "Helvetica Neue", Helvetica, Arial, sans; } .heading-font { font-family: Adelle, "Helvetica Neue", Helvetica, Arial, sans; }
.sans-font { font-family: "Helvetica Neue", Helvetica, Arial, sans; }
body > header h1 { body > header h1 {
font-size: 3em; font-size: 3em;
@ -24,17 +25,17 @@ body {
} }
article { article {
margin-bottom: 1.5em;
padding-bottom: 1.5em;
padding-top: 1em;
+ article { border-top: 3px solid $type-color-light; }
&:last-child { border-bottom: none; } &:last-child { border-bottom: none; }
h2 { h2 {
padding-top: 0.8em; padding-top: 0.8em;
border-top: 3px double $type-border; border-top: 3px double $type-border;
} }
.author, time { text-transform: uppercase; } .byline + time:before, .byline + time +time:before {
.updated { font-size: .8em; color: $type-color-light; } content: "\2022 ";
padding: 0 .3em 0 .2em;
display: inline-block;
@include opacity(.5);
}
time span { time span {
font-size: .7em; font-size: .7em;
line-height: 0; line-height: 0;
@ -47,13 +48,7 @@ article {
font-size: .8em; font-size: .8em;
color: $type-color-light; color: $type-color-light;
font-family: Palatino, Times, "Times New Roman"; font-family: Palatino, Times, "Times New Roman";
//margin-top: -1.2em; margin-top: -1.4em;
//border: {
top-width: 1px;
//bottom-width: 1px;
//style: dashed;
//color: $type-border;
//}
} }
} }
} }

View File

@ -0,0 +1,16 @@
body {
> header, > nav, > footer {
> div {
padding-left: .5em;
padding-right: .5em;
}
}
> header { font-size: .7em; padding: .5em 0; }
}
#articles { font-size: .9em; line-height: 1.5em;
> article { padding: .5em; }
+ aside { display: none; }
}
body > nav > div > div { width: 180px;
.search { width: 110px; }
}

View File

@ -0,0 +1,16 @@
body > header, body #articles {
font-size: .95em;
}
//body {
//> header, > nav, > footer {
//> div { padding: 0 15px; }
//}
//}
//#page > div {
//margin-right: 0;
//#main { float: none; }
//> aside { margin: 0; float: none; }
//}
//page > div > aside { float: none; }
//#main > * { padding-left: 15px; padding-right: 15px; }

View File

@ -0,0 +1,3 @@
body > header, body #articles {
font-size: 1.05em;
}

View File

@ -1,7 +1,4 @@
article { article {
h2 {
padding-top: 0;
margin-bottom: 0.1em; }
.title { .title {
text-decoration: none; text-decoration: none;
&:hover { &:hover {

View File

@ -1,11 +1,13 @@
body > header { body > header {
background-color: $header_bg; background-color: $header_bg;
border-bottom: 1px solid $header_border; border-bottom: 1px solid $header_border;
padding: 25px 0;
h1 { h1 {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
a, a:visited { a, a:visited {
font-weight: normal; font-weight: normal;
color: $title_color; color: $title_color;
text-decoration: none; } } } text-decoration: none;
}
}
}

View File

@ -0,0 +1,67 @@
body > nav {
> div > div {
float: right;
position: relative;
padding: .45em 0 0 0;
a {
float: right;
@include replace-text-with-dimensions('rss.png');
}
form {
margin: 0; padding: 0;
@include background-clip(padding-box);
input[type='text']{
margin: 0;
@include border-radius(1em);
float: left;
border: 1px solid #ccc;
color: #888;
background: image-url('search.png') no-repeat .5em .4em #f6f6f6;
padding: .4em .8em .1em 1.8em;
line-height: 1.35em;
font-size: .85em;
&:focus {
color: #444;
border-color: #80b1df;
@include box-shadow(#80b1df 0 0 4px, #80b1df 0 0 3px inset);
background-color: #fff;
outline: none;
}
}
}
}
@extend .group;
position: relative;
z-index: 1;
background-color: $nav-bg;
@include background-image(linear-gradient(#fcfcfc, #f4f4f4 0.3, #dddddd));
border: {
top: 1px solid $nav-border-top;
bottom: 1px solid $nav-border-bottom; };
ul {
position: relative;
@include horizontal-list;
margin: 0 auto;
padding: .5em 0;
}
ul li {
padding: 0 1em;
margin: 0;
border-left: 1px solid $nav-border-left;
border-right: 1px solid $nav-border-right;
&:first-child {
border-left: none;
padding-left: 0; }
&:last-child {
border-right: 0; }
a {
display: inline-block;
color: $nav-color;
line-height: 150%;
text-decoration: none;
&:hover {
color: $nav-color-hover;
}
}
}
}

View File

@ -2,7 +2,7 @@ body {
background-color: $sidebar_bg; background-color: $sidebar_bg;
} }
#page > div { body > div > div {
background-color: $main_bg; border-right: 1px solid $sidebar_border; background-color: $main_bg; border-right: 1px solid $sidebar_border;
@include box-shadow(rgba(#000, .1) 0 0 18px); //@include box-shadow(rgba(#000, .1) 0 0 18px);
} }

View File

@ -0,0 +1,20 @@
#articles + aside {
section {
@extend .sans-font;
font-size: .8em;
line-height: 1.5em;
margin-bottom: 1.5em;
}
ul {
margin-bottom: 0.5em;
}
li {
list-style: none;
padding: .5em 0;
margin: 0;
border-bottom: 1px solid #ddd;
p:last-child {
margin-bottom: 0;
}
}
}

View File

@ -1,18 +1,21 @@
<header> <header>
<h1><a href="{{ page.url }}">{{ page.title }}</a></h1>
<p> <p>
<time>{{ page.date | ordinalize }}</time>
{% if site.author or site.author == page.author %} {% if site.author or site.author == page.author %}
<span class="byline"><em>by</em> <span class="author">{{ site.author }}</span></span> <span class="byline author vcard">By <span class="fn">{{ site.author }}</span></span>
{% elsif page.author %} {% elsif page.author %}
<span class="byline"><em>by</em> <span class="author">{{ page.author }}</span></span> <span class="byline author vcard">By <span class="fn">{{ page.author }}</span></span>
{% endif %}
{% if page.date %}
<time datetime="{{ page.date | datetime }}" pubdate>{{ page.date | ordinalize }}</time>
{% endif %}
{% if page.updated %}
<time class="updated" datetime="{{ page.updated | datetime }}" pubdate>Updated {{ page.updated | ordinalize }}</time>
{% endif %} {% endif %}
</p> </p>
<h1><a href="{{ page.url }}">{{ page.title }}</a></h1>
</header> </header>
{% if index %} {% if index %}
<div class="entry">{{ content | exerpt(content, page.url, 'Continue reading &raquo;') | smart_quotes }}</div> <div class="entry">{{ content | exerpt(content, page.url, 'Continue reading &raquo;') | smart_quotes }}</div>
{% else %} {% else %}
<div class="entry">{{ content | smart_quotes }}</div> <div class="entry">{{ content | smart_quotes }}</div>
{% endif %} {% endif %}
{% if page.updated %}<p class="updated"><em>updated</em> <time>{{ page.updated | ordinalize }}</time></p>{% endif %}

View File

@ -1,3 +1,3 @@
<h4>On Delicious</h4> <h1>On Delicious</h1>
<script type="text/javascript" src="http://feeds.delicious.com/v2/js/{{ site.delicious_user }}?title=&count={{ site.delicious_count }}&sort=date&extended"></script> <script type="text/javascript" src="http://feeds.delicious.com/v2/js/{{ site.delicious_user }}?title=&count={{ site.delicious_count }}&sort=date&extended"></script>
<p><a href="http://delicious.com/{{ site.delicious_user }}">My Delicious Bookmarks &raquo;</a></p> <p><a href="http://delicious.com/{{ site.delicious_user }}">My Delicious Bookmarks &raquo;</a></p>

View File

@ -1,26 +1,25 @@
<head> <head>
<meta charset="utf-8">
<title>{{page.title}} - {{site.title}}</title> <title>{{page.title}} - {{site.title}}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="author" content="{{site.author}}">
{% if page.description %} {% if page.description %}
<meta name="description" content="{{page.description}}"/> <meta name="description" content="{{page.description}}"/>
{% endif %} {% endif %}
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1">
{% if page.keywords %} {% if page.keywords %}
<meta name="keywords" content="{{page.keywords}}"/> <meta name="keywords" content="{{page.keywords}}"/>
{% endif %} {% endif %}
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"> <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/javascripts/mootools-yui-compressed.js" type="text/javascript"></script> <!--<script src="/javascripts/octopress.js" type="text/javascript"></script>-->
<script src="/javascripts/mootools-more-1.3.1.1.js" type="text/javascript"></script> <script src="javascripts/libs/modernizr-1.7.min.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script> <script src="javascripts/libs/ios-viewport-scaling-bug-fix.js"></script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<meta name="viewport" content="initial-scale=1.0 width=device-width">
{% if site.twitter_user %}
<script>
var twitter_user = "{{site.twitter_user}}";
var show_replies = {{site.show_replies}};
var tweet_count = {{site.tweet_count}};
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
{% endif %}
{% if site.google_analytics_tracking_id %} {% if site.google_analytics_tracking_id %}
{% include google_analytics.html %} {% include google_analytics.html %}
{% endif %} {% endif %}

View File

@ -1,10 +1 @@
<h1><a href="/">{{ site.title }}</a></h1> <h1><a href="/">{{ site.title }}</a></h1>
{% if site.google_custom_search_id && site.google_custom_search_id %}
<div id="search">
<form action="http://www.google.com/cse" id="cse-search-box">
<input type="hidden" name="cx" value="{{ site.google_custom_search_id }}">
<input type="hidden" name="ie" value="UTF-8">
<input#q type="text" name="q">
</form>
</div>
{% endif %}

View File

@ -1,5 +1,11 @@
<div>
<a href="/atom.xml">Subscribe</a>
<form action="{{ site.simple_search }}" method="get">
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
<input type="hidden" name="q" value="site:{{ site.url | search_url }}" />
</form>
</div>
<ul> <ul>
<li><a href="/">Blog</a></li> <li><a href="/">Blog</a></li>
<li><a href="/about/">About</a></li> <li><a href="/about/">About</a></li>
<li class="subscribe"><a href="/atom.xml">Subscribe</a></li>
</ul> </ul>

View File

@ -1,3 +1,3 @@
<h4>My Pinboard</h4> <h1>My Pinboard</h1>
<ul id="pinboard_linkroll">Fetching linkroll...</ul> <ul id="pinboard_linkroll">Fetching linkroll...</ul>
<p><a href="http://pinboard.in/u:{{ site.pinboard_user }}">My Pinboard Bookmarks &raquo;</a></p> <p><a href="http://pinboard.in/u:{{ site.pinboard_user }}">My Pinboard Bookmarks &raquo;</a></p>

View File

@ -1,8 +1,10 @@
<h4>About Me</h4> <section>
<p> Yo everybody! </p> <h1>About Me</h1>
<p>Hi, I'm Octopress!</p>
</section>
{% if site.recent_posts %} {% if site.recent_posts %}
<section> <section>
<h4>Recent Posts</h4> <h1>Recent Posts</h1>
<ul id="recent_posts"> <ul id="recent_posts">
{% for post in site.posts limit: site.recent_posts %} {% for post in site.posts limit: site.recent_posts %}
<li class="post"> <li class="post">

View File

@ -1,5 +1,13 @@
<h4>On Twitter</h4> <h1>Latest Tweets</h1>
<ul id="tweets"> <ul id="tweets">
Status updating... Status updating...
</ul> </ul>
<p>Follow <a href="http://twitter.com/#{page.twitter_user}">@{{ site.twitter_user }}</a></p> <p>Follow <a href="http://twitter.com/{{site.twitter_user}}">@{{ site.twitter_user }}</a></p>
{% if site.twitter_user %}
<script>
var twitter_user = "{{site.twitter_user}}";
var show_replies = {{site.show_replies}};
var tweet_count = {{site.tweet_count}};
</script>
<script src="/javascripts/twitter.js" type="text/javascript"></script>
{% endif %}

View File

@ -1,15 +1,26 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <!--[if IEMobile 7 ]><html class="no-js iem7" manifest="default.appcache?v=1"><![endif]-->
<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" manifest="default.appcache?v=1" lang="en"><!--<![endif]-->
{% include head.html %} {% include head.html %}
<body id="{{ page.body_id }}"> <body {% if page.body_id %} id="{{ page.body_id }}" {% endif %} {% if page.no_sidebar %} class="no-sidebar" {% endif %}>
<header><div>{% include header.html %}</div></header> <header><div>{% include header.html %}</div></header>
<nav id="nav"><div>{% include navigation.html %}</div></nav> <nav><div>{% include navigation.html %}</div></nav>
<div id="page">
<div> <div>
<div id="main"><article>{{ content }}</article></div> <div>
<div id="articles">{{ content }}</div>
{% unless page.no_sidebar %}
<aside>{% include sidebar.html %}</aside> <aside>{% include sidebar.html %}</aside>
{% endunless %}
</div> </div>
</div> </div>
<footer><div>{% include footer.html %}</div></footer> <footer><div>{% include footer.html %}</div></footer>
<!--[if (lt IE 9) & (!IEMobile)]>
<script src="javascripts/libs/DOMAssistantCompressed-2.8.js"></script>
<script src="javascripts/libs/selectivizr-1.0.1.js"></script>
<script src="javascripts/libs/respond.min.js"></script>
<![endif]-->
</body> </body>
</html> </html>

10
source/_layouts/page.html Normal file
View File

@ -0,0 +1,10 @@
---
layout: default
---
<article>
{% include article.html %}
{% if site.disqus_short_name %}
<div id="disqus_thread">{% include disqus_thread.html %}</div>
{% endif %}
</article>

View File

@ -1,11 +1,11 @@
--- ---
layout: default layout: default
title: About Me title: About Me
layout: page
date: May 14 2011
--- ---
/ use the :mardown filter if you want to write pages with Markdown / use the :mardown filter if you want to write pages with Markdown
:markdown :markdown
# About Me
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum.
Ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. Ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 504 B

BIN
source/images/search.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 333 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,20 @@
// https://gist.github.com/901295
// By @mathias, @cheeaun and @jdalton
(function(doc) {
var addEvent = 'addEventListener',
type = 'gesturestart',
qsa = 'querySelectorAll',
scales = [1, 1],
meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];
function fix() {
meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
doc.removeEventListener(type, fix, true);
}
if ((meta = meta[meta.length - 1]) && addEvent in doc) {
fix();
scales = [.25, 1.6];
doc[addEvent](type, fix, true);
}
}(document));

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,8 @@
/*
* respond.js - A small and fast polyfill for min/max-width CSS3 Media Queries
* Copyright 2011, Scott Jehl, scottjehl.com
* Dual licensed under the MIT or GPL Version 2 licenses.
* Usage: Check out the readme file or github.com/scottjehl/respond
*/
(function(e,h){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=h;if(h){return}var u=e.document,r=u.documentElement,i=[],k=[],p=[],o={},g=30,f=u.getElementsByTagName("head")[0]||r,b=f.getElementsByTagName("link"),d=[],a=function(){var B=b,w=B.length;for(var z=0;z<w;z++){var y=B[z],x=y.href,A=y.media,v=y.rel&&y.rel.toLowerCase()==="stylesheet";if(!!x&&v&&!o[x]){if(!/^([a-zA-Z]+?:(\/\/)?(www\.)?)/.test(x)||x.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:x,media:A})}else{o[x]=true}}}t()},t=function(){if(d.length){var v=d.shift();n(v.href,function(w){m(w,v.href,v.media);o[v.href]=true;t()})}},m=function(G,v,x){var E=G.match(/@media ([^\{]+)\{((?!@media)[\s\S])*(?=\}[\s]*\/\*\/mediaquery\*\/)/gmi),H=E&&E.length||0,v=v.substring(0,v.lastIndexOf("/")),w=function(I){return I.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+v+"$2$3")},y=!H&&x;if(v.length){v+="/"}if(y){H=1}for(var B=0;B<H;B++){var C;if(y){C=x;k.push(w(G))}else{C=E[B].match(/@media ([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&w(RegExp.$2))}var z=C.split(","),F=z.length;for(var A=0;A<F;A++){var D=z[A];i.push({media:D.match(/(only\s+)?([a-zA-Z]+)(\sand)?/)&&RegExp.$2,rules:k.length-1,minw:D.match(/\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1),maxw:D.match(/\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1)})}}j()},l,q,j=function(E){var v="clientWidth",x=r[v],D=u.compatMode==="CSS1Compat"&&x||u.body[v]||x,z={},C=u.createDocumentFragment(),B=b[b.length-1],w=(new Date()).getTime();if(E&&l&&w-l<g){clearTimeout(q);q=setTimeout(j,g);return}else{l=w}for(var y in i){var F=i[y];if(!F.minw&&!F.maxw||(!F.minw||F.minw&&D>=F.minw)&&(!F.maxw||F.maxw&&D<=F.maxw)){if(!z[F.media]){z[F.media]=[]}z[F.media].push(k[F.rules])}}for(var y in p){if(p[y]&&p[y].parentNode===f){f.removeChild(p[y])}}for(var y in z){var G=u.createElement("style"),A=z[y].join("\n");G.type="text/css";G.media=y;if(G.styleSheet){G.styleSheet.cssText=A}else{G.appendChild(u.createTextNode(A))}C.appendChild(G);p.push(G)}f.insertBefore(C,B.nextSibling)},n=function(v,x){var w=c();if(!w){return}w.open("GET",v,true);w.onreadystatechange=function(){if(w.readyState!=4||w.status!=200&&w.status!=304){return}x(w.responseText)};if(w.readyState==4){return}w.send()},c=(function(){var v=false,w=[function(){return new ActiveXObject("Microsoft.XMLHTTP")},function(){return new ActiveXObject("Msxml3.XMLHTTP")},function(){return new ActiveXObject("Msxml2.XMLHTTP")},function(){return new XMLHttpRequest()}],y=w.length;while(y--){try{v=w[y]()}catch(x){continue}break}return function(){return v}})();a();respond.update=a;function s(){j(true)}if(e.addEventListener){e.addEventListener("resize",s,false)}else{if(e.attachEvent){e.attachEvent("onresize",s)}}})(this,(function(f){if(f.matchMedia){return true}var e,i=document,c=i.documentElement,g=c.firstElementChild||c.firstChild,h=!i.body,d=i.body||i.createElement("body"),b=i.createElement("div"),a="only all";b.id="mq-test-1";b.style.cssText="position:absolute;top:-99em";d.appendChild(b);b.innerHTML='_<style media="'+a+'"> #mq-test-1 { width: 9px; }</style>';if(h){c.insertBefore(d,g)}b.removeChild(b.firstChild);e=b.offsetWidth==9;if(h){c.removeChild(d)}else{d.removeChild(b)}return e})(this));

5
source/javascripts/libs/selectivizr-min.js vendored Executable file
View File

@ -0,0 +1,5 @@
/*!
* selectivizr v1.0.2 - (c) Keith Clark, freely distributable under the terms of the MIT license.
* selectivizr.com
*/
(function(j){function A(a){return a.replace(B,h).replace(C,function(a,d,b){for(var a=b.split(","),b=0,e=a.length;b<e;b++){var s=D(a[b].replace(E,h).replace(F,h))+o,l=[];a[b]=s.replace(G,function(a,b,c,d,e){if(b){if(l.length>0){var a=l,f,e=s.substring(0,e).replace(H,i);if(e==i||e.charAt(e.length-1)==o)e+="*";try{f=t(e)}catch(k){}if(f){e=0;for(c=f.length;e<c;e++){for(var d=f[e],h=d.className,j=0,m=a.length;j<m;j++){var g=a[j];if(!RegExp("(^|\\s)"+g.className+"(\\s|$)").test(d.className)&&g.b&&(g.b===!0||g.b(d)===!0))h=u(h,g.className,!0)}d.className=h}}l=[]}return b}else{if(b=c?I(c):!v||v.test(d)?{className:w(d),b:!0}:null)return l.push(b),"."+b.className;return a}})}return d+a.join(",")})}function I(a){var c=!0,d=w(a.slice(1)),b=a.substring(0,5)==":not(",e,f;b&&(a=a.slice(5,-1));var l=a.indexOf("(");l>-1&&(a=a.substring(0,l));if(a.charAt(0)==":")switch(a.slice(1)){case "root":c=function(a){return b?a!=p:a==p};break;case "target":if(m==8){c=function(a){function c(){var d=location.hash,e=d.slice(1);return b?d==i||a.id!=e:d!=i&&a.id==e}k(j,"hashchange",function(){g(a,d,c())});return c()};break}return!1;case "checked":c=function(a){J.test(a.type)&&k(a,"propertychange",function(){event.propertyName=="checked"&&g(a,d,a.checked!==b)});return a.checked!==b};break;case "disabled":b=!b;case "enabled":c=function(c){if(K.test(c.tagName))return k(c,"propertychange",function(){event.propertyName=="$disabled"&&g(c,d,c.a===b)}),q.push(c),c.a=c.disabled,c.disabled===b;return a==":enabled"?b:!b};break;case "focus":e="focus",f="blur";case "hover":e||(e="mouseenter",f="mouseleave");c=function(a){k(a,b?f:e,function(){g(a,d,!0)});k(a,b?e:f,function(){g(a,d,!1)});return b};break;default:if(!L.test(a))return!1}return{className:d,b:c}}function w(a){return M+"-"+(m==6&&N?O++:a.replace(P,function(a){return a.charCodeAt(0)}))}function D(a){return a.replace(x,h).replace(Q,o)}function g(a,c,d){var b=a.className,c=u(b,c,d);if(c!=b)a.className=c,a.parentNode.className+=i}function u(a,c,d){var b=RegExp("(^|\\s)"+c+"(\\s|$)"),e=b.test(a);return d?e?a:a+o+c:e?a.replace(b,h).replace(x,h):a}function k(a,c,d){a.attachEvent("on"+c,d)}function r(a,c){if(/^https?:\/\//i.test(a))return c.substring(0,c.indexOf("/",8))==a.substring(0,a.indexOf("/",8))?a:null;if(a.charAt(0)=="/")return c.substring(0,c.indexOf("/",8))+a;var d=c.split(/[?#]/)[0];a.charAt(0)!="?"&&d.charAt(d.length-1)!="/"&&(d=d.substring(0,d.lastIndexOf("/")+1));return d+a}function y(a){if(a)return n.open("GET",a,!1),n.send(),(n.status==200?n.responseText:i).replace(R,i).replace(S,function(c,d,b,e,f){return y(r(b||f,a))}).replace(T,function(c,d,b){d=d||i;return" url("+d+r(b,a)+d+") "});return i}function U(){var a,c;a=f.getElementsByTagName("BASE");for(var d=a.length>0?a[0].href:f.location.href,b=0;b<f.styleSheets.length;b++)if(c=f.styleSheets[b],c.href!=i&&(a=r(c.href,d)))c.cssText=A(y(a));q.length>0&&setInterval(function(){for(var a=0,c=q.length;a<c;a++){var b=q[a];if(b.disabled!==b.a)b.disabled?(b.disabled=!1,b.a=!0,b.disabled=!0):b.a=b.disabled}},250)}if(!/*@cc_on!@*/true){var f=document,p=f.documentElement,n=function(){if(j.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("Microsoft.XMLHTTP")}catch(a){return null}}(),m=/MSIE (\d+)/.exec(navigator.userAgent)[1];if(!(f.compatMode!="CSS1Compat"||m<6||m>8||!n)){var z={NW:"*.Dom.select",MooTools:"$$",DOMAssistant:"*.$",Prototype:"$$",YAHOO:"*.util.Selector.query",Sizzle:"*",jQuery:"*",dojo:"*.query"},t,q=[],O=0,N=!0,M="slvzr",R=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g,S=/@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))[^;]*;/g,T=/\burl\(\s*(["']?)(?!data:)([^"')]+)\1\s*\)/g,L=/^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/,B=/:(:first-(?:line|letter))/g,C=/(^|})\s*([^\{]*?[\[:][^{]+)/g,G=/([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g,H=/(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g,P=/[^\w-]/g,K=/^(INPUT|SELECT|TEXTAREA|BUTTON)$/,J=/^(checkbox|radio)$/,v=m>6?/[\$\^*]=(['"])\1/:null,E=/([(\[+~])\s+/g,F=/\s+([)\]+~])/g,Q=/\s+/g,x=/^\s*((?:[\S\s]*\S)?)\s*$/,i="",o=" ",h="$1";(function(a,c){function d(){try{p.doScroll("left")}catch(a){setTimeout(d,50);return}b("poll")}function b(d){if(!(d.type=="readystatechange"&&f.readyState!="complete")&&((d.type=="load"?a:f).detachEvent("on"+d.type,b,!1),!e&&(e=!0)))c.call(a,d.type||d)}var e=!1,g=!0;if(f.readyState=="complete")c.call(a,i);else{if(f.createEventObject&&p.doScroll){try{g=!a.frameElement}catch(h){}g&&d()}k(f,"readystatechange",b);k(a,"load",b)}})(j,function(){for(var a in z){var c,d,b=j;if(j[a]){for(c=z[a].replace("*",a).split(".");(d=c.shift())&&(b=b[d]););if(typeof b=="function"){t=b;U();break}}}})}}})(this);

View File

@ -1,100 +0,0 @@
//MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2009 Aaron Newton <http://clientcide.com/>, Valerio Proietti <http://mad4milk.net> & the MooTools team <http://mootools.net/developers>, MIT Style License.
MooTools.More={version:"1.2.4.2",build:"bd5a93c0913cce25917c48cbdacde568e15e02ef"};(function(){var a={language:"en-US",languages:{"en-US":{}},cascades:["en-US"]};
var b;MooTools.lang=new Events();$extend(MooTools.lang,{setLanguage:function(c){if(!a.languages[c]){return this;}a.language=c;this.load();this.fireEvent("langChange",c);
return this;},load:function(){var c=this.cascade(this.getCurrentLanguage());b={};$each(c,function(e,d){b[d]=this.lambda(e);},this);},getCurrentLanguage:function(){return a.language;
},addLanguage:function(c){a.languages[c]=a.languages[c]||{};return this;},cascade:function(e){var c=(a.languages[e]||{}).cascades||[];c.combine(a.cascades);
c.erase(e).push(e);var d=c.map(function(f){return a.languages[f];},this);return $merge.apply(this,d);},lambda:function(c){(c||{}).get=function(e,d){return $lambda(c[e]).apply(this,$splat(d));
};return c;},get:function(e,d,c){if(b&&b[e]){return(d?b[e].get(d,c):b[e]);}},set:function(d,e,c){this.addLanguage(d);langData=a.languages[d];if(!langData[e]){langData[e]={};
}$extend(langData[e],c);if(d==this.getCurrentLanguage()){this.load();this.fireEvent("langChange",d);}return this;},list:function(){return Hash.getKeys(a.languages);
}});})();(function(){var i=this.Date;if(!i.now){i.now=$time;}i.Methods={ms:"Milliseconds",year:"FullYear",min:"Minutes",mo:"Month",sec:"Seconds",hr:"Hours"};
["Date","Day","FullYear","Hours","Milliseconds","Minutes","Month","Seconds","Time","TimezoneOffset","Week","Timezone","GMTOffset","DayOfYear","LastMonth","LastDayOfMonth","UTCDate","UTCDay","UTCFullYear","AMPM","Ordinal","UTCHours","UTCMilliseconds","UTCMinutes","UTCMonth","UTCSeconds"].each(function(p){i.Methods[p.toLowerCase()]=p;
});var d=function(q,p){return new Array(p-String(q).length+1).join("0")+q;};i.implement({set:function(t,r){switch($type(t)){case"object":for(var s in t){this.set(s,t[s]);
}break;case"string":t=t.toLowerCase();var q=i.Methods;if(q[t]){this["set"+q[t]](r);}}return this;},get:function(q){q=q.toLowerCase();var p=i.Methods;if(p[q]){return this["get"+p[q]]();
}return null;},clone:function(){return new i(this.get("time"));},increment:function(p,r){p=p||"day";r=$pick(r,1);switch(p){case"year":return this.increment("month",r*12);
case"month":var q=this.get("date");this.set("date",1).set("mo",this.get("mo")+r);return this.set("date",q.min(this.get("lastdayofmonth")));case"week":return this.increment("day",r*7);
case"day":return this.set("date",this.get("date")+r);}if(!i.units[p]){throw new Error(p+" is not a supported interval");}return this.set("time",this.get("time")+r*i.units[p]());
},decrement:function(p,q){return this.increment(p,-1*$pick(q,1));},isLeapYear:function(){return i.isLeapYear(this.get("year"));},clearTime:function(){return this.set({hr:0,min:0,sec:0,ms:0});
},diff:function(q,p){if($type(q)=="string"){q=i.parse(q);}return((q-this)/i.units[p||"day"](3,3)).toInt();},getLastDayOfMonth:function(){return i.daysInMonth(this.get("mo"),this.get("year"));
},getDayOfYear:function(){return(i.UTC(this.get("year"),this.get("mo"),this.get("date")+1)-i.UTC(this.get("year"),0,1))/i.units.day();},getWeek:function(){return(this.get("dayofyear")/7).ceil();
},getOrdinal:function(p){return i.getMsg("ordinal",p||this.get("date"));},getTimezone:function(){return this.toString().replace(/^.*? ([A-Z]{3}).[0-9]{4}.*$/,"$1").replace(/^.*?\(([A-Z])[a-z]+ ([A-Z])[a-z]+ ([A-Z])[a-z]+\)$/,"$1$2$3");
},getGMTOffset:function(){var p=this.get("timezoneOffset");return((p>0)?"-":"+")+d((p.abs()/60).floor(),2)+d(p%60,2);},setAMPM:function(p){p=p.toUpperCase();
var q=this.get("hr");if(q>11&&p=="AM"){return this.decrement("hour",12);}else{if(q<12&&p=="PM"){return this.increment("hour",12);}}return this;},getAMPM:function(){return(this.get("hr")<12)?"AM":"PM";
},parse:function(p){this.set("time",i.parse(p));return this;},isValid:function(p){return !!(p||this).valueOf();},format:function(p){if(!this.isValid()){return"invalid date";
}p=p||"%x %X";p=k[p.toLowerCase()]||p;var q=this;return p.replace(/%([a-z%])/gi,function(s,r){switch(r){case"a":return i.getMsg("days")[q.get("day")].substr(0,3);
case"A":return i.getMsg("days")[q.get("day")];case"b":return i.getMsg("months")[q.get("month")].substr(0,3);case"B":return i.getMsg("months")[q.get("month")];
case"c":return q.toString();case"d":return d(q.get("date"),2);case"H":return d(q.get("hr"),2);case"I":return((q.get("hr")%12)||12);case"j":return d(q.get("dayofyear"),3);
case"m":return d((q.get("mo")+1),2);case"M":return d(q.get("min"),2);case"o":return q.get("ordinal");case"p":return i.getMsg(q.get("ampm"));case"S":return d(q.get("seconds"),2);
case"U":return d(q.get("week"),2);case"w":return q.get("day");case"x":return q.format(i.getMsg("shortDate"));case"X":return q.format(i.getMsg("shortTime"));
case"y":return q.get("year").toString().substr(2);case"Y":return q.get("year");case"T":return q.get("GMTOffset");case"Z":return q.get("Timezone");}return r;
});},toISOString:function(){return this.format("iso8601");}});i.alias("toISOString","toJSON");i.alias("diff","compare");i.alias("format","strftime");var k={db:"%Y-%m-%d %H:%M:%S",compact:"%Y%m%dT%H%M%S",iso8601:"%Y-%m-%dT%H:%M:%S%T",rfc822:"%a, %d %b %Y %H:%M:%S %Z","short":"%d %b %H:%M","long":"%B %d, %Y %H:%M"};
var g=[];var e=i.parse;var n=function(s,u,r){var q=-1;var t=i.getMsg(s+"s");switch($type(u)){case"object":q=t[u.get(s)];break;case"number":q=t[month-1];
if(!q){throw new Error("Invalid "+s+" index: "+index);}break;case"string":var p=t.filter(function(v){return this.test(v);},new RegExp("^"+u,"i"));if(!p.length){throw new Error("Invalid "+s+" string");
}if(p.length>1){throw new Error("Ambiguous "+s);}q=p[0];}return(r)?t.indexOf(q):q;};i.extend({getMsg:function(q,p){return MooTools.lang.get("Date",q,p);
},units:{ms:$lambda(1),second:$lambda(1000),minute:$lambda(60000),hour:$lambda(3600000),day:$lambda(86400000),week:$lambda(608400000),month:function(q,p){var r=new i;
return i.daysInMonth($pick(q,r.get("mo")),$pick(p,r.get("year")))*86400000;},year:function(p){p=p||new i().get("year");return i.isLeapYear(p)?31622400000:31536000000;
}},daysInMonth:function(q,p){return[31,i.isLeapYear(p)?29:28,31,30,31,30,31,31,30,31,30,31][q];},isLeapYear:function(p){return((p%4===0)&&(p%100!==0))||(p%400===0);
},parse:function(r){var q=$type(r);if(q=="number"){return new i(r);}if(q!="string"){return r;}r=r.clean();if(!r.length){return null;}var p;g.some(function(t){var s=t.re.exec(r);
return(s)?(p=t.handler(s)):false;});return p||new i(e(r));},parseDay:function(p,q){return n("day",p,q);},parseMonth:function(q,p){return n("month",q,p);
},parseUTC:function(q){var p=new i(q);var r=i.UTC(p.get("year"),p.get("mo"),p.get("date"),p.get("hr"),p.get("min"),p.get("sec"));return new i(r);},orderIndex:function(p){return i.getMsg("dateOrder").indexOf(p)+1;
},defineFormat:function(p,q){k[p]=q;},defineFormats:function(p){for(var q in p){i.defineFormat(q,p[q]);}},parsePatterns:g,defineParser:function(p){g.push((p.re&&p.handler)?p:l(p));
},defineParsers:function(){Array.flatten(arguments).each(i.defineParser);},define2DigitYearStart:function(p){h=p%100;m=p-h;}});var m=1900;var h=70;var j=function(p){return new RegExp("(?:"+i.getMsg(p).map(function(q){return q.substr(0,3);
}).join("|")+")[a-z]*");};var a=function(p){switch(p){case"x":return((i.orderIndex("month")==1)?"%m[.-/]%d":"%d[.-/]%m")+"([.-/]%y)?";case"X":return"%H([.:]%M)?([.:]%S([.:]%s)?)? ?%p? ?%T?";
}return null;};var o={d:/[0-2]?[0-9]|3[01]/,H:/[01]?[0-9]|2[0-3]/,I:/0?[1-9]|1[0-2]/,M:/[0-5]?\d/,s:/\d+/,o:/[a-z]*/,p:/[ap]\.?m\.?/,y:/\d{2}|\d{4}/,Y:/\d{4}/,T:/Z|[+-]\d{2}(?::?\d{2})?/};
o.m=o.I;o.S=o.M;var c;var b=function(p){c=p;o.a=o.A=j("days");o.b=o.B=j("months");g.each(function(r,q){if(r.format){g[q]=l(r.format);}});};var l=function(r){if(!c){return{format:r};
}var p=[];var q=(r.source||r).replace(/%([a-z])/gi,function(t,s){return a(s)||t;}).replace(/\((?!\?)/g,"(?:").replace(/ (?!\?|\*)/g,",? ").replace(/%([a-z%])/gi,function(t,s){var u=o[s];
if(!u){return s;}p.push(s);return"("+u.source+")";}).replace(/\[a-z\]/gi,"[a-z\\u00c0-\\uffff]");return{format:r,re:new RegExp("^"+q+"$","i"),handler:function(u){u=u.slice(1).associate(p);
var s=new i().clearTime();if("d" in u){f.call(s,"d",1);}if("m" in u){f.call(s,"m",1);}for(var t in u){f.call(s,t,u[t]);}return s;}};};var f=function(p,q){if(!q){return this;
}switch(p){case"a":case"A":return this.set("day",i.parseDay(q,true));case"b":case"B":return this.set("mo",i.parseMonth(q,true));case"d":return this.set("date",q);
case"H":case"I":return this.set("hr",q);case"m":return this.set("mo",q-1);case"M":return this.set("min",q);case"p":return this.set("ampm",q.replace(/\./g,""));
case"S":return this.set("sec",q);case"s":return this.set("ms",("0."+q)*1000);case"w":return this.set("day",q);case"Y":return this.set("year",q);case"y":q=+q;
if(q<100){q+=m+(q<h?100:0);}return this.set("year",q);case"T":if(q=="Z"){q="+00";}var r=q.match(/([+-])(\d{2}):?(\d{2})?/);r=(r[1]+"1")*(r[2]*60+(+r[3]||0))+this.getTimezoneOffset();
return this.set("time",this-r*60000);}return this;};i.defineParsers("%Y([-./]%m([-./]%d((T| )%X)?)?)?","%Y%m%d(T%H(%M%S?)?)?","%x( %X)?","%d%o( %b( %Y)?)?( %X)?","%b( %d%o)?( %Y)?( %X)?","%Y %b( %d%o( %X)?)?","%o %b %d %X %T %Y");
MooTools.lang.addEvent("langChange",function(p){if(MooTools.lang.get("Date")){b(p);}}).fireEvent("langChange",MooTools.lang.getCurrentLanguage());})();
Date.implement({timeDiffInWords:function(a){return Date.distanceOfTimeInWords(this,a||new Date);},timeDiff:function(g,b){if(g==null){g=new Date;}var f=((g-this)/1000).toInt();
if(!f){return"0s";}var a={s:60,m:60,h:24,d:365,y:0};var e,d=[];for(var c in a){if(!f){break;}if((e=a[c])){d.unshift((f%e)+c);f=(f/e).toInt();}else{d.unshift(f+c);
}}return d.join(b||":");}});Date.alias("timeDiffInWords","timeAgoInWords");Date.extend({distanceOfTimeInWords:function(b,a){return Date.getTimePhrase(((a-b)/1000).toInt());
},getTimePhrase:function(f){var d=(f<0)?"Until":"Ago";if(f<0){f*=-1;}var b={minute:60,hour:60,day:24,week:7,month:52/12,year:12,eon:Infinity};var e="lessThanMinute";
for(var c in b){var a=b[c];if(f<1.5*a){if(f>0.75*a){e=c;}break;}f/=a;e=c+"s";}return Date.getMsg(e+d).substitute({delta:f.round()});}});Date.defineParsers({re:/^(?:tod|tom|yes)/i,handler:function(a){var b=new Date().clearTime();
switch(a[0]){case"tom":return b.increment();case"yes":return b.decrement();default:return b;}}},{re:/^(next|last) ([a-z]+)$/i,handler:function(e){var f=new Date().clearTime();
var b=f.getDay();var c=Date.parseDay(e[2],true);var a=c-b;if(c<=b){a+=7;}if(e[1]=="last"){a-=7;}return f.set("date",f.getDate()+a);}});Element.implement({measure:function(e){var g=function(h){return !!(!h||h.offsetHeight||h.offsetWidth);
};if(g(this)){return e.apply(this);}var d=this.getParent(),f=[],b=[];while(!g(d)&&d!=document.body){b.push(d.expose());d=d.getParent();}var c=this.expose();
var a=e.apply(this);c();b.each(function(h){h();});return a;},expose:function(){if(this.getStyle("display")!="none"){return $empty;}var a=this.style.cssText;
this.setStyles({display:"block",position:"absolute",visibility:"hidden"});return function(){this.style.cssText=a;}.bind(this);},getDimensions:function(a){a=$merge({computeSize:false},a);
var f={};var d=function(g,e){return(e.computeSize)?g.getComputedSize(e):g.getSize();};var b=this.getParent("body");if(b&&this.getStyle("display")=="none"){f=this.measure(function(){return d(this,a);
});}else{if(b){try{f=d(this,a);}catch(c){}}else{f={x:0,y:0};}}return $chk(f.x)?$extend(f,{width:f.x,height:f.y}):$extend(f,{x:f.width,y:f.height});},getComputedSize:function(a){a=$merge({styles:["padding","border"],plains:{height:["top","bottom"],width:["left","right"]},mode:"both"},a);
var c={width:0,height:0};switch(a.mode){case"vertical":delete c.width;delete a.plains.width;break;case"horizontal":delete c.height;delete a.plains.height;
break;}var b=[];$each(a.plains,function(g,f){g.each(function(h){a.styles.each(function(i){b.push((i=="border")?i+"-"+h+"-width":i+"-"+h);});});});var e={};
b.each(function(f){e[f]=this.getComputedStyle(f);},this);var d=[];$each(a.plains,function(g,f){var h=f.capitalize();c["total"+h]=c["computed"+h]=0;g.each(function(i){c["computed"+i.capitalize()]=0;
b.each(function(k,j){if(k.test(i)){e[k]=e[k].toInt()||0;c["total"+h]=c["total"+h]+e[k];c["computed"+i.capitalize()]=c["computed"+i.capitalize()]+e[k];}if(k.test(i)&&f!=k&&(k.test("border")||k.test("padding"))&&!d.contains(k)){d.push(k);
c["computed"+h]=c["computed"+h]-e[k];}});});});["Width","Height"].each(function(g){var f=g.toLowerCase();if(!$chk(c[f])){return;}c[f]=c[f]+this["offset"+g]+c["computed"+g];
c["total"+g]=c[f]+c["total"+g];delete c["computed"+g];},this);return $extend(e,c);}});Element.implement({isDisplayed:function(){return this.getStyle("display")!="none";
},isVisible:function(){var a=this.offsetWidth,b=this.offsetHeight;return(a==0&&b==0)?false:(a>0&&b>0)?true:this.isDisplayed();},toggle:function(){return this[this.isDisplayed()?"hide":"show"]();
},hide:function(){var b;try{if((b=this.getStyle("display"))=="none"){b=null;}}catch(a){}return this.store("originalDisplay",b||"block").setStyle("display","none");
},show:function(a){return this.setStyle("display",a||this.retrieve("originalDisplay")||"block");},swapClass:function(a,b){return this.removeClass(a).addClass(b);
}});Fx.Reveal=new Class({Extends:Fx.Morph,options:{link:"cancel",styles:["padding","border","margin"],transitionOpacity:!Browser.Engine.trident4,mode:"vertical",display:"block",hideInputs:Browser.Engine.trident?"select, input, textarea, object, embed":false},dissolve:function(){try{if(!this.hiding&&!this.showing){if(this.element.getStyle("display")!="none"){this.hiding=true;
this.showing=false;this.hidden=true;this.cssText=this.element.style.cssText;var d=this.element.getComputedSize({styles:this.options.styles,mode:this.options.mode});
this.element.setStyle("display","block");if(this.options.transitionOpacity){d.opacity=1;}var b={};$each(d,function(f,e){b[e]=[f,0];},this);this.element.setStyle("overflow","hidden");
var a=this.options.hideInputs?this.element.getElements(this.options.hideInputs):null;this.$chain.unshift(function(){if(this.hidden){this.hiding=false;$each(d,function(f,e){d[e]=f;
},this);this.element.style.cssText=this.cssText;this.element.setStyle("display","none");if(a){a.setStyle("visibility","visible");}}this.fireEvent("hide",this.element);
this.callChain();}.bind(this));if(a){a.setStyle("visibility","hidden");}this.start(b);}else{this.callChain.delay(10,this);this.fireEvent("complete",this.element);
this.fireEvent("hide",this.element);}}else{if(this.options.link=="chain"){this.chain(this.dissolve.bind(this));}else{if(this.options.link=="cancel"&&!this.hiding){this.cancel();
this.dissolve();}}}}catch(c){this.hiding=false;this.element.setStyle("display","none");this.callChain.delay(10,this);this.fireEvent("complete",this.element);
this.fireEvent("hide",this.element);}return this;},reveal:function(){try{if(!this.showing&&!this.hiding){if(this.element.getStyle("display")=="none"||this.element.getStyle("visiblity")=="hidden"||this.element.getStyle("opacity")==0){this.showing=true;
this.hiding=this.hidden=false;var d;this.cssText=this.element.style.cssText;this.element.measure(function(){d=this.element.getComputedSize({styles:this.options.styles,mode:this.options.mode});
}.bind(this));$each(d,function(f,e){d[e]=f;});if($chk(this.options.heightOverride)){d.height=this.options.heightOverride.toInt();}if($chk(this.options.widthOverride)){d.width=this.options.widthOverride.toInt();
}if(this.options.transitionOpacity){this.element.setStyle("opacity",0);d.opacity=1;}var b={height:0,display:this.options.display};$each(d,function(f,e){b[e]=0;
});this.element.setStyles($merge(b,{overflow:"hidden"}));var a=this.options.hideInputs?this.element.getElements(this.options.hideInputs):null;if(a){a.setStyle("visibility","hidden");
}this.start(d);this.$chain.unshift(function(){this.element.style.cssText=this.cssText;this.element.setStyle("display",this.options.display);if(!this.hidden){this.showing=false;
}if(a){a.setStyle("visibility","visible");}this.callChain();this.fireEvent("show",this.element);}.bind(this));}else{this.callChain();this.fireEvent("complete",this.element);
this.fireEvent("show",this.element);}}else{if(this.options.link=="chain"){this.chain(this.reveal.bind(this));}else{if(this.options.link=="cancel"&&!this.showing){this.cancel();
this.reveal();}}}}catch(c){this.element.setStyles({display:this.options.display,visiblity:"visible",opacity:1});this.showing=false;this.callChain.delay(10,this);
this.fireEvent("complete",this.element);this.fireEvent("show",this.element);}return this;},toggle:function(){if(this.element.getStyle("display")=="none"||this.element.getStyle("visiblity")=="hidden"||this.element.getStyle("opacity")==0){this.reveal();
}else{this.dissolve();}return this;},cancel:function(){this.parent.apply(this,arguments);this.element.style.cssText=this.cssText;this.hidding=false;this.showing=false;
}});Element.Properties.reveal={set:function(a){var b=this.retrieve("reveal");if(b){b.cancel();}return this.eliminate("reveal").store("reveal:options",a);
},get:function(a){if(a||!this.retrieve("reveal")){if(a||!this.retrieve("reveal:options")){this.set("reveal",a);}this.store("reveal",new Fx.Reveal(this,this.retrieve("reveal:options")));
}return this.retrieve("reveal");}};Element.Properties.dissolve=Element.Properties.reveal;Element.implement({reveal:function(a){this.get("reveal",a).reveal();
return this;},dissolve:function(a){this.get("reveal",a).dissolve();return this;},nix:function(){var a=Array.link(arguments,{destroy:Boolean.type,options:Object.type});
this.get("reveal",a.options).dissolve().chain(function(){this[a.destroy?"destroy":"dispose"]();}.bind(this));return this;},wink:function(){var b=Array.link(arguments,{duration:Number.type,options:Object.type});
var a=this.get("reveal",b.options);a.reveal().chain(function(){(function(){a.dissolve();}).delay(b.duration||2000);});}});MooTools.lang.set("en-US","Date",{months:["January","February","March","April","May","June","July","August","September","October","November","December"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dateOrder:["month","date","year"],shortDate:"%m/%d/%Y",shortTime:"%I:%M%p",AM:"AM",PM:"PM",ordinal:function(a){return(a>3&&a<21)?"th":["th","st","nd","rd","th"][Math.min(a%10,4)];
},lessThanMinuteAgo:"less than a minute ago",minuteAgo:"about a minute ago",minutesAgo:"{delta} minutes ago",hourAgo:"about an hour ago",hoursAgo:"about {delta} hours ago",dayAgo:"1 day ago",daysAgo:"{delta} days ago",weekAgo:"1 week ago",weeksAgo:"{delta} weeks ago",monthAgo:"1 month ago",monthsAgo:"{delta} months ago",yearAgo:"1 year ago",yearsAgo:"{delta} years ago",lessThanMinuteUntil:"less than a minute from now",minuteUntil:"about a minute from now",minutesUntil:"{delta} minutes from now",hourUntil:"about an hour from now",hoursUntil:"about {delta} hours from now",dayUntil:"1 day from now",daysUntil:"{delta} days from now",weekUntil:"1 week from now",weeksUntil:"{delta} weeks from now",monthUntil:"1 month from now",monthsUntil:"{delta} months from now",yearUntil:"1 year from now",yearsUntil:"{delta} years from now"});

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,76 +0,0 @@
window.addEvent('domready', function() {
codeblocks = $$('div.highlight');
codeblocks.each(addExpander);
});
window.addEvents({
domready: function(){
if(twitter_user){
new Request.Twitter(twitter_user, {
include_replies: false,
data: { count: 3 },
onSuccess: function(tweets){
$('tweets').empty();
for (var i = tweets.length; i--; ){
new Element('li', {
'class': 'tweet'
}).adopt(
new Element('p', { 'html': tweets[i].text+' ' }).adopt(
new Element('a', {
'href': 'http://twitter.com/'+twitter_user+'/status/'+tweets[i].id_str,
'text': new Date(tweets[i].created_at).timeDiffInWords()
}))
).inject('tweets', 'top');
}
}
}).send();
}
$$('#recent_posts time').each(function(date){
date.set('text', new Date(date.get('text')).timeDiffInWords());
});
},
});
function addExpander(div){
new Element('span',{
html: 'expand &raquo;',
'class': 'pre_expander',
'events': {
'click': function(){
toggleExpander(this);
}
}
}).inject(div, 'top');
}
function toggleExpander(expander){
var html = '';
var expanderPos = expander.getPosition().y;
if($('page').toggleClass('expanded').hasClass('expanded'))
html = '&laquo; contract';
else
html = 'expand &raquo;';
$$('div.highlight span.pre_expander').each(function(span){
span.set('html',html);
});
fixScroll(expander, expanderPos);
}
function fixScroll(el, position){
pos = el.getPosition().y - position;
window.scrollTo(window.getScroll().x ,window.getScroll().y + pos);
}
function enableCompressedLayout(codeblocks){
if(!codeblocks.length) return;
new Element('span',{
html: 'Collapse layout',
'id': 'collapser',
'events': {
'click': function(){
if($('page').toggleClass('collapsed').hasClass('collapsed'))
this.set('html','Expand layout');
else
this.set('html','Collapse layout');
}
}
}).inject($('main'), 'top');
}

View File

@ -26,7 +26,7 @@ function Pinboard_Linkroll() {
var str = this.format_item(item); var str = this.format_item(item);
lines.push(str); lines.push(str);
} }
$(linkroll).set('html', lines.join("\n")); document.getElementById(linkroll).innerHTML = lines.join("\n");
} }
this.cook = function(v) { this.cook = function(v) {
return v.replace('<', '&lt;').replace('>', '&gt>'); return v.replace('<', '&lt;').replace('>', '&gt>');

View File

@ -1,52 +1,70 @@
Request.Twitter = new Class({ /* http://www.JSON.org/json2.js 2009-09-29 Public Domain. NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK. See http://www.JSON.org/js.html */
if(!this.JSON){this.JSON={}}(function(){function l(c){return c<10?'0'+c:c}if(typeof Date.prototype.toJSON!=='function'){Date.prototype.toJSON=function(c){return isFinite(this.valueOf())?this.getUTCFullYear()+'-'+l(this.getUTCMonth()+1)+'-'+l(this.getUTCDate())+'T'+l(this.getUTCHours())+':'+l(this.getUTCMinutes())+':'+l(this.getUTCSeconds())+'Z':null};String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(c){return this.valueOf()}}var o=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,p=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,h,m,r={'\b':'\\b','\t':'\\t','\n':'\\n','\f':'\\f','\r':'\\r','"':'\\"','\\':'\\\\'},j;function q(a){p.lastIndex=0;return p.test(a)?'"'+a.replace(p,function(c){var f=r[c];return typeof f==='string'?f:'\\u'+('0000'+c.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+a+'"'}function n(c,f){var a,e,d,i,k=h,g,b=f[c];if(b&&typeof b==='object'&&typeof b.toJSON==='function'){b=b.toJSON(c)}if(typeof j==='function'){b=j.call(f,c,b)}switch(typeof b){case'string':return q(b);case'number':return isFinite(b)?String(b):'null';case'boolean':case'null':return String(b);case'object':if(!b){return'null'}h+=m;g=[];if(Object.prototype.toString.apply(b)==='[object Array]'){i=b.length;for(a=0;a<i;a+=1){g[a]=n(a,b)||'null'}d=g.length===0?'[]':h?'[\n'+h+g.join(',\n'+h)+'\n'+k+']':'['+g.join(',')+']';h=k;return d}if(j&&typeof j==='object'){i=j.length;for(a=0;a<i;a+=1){e=j[a];if(typeof e==='string'){d=n(e,b);if(d){g.push(q(e)+(h?': ':':')+d)}}}}else{for(e in b){if(Object.hasOwnProperty.call(b,e)){d=n(e,b);if(d){g.push(q(e)+(h?': ':':')+d)}}}}d=g.length===0?'{}':h?'{\n'+h+g.join(',\n'+h)+'\n'+k+'}':'{'+g.join(',')+'}';h=k;return d}}if(typeof JSON.stringify!=='function'){JSON.stringify=function(c,f,a){var e;h='';m='';if(typeof a==='number'){for(e=0;e<a;e+=1){m+=' '}}else if(typeof a==='string'){m=a}j=f;if(f&&typeof f!=='function'&&(typeof f!=='object'||typeof f.length!=='number')){throw new Error('JSON.stringify');}return n('',{'':c})}}if(typeof JSON.parse!=='function'){JSON.parse=function(i,k){var g;function b(c,f){var a,e,d=c[f];if(d&&typeof d==='object'){for(a in d){if(Object.hasOwnProperty.call(d,a)){e=b(d,a);if(e!==undefined){d[a]=e}else{delete d[a]}}}}return k.call(c,f,d)}o.lastIndex=0;if(o.test(i)){i=i.replace(o,function(c){return'\\u'+('0000'+c.charCodeAt(0).toString(16)).slice(-4)})}if(/^[\],:{}\s]*$/.test(i.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,'@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,']').replace(/(?:^|:|,)(?:\s*\[)+/g,''))){g=eval('('+i+')');return typeof k==='function'?b({'':g},''):g}throw new SyntaxError('JSON.parse');}}}());
Extends: Request.JSONP, // jXHR.js (JSON-P XHR) | v0.1 (c) Kyle Simpson | MIT License
(function(c){var b=c.setTimeout,d=c.document,a=0;c.jXHR=function(){var e,g,n,h,m=null;function l(){try{h.parentNode.removeChild(h)}catch(o){}}function k(){g=false;e="";l();h=null;i(0)}function f(p){try{m.onerror.call(m,p,e)}catch(o){throw new Error(p)}}function j(){if((this.readyState&&this.readyState!=="complete"&&this.readyState!=="loaded")||g){return}this.onload=this.onreadystatechange=null;g=true;if(m.readyState!==4){f("Script failed to load ["+e+"].")}l()}function i(o,p){p=p||[];m.readyState=o;if(typeof m.onreadystatechange==="function"){m.onreadystatechange.apply(m,p)}}m={onerror:null,onreadystatechange:null,readyState:0,open:function(p,o){k();internal_callback="cb"+(a++);(function(q){c.jXHR[q]=function(){try{i.call(m,4,arguments)}catch(r){m.readyState=-1;f("Script failed to run ["+e+"].")}c.jXHR[q]=null}})(internal_callback);e=o.replace(/=\?/,"=jXHR."+internal_callback);i(1)},send:function(){b(function(){h=d.createElement("script");h.setAttribute("type","text/javascript");h.onload=h.onreadystatechange=function(){j.call(h)};h.setAttribute("src",e);d.getElementsByTagName("head")[0].appendChild(h)},0);i(2)},setRequestHeader:function(){},getResponseHeader:function(){return""},getAllResponseHeaders:function(){return[]}};k();return m}})(window);
options: { function getTwitterFeed(success, user, count, replies) {
linkify: true, feed = new jXHR();
url: 'http://twitter.com/statuses/user_timeline/{term}.json', feed.onerror = function (msg,url) { alert(msg); }
include_replies: true, feed.onreadystatechange = function(data){
data: { if (feed.readyState === 4) {
count: 5, var tweets = new Array();
trim_user: true for (i in data){
if(tweets.length < count){
if(replies || data[i].in_reply_to_user_id == null){
tweets.push(data[i]);
} }
},
initialize: function(term, options){
this.parent(options);
if(this.options.include_replies == false){
this.options.count = this.options.data.count
this.options.data.count += 30; // adds 30 tweets to request for filtering
} }
this.options.url = this.options.url.substitute({term: term});
console.log(this.options.url);
},
success: function(args, index){
if(!this.options.include_replies){
args[0] = args[0].filter(function(item, index, array){
return item.in_reply_to_screen_name == null;
});
if(args[0].length > this.options.count){ args[0].length = this.options.count; }
} }
var data = args[0]; success(tweets);
}
};
feed.open("GET","http://twitter.com/statuses/user_timeline/"+user+".json?trim_user=true&count="+parseInt(count)+25+"&callback=?");
feed.send();
}
if (this.options.linkify) data.each(function(tweet){ getTwitterFeed(showTwitterFeed, twitter_user, tweet_count, show_replies);
tweet.text = this.linkify(tweet.text);
}, this);
if (data[0]) this.options.data.since_id = data[0].id; // keep subsequent calls newer function showTwitterFeed(tweets){
var timeline = document.getElementById('tweets');
this.parent(args, index); timeline.innerHTML='';
}, for (t in tweets){
timeline.innerHTML+='<li>'+'<p>'+linkifyTweet(tweets[t].text)+'<a href="http://twitter.com/'+twitter_user+'/status/'+tweets[t].id_str+'">'+prettyDate(tweets[t].created_at)+'</a></p>'+'</li>';
linkify: function(text){ }
// modified from TwitterGitter by David Walsh (davidwalsh.name) }
// courtesy of Jeremy Parrish (rrish.org) function linkifyTweet(text){
return text.replace(/(https?:\/\/[\w\-:;?&=+.%#\/]+)/gi, '<a href="$1">$1</a>') return text.replace(/(https?:\/\/[\w\-:;?&=+.%#\/]+)/gi, '<a href="$1">$1</a>')
.replace(/(^|\W)@(\w+)/g, '$1<a href="http://twitter.com/$2">@$2</a>') .replace(/(^|\W)@(\w+)/g, '$1<a href="http://twitter.com/$2">@$2</a>')
.replace(/(^|\W)#(\w+)/g, '$1#<a href="http://search.twitter.com/search?q=%23$2">$2</a>'); .replace(/(^|\W)#(\w+)/g, '$1#<a href="http://search.twitter.com/search?q=%23$2">$2</a>');
}
function prettyDate(date_str){
var time_formats = [
[60, 'just now', 1], // 60
[120, '1 min', '1 minute from now'], // 60*2
[3600, 'mins', 60], // 60*60, 60
[7200, '1 hour', '1 hour from now'], // 60*60*2
[86400, 'hours', 3600], // 60*60*24, 60*60
[172800, '1 day', 'tomorrow'], // 60*60*24*2
[2903040000, 'days', 86400], // 60*60*24*7, 60*60*24
];
var time = ('' + date_str).replace(/-/g,"/").replace(/[TZ]/g," ").replace(/^\s\s*/, '').replace(/\s\s*$/, '');
if(time.substr(time.length-4,1)==".") time =time.substr(0,time.length-4);
var seconds = (new Date - new Date(time)) / 1000;
var token = 'ago', list_choice = 1;
if (seconds < 0) {
seconds = Math.abs(seconds);
token = 'from now';
list_choice = 2;
} }
var i = 0, format;
}); while (format = time_formats[i++])
if (seconds < format[0]) {
if (typeof format[2] == 'string')
return format[list_choice];
else
return Math.floor(seconds / format[2]) + ' ' + format[1];
}
return time;
};

View File

@ -1,91 +0,0 @@
$page-pad: 40px;
$min-width: 320px;
$max-width: 1440px;
$sidebar-width: 320px;
$sidebar-pad: 30px;
$default-border-radius: 4px;
//html { background-color: $body_bg; }
//body { color: $body_color; }
//a {
//color: $link_color;
//&:hover, &:focus {
//color: saturate(darken($link_color, 15), 20); }
//&:visited {
//color: darken(adjust_hue($link_color, 70), 10); } }
.group { @include pie-clearfix; }
.inner-wrap {
position: relative;
margin: 0 auto;
padding: 0 $page_pad;
max-width: $max-width;
@extend .group;
}
.core-layout { > div { @extend .inner-wrap; } }
body { > header, > nav, > footer {
@extend .core-layout;
min-width: $min-width;
}
}
#page {
@extend .group;
padding: 0;
max-width: $max-width + $page-pad*2;
margin: 0 auto;
> div {
@extend .group;
//min-width: 480px;
margin-right: $sidebar-width;
> aside {
float: left;
width: $sidebar-width - $sidebar-pad*2;
margin: 0 -100% 0 0;
padding: $sidebar-pad;
}
}
}
#main {
float: left;
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
> * {
padding-right: $page-pad;
padding-left: $page-pad;
}
}
@media (min-device-width:1024px) and (max-width:800px),
screen and (max-device-width:480px), (max-device-width:480px) and (orientation:landscape),
(min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
#page > div { margin-right: 0;
#main { float: none; }
> aside { margin: 0; float: none; }
}
page > div > aside { float: none; }
body { > header, > nav, > footer { > div { padding: 0 15px; }}}
#main > * { padding-left: 15px; padding-right: 15px; }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
body { > header, > nav, > footer { > div { padding: 0 10px; }}}
#main > * { padding-left: 10px; padding-right: 10px; }
#page > div { margin: none; > aside { float: none; }}
}
//*{
//transition: width .5s;
//-moz-transition: width .5s;
//-webkit-transition: margin .5s;
//}
//#search { left: $page-width + $sidebar-margin - $sidebar-width; }

View File

@ -1,30 +0,0 @@
#nav {
@extend .group;
position: relative;
z-index: 1;
background-color: $nav-bg;
@include background-image(linear-gradient(#fcfcfc, #f4f4f4 0.3, #dddddd));
border: {
top: 1px solid $nav-border-top;
bottom: 1px solid $nav-border-bottom; };
ul {
position: relative;
@include horizontal-list;
margin: 0 auto;
padding: 6px 0;
li {
padding: 0 15px;
border-left: 1px solid $nav-border-left;
border-right: 1px solid $nav-border-right;
&:first-child {
border-left: none;
padding-left: 0; }
&:last-child {
border-right: 0; }
a {
display: inline-block;
color: $nav-color;
line-height: 150%;
text-decoration: none;
&:hover {
color: $nav-color-hover; } } } } }

View File

@ -1,19 +0,0 @@
#search {
position: absolute;
top: 30%;
form {
background: image-url("search_bg.png") no-repeat;
padding: 0;
height: 28px;
width: 218px; }
#q {
background: none;
position: relative;
top: 1px;
width: 160px;
margin-left: 30px;
font-size: 15px;
border: none;
color: #aaaaaa;
&:focus {
outline: none; } } }

View File

@ -1,38 +0,0 @@
.subscribe a {
display: inline-block;
padding-left: 28px;
background: image-url("rss.png") left top no-repeat; }
#sidebar {
line-height: 1.45em;
font-size: 90%;
h3 {
margin: 20px -15px 10px;
padding: 12px 15px;
background: white;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
&:first-child {
margin-top: 0; } } }
#twitter, #delicious {
@include border-radius;
background: #f8f8f8;
border: 1px solid #eeeeee;
padding: 5px 0;
ul {
list-style-type: none;
margin: 0; }
li {
margin: 0 15px;
padding: 10px 0 0;
border-bottom: #dddddd 1px dashed;
&:last-child {
border-bottom: 0; } } }
#delicious {
p {
font-style: italic; }
li {
color: #666666;
font-style: normal;
padding-bottom: 8px; } }

View File

@ -1,6 +1,7 @@
--- ---
layout: default layout: page
title: Typography Debug title: Typography Testing
no_sidebar: true
--- ---
%h1 Level 01 Heading %h1 Level 01 Heading