Thoth

flightofhorace.com

Created: 2013-10-04 22:58 Updated: 2013-10-04 22:59 Notebook: Notebook Stack/The Flight of Horace
<!DOCTYPE html><!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"></html><![endif]--><!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"></html><![endif]--><!--[if IE 8]><html class="no-js lt-ie9"></html><![endif]--><!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--><!--
  ==========================================================================
   ____                     ___       __  __
  /\  _`\  __              /\_ \     /\ \/\ \          __
  \ \ \L\ \\_\  __  _    __\//\ \    \ \ \ \ \    ___ /\_\    ___    ___
   \ \ ,__//\ \/\ \/'\ /'__`\\ \ \    \ \ \ \ \ /' _ `\/\ \  / __`\/' _ `\
    \ \ \/ \ \ \/>  <//\  __/ \_\ \_   \ \ \_\ \/\ \/\ \ \ \/\ \L\ \\ \/\ \
     \ \_\  \ \_\\_/\_\ \____\/\____\   \ \_____\ \_\ \_\ \_\ \____/ \_\ \_\
      \/_/   \/_///\/_/\/____/\/____/    \/_____/\/_/\/_/\/_/\/___/ \/_/\/_/
  ==========================================================================
     Halcyon v2.2.0
     Updated: August 01, 2013
     Website: http://pixelunion.net
     Themes: http:tumblr.com/themes/by/pixelunion
  ==========================================================================
-->
<head>
  <meta charset="utf-8" />
  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
  <link href="{RSS}" rel="alternate" type="application/rss+xml" />
  <link href="{Favicon}" rel="shortcut icon" />
  <meta content="{MetaDescription}" name="description" />
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /><meta name="text:Facebook Username" content="" /><meta name="text:Pinterest URL" content="" /><meta name="text:Vimeo URL" content="" /><meta name="text:Youtube URL" content="" /><meta name="text:Google Plus URL" content="" /><meta name="text:Flickr URL" content="" /><meta name="text:Dribbble URL" content="" /><meta name="text:Github URL" content="" /><meta name="text:Foursquare URL" content="" /><meta name="text:Linkedin URL" content="" /><meta name="text:Rdio URL" content="" /><meta name="text:Skype Username" content="" /><meta name="text:Lastfm URL" content="" /><meta name="text:Instagram URL" content="" /><meta name="text:Email Address" content="" /><meta name="text:Svpply URL" content="" /><meta name="text:Spotify URL" content="" /><meta name="text:Soundcloud URL" content="" /><meta name="text:Bandcamp URL" content="" /><meta name="text:Behance URL" content="" /><meta name="text:Delicious URL" content="" /><meta name="text:DeviantART URL" content="" /><meta name="text:Etsy URL" content="" /><meta name="text:MySpace URL" content="" /><meta name="text:Pinboard URL" content="" /><meta name="text:Steam URL" content="" /><meta name="text:StumbleUpon URL" content="" /><meta name="text:Facebook API ID" content="" /><meta name="text:Facebook Username" content="" /><meta name="text:Disqus Shortname" content="" /><meta name="text:GA Property ID" content="" /><meta name="text:Instagram Access Token" content="" /><meta name="text:Flickr User ID" content="" /><meta name="if:Hide Contributors Section" content="1" /><meta name="if:Hide Twitter Feed" content="0" /><meta name="if:Hide Followed Blogs" content="1" /><meta name="if:Hide Search Field" content="0" /><meta name="if:Hide RSS Link" content="0" /><meta name="if:Infinite Scroll" content="1" /><meta name="if:Click for more posts" content="1" /><meta name="if:Smart Quote Sources" content="0" /><meta name="if:Tile Background Image" content="0" /><meta name="image:Background" content="" /><meta name="image:Avatar" content="" /><meta name="color:Background Colour" content="#343640" /><meta name="color:Chat and Ask BG Colour" content="#e8e9eb" /><meta name="color:Light Text Colour" content="#8b99a0" /><meta name="color:Link Colour" content="#f64c3f" /><meta name="color:Link Hover Colour" content="#db4439" /><meta name="color:Post Icon BG Colour" content="#91949d" /><meta name="color:Post Icon Colour" content="#1a1c20" /><meta name="color:Sidebar Accent Colour" content="#ffffff" /><meta name="color:Sidebar and Meta Hover BG Colour" content="#f64c3f" /><meta name="color:Sidebar Navigation Colour" content="#ffffff" /><meta name="color:Sidebar and Meta Link Colour" content="#91949d" /><meta name="color:Sidebar and Meta Link Hover Colour" content="#ffffff" /><meta name="color:Text Colour" content="#1a1c21" /><meta name="color:Title Colour" content="#f64c3f" /><meta name="if:White Sidebar and Meta" content="0" /><meta name="text:Sidebar and Meta Background Opacity" content="0.5" /><style type="text/css">html {
      background-image: url({image:Background});
      background-color: {color:Background Colour};
      {block:IfTileBackgroundImage}
        background-size: auto !important;
        background-attachment: scroll !important;
      {/block:IfTileBackgroundImage}
    }
    .box#search-title, #likes #likes .like_post,
    article.post .post-comments,
    article.post .tumblr-notes,
    article.post .post-content {
      color: {color:Text Colour};
    }
    .like_audio_post:before,
    article.post.type-audio .vinyl,
    article.post.type-audio .custom-player-wrap .bar .progress {
      background-color: {color:Text Colour};
    }
    article.post .plays,
    article.post .reblog-source,
    article.post .tumblr-source,
    article.post .tags,
    article.post .tags a,
    article.post .tags a:link,
    article.post .tags a:visited,
    article.post .tags a:hover,
    article.post .caption .reblog-source,
    article.post .caption .tumblr-source,
    article.post .caption .tags,
    article.post .caption .tags a,
    article.post .caption .tags a:link,
    article.post .caption .tags a:visited,
    article.post .caption .tags a:hover {
      color: {color:Light Text Colour};
    }  #sidebar #navigation > li > a, #sidebar #navigation > li > span#pages, #sidebar #navigation > li > span#search input, #sidebar #navigation > li > span#search {
      color: {color:Sidebar Navigation Colour};
    }  #sidebar a.portrait, #sidebar #blog-description, #sidebar #navigation > li, #sidebar #social-links, #sidebar #twitter, #sidebar .sidebar-block#likes, #sidebar #flickr, #sidebar #instagram, #sidebar #who-i-follow, #sidebar #contributors, #moar-posts, #back-to-top, #pagination > a, #pagination > div,
    .post-meta .cell,
    .post-meta .share-container .close {
      {block:IfNotSidebarandMetaBackgroundOpacity}
          background-color: rgb(0, 0, 0);
          {block:IfWhiteSidebarAndMeta}
          background-color: rgb(255, 255, 255);
          {/block:IfWhiteSidebarAndMeta}
      {/block:IfNotSidebarandMetaBackgroundOpacity}
      {block:IfSidebarandMetaBackgroundOpacity}
          background-color: rgba(0, 0, 0, {text:Sidebar And Meta Background Opacity});
          {block:IfWhiteSidebarAndMeta}
          background-color: rgba(255, 255, 255, {text:Sidebar And Meta Background Opacity});
          {/block:IfWhiteSidebarAndMeta}
      {/block:IfSidebarandMetaBackgroundOpacity}
    }
    .lt-ie9 #sidebar a.portrait,
    .lt-ie9 #sidebar #blog-description,
    .lt-ie9 #sidebar #navigation li,
    .lt-ie9 #sidebar #social-links,
    .lt-ie9 #sidebar #twitter,
    .lt-ie9 #sidebar .sidebar-block#likes,
    .lt-ie9 #sidebar #flickr,
    .lt-ie9 #sidebar #instagram,
    .lt-ie9 #sidebar #who-i-follow,
    .lt-ie9 #sidebar #contributors,
    .lt-ie9 #moar-posts,
    .lt-ie9 #back-to-top,
    .lt-ie9 #pagination > a,
    .lt-ie9 #pagination > div,
    .lt-ie9 .post-meta .cell,
    .lt-ie9 .post-meta .share-container .close {
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7d000000', endColorstr='#7d000000');
      {block:IfWhiteSidebarAndMeta}
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7dffffff', endColorstr='#7dffffff');
      {block:IfWhiteSidebarAndMeta}
    }
    {block:IfNotFacebookAPIID}
    {block:IfNotDisqusShortname}
    .post-meta .spacer.comments,
    .post-meta .cell.comments {
      display: none !important;
    }
    {/block:IfNotDisqusShortname}
    {/block:IfNotFacebookAPIID}  #sidebar ul#navigation > li:hover,
    .post-meta .cell:hover,
    .post-meta .share-container .close:hover {
      background-color: {color:Sidebar and Meta Hover BG Colour};
    }  #sidebar #twitter.sidebar-block .tweet .tweet-content a, #sidebar #twitter.sidebar-block .tweet .tweet-content a:link, #sidebar #twitter.sidebar-block .tweet .tweet-content a:visited, #sidebar #twitter.sidebar-block .tweet .tweet-content a:hover, #sidebar #shown a, #sidebar #shown a:link, #sidebar #shown a:visited, #likes #likes .like_post a, #likes #likes .like_post a:link, #likes #likes .like_post a:visited,
    article.post a,
    article.post a:link {
      color: {color:Link Colour};
    }
    article.post.type-audio .custom-player-wrap .bar .buffered,
    article.post.type-audio .custom-player-wrap .button-wrap .button {
      background-color: {color:Link Colour};
    }  #sidebar #profile.sidebar-block #navigation #pages #page-list #shown a:hover, #likes #likes .like_post a:hover,
    article.post a:hover {
      color: {color:Link Hover Colour};
    }
    article.post .post-type-icon-wrap .post-type-icon:link,
    article.post .post-type-icon-wrap .post-type-icon:hover,
    article.post .post-type-icon-wrap .post-type-icon:visited {
      background-color: {color:Post Icon BG Colour};
      color: {color:Post Icon Colour};
    }
    article.post .post-type-icon-wrap .border {
      background-color: {color:Post Icon Colour};
    }
    article.post.type-chat h1.title a,
    article.post.type-link h1.title a,
    article.post.type-text h1.title a, #search-title h1,
    article.post.type-quote .source span.source-text {
      color: {color:Title Colour};
    }
    .post.type-answer .question,
    article.post.type-chat .chat li.odd {
      background-color: {color:Chat and Ask BG Colour};
    } #likes #likes .like_note_post .like_note strong .arrow,
    article.post.type-answer .question .arrow {
      background-color: {color:Chat and Ask BG Colour} !important;
    }
    article.post .tumblr-notes .notes li.note:nth-child(odd), #likes #likes .like_chat_post .like_line:nth-child(odd), #likes #likes .like_note_post .like_note strong:first-child {
      background-color: {color:Chat and Ask BG Colour};
    }  #sidebar .sidebar-block {
      color: {color:Sidebar and Meta Link Colour};
      border-top-color: {color:Sidebar Text Colour};
    }  #sidebar #profile.sidebar-block #blog-description .description a, #sidebar #profile.sidebar-block #blog-description .description a:link, #sidebar #profile.sidebar-block #blog-description .description a:visited, #sidebar #social-links a:hover, #sidebar #twitter a.date:hover, #sidebar #twitter a.user:hover, #sidebar .sidebar-block h1, #sidebar .sidebar-block h1 a:link, #sidebar .sidebar-block h1 a:visited, #sidebar .sidebar-block h1 a {
      color: {color:Sidebar Accent Colour};
    }  #pagination, #pagination a, #back-to-top, #moar-posts, #moar-posts.no-more:hover span.load,
    article.post .post-meta .cell,
    article.post .post-meta .cell a,
    article.post .post-meta .cell a:link,
    article.post .post-meta .cell a:visited,
    article.post .post-meta .cell span.share-button, #sidebar .sidebar-block input, #sidebar .sidebar-block a, #sidebar .sidebar-block span#search, #sidebar .sidebar-block span#pages, #sidebar .sidebar-block a, #sidebar .sidebar-block a:link, #sidebar .sidebar-block a:visited {
      color: {color:Sidebar and Meta Link Colour};
    }  #pagination a:hover, #back-to-top:hover , #moar-posts:hover span.load,
    article.post .post-meta .cell:hover a,
    article.post .post-meta .cell:hover span.share-button, #sidebar .sidebar-block a:hover, #sidebar .sidebar-block li:hover input, #sidebar .sidebar-block #navigation > li:hover > a, #sidebar .sidebar-block #navigation > li:hover > span#search, #sidebar .sidebar-block #navigation > li:hover > span#pages {
      color: {color:Sidebar and Meta Link Hover Colour};
    }  #sidebar #twitter.sidebar-block .tweet .tweet-content:after {
      background-color: #fff;
    } #sidebar #twitter.sidebar-block .tweet .tweet-content {
      color: {color:Text Colour};
      background-color: #fff;
    }</style>
  <script type="text/javascript">var tumblrOptions = {};
    {block:IfSmartQuoteSources}
      tumblrOptions.smartQuoteSources = true;
    {/block:IfSmartQuoteSources}
    {block:Twitter}
      tumblrOptions.twitterName = {JSTwitterUsername};
    {/block:Twitter}
    {block:IfInstagramAccessToken}
      tumblrOptions.instagramToken = '{text:Instagram Access Token}';
    {/block:IfInstagramAccessToken}
    {block:IfFlickrUserID}
      tumblrOptions.flickrID = '{text:Flickr User ID}';
    {/block:IfFlickrUserID}
    {block:IfFacebookAPIID}
      tumblrOptions.facebookAPI = true;
    {/block:IfFacebookAPIID}
    {block:IfDisqusShortname}
      tumblrOptions.disqusShortname = '{text:Disqus Shortname}';
    {/block:IfDisqusShortname}</script>{block:IfFacebookUsername}<meta content="{text:Facebook Username}" property="fb:admins" />{/block:IfFacebookUsername}{block:IfFacebookAPIID}<meta content="{text:Facebook API ID}" property="fb:app_id" />{/block:IfFacebookAPIID}<meta content="{Title}" property="og:site_name" />{block:PermalinkPage}<meta content="{Permalink}" property="og:url" />
  <meta content="article" property="og:type" />{block:Posts}{block:Text}{block:Title}<meta content="{PlaintextTitle}" property="og:title" />{/block:Title}<meta content="{PlaintextBody}" property="og:description" />{/block:Text}{block:Photo}<meta content="{PhotoURL-500}" property="og:image" />{block:Caption}<meta content="{PlaintextCaption}" property="og:description" />{/block:Caption}{/block:Photo}{block:Photoset}{block:Photos}<meta content="{PhotoURL-500}" property="og:image" />{/block:Photos}{block:Caption}<meta content="{PlaintextCaption}" property="og:description" />{/block:Caption}{/block:Photoset}{block:Quote}<meta content="{PlaintextQuote}" property="og:title" />
  <meta content="{PlaintextSource}" property="og:description" />
  <meta content="{PortraitURL-64}" property="og:image" />{/block:Quote}{block:Link}<meta content="{PlaintextName}" property="og:title" />
  <meta content="{PlaintextDescription}" property="og:description" />
  <meta content="{PortraitURL-64}" property="og:image" />{/block:Link}{block:Chat}<meta content="{PlaintextTitle}" property="og:title" />
  <meta content="{block:Lines}{block:Label}{Label}: {/block:Label}{Line} &bull; {/block:Lines}" property="og:description" />
  <meta content="{PortraitURL-64}" property="og:image" />{/block:Chat}{block:Audio}<meta content="{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}" property="og:title" />
  <meta content="{PlaintextCaption}" property="og:description" />{block:AlbumArt}<meta content="{AlbumArtURL}" property="og:image" />{/block:AlbumArt}{/block:Audio}{block:Video}{block:Caption}<meta content="{PlaintextCaption}" property="og:description" />{/block:Caption}{/block:Video}{block:Answer}<meta content="{PlaintextQuestion}" property="og:title" />
  <meta content="{PlaintextAnswer}" property="og:description" />
  <meta content="{PortraitURL-64}" property="og:image" />{/block:Answer}{/block:Posts}{/block:PermalinkPage}{block:IndexPage}<meta content="{Title}" property="og:title" />
  <meta content="blog" property="og:type" />
  <meta content="{MetaDescription}" property="og:description" />
  <meta content="{PortraitURL-64}" property="og:image" />{/block:IndexPage}<style type="text/css">{CustomCSS}</style>
  <title>{Title}</title>
 
  <style type="text/css">@font-face{font-family:Kraash;src:url(http://static.tumblr.com/9wzbixa/YOum2g74u/kraash_black.ttf);}</style>
<link href="http://static.tumblr.com/hugxd2w/qYzmqtdro/style.css" media="screen" rel="stylesheet" type="text/css" /><script src="http://static.tumblr.com/hugxd2w/gPam0w5o1/modernizr-2.5.3.min.js"></script>
</head>
<body class="{block:PermalinkPage}permalink-page{/block:PermalinkPage} {block:IndexPage}index-page{/block:IndexPage} {block:IfInfiniteScroll}infinite-scroll{block:IfInfiniteScroll} {block:IfBackgroundImage}{block:IfNotTileBackgroundImage}big-background{/block:IfNotTileBackgroundImage}{/block:IfBackgroundImage}"><div id="boxes"><section class="box small" id="sidebar">
      <div class="sidebar-block" id="profile">{block:IfAvatarImage}<a href="/"><img class="avatar" src="{image:Avatar}" /></a>{/block:IfAvatarImage}{block:IfNotAvatarImage}<a class="portrait" href="/"><img class="portrait" src="{PortraitURL-128}" /></a>{/block:IfNotAvatarImage}<div class="clearfix" id="blog-description">
          <h1>
            <a href="/">{Title}</a>
          </h1>
          <div class="description">{Description}</div>
        </div>
        <ul id="navigation">
          <li>
            <a href="/" id="home"><span class="icon">E</span> Home</a>
          </li>{block:HasPages}<li>
            <span id="pages"><span class="icon">q</span> Pages<div id="page-list">
                <ul id="shown">{block:Pages}<li>
                    <a href="{URL}">{Label}</a>
                  </li>{/block:Pages}</ul>
                <ul id="hidden">{block:Pages}<li>
                    <a href="{URL}">{Label}</a>
                  </li>{/block:Pages}</ul>
              </div>
            </span>
          </li>{/block:HasPages}<li>
            <a href="/archive" id="archives"><span class="icon">I</span> Archives</a>
          </li>{block:IfNotHideRSSLink}<li>
            <a href="/rss" id="feed"><span class="icon">G</span> Feed</a>
          </li>{/block:IfNotHideRSSLink}<li>
            <a href="/random" id="random"><span class="icon">H</span> random</a>
          </li>{block:AskEnabled}<li>
            <a href="/ask" id="ask"><span class="icon">C</span><span class="ask-label">{AskLabel}</span></a>
          </li>{/block:AskEnabled}{block:SubmissionsEnabled}<li>
            <a href="/submit" id="submit"><span class="icon">D</span><span class="submit-label">{SubmitLabel}</span></a>
          </li>{/block:SubmissionsEnabled}{block:IfNotHideSearchField}<li>
            <span id="search"><span class="icon">F</span>
              <form action="/search" id="search-form" method="get">
                <input id="search-field" name="q" onblur="if (this.value == '') {this.value = 'Search';}" onfocus="if (this.value == 'Search') {this.value = '';}" type="text" value="Search" />
              </form>
            </span>
          </li>{/block:IfNotHideSearchField}</ul>
      </div>{block:GroupMembers}{block:IfNotHideContributorsSection}<div class="sidebar-block clearfix" id="contributors">
        <h1>Contributors</h1>
        <ul>{block:GroupMember}<li>
            <a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-40}" title="{GroupMemberTitle}" /></a>
          </li>{/block:GroupMember}</ul>
      </div>{/block:IfNotHideContributorsSection}{/block:GroupMembers}<div class="sidebar-block clearfix" id="social-links">
        <h1>Find me on</h1>{block:IfDribbbleURL}<a class="icon dribbble" href="{text:Dribbble URL}">O</a>{/block:IfDribbbleURL}{block:IfEmailAddress}<a class="icon email" href="mailto:{text:Email Address}">h</a>{/block:IfEmailAddress}{block:IfFacebookUsername}<a class="icon facebook" href="http://facebook.com/{text:Facebook Username}">e</a>{/block:IfFacebookUsername}{block:IfFlickrURL}<a class="icon flickr" href="{text:Flickr URL}">J</a>{/block:IfFlickrURL}{block:IfFoursquareURL}<a class="icon foursquare" href="{text:Foursquare URL}">Z</a>{/block:IfFoursquareURL}{block:IfGithubURL}<a class="icon github" href="{text:Github URL}">T</a>{/block:IfGithubURL}{block:IfGooglePlusURL}<a class="icon google-plus" href="{text:Google Plus URL}">n</a>{/block:IfGooglePlusURL}{block:IfInstagramURL}<a class="icon instagram" href="{text:Instagram URL}">W</a>{/block:IfInstagramURL}{block:IfLastfmURL}<a class="icon lastfm" href="{text:Lastfm URL}">Q</a>{/block:IfLastfmURL}{block:IfLinkedinURL}<a class="icon linkedin" href="{text:Linkedin URL}">g</a>{/block:IfLinkedinURL}{block:IfPinterestURL}<a class="icon pinterest" href="{text:Pinterest URL}">V</a>{/block:IfPinterestURL}{block:IfRdioURL}<a class="icon rdio" href="{text:Rdio URL}">k</a>{/block:IfRdioURL}{block:IfSkypeUsername}<a class="icon skype" href="skype:{text:Skype Username}?userinfo">K</a>{/block:IfSkypeUsername}{block:IfSoundCloudURL}<a class="icon soundcloud" href="{text:Soundcloud URL}">N</a>{/block:IfSoundCloudURL}{block:IfSpotifyURL}<a class="icon spotify" href="{text:Spotify URL}">m</a>{/block:IfSpotifyURL}{block:IfSvpplyURL}<a class="icon svpply" href="{text:Svpply URL}">a</a>{/block:IfSvpplyURL}{block:Twitter}<a class="icon twitter" href="http://twitter.com/{TwitterUsername}">M</a>{/block:Twitter}{block:IfVimeoURL}<a class="icon vimeo" href="{text:Vimeo URL}">c</a>{/block:IfVimeoURL}{block:IfYoutubeURL}<a class="icon youtube" href="{text:Youtube URL}">i</a>{/block:IfYoutubeURL}{block:IfBandcampURL}<a class="icon bandcamp" href="{text:Bandcamp URL}">S</a>{/block:IfBandcampURL}{block:IfBehanceURL}<a class="icon behance" href="{text:Behance URL}">X</a>{/block:IfBehanceURL}{block:IfDeliciousURL}<a class="icon delicious" href="{text:Delicious URL}">d</a>{/block:IfDeliciousURL}{block:IfDeviantARTURL}<a class="icon deviantART" href="{text:DeviantART URL}">j</a>{/block:IfDeviantARTURL}{block:IfEtsyURL}<a class="icon etsy" href="{text:Etsy URL}">o</a>{/block:IfEtsyURL}{block:IfMySpaceURL}<a class="icon mySpace" href="{text:MySpace URL}">L</a>{/block:IfMySpaceURL}{block:IfPinboardURL}<a class="icon pinboard" href="{text:Pinboard URL}">P</a>{/block:IfPinboardURL}{block:IfSteamURL}<a class="icon steam" href="{text:Steam URL}">U</a>{/block:IfSteamURL}{block:IfStumbleUponURL}<a class="icon stumbleUpon" href="{text:StumbleUpon URL}">b</a>{/block:IfStumbleUponURL}</div>{block:IndexPage}{block:IfNotHideTwitterFeed}<div class="sidebar-block clearfix" id="twitter">
        <h1>Twitter Feed</h1>
      </div>{/block:IfNotHideTwitterFeed}{block:Likes}<div class="sidebar-block clearfix" id="likes">
        <h1>Posts I like</h1>{Likes summarize="100" limit="3" width="215"}<a class="moar-likes" href="http://www.tumblr.com/liked/by/{Plaintextname}">See more stuff I like<span class="icon">f</span></a>
      </div>{/block:Likes}<div class="sidebar-block clearfix" id="flickr">
        <h1>My Flickr Feed</h1>
      </div>
      <div class="sidebar-block clearfix" id="instagram">
        <h1>My Instagram Feed</h1>
      </div>{block:Following}{block:IfNotHideFollowedBlogs}<div class="sidebar-block clearfix" id="who-i-follow">
        <h1>Who I Follow</h1>
        <ul>{block:Followed}<li>
            <a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}" title="{FollowedTitle}" /></a>
          </li>{/block:Followed}</ul>
      </div>{/block:IfNotHideFollowedBlogs}{/block:Following}{/block:IndexPage}</section>{block:TagPage}<div class="box medium" id="search-title">
      <h1>{lang:Posts tagged Tag 2}</h1>
    </div>{/block:TagPage}{block:SearchPage}<div class="box medium" id="search-title">
      <h1>{lang:Search results for SearchQuery 2}</h1>
    </div>{/block:SearchPage}{block:Posts}<article class="box post type-{PostType}{block:Photoset}set{/block:Photoset} unprocessed {block:IfNotDefaultPostSizeMedium}{block:IfNotDefaultPostSizeLarge}small{/block:IfNotDefaultPostSizeLarge}{/block:IfNotDefaultPostSizeMedium} {block:IfDefaultPostSizeMedium}{block:IfNotDefaultPostSizeLarge}medium{/block:IfNotDefaultPostSizeLarge}{/block:IfDefaultPostSizeMedium} {block:IfDefaultPostSizeLarge}large{/block:IfDefaultPostSizeLarge}" data-tags="{TagsAsClasses}" id="{PostID}">
      <div class="post-content clearfix">{block:Text}{block:Title}<h1 class="title">
          <a href="{Permalink}">{Title}</a>
        </h1>{/block:Title}<div class="caption clearfix rte">{Body}{block:ContentSource}<p class="tumblr-source">{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img alt="{SourceTitle}" height="{LogoHeight}" src="{BlackLogoURL}" width="{LogoWidth}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
          </p>{/block:ContentSource}{block:HasTags}<p class="tags">
            <span class="icon">6</span>{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</p>{/block:HasTags}</div>{/block:Text}{block:Photo}<div class="photo-wrap">{LinkOpenTag}<img alt="{PhotoAlt}" class="photo" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" highres="{block:HighRes}{PhotoURL-HighRes}{/block:HighRes}" src="{PhotoURL-500}" />{LinkCloseTag}<div class="icons">
            <a class="tumblr-box" href="whatever"><span class="zoom">Zoom</span></a>{block:Exif}<span class="info">Info<div class="pxu-data">
                <table class="exif">
                  <tr>
                    <td colspan="2">
                      <span class="label">Camera</span><br />{block:Camera}{Camera}{/block:Camera}</td>
                  </tr>
                  <tr>
                    <td>
                      <span class="label">ISO</span><br />{block:ISO}{ISO}{/block:ISO}</td>
                    <td>
                      <span class="label">Aperture</span><br />{block:Aperture}{Aperture}{/block:Aperture}</td>
                  </tr>
                  <tr>
                    <td>
                      <span class="label">Exposure</span><br />{block:Exposure}{Exposure}{/block:Exposure}</td>
                    <td>
                      <span class="label">Focal Length</span><br />{block:FocalLength}{FocalLength}{/block:FocalLength}</td>
                  </tr>
                </table>
                <span class="arrow-down"></span>
              </div>
            </span>{/block:Exif}</div>
        </div>
        <div class="caption clearfix rte">{block:Caption}{Caption}{/block:Caption}{block:ContentSource}<p class="tumblr-source">{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img alt="{SourceTitle}" height="{LogoHeight}" src="{BlackLogoURL}" width="{LogoWidth}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
          </p>{/block:ContentSource}{block:HasTags}<p class="tags">
            <span class="icon">6</span>{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</p>{/block:HasTags}</div>{/block:Photo}{block:Photoset}<div class="photo-slideshow" data-layout="{PhotosetLayout}" id="photoset_{PostID}">{block:Photos}<div class="photo-data">
            <div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}><div class="icons">
                <a class="tumblr-box" href="{PhotoURL-HighRes}" rel="post-{PostID}"><span class="zoom">Zoom</span></a><span class="info">Info</span>
              </div>
            </div>
          </div>{/block:Photos}</div>
        <div class="caption clearfix rte">{block:Caption}{Caption}{/block:Caption}{block:ContentSource}<p class="tumblr-source">{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img alt="{SourceTitle}" height="{LogoHeight}" src="{BlackLogoURL}" width="{LogoWidth}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
          </p>{/block:ContentSource}{block:HasTags}<p class="tags">
            <span class="icon">6</span>{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</p>{/block:HasTags}</div>{/block:Photoset}{block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div class="source clearfix rte">&mdash;<span class="source-text"></span>
        </div>{/block:Source}<div class="caption">{block:Source}{Source}{/block:Source}</div>
        <div class="tags-source">{block:ContentSource}<p class="tumblr-source">{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img alt="{SourceTitle}" height="{LogoHeight}" src="{BlackLogoURL}" width="{LogoWidth}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
          </p>{/block:ContentSource}{block:HasTags}<p class="tags">
            <span class="icon">6</span>{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</p>{/block:HasTags}</div>{/block:Quote}{block:Link}<h1 class="title">
          <a class="link" href="{URL}">{Name} <span class="icon">f</span></a>
        </h1>
        <div class="caption clearfix rte">{block:Description}{Description}{/block:Description}{block:ContentSource}<p class="tumblr-source">{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img alt="{SourceTitle}" height="{LogoHeight}" src="{BlackLogoURL}" width="{LogoWidth}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
          </p>{/block:ContentSource}{block:HasTags}<p class="tags">
            <span class="icon">6</span>{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</p>{/block:HasTags}</div>{/block:Link}{block:Chat}{block:Title}<h1 class="title">
          <a href="{Permalink}">{Title}</a>
        </h1>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{block:ContentSource}<p class="tumblr-source">{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img alt="{SourceTitle}" height="{LogoHeight}" src="{BlackLogoURL}" width="{LogoWidth}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
        </p>{/block:ContentSource}{block:HasTags}<p class="tags">
          <span class="icon">6</span>{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</p>{/block:HasTags}{/block:Chat}{block:Audio}{block:AudioPlayer}<div class="album-art-area">{block:AlbumArt}<img class="album-art" src="{AlbumArtURL}" />{/block:AlbumArt}<div class="placeholder">
            <div class="vinyl">
              <div class="matrix"></div>
            </div>
          </div>
          <div class="standard-player-wrap">
            <div class="standard-player">{AudioPlayerWhite}</div>
          </div>
          <div class="custom-player-wrap">
            <div class="button-wrap">
              <div class="button"></div>
            </div>
            <div class="bar">
              <div class="buffered"></div>
              <div class="progress"></div>
            </div>
          </div>
          <div class="overlay">{block:ExternalAudio}<div class="download">
              <a href="{ExternalAudioURL}"><img src="http://static.tumblr.com/t5ocilb/2Afmf1nec/download.png" /></a>
            </div>{/block:ExternalAudio}</div>
        </div>{/block:AudioPlayer}{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}<div class="song-meta clearfix">{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}{block:TrackName}{block:Artist} - {/block:Artist}{/block:TrackName}{block:TrackName}<span class="track">{TrackName}</span>{/block:TrackName}{block:Album}<div class="album">from <span class="album">{Album}</span>
          </div>{/block:Album}{block:PlayCount}<div class="plays">{PlayCountWithLabel}</div>{/block:PlayCount}</div>
        <div class="caption clearfix rte">{block:Caption}{Caption}{/block:Caption}{block:ContentSource}<p class="tumblr-source">{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img alt="{SourceTitle}" height="{LogoHeight}" src="{BlackLogoURL}" width="{LogoWidth}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
          </p>{/block:ContentSource}{block:HasTags}<p class="tags">
            <span class="icon">6</span>{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</p>{/block:HasTags}</div>{/block:Audio}{block:Video}<div class="video-player-wrap">{Video-500}</div>
        <div class="caption clearfix rte">{block:Caption}{Caption}{/block:Caption}{block:ContentSource}<p class="tumblr-source">{lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img alt="{SourceTitle}" height="{LogoHeight}" src="{BlackLogoURL}" width="{LogoWidth}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
          </p>{/block:ContentSource}{block:HasTags}<p class="tags">
            <span class="icon">6</span>{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</p>{/block:HasTags}</div>{/block:Video}{block:Answer}<div class="question">{Question}<div class="arrow"></div>
        </div>
        <div class="asker">
          <img class="portrait" src="{AskerPortraitURL-40}" />{Asker}</div>
        <div class="answer clearfix rte caption">{Answer}</div>{/block:Answer}</div>{block:Date}<div class="post-type-icon-wrap">
        <div class="border">
          <a class="post-type-icon" href="{Permalink}"><span class="icon">    {block:Text} w {/block:Text}   {block:Photo} s {/block:Photo}{block:Photoset} s {/block:Photoset}   {block:Quote} 9 {/block:Quote}    {block:Link} 0 {/block:Link}    {block:Chat} x {/block:Chat}   {block:Audio} 2 {/block:Audio}   {block:Video} 4 {/block:Video}  {block:Answer} 3 {/block:Answer}</span></a>
        </div>
      </div>{/block:Date}{block:Date}<div class="post-meta">
        <div class="cell clearfix timestamp">
          <a href="{Permalink}"><span class="icon">B</span><span class="text">{TimeAgo}</span></a>
        </div>
        <div class="spacer">
          <div class="spacer"></div>
        </div>
        <div class="cell clearfix comments {block:IfFacebookAPIID}facebook{/block:IfFacebookAPIID} {block:IfDisqusShortname}{block:IfNotFacebookAPIID}disqus{/block:IfNotFacebookAPIID}{/block:IfDisqusShortname}">
          <a href="{Permalink}#comments"><span class="icon">Y</span><span class="text">{block:IfFacebookAPIID}<a class="comment-count" href="{Permalink}"><fb:comments-count href="{Permalink}"></fb:comments-count> Comments</a>{/block:IfFacebookAPIID}{block:IfNotFacebookAPIID}{block:IfDisqusShortname}<a class="comment-count" href="{Permalink}#disqus_thread"></a>{/block:IfDisqusShortname}{/block:IfNotFacebookAPIID}</span></a>
        </div>
        <div class="spacer comments">
          <div class="spacer"></div>
        </div>
        <div class="cell clearfix notes">
          <a href="{Permalink}#notes"><span class="icon">p</span><span class="text">{NoteCount} Notes</span></a>
        </div>
        <div class="spacer">
          <div class="spacer"></div>
        </div>
        <div class="cell clearfix pxu-share">
          <span class="share-button"><span class="icon">r</span><span class="text">share</span></span>
        </div>
        <div class="share-container">
          <div class="share-cell close">
            <span class="icon">A</span>
          </div>
          <div class="share-cell short-link">
            <div class="small icon">
              <a href="{ShortURL}">0</a>
            </div>
            <div class="big">
              <span>SHORTLINK</span><input class="url" value="{ShortURL}" />
            </div>
          </div>
          <a class="share-cell twitter icon" target="_blank">t</a><a class="share-cell facebook icon" target="_blank">u</a><a class="share-cell pinterest icon" target="_blank">l</a>
        </div>
      </div>{/block:Date}{block:PermalinkPage}{block:Date}{block:PostNotes}<div class="tumblr-notes">
        <h2>Notes</h2>{PostNotes}</div>{/block:PostNotes}{block:IfFacebookAPIID}<div class="post-comments"><fb:comments href="{Permalink}" width="500"></fb:comments></div>{/block:IfFacebookAPIID}{block:IfNotFacebookAPIID}{block:IfDisqusShortname}<div class="post-comments">
        <div id="disqus_thread"></div>
        <script type="text/javascript">var disqus_shortname = '{text:Disqus Shortname}';
          (function() {
          var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
          dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
          })();</script>
        <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript><a class="dsq-brlink" href="http://disqus.com">comments powered by <span class="logo-disqus">Disqus</span></a>
      </div>{/block:IfDisqusShortname}{/block:IfNotFacebookAPIID}{/block:Date}{/block:PermalinkPage}</article>{/block:Posts}{block:Pagination}<div id="footer-wrap">
      <section id="pagination">{block:PreviousPage}<a class="previous" href="{PreviousPage}">Newer</a>{/block:PreviousPage}<div class="count">{CurrentPage} of {TotalPages}</div>{block:NextPage}<a class="next" href="{NextPage}">Older</a>{/block:NextPage}</section>
    </div>{/block:Pagination}<div id="back-to-top">
      <div class="icon">-</div>
    </div>{block:IndexPage}<div id="footer-wrap">
      <div class="{block:IfNotClickForMorePosts}no-click{/block:IfNotClickForMorePosts}" id="moar-posts">
        <span class="load">Load more posts</span><span class="animation"><span class="1">.</span><span class="2">.</span><span class="3">.</span></span>
      </div>
    </div>{/block:IndexPage}</div>{block:ifBackgroundImage}<img class="ie-bg" src="{image:Background}" />{/block:ifBackgroundImage}<script src="http://static.tumblr.com/hugxd2w/2C0mpqp5n/script.js" type="text/javascript"></script>{block:IfNotHideTwitterFeed}{block:Twitter}<script type="text/javascript">function recent_tweets(data){window.tweet_data=data;$(document.body).trigger('twitter-data-ready');}</script><script src="/tweets.js" type="text/javascript"></script>{/block:Twitter}{/block:IfNotHideTwitterFeed}<script type="text/javascript">(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/en_US/all.js#xfbml=1";
       fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>{block:IfNotFacebookAPIID}{block:IfDisqusShortname}<script type="text/javascript">var disqus_shortname = '{text:Disqus Shortname}';
    (function () {
    var s = document.createElement('script'); s.async = true;
    s.type = 'text/javascript';
    s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
    (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
    }());</script>{/block:IfDisqusShortname}{/block:IfNotFacebookAPIID}{block:IfGAPropertyID}<script type="text/javascript">var _gaq=[['_setAccount','{text:GA Property ID}'],['_trackPageview']];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));</script>{/block:IfGAPropertyID}<script type="text/javascript">var themeTitle = "Halcyon Theme";
    var url = "http://halcyon-theme.tumblr.com";
    (function() {
      var pxu = document.createElement('script'); pxu.type = 'text/javascript'; pxu.async = true; pxu.src = 'http://cdn.pixelunion.net/customize/pxucm.js';
      var isCustomize = (window.location.href.indexOf('/customize_preview_receiver.html') >= 0) ? true: false;
      var isDemo = (window.location.href.indexOf(url) >= 0) ? true: false;
      (isCustomize || isDemo) && ((document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(pxu));
      // Fixes Avatar in theme customize listing
      if (isCustomize && $('article:first').attr('id')==33919814121) {
        $('.portrait').after('<a href="/"><img class="avatar" src="http://static.tumblr.com/3nghtcy/JZnmc46jm/tumblr_m6egil4cb71qdctqgo1_1280.jpeg"></a>');
        $('.portrait').remove();
      }
    })();</script>
</body></html>
Camera

View static HTML