vigo/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
        <meta name="text:Meta Author Name" content=""/>
        <meta name="author" content="{text:Meta Author Name}">
        <meta name="image:Header" content="" />

        <meta name="text:Google Analytics ID" content=""/>
        <meta name="text:Disqus Shortname" content=""/>
        <meta name="text:iTunes Link" content=""/>
        <meta name="text:SoundCloud Link" content=""/>
        <meta name="text:Blog Link" content=""/>
        <meta name="text:Facebook LikeBox Url" content=""/>
        <meta name="text:Facebook LikeBox Language" content=""/>

        <meta name="text:Tweet Link Language" content=""/>
        <meta name="text:Tweet Link Hashtags" content=""/>

        <meta name="if:Show Tags" content="1" />
        <meta name="if:Enable Syntax Highlighting" content="0" />

        <meta name="text:Syntax For Quote" content="ruby"/>
        <meta name="text:Syntax Config Strip BR" content="true"/>
        <meta name="text:Syntax Config Gutter" content="false"/>
        <meta name="text:Syntax Config AutoLinks" content="false"/>
        <meta name="text:Syntax Config Toolbar" content="false"/>
        <meta name="text:Syntax Config TabSize" content="2"/>

        <link rel="shortcut icon" href="{Favicon}" />
        <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
        <link rel="alternate" type="application/rss+xml" href="{RSS}" />
        <style type="text/css">
            body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
                margin: 0;
                padding: 0;
            }
            body {
                background: #ddd;
                font: 13px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
            }

            a {
                color: #420079;
            }

            #main-wrapper {
                background: transparent;
                width: 900px;
                margin: 0px auto;
                overflow: hidden;
            }

            #left-wrapper {
                display: inline;
                float: left;
                background: #fff;
                width: 580px;
            }

            #right-wrapper {
                display: inline;
                float: left;
                background: #ddd;
                width: 300px;
                margin: 0 0 0 20px;
            }

            /* Header Image ----------------------------------------------- */
            #logo-border {
                height: 20px;
                width: 500px;
                margin: 0px auto;
            }
            #logo {
                margin: 40px;
            }
            #logo img {
                display: block;
                width: 498px;
                border: 1px solid #ddd;
            }
            #logo h1 {
                color: #a00;
                font-size: 40px;
                margin-bottom: 80px;
            }
            /* Header Image ----------------------------------------------- */


            /* Posts ------------------------------------------------------ */
            #posts {
                width: 500px;
                margin: 0px auto;
            }

                .post {
                    margin: 0 0 50px 0;
                    overflow: hidden;
                }

                    /* Post Title */
                    .post h1 {
                        font-size: 26px;
                        margin: 0;
                        padding: 0;
                        border-bottom: 1px solid #ddd;
                    }
                        .post h1 a {
                            text-decoration: none;
                            background: none;
                        }


                    /* Post date */
                    .post h2 {
                        font-size: 14px;
                        margin: 0 0 20px 0;
                        color: #955;
                        overflow: hidden;
                    }
                        .post h2 span {
                            float: right;
                        }
                            .post h2 span a {
                                text-decoration: none;
                                background: none;
                                color: #999;
                            }


                    .post p {
                        margin: 0 0 10px 0;
                    }

                    .post a {
                        background: #eee;
                        color: #555;
                    }
                    .post a:hover {
                        background: #ff0;
                        color: #000;
                    }

                    .post ul {
                        list-style: square;
                        margin: 0 0 10px 0;
                        padding: 0;
                    }
                        .post ul li {
                            margin: 0 0 0 15px;
                            padding: 2px 0;
                        }

                    /* Tags */
                    .post .tags {
                        margin: 15px 0 0 0;
                    }
                    .post .tags span {
                        padding: 3px;
                        background: #555;
                        margin: 0 4px 4px 0;
                        display: inline-block;
                    }
                    .post .tags a {
                        background: none;
                        color: #fff;
                        text-decoration: none;
                    }
                    .post .tags a:hover {
                        background: none;
                        color: #ccc;
                    }


                    .post .media {
                    }
                    .post .media img {
                        display: block;
                        border-bottom: 2px solid #ddd;
                    }
                    .post .copy {
                        margin: 10px 0 0 0;
                        overflow: hidden;
                    }


                    .post .quote {
                    }
                    .post .quote blockquote p:before {
                        content: '‟ ';
                    }
                    .post .quote blockquote p:after {
                        content: ' „';
                    }
                    .post .quote blockquote {
                        font-size: 24px;
                    }
                    .post .quote p {
                    }
                    .post .quote .source {
                        text-align: right;
                        font-style: italic;
                    }


                    .post .chat {
                        background: #eee;
                    }
                    .post .chat .lines {
                    }
                    .post .chat .line {
                        padding: 5px 0;
                    }
                    .post .chat .even {
                        background: #ffe;
                    }
                        .post .chat .even strong {
                            font-style: italic;
                        }
            /* Posts ------------------------------------------------------ */


            #description {
                margin: 60px 0 40px 0;
                font-size: 14px;
                line-height: 20px;
                color: #555;
            }


            /* Social links */
            #social-links {
                margin: 0 0 40px 0;
            }
            #social-links ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }
            #social-links ul li {
                margin: 5px 0;
            }
            #social-links a {
                font-size: 22px;
                font-weight: bold;
                text-decoration: none;
            }
            #social-links a:hover {
                color: #555;
            }
            .itunes {
                background: url('http://dl.dropbox.com/u/490540/PodCast/podcast-icon-32.png') left top no-repeat;
                height: 32px;
                padding: 2px 0 0 42px;
            }
            .soundcloud {
                background: url('http://dl.dropbox.com/u/490540/PodCast/soundcloud-logo-32.png') left top no-repeat;
                height: 32px;
                padding: 2px 0 0 42px;
            }
            /* Social links */


            /* Twitter box */
            #twitter-box {
                margin: 0 0 40px 0;
                padding: 20px 20px 0 20px;
                background: #ff7;
                overflow: hidden;
            }
            #twitter-box ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }
            #twitter-box ul li {
                margin: 0 0 20px 0;
            }
            #twitter-username {
                font-weight: bold;
                font-size: 18px;
                display: block;
                margin: 0 0 5px 0;
            }
            #twitter-box a {
                color: #550;
            }
            #twitter-box a:hover {
                color: #770;
            }
            /* Twitter box */


            /* Page and rightside links */
            #page-links {
                margin: 0 0 40px 0;
            }
            #page-links ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }
            #page-links li {
                margin: 0 0 5px 0;
            }
            #page-links a {
                color: #111;
                font-size: 16px;
                font-weight: bold;
                text-decoration: none;
            }
            #page-links a:hover {
                background: #ccc;
            }

            #facebook-likebox-box {
                margin: 0 0 20px 0;
            }

            /* Page and rightside links */


            /* Paginator */
            #posts-paging {
                margin: 20px;
                padding: 20px 0 40px 0;
                border-top: 2px solid #558;
                overflow: hidden;
            }
            #posts-paging a {
                color: #558;
                font-weight: bold;
                text-decoration: none;
                font-size: 14px;
            }
            #posts-paging a:hover {
                color: #77a;
            }
            #posts-paging .paging-prev {
            }
            #posts-paging .paging-next {
                float: right;
            }
            /* Paginator */


            /* Search rightside */
            .search {
                margin: 0 0 40px 0;
            }
            .search input {
                width: 245px;
                height: 44px;
                padding: 5px 5px 5px 50px;
                font-size: 16px;
                border: none;
                -webkit-border-radius: 24px;
                -moz-border-radius: 24px;
                border-radius: 24px;
                background: #eee url('http://26.media.tumblr.com/tumblr_lhq8q0SO0h1qztnxqo1_100.png') no-repeat 10px;
            }
            /* Search rightside */


            #searchresults {
                margin: 0 0 20px 0;
            }
            .search_query {
                font-weight: bold;
            }


            #copyright {
                text-align: center;
                padding: 20px;
            }
        </style>
        {block:IfEnableSyntaxHighlighting}

        <!--
        Supported Syntaxes (keywords)

        applescript
        js
        jscript
        text
        plain
        py
        python
        ruby
        rails
        ror
        rb
        xml
        xhtml
        xslt
        html
        css
        bash
        shell
        -->

        <link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
        <link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
        <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script>
        <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js" type="text/javascript"></script>
        {/block:IfEnableSyntaxHighlighting}
        <style type="text/css">{CustomCSS}</style>
    </head>
    <body>
        <div id="main-wrapper">
            <div id="left-wrapper">
                <div id="logo-border"></div>

                <div id="logo">
                    {block:IfHeaderImage}<img src="{image:Header}" alt="#" />{/block:IfHeaderImage}
                    {block:IfNotHeaderImage}<h1>{Title}</h1>{/block:IfNotHeaderImage}
                </div>


                <div id="posts">

                    {block:SearchPage}
                        {block:SearchResults}
                            <div id="searchresults">
                                {lang:SearchResultCount results for SearchQuery 2}
                            </div>
                        {/block:SearchResults}

                        {block:NoSearchResults}
                            <div id="searchresults">
                                {lang:No search results for SearchQuery 2}
                            </div>
                        {/block:NoSearchResults}
                    {/block:SearchPage}


                    {block:Posts}
                    <div class="post">
                        {block:Regular}
                            {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
                            {block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
                            {Body}
                        {/block:Regular}


                        {block:Photo}
                            <h1><a href="{Permalink}">{Caption}</a></h1>
                            {block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
                            <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
                        {/block:Photo}


                        {block:Quote}
                            {block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}

                            {block:IfEnableSyntaxHighlighting}
                                {block:IfSyntaxForQuote}
                                    <div class="codeblock">
                                        <pre class="brush:ruby">{Quote}</pre>
                                        {block:Source}<p>{Source}</p>{/block:Source}
                                    </div>
                                {/block:IfSyntaxForQuote}
                            {/block:IfEnableSyntaxHighlighting}

                            {block:IfNotEnableSyntaxHighlighting}
                            <div class="quote">
                                <blockquote>
                                    <p>{Quote}</p>
                                </blockquote>
                                {block:Source}<p class="source">{Source}</p>{/block:Source}
                            </div>
                            {/block:IfNotEnableSyntaxHighlighting}
                        {/block:Quote}


                        {block:Video}
                            {block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
                            <div class="media">{Video-500}</div>
                            {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
                        {/block:Video}


                        {block:Audio}
                            {block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
                            {block:AudioEmbed}
                                {AudioEmbed}
                            {/block:AudioEmbed}

                            {block:AudioPlayer}
                                {block:IfShowAlbumArtOnAudioPosts}
                                    {block:AlbumArt}
                                        <div class="album_art">
                                            <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
                                        </div>
                                    {/block:AlbumArt}
                                {/block:IfShowAlbumArtOnAudioPosts}
                                <div class="audio">
                                    <div class="player">{AudioPlayerWhite}</div>
                                    <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
                                </div>
                            {/block:AudioPlayer}
                            {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
                        {/block:Audio}


                        {block:Chat}
                            {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
                            {block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
                            <div class="chat">
                                <div class="lines">
                                    {block:Lines}
                                        <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
                                    {/block:Lines}
                                </div>
                            </div>
                        {/block:Chat}

                        {block:Link}
                            {block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
                            <div class="link"><a href="{URL}" {Target}>{Name}</a></div>
                            {block:Description}<div class="copy">{Description}</div>{/block:Description}
                        {/block:Link}


                        {block:IfShowTags}
                            {block:HasTags}
                            <div class="tags">{block:Tags}<span><a href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>
                            {/block:HasTags}
                        {/block:IfShowTags}

                        {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}

                        {block:IfDisqusShortname}
                            {block:Permalink}
                                <div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
                                    <div id="disqus_thread"></div>
                                    <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
                                    <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
                                </div>
                                <div style="text-align:right; margin-top:5px;">
                                    {lang:Blog comments powered by Disqus 2}
                                </div>
                            {/block:Permalink}
                        {/block:IfDisqusShortname}

                    </div>
                    {/block:Posts}
                </div>

                {block:Pagination}
                <div id="posts-paging">
                    <p><a class="paging-prev" href="#">&larr; {lang:Previous page}</a><a class="paging-next" href="#">{lang:Next page} &rarr;</a></p>
                </div>
                {/block:Pagination}

                <div id="copyright">&copy; {CopyrightYears} <a href="http://www.tumblr.com">{lang:Powered by Tumblr}</a></div>
            </div>

            <div id="right-wrapper">
                <div id="description">
                    <p>{Description}</p>
                </div>

                <div id="social-links">
                    <ul>
                        {block:IfiTunesLink}<li class="itunes"><a href="{text:iTunes Link}">iTunes</a></li>{/block:IfiTunesLink}
                        {block:IfSoundCloudLink}<li class="soundcloud"><a href="{text:SoundCloud Link}">Soundcloud</a></li>{/block:IfSoundCloudLink}
                    </ul>
                </div>

                <div id="page-links">
                    <ul>
                        <li><a href="/">{lang:Home}</a></li>
                        <li><a href="/archive/">{lang:Archive}</a></li>
                        <li><a href="{RSS}">{lang:RSS}</a></li>
                        <li><a href="/mobile">{lang:Mobile}</a></li>
                        {block:IfBlogLink}<li><a href="{text:Blog Link}">Blog</a></li>{/block:IfBlogLink}

                        {block:HasPages}
                            {block:Pages}
                                <li><a href="{URL}">{Label}</a></li>
                            {/block:Pages}
                        {/block:HasPages}
                    </ul>
                </div>

                <div class="search">
                    <form action="/search" method="get">
                        <input type="text" name="q" value="" placeholder="{lang:Search}">
                        <button type="submit" style="display: none"></button>
                    </form>
                </div>

                {block:IfTwitter}
                    {block:Twitter}
                    <div id="twitter-box">
                        <div id="twitter" style="display:none;">
                            <a id="twitter-username" href="http://twitter.com/{TwitterUsername}">@{TwitterUsername}</a>
                            <ul id="tweets"></ul>
                        </div>
                    </div>
                    {/block:Twitter}
                {/block:IfTwitter}

                {block:IfFacebookLikeBoxUrl}
                <div id="facebook-likebox-box">
                    <div id="fb-root"></div>
                    <script>
                    //<![CDATA[
                    (function(d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) return;
                        js = d.createElement(s); js.id = id;
                        js.src = "//connect.facebook.net/{text:Facebook LikeBox Language}/all.js#xfbml=1";
                        fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));
                    //]]>
                    </script>
                    <div class="fb-like" data-href="{text:Facebook LikeBox Url}" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div>
                </div>
                {/block:IfFacebookLikeBoxUrl}

                {block:IfTwitter}
                    {block:IfTweetLinkLanguage}
                    <div id="twitter-share-box">
                        <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TwitterUsername}" data-lang="{text:Tweet Link Language}" data-hashtags="{text:Tweet Link Hashtags}">Tweetle</a>
                    </div>
                    <script>
                        //<![CDATA[
                        !function(d,s,id){
                            var js,fjs=d.getElementsByTagName(s)[0];
                            if(!d.getElementById(id)){
                                js=d.createElement(s);
                                js.id=id;
                                js.src="//platform.twitter.com/widgets.js";
                                fjs.parentNode.insertBefore(js,fjs);
                            }
                        }(document,"script","twitter-wjs");
                        //]]>
                    </script>
                    {/block:IfTweetLinkLanguage}
                {/block:IfTwitter}

            </div>
        </div>

        {block:IfGoogleAnalyticsID}
        <script type="text/javascript">
        //<![CDATA[
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
            _gaq.push(['_trackPageview']);
            (function() {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();
        //]]>
        </script>
        {/block:IfGoogleAnalyticsID}

        {block:IfTwitter}
            {block:Twitter}
                <script>
                    //<![CDATA[
                    function parse_url(input){
                        var ureg = new RegExp("http\\:\\/\\/([a-z0-9\\.\\/\?]+)", "gim");
                        return input.replace(ureg, '<a target="_blank" href="http://$1">$1</a>');
                    }
                    function parse_twitter_name(input){
                        var treg = new RegExp("[@]+([A-Za-z0-9-_]+)", "gim");
                        return input.replace(treg, '<a target="_blank" href="http://twitter.com/$1">@$1</a>');
                    }
                    function parse_hash_tags(input){
                        var hreg = new RegExp("[#]+([a-zA-Z0-9_\x81-\xFF\u0100-\u0fff]+)", "gim");
                        return input.replace(hreg, '<a target="_blank" href="http://search.twitter.com/search?q=$1">#$1</a>');
                    }
                    function parse_twitter_text(input){
                        input = parse_url(input);
                        input = parse_twitter_name(input);
                        input = parse_hash_tags(input);
                        return input;
                    }
                    function recent_tweets(data) {
                        for (i=0; i<data.length; i++) {
                            document.getElementById("tweets").innerHTML =
                            document.getElementById("tweets").innerHTML +
                                '<li>' + parse_twitter_text(data[i].text) + '</li>';
                        }
                        document.getElementById("twitter").style.display = 'block';
                    }
                    //]]>
                </script>
                <script type="text/javascript" src="/tweets.js"></script>
            {/block:Twitter}
        {/block:IfTwitter}

        {block:IfDisqusShortname}
        <script type="text/javascript">
        //<![CDATA[
            (function() {
                var links = document.getElementsByTagName('a');
                var query = '?';
                for(var i = 0; i < links.length; i++) {
                    if(links[i].href.indexOf('#disqus_thread') >= 0) {
                        query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
                    }
                }
                document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
            })();
        //]]>
        </script>
        {/block:IfDisqusShortname}

        {block:IfEnableSyntaxHighlighting}
            <script>
                //<![CDATA[
                SyntaxHighlighter.autoloader(
                      'applescript http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAppleScript.js'
                    , 'js jscript javascript http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'
                    , 'text plain http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js'
                    , 'py python http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js'
                    , 'ruby rails ror rb http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js'
                    , 'xml xhtml xslt html http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js'
                    , 'css http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js'
                    , 'bash shell http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js'
                );
                SyntaxHighlighter.config.stripBrs = {text:Syntax Config Strip BR};
                SyntaxHighlighter.defaults['gutter'] = {text:Syntax Config Gutter};
                SyntaxHighlighter.defaults['auto-links'] = {text:Syntax Config AutoLinks};
                SyntaxHighlighter.defaults['toolbar'] = {text:Syntax Config Toolbar};
                SyntaxHighlighter.defaults['html-script'] = false;
                SyntaxHighlighter.defaults['tab-size'] = {text:Syntax Config TabSize};
                SyntaxHighlighter.all();
                //]]>
            </script>
        {/block:IfEnableSyntaxHighlighting}
    </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
	<meta name="text:Meta Author Name" content=""/>
	<meta name="author" content="{text:Meta Author Name}">
	<meta name="image:Header" content="" />

	<meta name="text:Google Analytics ID" content=""/>
	<meta name="text:Disqus Shortname" content=""/>
	<meta name="text:iTunes Link" content=""/>
	<meta name="text:SoundCloud Link" content=""/>
	<meta name="text:Blog Link" content=""/>
	<meta name="text:Facebook LikeBox Url" content=""/>
	<meta name="text:Facebook LikeBox Language" content=""/>

	<meta name="text:Tweet Link Language" content=""/>
	<meta name="text:Tweet Link Hashtags" content=""/>

	<meta name="if:Show Tags" content="1" />
	<meta name="if:Enable Syntax Highlighting" content="0" />

	<meta name="text:Syntax For Quote" content="ruby"/>
	<meta name="text:Syntax Config Strip BR" content="true"/>
	<meta name="text:Syntax Config Gutter" content="false"/>
	<meta name="text:Syntax Config AutoLinks" content="false"/>
	<meta name="text:Syntax Config Toolbar" content="false"/>
	<meta name="text:Syntax Config TabSize" content="2"/>

	<link rel="shortcut icon" href="{Favicon}" />
	<link rel="apple-touch-icon" href="{PortraitURL-128}"/>
	<link rel="alternate" type="application/rss+xml" href="{RSS}" />
	<style type="text/css">
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
	body {
	background: #ddd;
	font: 13px 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	}

	a {
	color: #420079;
	}

	#main-wrapper {
	background: transparent;
	width: 900px;
	margin: 0px auto;
	overflow: hidden;
	}

	#left-wrapper {
	display: inline;
	float: left;
	background: #fff;
	width: 580px;
	}

	#right-wrapper {
	display: inline;
	float: left;
	background: #ddd;
	width: 300px;
	margin: 0 0 0 20px;
	}

	/* Header Image ----------------------------------------------- */
	#logo-border {
	height: 20px;
	width: 500px;
	margin: 0px auto;
	}
	#logo {
	margin: 40px;
	}
	#logo img {
	display: block;
	width: 498px;
	border: 1px solid #ddd;
	}
	#logo h1 {
	color: #a00;
	font-size: 40px;
	margin-bottom: 80px;
	}
	/* Header Image ----------------------------------------------- */


	/* Posts ------------------------------------------------------ */
	#posts {
	width: 500px;
	margin: 0px auto;
	}

	.post {
	margin: 0 0 50px 0;
	overflow: hidden;
	}

	/* Post Title */
	.post h1 {
	font-size: 26px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
	}
	.post h1 a {
	text-decoration: none;
	background: none;
	}


	/* Post date */
	.post h2 {
	font-size: 14px;
	margin: 0 0 20px 0;
	color: #955;
	overflow: hidden;
	}
	.post h2 span {
	float: right;
	}
	.post h2 span a {
	text-decoration: none;
	background: none;
	color: #999;
	}


	.post p {
	margin: 0 0 10px 0;
	}

	.post a {
	background: #eee;
	color: #555;
	}
	.post a:hover {
	background: #ff0;
	color: #000;
	}

	.post ul {
	list-style: square;
	margin: 0 0 10px 0;
	padding: 0;
	}
	.post ul li {
	margin: 0 0 0 15px;
	padding: 2px 0;
	}

	/* Tags */
	.post .tags {
	margin: 15px 0 0 0;
	}
	.post .tags span {
	padding: 3px;
	background: #555;
	margin: 0 4px 4px 0;
	display: inline-block;
	}
	.post .tags a {
	background: none;
	color: #fff;
	text-decoration: none;
	}
	.post .tags a:hover {
	background: none;
	color: #ccc;
	}


	.post .media {
	}
	.post .media img {
	display: block;
	border-bottom: 2px solid #ddd;
	}
	.post .copy {
	margin: 10px 0 0 0;
	overflow: hidden;
	}


	.post .quote {
	}
	.post .quote blockquote p:before {
	content: '‟ ';
	}
	.post .quote blockquote p:after {
	content: ' „';
	}
	.post .quote blockquote {
	font-size: 24px;
	}
	.post .quote p {
	}
	.post .quote .source {
	text-align: right;
	font-style: italic;
	}


	.post .chat {
	background: #eee;
	}
	.post .chat .lines {
	}
	.post .chat .line {
	padding: 5px 0;
	}
	.post .chat .even {
	background: #ffe;
	}
	.post .chat .even strong {
	font-style: italic;
	}
	/* Posts ------------------------------------------------------ */


	#description {
	margin: 60px 0 40px 0;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	}


	/* Social links */
	#social-links {
	margin: 0 0 40px 0;
	}
	#social-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#social-links ul li {
	margin: 5px 0;
	}
	#social-links a {
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	}
	#social-links a:hover {
	color: #555;
	}
	.itunes {
	background: url('http://dl.dropbox.com/u/490540/PodCast/podcast-icon-32.png') left top no-repeat;
	height: 32px;
	padding: 2px 0 0 42px;
	}
	.soundcloud {
	background: url('http://dl.dropbox.com/u/490540/PodCast/soundcloud-logo-32.png') left top no-repeat;
	height: 32px;
	padding: 2px 0 0 42px;
	}
	/* Social links */


	/* Twitter box */
	#twitter-box {
	margin: 0 0 40px 0;
	padding: 20px 20px 0 20px;
	background: #ff7;
	overflow: hidden;
	}
	#twitter-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#twitter-box ul li {
	margin: 0 0 20px 0;
	}
	#twitter-username {
	font-weight: bold;
	font-size: 18px;
	display: block;
	margin: 0 0 5px 0;
	}
	#twitter-box a {
	color: #550;
	}
	#twitter-box a:hover {
	color: #770;
	}
	/* Twitter box */


	/* Page and rightside links */
	#page-links {
	margin: 0 0 40px 0;
	}
	#page-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#page-links li {
	margin: 0 0 5px 0;
	}
	#page-links a {
	color: #111;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	}
	#page-links a:hover {
	background: #ccc;
	}

	#facebook-likebox-box {
	margin: 0 0 20px 0;
	}

	/* Page and rightside links */


	/* Paginator */
	#posts-paging {
	margin: 20px;
	padding: 20px 0 40px 0;
	border-top: 2px solid #558;
	overflow: hidden;
	}
	#posts-paging a {
	color: #558;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	}
	#posts-paging a:hover {
	color: #77a;
	}
	#posts-paging .paging-prev {
	}
	#posts-paging .paging-next {
	float: right;
	}
	/* Paginator */


	/* Search rightside */
	.search {
	margin: 0 0 40px 0;
	}
	.search input {
	width: 245px;
	height: 44px;
	padding: 5px 5px 5px 50px;
	font-size: 16px;
	border: none;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	background: #eee url('http://26.media.tumblr.com/tumblr_lhq8q0SO0h1qztnxqo1_100.png') no-repeat 10px;
	}
	/* Search rightside */


	#searchresults {
	margin: 0 0 20px 0;
	}
	.search_query {
	font-weight: bold;
	}


	#copyright {
	text-align: center;
	padding: 20px;
	}
	</style>
	{block:IfEnableSyntaxHighlighting}

	<!--
	Supported Syntaxes (keywords)

	applescript
	js
	jscript
	text
	plain
	py
	python
	ruby
	rails
	ror
	rb
	xml
	xhtml
	xslt
	html
	css
	bash
	shell
	-->

	<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
	<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
	<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script>
	<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js" type="text/javascript"></script>
	{/block:IfEnableSyntaxHighlighting}
	<style type="text/css">{CustomCSS}</style>
	</head>
	<body>
	<div id="main-wrapper">
	<div id="left-wrapper">
	<div id="logo-border"></div>

	<div id="logo">
	{block:IfHeaderImage}<img src="{image:Header}" alt="#" />{/block:IfHeaderImage}
	{block:IfNotHeaderImage}<h1>{Title}</h1>{/block:IfNotHeaderImage}
	</div>



	<div id="posts">

	{block:SearchPage}
	{block:SearchResults}
	<div id="searchresults">
	{lang:SearchResultCount results for SearchQuery 2}
	</div>
	{/block:SearchResults}

	{block:NoSearchResults}
	<div id="searchresults">
	{lang:No search results for SearchQuery 2}
	</div>
	{/block:NoSearchResults}
	{/block:SearchPage}


	{block:Posts}
	<div class="post">
	{block:Regular}
	{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
	{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
	{Body}
	{/block:Regular}


	{block:Photo}
	<h1><a href="{Permalink}">{Caption}</a></h1>
	{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
	<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
	{/block:Photo}


	{block:Quote}
	{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}

	{block:IfEnableSyntaxHighlighting}
	{block:IfSyntaxForQuote}
	<div class="codeblock">
	<pre class="brush:ruby">{Quote}</pre>
	{block:Source}<p>{Source}</p>{/block:Source}
	</div>
	{/block:IfSyntaxForQuote}
	{/block:IfEnableSyntaxHighlighting}

	{block:IfNotEnableSyntaxHighlighting}
	<div class="quote">
	<blockquote>
	<p>{Quote}</p>
	</blockquote>
	{block:Source}<p class="source">{Source}</p>{/block:Source}
	</div>
	{/block:IfNotEnableSyntaxHighlighting}
	{/block:Quote}


	{block:Video}
	{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
	<div class="media">{Video-500}</div>
	{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
	{/block:Video}


	{block:Audio}
	{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
	{block:AudioEmbed}
	{AudioEmbed}
	{/block:AudioEmbed}

	{block:AudioPlayer}
	{block:IfShowAlbumArtOnAudioPosts}
	{block:AlbumArt}
	<div class="album_art">
	<img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
	</div>
	{/block:AlbumArt}
	{/block:IfShowAlbumArtOnAudioPosts}
	<div class="audio">
	<div class="player">{AudioPlayerWhite}</div>
	<div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> • <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
	</div>
	{/block:AudioPlayer}
	{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
	{/block:Audio}


	{block:Chat}
	{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
	{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
	<div class="chat">
	<div class="lines">
	{block:Lines}
	<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
	{/block:Lines}
	</div>
	</div>
	{/block:Chat}

	{block:Link}
	{block:Date}<h2>{DayOfMonth} {Month} {Year}{block:IfDisqusShortname}<span><a href="{Permalink}#disqus_thread">{lang:Recent comments}</a></span>{/block:IfDisqusShortname}</h2>{/block:Date}
	<div class="link"><a href="{URL}" {Target}>{Name}</a></div>
	{block:Description}<div class="copy">{Description}</div>{/block:Description}
	{/block:Link}



	{block:IfShowTags}
	{block:HasTags}
	<div class="tags">{block:Tags}<span><a href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>
	{/block:HasTags}
	{/block:IfShowTags}

	{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}

	{block:IfDisqusShortname}
	{block:Permalink}
	<div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
	<div id="disqus_thread"></div>
	<script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
	<noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
	</div>
	<div style="text-align:right; margin-top:5px;">
	{lang:Blog comments powered by Disqus 2}
	</div>
	{/block:Permalink}
	{/block:IfDisqusShortname}

	</div>
	{/block:Posts}
	</div>

	{block:Pagination}
	<div id="posts-paging">
	<p><a class="paging-prev" href="#">← {lang:Previous page}</a><a class="paging-next" href="#">{lang:Next page} →</a></p>
	</div>
	{/block:Pagination}

	<div id="copyright">© {CopyrightYears} <a href="http://www.tumblr.com">{lang:Powered by Tumblr}</a></div>
	</div>

	<div id="right-wrapper">
	<div id="description">
	<p>{Description}</p>
	</div>

	<div id="social-links">
	<ul>
	{block:IfiTunesLink}<li class="itunes"><a href="{text:iTunes Link}">iTunes</a></li>{/block:IfiTunesLink}
	{block:IfSoundCloudLink}<li class="soundcloud"><a href="{text:SoundCloud Link}">Soundcloud</a></li>{/block:IfSoundCloudLink}
	</ul>
	</div>

	<div id="page-links">
	<ul>
	<li><a href="/">{lang:Home}</a></li>
	<li><a href="/archive/">{lang:Archive}</a></li>
	<li><a href="{RSS}">{lang:RSS}</a></li>
	<li><a href="/mobile">{lang:Mobile}</a></li>
	{block:IfBlogLink}<li><a href="{text:Blog Link}">Blog</a></li>{/block:IfBlogLink}

	{block:HasPages}
	{block:Pages}
	<li><a href="{URL}">{Label}</a></li>
	{/block:Pages}
	{/block:HasPages}
	</ul>
	</div>

	<div class="search">
	<form action="/search" method="get">
	<input type="text" name="q" value="" placeholder="{lang:Search}">
	<button type="submit" style="display: none"></button>
	</form>
	</div>

	{block:IfTwitter}
	{block:Twitter}
	<div id="twitter-box">
	<div id="twitter" style="display:none;">
	<a id="twitter-username" href="http://twitter.com/{TwitterUsername}">@{TwitterUsername}</a>
	<ul id="tweets"></ul>
	</div>
	</div>
	{/block:Twitter}
	{/block:IfTwitter}

	{block:IfFacebookLikeBoxUrl}
	<div id="facebook-likebox-box">
	<div id="fb-root"></div>
	<script>
	//<![CDATA[
	(function(d, s, id) {
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) return;
	js = d.createElement(s); js.id = id;
	js.src = "//connect.facebook.net/{text:Facebook LikeBox Language}/all.js#xfbml=1";
	fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
	//]]>
	</script>
	<div class="fb-like" data-href="{text:Facebook LikeBox Url}" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false"></div>
	</div>
	{/block:IfFacebookLikeBoxUrl}

	{block:IfTwitter}
	{block:IfTweetLinkLanguage}
	<div id="twitter-share-box">
	<a href="https://twitter.com/share" class="twitter-share-button" data-via="{TwitterUsername}" data-lang="{text:Tweet Link Language}" data-hashtags="{text:Tweet Link Hashtags}">Tweetle</a>
	</div>
	<script>
	//<![CDATA[
	!function(d,s,id){
	var js,fjs=d.getElementsByTagName(s)[0];
	if(!d.getElementById(id)){
	js=d.createElement(s);
	js.id=id;
	js.src="//platform.twitter.com/widgets.js";
	fjs.parentNode.insertBefore(js,fjs);
	}
	}(document,"script","twitter-wjs");
	//]]>
	</script>
	{/block:IfTweetLinkLanguage}
	{/block:IfTwitter}

	</div>
	</div>

	{block:IfGoogleAnalyticsID}
	<script type="text/javascript">
	//<![CDATA[
	var _gaq = _gaq \|\| [];
	_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
	_gaq.push(['_trackPageview']);
	(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();
	//]]>
	</script>
	{/block:IfGoogleAnalyticsID}

	{block:IfTwitter}
	{block:Twitter}
	<script>
	//<![CDATA[
	function parse_url(input){
	var ureg = new RegExp("http\\:\\/\\/([a-z0-9\\.\\/\?]+)", "gim");
	return input.replace(ureg, '<a target="_blank" href="http://$1">$1</a>');
	}
	function parse_twitter_name(input){
	var treg = new RegExp("[@]+([A-Za-z0-9-_]+)", "gim");
	return input.replace(treg, '<a target="_blank" href="http://twitter.com/$1">@$1</a>');
	}
	function parse_hash_tags(input){
	var hreg = new RegExp("[#]+([a-zA-Z0-9_\x81-\xFF\u0100-\u0fff]+)", "gim");
	return input.replace(hreg, '<a target="_blank" href="http://search.twitter.com/search?q=$1">#$1</a>');
	}
	function parse_twitter_text(input){
	input = parse_url(input);
	input = parse_twitter_name(input);
	input = parse_hash_tags(input);
	return input;
	}
	function recent_tweets(data) {
	for (i=0; i<data.length; i++) {
	document.getElementById("tweets").innerHTML =
	document.getElementById("tweets").innerHTML +
	'<li>' + parse_twitter_text(data[i].text) + '</li>';
	}
	document.getElementById("twitter").style.display = 'block';
	}
	//]]>
	</script>
	<script type="text/javascript" src="/tweets.js"></script>
	{/block:Twitter}
	{/block:IfTwitter}

	{block:IfDisqusShortname}
	<script type="text/javascript">
	//<![CDATA[
	(function() {
	var links = document.getElementsByTagName('a');
	var query = '?';
	for(var i = 0; i < links.length; i++) {
	if(links[i].href.indexOf('#disqus_thread') >= 0) {
	query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
	}
	}
	document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
	})();
	//]]>
	</script>
	{/block:IfDisqusShortname}

	{block:IfEnableSyntaxHighlighting}
	<script>
	//<![CDATA[
	SyntaxHighlighter.autoloader(
	'applescript http://alexgorbatchev.com/pub/sh/current/scripts/shBrushAppleScript.js'
	, 'js jscript javascript http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'
	, 'text plain http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js'
	, 'py python http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js'
	, 'ruby rails ror rb http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js'
	, 'xml xhtml xslt html http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js'
	, 'css http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js'
	, 'bash shell http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js'
	);
	SyntaxHighlighter.config.stripBrs = {text:Syntax Config Strip BR};
	SyntaxHighlighter.defaults['gutter'] = {text:Syntax Config Gutter};
	SyntaxHighlighter.defaults['auto-links'] = {text:Syntax Config AutoLinks};
	SyntaxHighlighter.defaults['toolbar'] = {text:Syntax Config Toolbar};
	SyntaxHighlighter.defaults['html-script'] = false;
	SyntaxHighlighter.defaults['tab-size'] = {text:Syntax Config TabSize};
	SyntaxHighlighter.all();
	//]]>
	</script>
	{/block:IfEnableSyntaxHighlighting}
	</body>
	</html>