Advertisement
yLii

Chr.27

Feb 20th, 2015
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.98 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=a3e5e7f1b487e101133066aadcff3cde"></script>
  3. <!DOCTYPE html>
  4. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  5. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  6. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  7. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  8. <head>
  9. <meta charset="utf-8">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11.  
  12.  
  13. <meta name="description" content="{MetaDescription}" />
  14.  
  15.  
  16.  
  17. <meta name="viewport" content="width=device-width,initial-scale=1">
  18. <title>{Title}</title>
  19.  
  20. <!-- IMAGES -->
  21.  
  22. <meta name="image:Header Logo" content=""/>
  23. <meta name="image:Header Background" content=""/>
  24.  
  25. <!-- COLORS -->
  26. <meta name="color:Background" content="#fff"/>
  27. <meta name="color:Blockquote Border" content="#eee"/>
  28. <meta name="color:Border" content="#dededc"/>
  29. <meta name="color:Date" content="#666"/>
  30.  
  31. <meta name="color:Header Background" content="#000"/>
  32. <meta name="color:Header Overlay" content="#e85350"/>
  33. <meta name="color:Header Text" content="#fff"/>
  34. <meta name="color:Header Text Border" content="#fff"/>
  35. <meta name="color:Header Description" content="#fff"/>
  36.  
  37. <meta name="color:Link" content="#e85350"/>
  38. <meta name="color:Link Underline" content="#eee"/>
  39. <meta name="color:Header Nav" content="#fff"/>
  40. <meta name="color:Secondary" content="#b5b5b5"/>
  41.  
  42. <meta name="color:Sidebar Background" content="#333"/>
  43. <meta name="color:Sidebar Link" content="#fff"/>
  44. <meta name="color:Sidebar Border" content="#383838"/>
  45.  
  46. <meta name="color:Text" content="#000"/>
  47. <meta name="color:Title" content="#000"/>
  48.  
  49. <!-- SELECTS -->
  50.  
  51. <meta name="select:Header Overlay Opacity" content="o-90" title="90%">
  52. <meta name="select:Header Overlay Opacity" content="o-80" title="80%">
  53. <meta name="select:Header Overlay Opacity" content="o-70" title="70%">
  54. <meta name="select:Header Overlay Opacity" content="o-60" title="60%">
  55. <meta name="select:Header Overlay Opacity" content="o-50" title="50%">
  56. <meta name="select:Header Overlay Opacity" content="o-40" title="40%">
  57. <meta name="select:Header Overlay Opacity" content="o-30" title="30%">
  58. <meta name="select:Header Overlay Opacity" content="o-20" title="20%">
  59. <meta name="select:Header Overlay Opacity" content="o-10" title="10%">
  60. <meta name="select:Header Overlay Opacity" content="o-0" title="0%">
  61.  
  62. <meta name="select:Header Letter Spacing" content="sp-6" title="6px">
  63. <meta name="select:Header Letter Spacing" content="sp-4" title="4px">
  64. <meta name="select:Header Letter Spacing" content="sp-2" title="2px">
  65. <meta name="select:Header Letter Spacing" content="sp-0" title="0px">
  66. <meta name="select:Header Letter Spacing" content="sp-8" title="8px">
  67. <meta name="select:Header Letter Spacing" content="sp-10" title="10px">
  68.  
  69. <meta name="select:Meta Permalink Text" content="timeAgo" title="Time Ago">
  70. <meta name="select:Meta Permalink Text" content="date" title="Date">
  71. <meta name="select:Meta Permalink Text" content="permalinkText" title="Permalink">
  72.  
  73. <meta name="select:Header Border Style" content="solid" title="Solid">
  74. <meta name="select:Header Border Style" content="none" title="None">
  75. <meta name="select:Header Border Style" content="double" title="Double">
  76. <meta name="select:Header Border Style" content="dashed" title="Dashed">
  77. <meta name="select:Header Border Style" content="dotted" title="Dotted">
  78.  
  79. <meta name="select:Title Letter Spacing" content="sp-2" title="2px">
  80. <meta name="select:Title Letter Spacing" content="sp-0" title="0px">
  81. <meta name="select:Title Letter Spacing" content="sp-4" title="4px">
  82. <meta name="select:Title Letter Spacing" content="sp-8" title="8px">
  83. <meta name="select:Title Letter Spacing" content="sp-6" title="6px">
  84. <meta name="select:Title Letter Spacing" content="sp-10" title="10px">
  85.  
  86. <meta name="select:Header Nav Letter Spacing" content="4px" title="4px">
  87. <meta name="select:Header Nav Letter Spacing" content="6px" title="6px">
  88. <meta name="select:Header Nav Letter Spacing" content="2px" title="2px">
  89. <meta name="select:Header Nav Letter Spacing" content="0px" title="0px">
  90. <meta name="select:Header Nav Letter Spacing" content="8px" title="8px">
  91. <meta name="select:Header Nav Letter Spacing" content="10px" title="10px">
  92.  
  93. <meta name="select:Sidebar Letter Spacing" content="4px" title="4px">
  94. <meta name="select:Sidebar Letter Spacing" content="2px" title="2px">
  95. <meta name="select:Sidebar Letter Spacing" content="0px" title="0px">
  96. <meta name="select:Sidebar Letter Spacing" content="6px" title="6px">
  97. <meta name="select:Sidebar Letter Spacing" content="8px" title="8px">
  98. <meta name="select:Sidebar Letter Spacing" content="10px" title="10px">
  99.  
  100.  
  101. <!-- OPTIONS -->
  102.  
  103. <meta name="if:Black Menu Button Over Header" content="0" />
  104. <meta name="if:Bold Date" content="0" />
  105. <meta name="if:Bold Header" content="1" />
  106. <meta name="if:Bold Meta" content="0" />
  107. <meta name="if:Bold Post Title" content="1" />
  108. <meta name="if:Center Post Title" content="1" />
  109. <meta name="if:Facebook Comments On" content="0" />
  110. <meta name="if:Hide Archive Link In Navigation Bar" content="0" />
  111. <meta name="if:Hide Home Link In Navigation Bar" content="0" />
  112. <meta name="if:Hide RSS Link In Navigation Bar" content="0" />
  113. <meta name="if:High Res Grid Photosets" content="1" />
  114. <meta name="if:Italic Date" content="1" />
  115. <meta name="if:Italic Description Text" content="1" />
  116. <meta name="if:Large First Paragraph" content="1" />
  117. <meta name="if:Load More Posts Button" content="1" />
  118. <meta name="if:Place First Image Above Title On Text Posts" content="1" />
  119. <meta name="if:Show Description In Header" content="0" />
  120. <meta name="if:Show Permalink Pagination" content="0" />
  121. <meta name="if:Show Post Date On Text Posts" content="1" />
  122. <meta name="if:Show Social Bar" content="0" />
  123. <meta name="if:Stretch Images In Text Posts" content="1" />
  124. <meta name="if:Uppercase Date" content="0" />
  125. <meta name="if:Uppercase Description Text" content="0" />
  126. <meta name="if:Uppercase Header Text" content="1" />
  127. <meta name="if:Uppercase Header Nav" content="1" />
  128. <meta name="if:Uppercase Meta" content="0" />
  129. <meta name="if:Uppercase Post Title" content="1" />
  130. <meta name="if:Use Grid Photoset" content="0" />
  131. <meta name="if:Place Nav In Header" content="0" />
  132.  
  133. <!-- TEXT -->
  134.  
  135. <meta name="text:500px URL" content="" />
  136. <meta name="text:Behance URL" content="" />
  137. <meta name="text:Cargo URL" content="" />
  138. <meta name="text:Copyright Text" content="" />
  139. <meta name="text:Disqus Shortname" content=""/>
  140. <meta name="text:Dribbble Username" content="" />
  141. <meta name="text:Email Address" content="" />
  142. <meta name="text:Facebook App ID" content=""/>
  143. <meta name="text:Facebook URL" content="" />
  144. <meta name="text:Flickr URL" content="" />
  145. <meta name="text:Flickr ID" content="" />
  146. <meta name="text:Google Analytics Web Property ID" content=""/>
  147. <meta name="text:Header Background Height" content="500" />
  148. <meta name="text:Header Background Permalink Height" content="500" />
  149. <meta name="text:Instagram Access Token" content="" />
  150. <meta name="text:Instagram Username" content="" />
  151. <meta name="text:LastFM URL" content="" />
  152. <meta name="text:Pinterest Username" content="" />
  153. <meta name="text:Twitter Username" content="" />
  154. <meta name="text:Typekit ID" content="" />
  155. <meta name="text:Vimeo URL" content="" />
  156. <meta name="text:YouTube Channel URL" content="" />
  157.  
  158.  
  159. <!-- fonts -->
  160. <meta name="font:Header" content="'Open Sans', sans-serif"/>
  161. <meta name="font:Title" content="'Open Sans', sans-serif"/>
  162. <meta name="font:Date" content="'Merriweather Sans', sans-serif"/>
  163. <meta name="font:Secondary" content="'Source Sans Pro', sans-serif"/>
  164. <meta name="font:Body" content="'Merriweather', serif"/>
  165.  
  166. <meta name="text:Custom Header Font" content="" />
  167. <meta name="text:Custom Title Font" content="" />
  168. <meta name="text:Custom Date Font" content="" />
  169. <meta name="text:Custom Secondary Font" content="" />
  170. <meta name="text:Custom Body Font" content="" />
  171.  
  172.  
  173.  
  174.  
  175.  
  176. <meta property="og:title" content="A tumblr theme for high res photos and articles." />
  177. <meta property="og:image" content="http://31.media.tumblr.com/avatar_4823526e76fc_96.png" />
  178.  
  179.  
  180. <link rel="shortcut icon" href="http://31.media.tumblr.com/avatar_4823526e76fc_128.png">
  181. <link rel="alternate" type="application/rss+xml" href="http://chronicletheme.tumblr.com/rss">
  182.  
  183. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/Ba0n5i0zs/style.min.css">
  184.  
  185. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600|Merriweather:400,400italic,700,700italic|Merriweather+Sans:400,700,400italic,700italic|Open+Sans:400italic,600italic,700italic,400,700,600' rel='stylesheet' type='text/css'>
  186.  
  187. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  188.  
  189.  
  190. <style type="text/css">
  191.  
  192.  
  193. header {
  194. height: 500px;
  195. }
  196.  
  197. body.permalink header {
  198. height: 500px;
  199.  
  200. }
  201.  
  202. @media only screen and (max-width: 520px) {
  203. body.permalink header, header {
  204. height: 220px;
  205. }
  206. body.permalink header.desc-in-header, header.desc-in-header {
  207. height: 300px;
  208. }
  209. }
  210.  
  211.  
  212. header #headerImage {
  213. height: 100%;
  214. background-color: {color:Header Background} !important;
  215. }
  216.  
  217. header.back-image .overlay {
  218. background-color: {color:Header Overlay};
  219. }
  220.  
  221. header .headerContent .headerText a {
  222. color: {color:Header Text};
  223. }
  224.  
  225. header .headerContent .headerText a h1 {
  226.  
  227. border-color: {color:Header Text Border};
  228. }
  229.  
  230. header .headerContent h2.description {
  231.  
  232. color: {color:Header Description};
  233.  
  234. }
  235.  
  236. /* text */
  237.  
  238. body, .post p, .caption ol li, .caption ul li, .mainText ol li, .mainText ul li, article.chat ul.chat li, .pagination .pageLinks a, .pagination .pageLinks a:visited, .perm-pagination .pageLinks a, .perm-pagination .pageLinks a:visited {
  239. color: {color:Text};
  240. }
  241.  
  242. /*text font */
  243.  
  244. body, .caption blockquote p, .mainText blockquote p, article.quote .source, article.link blockquote.link_og_blockquote, article.answer h4.asker {
  245. font-family: 'Merriweather, sans-serif;
  246.  
  247. font-family:'Merriweather', sans-serif;
  248.  
  249. }
  250.  
  251. /* title */
  252. .post.text h3 a, .post.text h3 a:visited, .post.photo h3.photoTitle a, .post.photo h3.photoTitle a:visited, .post.photoset h3.photoTitle a, .post.photoset h3.photoTitle a:visited, article.quote h3.quoteHolder, article.quote h3.quoteHolder a, article.quote h3.quoteHolder a:visited, article.link h3 a, article.link h3 a:visited, article.chat h3 a, article.chat h3 a:visited, article.answer h3.question, article.answer h3.question a, article.answer h3.question a:visited, .permSection h2 a, .permSection h2 a:visited {
  253. color: {color:Title};
  254. }
  255.  
  256. /* secondary */
  257.  
  258. footer ul.closure, footer ul.closure a, footer ul.closure a:visited, .caption h4, .mainText h4, .post.photo p.photoset-caption, .post.photoset p.photoset-caption, .pagination, .perm-pagination, #notes ol li, #notes ol li a, section.meta, section.meta a, ul.tags li a, h4.reblog-source, h4.reblog-source a, article.quote .source a, article.quote .source, article.chat ul.chat li .label, article.answer h4.asker, article.answer h4.asker a {
  259. color: {color:Secondary};
  260. }
  261.  
  262. /*secondary font */
  263. footer ul.closure, .pagination, .perm-pagination, section.meta, h4.reblog-source, h4.reblog-source a, footer ul.closure, .pagination, .perm-pagination {
  264. font-family: 'Source Sans Pro', sans-serif;
  265.  
  266. font-family:'Source Sans Pro', sans-serif;
  267.  
  268. }
  269.  
  270. /* border */
  271.  
  272. /* top */
  273.  
  274. .permSection .shareLinksList, .permSection .comments, .permSection .facebookComments, .permSection #notes, section.meta {
  275. border-top: 1px solid {color:Border};
  276. }
  277.  
  278.  
  279. /*link color*/
  280. footer ul.closure li.copyright a:hover, footer ul.closure li.copyright a:visited:hover, footer ul.closure a:hover, footer ul.closure a:visited:hover, .caption p a, .caption ul a, .caption ol a, .caption blockquote a, .caption .source a, .mainText p a, .mainText ul a, .mainText ol a, .mainText blockquote a, .mainText .source a, .post.text h3 a:hover, .post.text h3 a:visited:hover, .post.photo h3.photoTitle a:hover, .post.photo h3.photoTitle a:visited:hover, .post.photoset h3.photoTitle a:hover, .post.photoset h3.photoTitle a:visited:hover, article.quote h3.quoteHolder a:hover, article.quote h3.quoteHolder a:visited:hover, article.link h3 a:hover, article.link h3 a:visited:hover, article.chat h3 a:hover, article.chat h3 a:visited:hover, article.answer h3.question a:hover, article.answer h3.question a:visited:hover, .permSection h2 a:hover, .permSection h2 a:visited:hover, #notes ol li a:hover, section.meta a:hover, ul.tags li a:hover, h4.reblog-source a:hover, #sideDrawer div.pages ul li a:hover, #sideDrawer div.pages ul li a:visited:hover, header.nav-in-header .widget.pages ul li a:hover {
  281. color: {color:Link};
  282. }
  283.  
  284. a.loadMore:hover, .pagination .pageLinks a:hover, .pagination .pageLinks a:visited:hover, .perm-pagination .pageLinks a:hover, .perm-pagination .pageLinks a:visited:hover {
  285. background-color: {color:Link};
  286. }
  287.  
  288. .caption p a:hover, .caption ul a:hover, .caption ol a:hover, .caption blockquote a:hover, .caption .source a:hover, .mainText p a:hover, .mainText ul a:hover, .mainText ol a:hover, .mainText blockquote a:hover, .mainText .source a:hover, ul.tags li a:hover, h4.reblog-source a {
  289. border-bottom: 1px solid {color:Link};
  290. }
  291.  
  292.  
  293. /* link underline */
  294. .caption p a, .caption ul a, .caption ol a, .caption blockquote a, .caption .source a, .mainText p a, .mainText ul a, .mainText ol a, .mainText blockquote a, .mainText .source a, #notes ol li a, ul.tags li a, h4.reblog-source a {
  295. border-bottom: 1px solid {color:Link Underline};
  296. }
  297.  
  298. a.loadMore, .pagination .pageLinks a, .pagination .pageLinks a:visited, .perm-pagination .pageLinks a, .perm-pagination .pageLinks a:visited {
  299. background-color: {color:Link Underline};
  300. }
  301.  
  302. /* blockquote */
  303.  
  304. .caption blockquote, .mainText blockquote, article.link blockquote.link_og_blockquote, #notes ol li blockquote {
  305. border-left: 3px solid {color:Blockquote Border};
  306. }
  307.  
  308. /* background color */
  309.  
  310. #mainContent, .post.text h4.textDate span, .post.photoset h4.textDate span {
  311.  
  312. background-color: {color:Background};
  313.  
  314. }
  315.  
  316.  
  317. /* sidebar */
  318. #sideDrawer {
  319.  
  320. background-color: {color:Sidebar Background};
  321.  
  322. }
  323.  
  324. #sideDrawer div.pages ul li a, #sideDrawer div.pages ul li a:visited {
  325. color: {color:Sidebar Link};
  326. letter-spacing: {select:Sidebar Letter Spacing};
  327. }
  328.  
  329. #sideDrawer div.pages ul li {
  330.  
  331. border-bottom: 1px solid {color:Sidebar Border};
  332. }
  333.  
  334. /*header navigation*/
  335.  
  336. header.nav-in-header .widget.pages ul li a, header.nav-in-header .widget.pages ul li a:visited {
  337. color: {color:Header Nav};
  338. letter-spacing: {select:Header Nav Letter Spacing};
  339.  
  340. font-family:'Open Sans', sans-serif;
  341.  
  342. font-family:'Open Sans', sans-serif;
  343.  
  344. }
  345.  
  346.  
  347.  
  348. /* post title styles */
  349.  
  350. .caption h1, .mainText h1, .caption h2, .mainText h2, .caption h3, .mainText h3, .caption h4, .mainText h4, .post.text h3, .post.photo h3.photoTitle, .post.photoset h3.photoTitle, article.quote h3.quoteHolder, article.link h3, article.chat h3, article.answer h3.question {
  351.  
  352. /*font-family: 'Open Sans',sans-serif;*/
  353. /*letter-spacing: 6px;*/
  354.  
  355.  
  356.  
  357. font-family:'Open Sans', sans-serif;
  358.  
  359. font-family:'Open Sans', sans-serif;
  360.  
  361.  
  362.  
  363. }
  364.  
  365. /*more post title */
  366.  
  367. article.chat ul.chat li .label {
  368. font-family:'Open Sans', sans-serif;
  369.  
  370. font-family:'Open Sans', sans-serif;
  371.  
  372. }
  373.  
  374.  
  375. /*left align titles */
  376. article.answer h4.asker, .caption p.first, .mainText p.first, .post.photo .photoHeader p.first, .post.photoset .photoHeader p.first {
  377.  
  378. }
  379.  
  380. /* dates */
  381.  
  382. .post.photo h4.textDate span, .post.photoset h4.textDate span, .post.text h4.textDate span {
  383.  
  384.  
  385.  
  386. color: {color:Date};
  387. font-family:'Merriweather Sans', sans-serif;
  388.  
  389. font-family:'Merriweather Sans', sans-serif;
  390.  
  391. }
  392.  
  393. /* meta */
  394.  
  395. section.meta {
  396.  
  397.  
  398. }
  399.  
  400. /* header font */
  401. header .headerContent .headerText a h1, header .headerContent .headerText a:visited h1, footer ul.closure li.copyright {
  402. font-family:'Open Sans', sans-serif;
  403.  
  404. font-family:'Open Sans', sans-serif;
  405.  
  406.  
  407. }
  408.  
  409.  
  410.  
  411. @media (min-width: 769px){
  412. .post.video {
  413. padding: 0 60px;
  414. }
  415. }
  416.  
  417. .permSection .shareLinksList {
  418. border: none;
  419. }
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426. .photo {
  427. height:auto;
  428. width:100%;
  429. vertical-align:top;
  430. }
  431.  
  432. .photo img {
  433.  
  434. width:90%;
  435.  
  436.  
  437.  
  438. }
  439.  
  440.  
  441.  
  442. </style>
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458.  
  459.  
  460. <link rel="alternate" href="android-app://com.tumblr/tumblr/x-callback-url/blog?blogName=chronicletheme" />
  461. <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=0149f73a9219085ee0b9c224dcc56b13"></script>
  462. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  463. <meta name="keywords" content="" />
  464.  
  465.  
  466. <!-- TWITTER TAGS --><meta charset="utf-8"><meta name="twitter:site" content="tumblr" /><meta name="twitter:card" content="summary" /><meta name="twitter:title" content="chronicletheme" /><meta name="twitter:description" content="A tumblr theme for high res photos and articles." /><meta name="twitter:app:name:iphone" content="Tumblr" /><meta name="twitter:app:name:ipad" content="Tumblr" /><meta name="twitter:app:name:googleplay" content="Tumblr" /><meta name="twitter:app:id:iphone" content="305343404" /><meta name="twitter:app:id:ipad" content="305343404" /><meta name="twitter:app:id:googleplay" content="com.tumblr" /><meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=chronicletheme&amp;referrer=twitter-cards" /><meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=chronicletheme&amp;referrer=twitter-cards" /><meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=chronicletheme&amp;referrer=twitter-cards" />
  467.  
  468. </head>
  469.  
  470. <body class="index loadMoreOn ">
  471.  
  472. <!-- enable fb comments -->
  473.  
  474. <script>(function(d, s, id) {
  475. var js, fjs = d.getElementsByTagName(s)[0];
  476. if (d.getElementById(id)) return;
  477. js = d.createElement(s); js.id = id;
  478. js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
  479. fjs.parentNode.insertBefore(js, fjs);
  480. }(document, 'script', 'facebook-jssdk'));</script>
  481.  
  482.  
  483.  
  484. <div id="drawToggle" class="">
  485.  
  486. <span class="toggle-strip"></span>
  487. <span class="toggle-strip"></span>
  488. <span class="toggle-strip"></span>
  489.  
  490. </div>
  491.  
  492. <div id="sideDrawer">
  493.  
  494. <!-- PAGES -->
  495. <div class="widget pages">
  496. <ul>
  497.  
  498. <li><a href="/" class="archive">Home</a></li>
  499.  
  500.  
  501.  
  502. <li><a href="/features">Features</a><li><a href="/instagram">Instagram</a><li><a href="/flickr">Flickr</a><li><a href="/theme-guide">Theme Guide</a><li><a href="/Install">Install</a>
  503.  
  504.  
  505.  
  506.  
  507.  
  508.  
  509.  
  510. <li><a href="/archive" class="archive">Archive</a></li>
  511. <li><a href="http://ylii.tumblr.com/rss" class="rss">RSS</a></li>
  512.  
  513. </ul>
  514. </div>
  515.  
  516. <!--
  517.  
  518. -->
  519.  
  520. <!--
  521.  
  522. -->
  523.  
  524.  
  525.  
  526. </div>
  527.  
  528.  
  529. <div id="mainContent" data-snap-ignore="true">
  530. <div id="snapBlanket"></div>
  531.  
  532.  
  533. <header class="back-image desc-in-header">
  534.  
  535. <div id="headerImage">
  536. <div class="overlay {select:Header Overlay Opacity}"></div>
  537.  
  538. </div>
  539.  
  540. <div class="headerContent">
  541.  
  542. <div class="headerText">
  543. <div class="titleWrapper ">
  544.  
  545.  
  546. <a href="/"><h1 class="{select:Header Border Style} {select:Header Letter Spacing}">{Title}</h1></a>
  547.  
  548.  
  549.  
  550.  
  551.  
  552.  
  553. <h2 class="description">{Description}</h2>
  554.  
  555.  
  556. </div>
  557. </div>
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564. </div>
  565.  
  566.  
  567.  
  568.  
  569. </header>
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578.  
  579. <section id="posts" class="firstPara topImage textDateOn stretch-images">
  580.  
  581.  
  582.  
  583. {block:Posts}
  584.  
  585.  
  586.  
  587. {block:Text}
  588.  
  589. <article class="post text">
  590. <section class="postMain">
  591.  
  592. {block:Title}
  593. <h3 class="title {select:Title Letter Spacing}"><a href="{Permalink}">{Title}</a></h3>
  594. {/block:Title}
  595.  
  596. <!---->
  597. <h4 class="textDate "><span>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</span></h4>
  598. <!---->
  599.  
  600. <div class="mainText">{Body}</div>
  601.  
  602.  
  603.  
  604.  
  605. <!-- inside post main -->
  606.  
  607.  
  608.  
  609.  
  610. <section class="meta">
  611.  
  612. <a href="{Permalink}" class="permalink timeAgo"><span class="time-ago">{TimeAgo}</span>
  613. <span class="date-text">{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</span><span class="permText">Permalink</span></a>
  614.  
  615.  
  616.  
  617.  
  618. <ul class="like_and_reblog_buttons">
  619. <li><a href="http://www.tumblr.com/reblog/68160833513/n7AYvDZQ" class="reblog_button"style="display: block;width:16px;height:16px;"><svg width="100%" height="100%" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><path d="M5.01092527,5.99908429 L16.0088498,5.99908429 L16.136,9.508 L20.836,4.752 L16.136,0.083 L16.1360004,3.01110845 L2.09985349,3.01110845 C1.50585349,3.01110845 0.979248041,3.44726568 0.979248041,4.45007306 L0.979248041,10.9999998 L3.98376463,8.30993634 L3.98376463,6.89801007 C3.98376463,6.20867902 4.71892527,5.99908429 5.01092527,5.99908429 Z"></path><path d="M17.1420002,13.2800293 C17.1420002,13.5720293 17.022957,14.0490723 16.730957,14.0490723 L4.92919922,14.0490723 L4.92919922,11 L0.5,15.806 L4.92919922,20.5103758 L5.00469971,16.9990234 L18.9700928,16.9990234 C19.5640928,16.9990234 19.9453125,16.4010001 19.9453125,15.8060001 L19.9453125,9.5324707 L17.142,12.203"></path></svg></a></li>
  620.  
  621. <li><div class="like_button" data-post-id="68160833513" id="like_button_68160833513"><iframe id="like_iframe_68160833513" src="http://assets.tumblr.com/assets/html/like_iframe.html?_v=8a4d5cdc0272c376978bbb25b0eeb993#name=chronicletheme&amp;post_id=68160833513&amp;rk=n7AYvDZQ" scrolling="no" width="16" height="16" frameborder="0" class="like_toggle" allowTransparency="true"></iframe></div></li>
  622. </ul>
  623.  
  624. </section> <!--meta-->
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642.  
  643.  
  644. </section> <!-- post main -->
  645.  
  646. </article> <!-- end post article -->
  647.  
  648. {/block:Text}
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668. {block:Photoset}
  669.  
  670. <article class="post photoset photo-grid {select:Title Letter Spacing}">
  671.  
  672.  
  673.  
  674. <div class="photoContent">
  675.  
  676.  
  677.  
  678.  
  679. <div class="photoHeader">
  680. <h4 class="textDate "><span>{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</span></h4>
  681. </div>
  682.  
  683.  
  684. <div class="photo-slideshow highResEnabled" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  685. {block:Photos}
  686.  
  687.  
  688. <div class="photo-data">
  689.  
  690.  
  691.  
  692. <div class="pxu-photo">
  693. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  694. <img alt="Exploring Brooklyn
  695. My first visit to the USA was on a lovely sunday afternoon when I arrived in NYC at 11am. I wasted no time and grabbed my camera and snapped some of my favourite photos of the trip wandering around Brooklyn." src="{PhotoURL-HighRes}" width="500" height="333" data-highres="{PhotoURL-HighRes}" data-width="1280" data-height="853" class="exif-yes " >
  696. </a>
  697. </div>
  698.  
  699.  
  700.  
  701. <div class="icons">
  702. <span class="zoom pictos">s</span>
  703. </div>
  704.  
  705.  
  706.  
  707.  
  708. </div> <!--div class photo data-->
  709. {/block:Photos}
  710.  
  711. </div> <!--div class photoslideshow enabled-->
  712.  
  713. </div> <!--div class photocontent-->
  714.  
  715.  
  716.  
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723. <section class="postMain">
  724.  
  725. <div class="caption">{Caption}</div>
  726.  
  727.  
  728.  
  729.  
  730.  
  731.  
  732.  
  733. <!-- inside post main -->
  734.  
  735.  
  736.  
  737.  
  738.  
  739.  
  740. <section class="meta">
  741.  
  742. <a href="{Permalink}" class="permalink timeAgo"><span class="time-ago">{TimeAgo}</span>
  743. <span class="date-text">{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</span><span class="permText">Permalink</span></a>
  744.  
  745.  
  746.  
  747.  
  748. <ul class="like_and_reblog_buttons">
  749. <li><a href="http://www.tumblr.com/reblog/68160833513/n7AYvDZQ" class="reblog_button"style="display: block;width:16px;height:16px;"><svg width="100%" height="100%" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><path d="M5.01092527,5.99908429 L16.0088498,5.99908429 L16.136,9.508 L20.836,4.752 L16.136,0.083 L16.1360004,3.01110845 L2.09985349,3.01110845 C1.50585349,3.01110845 0.979248041,3.44726568 0.979248041,4.45007306 L0.979248041,10.9999998 L3.98376463,8.30993634 L3.98376463,6.89801007 C3.98376463,6.20867902 4.71892527,5.99908429 5.01092527,5.99908429 Z"></path><path d="M17.1420002,13.2800293 C17.1420002,13.5720293 17.022957,14.0490723 16.730957,14.0490723 L4.92919922,14.0490723 L4.92919922,11 L0.5,15.806 L4.92919922,20.5103758 L5.00469971,16.9990234 L18.9700928,16.9990234 C19.5640928,16.9990234 19.9453125,16.4010001 19.9453125,15.8060001 L19.9453125,9.5324707 L17.142,12.203"></path></svg></a></li>
  750.  
  751. <li><div class="like_button" data-post-id="68160833513" id="like_button_68160833513"><iframe id="like_iframe_68160833513" src="http://assets.tumblr.com/assets/html/like_iframe.html?_v=8a4d5cdc0272c376978bbb25b0eeb993#name=chronicletheme&amp;post_id=68160833513&amp;rk=n7AYvDZQ" scrolling="no" width="16" height="16" frameborder="0" class="like_toggle" allowTransparency="true"></iframe></div></li>
  752. </ul>
  753.  
  754. </section> <!--meta-->
  755.  
  756.  
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763.  
  764.  
  765.  
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772.  
  773.  
  774. </section> <!-- post main -->
  775.  
  776.  
  777. </article> <!-- end post article -->
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784. {/block:Photoset}
  785.  
  786.  
  787.  
  788.  
  789.  
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802. {block:Photo}
  803. <article class="post photo">
  804. <center>
  805. <a href="{Permalink}">
  806. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="background-size:cover;"/></a>
  807. </center>
  808.  
  809. <section class="postMain">
  810. <div class="caption"><p>{Caption}</p></div>
  811.  
  812. <!-- inside post main -->
  813. <section class="meta">
  814. <a href="{Permalink}" class="permalink timeAgo"><span class="time-ago">{TimeAgo}</span>
  815. <span class="date-text">{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</span><span class="permText">Permalink</span></a>
  816.  
  817. <ul class="like_and_reblog_buttons">
  818. <li><a href="http://www.tumblr.com/reblog/68160833513/n7AYvDZQ" class="reblog_button"style="display: block;width:16px;height:16px;"><svg width="100%" height="100%" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><path d="M5.01092527,5.99908429 L16.0088498,5.99908429 L16.136,9.508 L20.836,4.752 L16.136,0.083 L16.1360004,3.01110845 L2.09985349,3.01110845 C1.50585349,3.01110845 0.979248041,3.44726568 0.979248041,4.45007306 L0.979248041,10.9999998 L3.98376463,8.30993634 L3.98376463,6.89801007 C3.98376463,6.20867902 4.71892527,5.99908429 5.01092527,5.99908429 Z"></path><path d="M17.1420002,13.2800293 C17.1420002,13.5720293 17.022957,14.0490723 16.730957,14.0490723 L4.92919922,14.0490723 L4.92919922,11 L0.5,15.806 L4.92919922,20.5103758 L5.00469971,16.9990234 L18.9700928,16.9990234 C19.5640928,16.9990234 19.9453125,16.4010001 19.9453125,15.8060001 L19.9453125,9.5324707 L17.142,12.203"></path></svg></a></li>
  819.  
  820. <li><div class="like_button" data-post-id="68160833513" id="like_button_68160833513"><iframe id="like_iframe_68160833513" src="http://assets.tumblr.com/assets/html/like_iframe.html?_v=8a4d5cdc0272c376978bbb25b0eeb993#name=ylii&amp;post_id=68160833513&amp;rk=n7AYvDZQ" scrolling="no" width="16" height="16" frameborder="0" class="like_toggle" allowTransparency="true"></iframe></div></li>
  821. </ul>
  822.  
  823. </section> <!--meta-->
  824. </section> <!--post main-->
  825. </article> <!--post photo-->
  826. {/block:Photo}
  827.  
  828.  
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843. {/block:Posts}
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854.  
  855.  
  856.  
  857.  
  858.  
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868.  
  869.  
  870.  
  871.  
  872. <div class="loader show"></div>
  873.  
  874.  
  875.  
  876. </section>
  877.  
  878.  
  879.  
  880.  
  881. {block:IndexPage}
  882.  
  883.  
  884. <a class="loadMore" data-snap-ignore="true">
  885. <span>Load More</span>
  886. </a>
  887.  
  888. {/block:IndexPage}
  889.  
  890.  
  891.  
  892.  
  893. <div class="pagination">
  894.  
  895.  
  896. <div class="pageLinks">
  897.  
  898.  
  899.  
  900. <a href="/page/2" class="nextPage more_link" data-snap-ignore="true"><span>Older</span>&nbsp;<i class="p-icon">]</i></a>
  901.  
  902. </div>
  903.  
  904.  
  905. </div>
  906.  
  907.  
  908.  
  909.  
  910. <footer id="footer">
  911. <div class="footerInner">
  912.  
  913.  
  914.  
  915. <ul id="socialBar">
  916.  
  917.  
  918. <li><a href="https://www.facebook.com/quixolver" id="facebook" target="_blank" title="View Facebook Page"></a></li>
  919.  
  920.  
  921.  
  922. <li><a href="http://twitter.com/liix" class="socialLink" id="twitter" target="_blank" title="Follow on Twitter"></a></li>
  923.  
  924.  
  925.  
  926. <li><a href="http://instagram.com/liiyung" class="socialLink" id="instagram" target="_blank" title="View Instagram"></a></li>
  927.  
  928.  
  929.  
  930. <li><a href="mailto:y.lii@me.com" class="socialLink" id="email" target="_blank" title="Email"></a></li>
  931.  
  932.  
  933. </ul>
  934.  
  935.  
  936.  
  937. <ul class="closure">
  938.  
  939.  
  940.  
  941. <li class="copyright">&copy; Lii </li>
  942.  
  943. </ul>
  944.  
  945. </div>
  946.  
  947. </footer>
  948.  
  949.  
  950.  
  951. </div> <!--end mainContent -->
  952.  
  953. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  954. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  955.  
  956. <script src="http://static.tumblr.com/qxrkgx6/9p0n09ni2/plugins.min.js"></script>
  957. <script src="http://static.tumblr.com/qxrkgx6/RWQmz1bl3/widgets.min.js"></script>
  958.  
  959.  
  960.  
  961.  
  962.  
  963.  
  964.  
  965.  
  966.  
  967.  
  968.  
  969.  
  970. <script>var snapper;
  971. $(function() {
  972. var c = '<li class="credit"><a href="" target="_blank" style="color:white;">Chronicle Theme</a> <a href="http://www.girafficthemes.com" target="_blank"style="color:white;" >Giraffic</a></li>';
  973. $(".closure").append(c);
  974. var b = $("#posts .post");
  975. setUpPosts(b);
  976. setUpSnapper();
  977. setUpWayPoints();
  978. var a;
  979. $(window).resize(function() {
  980. clearTimeout(a);
  981. a = setTimeout(browserResize, 100)
  982. });
  983. browserResize();
  984. if ($("body").hasClass("loadMoreOn")) {
  985. initInfScroll()
  986. }
  987. $("a.tumblr-box").live("mouseover", function() {
  988. $(this).parents(".photo-data").find(".zoom").addClass("hover")
  989. });
  990. $("a.tumblr-box").live("mouseleave", function() {
  991. $(this).parents(".photo-data").find(".zoom").removeClass("hover")
  992. });
  993. $(document).ready(function() {
  994. $('iframe[src*="embed.spotify.com"]').each(function() {
  995. $(this).css("width", $(this).parent(1).css("width"));
  996. $(this).attr("src", $(this).attr("src"))
  997. })
  998. });
  999. $(window).resize(function() {
  1000. $('iframe[src*="embed.spotify.com"]').each(function() {
  1001. $(this).css("width", $(this).parent(1).css("width"));
  1002. $(this).attr("src", $(this).attr("src"))
  1003. })
  1004. })
  1005. });
  1006. function initInfScroll() {
  1007. $("div.pagination").hide();
  1008. $("#posts").infinitescroll({
  1009. navSelector: "div.pagination",
  1010. nextSelector: "div.pagination a.nextPage",
  1011. itemSelector: "#posts article.post",
  1012. loading: {
  1013. finished: undefined,
  1014. finishedMsg: "",
  1015. img: "",
  1016. msg: null,
  1017. msgText: "",
  1018. selector: null,
  1019. speed: "fast",
  1020. start: undefined
  1021. },
  1022. behavior: "twitter",
  1023. binder: $("#mainContent")
  1024. }, function(a) {
  1025. setUpPosts(a)
  1026. });
  1027. $('a.loadMore:not(".loading")').click(function() {
  1028. $(this).addClass("loading hide");
  1029. $(".loader").addClass("show");
  1030. $("#posts").infinitescroll("retrieve");
  1031. return false
  1032. })
  1033. }
  1034. function setUpWayPoints() {
  1035. $("#posts").waypoint(function(a) {
  1036. if (a === "down") {
  1037. $("#drawToggle").addClass("black")
  1038. } else {
  1039. $("#drawToggle").removeClass("black")
  1040. }
  1041. }, {
  1042. offset: "50px",
  1043. context: "#mainContent"
  1044. })
  1045. }
  1046. function setUpSnapper() {
  1047. snapper = new Snap({
  1048. element: document.getElementById("mainContent"),
  1049. disable: "right",
  1050. tapToClose: true,
  1051. maxPosition: 266
  1052. });
  1053. snapper.on("open", function() {
  1054. $("#snapBlanket").addClass("show")
  1055. });
  1056. snapper.on("close", function() {
  1057. $("#snapBlanket").removeClass("show")
  1058. });
  1059. snapper.on("animated", function() {
  1060. if (snapper.state().state == "closed") {
  1061. $("#drawToggle").removeClass("hide").addClass("fade");
  1062. setTimeout(function() {
  1063. $("#drawToggle").removeClass("fade")
  1064. }, 10)
  1065. }
  1066. });
  1067. $("#drawToggle").click(function() {
  1068. snapper.open("left");
  1069. $(this).addClass("hide")
  1070. });
  1071. $("#closeToggle, #snapBlanket").click(function() {
  1072. snapper.close();
  1073. $("#drawToggle").removeClass("close");
  1074. $(this).removeClass("show")
  1075. })
  1076. }
  1077. function setUpPosts(a) {
  1078. $(a).find(".photo-slideshow").pxuPhotoset({
  1079. lightbox: true,
  1080. highRes: true,
  1081. rounded: false,
  1082. borderRadius: "5px",
  1083. exif: false,
  1084. captions: false,
  1085. gutter: "16px",
  1086. photoset: ".photo-slideshow",
  1087. photoWrap: ".photo-data",
  1088. photo: ".pxu-photo"
  1089. }, function() {});
  1090. $(a).fitVids();
  1091. $(a).each(function() {
  1092. if ($(this).hasClass("video")) {
  1093. var e = $(this).attr("id");
  1094. var j = $(this).find(".hresVideo");
  1095. $.ajax({
  1096. url: "/api/read/json?id=" + e,
  1097. dataType: "jsonp",
  1098. timeout: 10000,
  1099. success: function(k) {
  1100. j.html(k.posts[0]["video-player-500"]);
  1101. j.fitVids()
  1102. }
  1103. })
  1104. }
  1105. if ($(this).hasClass("text")) {
  1106. if ($("#posts").hasClass("firstPara")) {
  1107. $(".post.text .mainText").each(function() {
  1108. $(this).children("p").each(function() {
  1109. var k = $(this).find("img").length;
  1110. if (k < 1) {
  1111. $(this).addClass("first");
  1112. return false
  1113. }
  1114. })
  1115. })
  1116. }
  1117. if ($("#posts").hasClass("topImage")&&!$("html").hasClass("lt-ie9")) {
  1118. $(".post.text .mainText > p:first-child").each(function() {
  1119. var k = $(this).find("img").length;
  1120. if (k > 0) {
  1121. $(this).prependTo($(this).parents(".postMain")).addClass("imageP");
  1122. return false
  1123. }
  1124. })
  1125. }
  1126. }
  1127. if ($(this).hasClass("photoset") || $(this).hasClass("photo")) {
  1128. var g = $(this).find(".caption").length;
  1129. if (g > 0) {
  1130. if ($(this).find(".caption").children(":first").is(":empty")) {
  1131. $(this).find(".caption").children(":first").remove()
  1132. }
  1133. var h = $(this).find(".caption").children(":first");
  1134. var c;
  1135. if (h.length > 0) {
  1136. c = $(this).find(".caption").children(":first").get(0).tagName
  1137. }
  1138. var i = $(this).find(".caption").children().eq(1);
  1139. var b;
  1140. if (i.length > 0) {
  1141. b = $(this).find(".caption").children().eq(1).get(0).tagName
  1142. }
  1143. if (c === "H3") {
  1144. var d = $(this).find(".meta a.permalink").attr("href");
  1145. $(h).wrapInner("<a href='" + d + "'></a>").prependTo($(this).find(".photoHeader")).addClass("photoTitle");
  1146. if (b === "P" && $("#posts").hasClass("firstPara")) {
  1147. var f = $(i).find("img").length;
  1148. if (f < 1) {
  1149. $(i).addClass("first").appendTo($(this).find(".photoHeader"))
  1150. }
  1151. }
  1152. $(this).find(".photoHeader").show()
  1153. }
  1154. }
  1155. }
  1156. });
  1157. $(a).find(".photo-slideshow").each(function() {
  1158. var b = false;
  1159. var c = $(this).attr("data-layout");
  1160. var d = c.length;
  1161. while (d--) {
  1162. if (c[d] === "1") {
  1163. b = true
  1164. }
  1165. }
  1166. if (b) {
  1167. $(this).parents(".post").addClass("capped")
  1168. } else {}
  1169. });
  1170. $(a).find(".photo-slideshow .count-1 a.tumblr-box img").each(function() {
  1171. var b = $(this).attr("data-width");
  1172. $(this).css({
  1173. maxWidth: b + "px"
  1174. })
  1175. });
  1176. if ($("body").hasClass("disqus-on")) {
  1177. get_disqus_num_replies()
  1178. }
  1179. $(a).addClass("show");
  1180. $("a.loadMore").removeClass("loading hide");
  1181. $(".loader").removeClass("show").appendTo("#posts")
  1182. }
  1183. function browserResize() {};
  1184.  
  1185. </script>
  1186.  
  1187.  
  1188.  
  1189.  
  1190.  
  1191.  
  1192.  
  1193.  
  1194.  
  1195.  
  1196.  
  1197.  
  1198.  
  1199.  
  1200.  
  1201.  
  1202.  
  1203.  
  1204.  
  1205. <script>
  1206.  
  1207. $(function() {
  1208.  
  1209.  
  1210.  
  1211. instaPageLength = $('#instagram-page').length;
  1212.  
  1213. if(instaPageLength > 0){
  1214. $.InstaPage("{text:Instagram Access Token}");
  1215. }
  1216.  
  1217.  
  1218.  
  1219.  
  1220.  
  1221.  
  1222. flickrPageLength = $('#flickr-page').length;
  1223.  
  1224. if(flickrPageLength > 0){
  1225. $.FlickrPage("{text:Flickr ID}");
  1226. }
  1227.  
  1228.  
  1229.  
  1230.  
  1231. $("header #headerImage").backstretch("{image:Header Background}");
  1232.  
  1233.  
  1234.  
  1235.  
  1236.  
  1237. });
  1238.  
  1239. </script>
  1240.  
  1241.  
  1242.  
  1243. <!-- GOOGLE PLUS ONE SCRIPT -->
  1244. <script type="text/javascript">
  1245. (function() {
  1246. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  1247. po.src = 'https://apis.google.com/js/plusone.js';
  1248. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  1249. })();
  1250. </script>
  1251.  
  1252. <!-- twitter js -->
  1253.  
  1254. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  1255.  
  1256.  
  1257.  
  1258. <!-- BEGIN TUMBLR CODE --><iframe scrolling="no" width="1" height="1" frameborder="0" style="background-color:transparent; overflow:hidden; position:absolute; top:0; left:0; z-index:9999;" id="ga_target"></iframe><script type="text/javascript">
  1259. (function(){
  1260. var analytics_frame = document.getElementById('ga_target');
  1261. var analytics_iframe_loaded;
  1262. var user_logged_in;
  1263. var blog_is_nsfw = 'No';
  1264.  
  1265. var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
  1266. var eventer = window[eventMethod];
  1267. var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
  1268. eventer(messageEvent,function(e) {
  1269. var message = (e.data && e.data.split) ? e.data.split(';') : '';
  1270. switch (message[0]) {
  1271. case 'analytics_iframe_loaded':
  1272. analytics_iframe_loaded = true;
  1273. postCSMessage();
  1274. postGAMessage();
  1275. break;
  1276. case 'user_logged_in':
  1277. user_logged_in = message[1];
  1278. postGAMessage();
  1279. break;
  1280. }
  1281. }, false);
  1282.  
  1283. analytics_frame.src = "http://assets.tumblr.com/analytics.html?bf3144497974403e60441586bd7d5270#http://chronicletheme.tumblr.com";
  1284. function postGAMessage() {
  1285. if (analytics_iframe_loaded && user_logged_in) {
  1286. var is_ajax = false;
  1287. analytics_frame.contentWindow.postMessage(['tick_google_analytics', is_ajax, user_logged_in, blog_is_nsfw, '/?route=%2F'].join(';'), analytics_frame.src.split('/analytics.html')[0]);
  1288. }
  1289. }
  1290. function postCSMessage() {
  1291. COMSCORE = true;
  1292. analytics_frame.contentWindow.postMessage('enable_comscore;' + window.location, analytics_frame.src.split('/analytics.html')[0]);
  1293. }
  1294. })();
  1295. </script><script>
  1296. var _qevents = _qevents || [];
  1297. (function() {
  1298. var s = document.createElement('script');
  1299. var el = document.getElementsByTagName('script')[0];
  1300. s.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
  1301. el.parentNode.insertBefore(s, el);
  1302. })();
  1303. </script><script type="text/javascript">
  1304. _qevents.push( { qacct: 'p-19UtqE8ngoZbM' } );
  1305. </script><noscript><div style="display: none;"><img src="//pixel.quantserve.com/pixel/'p-19UtqE8ngoZbM'.gif" height="1" width="1" alt="Quantcast"/></div></noscript><script type="text/javascript">!function(s){s.src='http://www.tumblr.com/impixu?T=1405030652&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvY2hyb25pY2xldGhlbWUudHVtYmxyLmNvbVwvIiwicmVxdHlwZSI6MCwicm91dGUiOiJcLyJ9&U=GBEJEAOPGL&K=2786ddba577fc11748a06f8b7d4ce2390b27dafa3e04b0c9337508dad1469489&R='.replace(/&R=[^&$]*/,'').concat('&R='+escape(document.referrer)).slice(0,2000).replace(/%.?.?$/,'');}(new Image());</script><noscript><img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="http://www.tumblr.com/impixu?T=1405030652&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvY2hyb25pY2xldGhlbWUudHVtYmxyLmNvbVwvIiwicmVxdHlwZSI6MCwicm91dGUiOiJcLyIsIm5vc2NyaXB0IjoxfQ==&U=GBEJEAOPGL&K=e050db75a8b8648d2c484a8259fa6ea121dae0de7c426482ca78a8602e9479f4&R="></noscript><script type="text/javascript">!function(s){s.src='http://www.tumblr.com/impixu?T=1405030652&J=eyJ0eXBlIjoicG9zdCIsInVybCI6Imh0dHA6XC9cL2Nocm9uaWNsZXRoZW1lLnR1bWJsci5jb21cLyIsInJlcXR5cGUiOjAsInJvdXRlIjoiXC8iLCJwb3N0cyI6W3sicG9zdGlkIjoiNjgxNjE0OTQ2NjEiLCJibG9naWQiOiIxNTA3ODg0NjIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjY4MTYxNzQwMzMzIiwiYmxvZ2lkIjoiMTUwNzg4NDYyIiwic291cmNlIjozM30seyJwb3N0aWQiOiI2ODE2MDk5NTEwOCIsImJsb2dpZCI6IjE1MDc4ODQ2MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiNjgxNjA4MzM1MTMiLCJibG9naWQiOiIxNTA3ODg0NjIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjY4MTYwNjIzMTAyIiwiYmxvZ2lkIjoiMTUwNzg4NDYyIiwic291cmNlIjozM30seyJwb3N0aWQiOiI2ODE1ODk0OTY1MyIsImJsb2dpZCI6IjE1MDc4ODQ2MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiNjgxNTg0NzE2NTQiLCJibG9naWQiOiIxNTA3ODg0NjIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjY4MTU4Mzg0NTgyIiwiYmxvZ2lkIjoiMTUwNzg4NDYyIiwic291cmNlIjozM30seyJwb3N0aWQiOiI2ODE1Nzk3MjI4MyIsImJsb2dpZCI6IjE1MDc4ODQ2MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiNjgxNTcxMzQ1NDIiLCJibG9naWQiOiIxNTA3ODg0NjIiLCJzb3VyY2UiOjMzfV19&U=IILPEJJHEO&K=7179d79d39dc2efac7a1e7f35c0ac5592ff290583924ed12536e635970cecff1&R='.replace(/&R=[^&$]*/,'').concat('&R='+escape(document.referrer)).slice(0,2000).replace(/%.?.?$/,'');}(new Image());</script><noscript><img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="http://www.tumblr.com/impixu?T=1405030652&J=eyJ0eXBlIjoicG9zdCIsInVybCI6Imh0dHA6XC9cL2Nocm9uaWNsZXRoZW1lLnR1bWJsci5jb21cLyIsInJlcXR5cGUiOjAsInJvdXRlIjoiXC8iLCJwb3N0cyI6W3sicG9zdGlkIjoiNjgxNjE0OTQ2NjEiLCJibG9naWQiOiIxNTA3ODg0NjIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjY4MTYxNzQwMzMzIiwiYmxvZ2lkIjoiMTUwNzg4NDYyIiwic291cmNlIjozM30seyJwb3N0aWQiOiI2ODE2MDk5NTEwOCIsImJsb2dpZCI6IjE1MDc4ODQ2MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiNjgxNjA4MzM1MTMiLCJibG9naWQiOiIxNTA3ODg0NjIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjY4MTYwNjIzMTAyIiwiYmxvZ2lkIjoiMTUwNzg4NDYyIiwic291cmNlIjozM30seyJwb3N0aWQiOiI2ODE1ODk0OTY1MyIsImJsb2dpZCI6IjE1MDc4ODQ2MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiNjgxNTg0NzE2NTQiLCJibG9naWQiOiIxNTA3ODg0NjIiLCJzb3VyY2UiOjMzfSx7InBvc3RpZCI6IjY4MTU4Mzg0NTgyIiwiYmxvZ2lkIjoiMTUwNzg4NDYyIiwic291cmNlIjozM30seyJwb3N0aWQiOiI2ODE1Nzk3MjI4MyIsImJsb2dpZCI6IjE1MDc4ODQ2MiIsInNvdXJjZSI6MzN9LHsicG9zdGlkIjoiNjgxNTcxMzQ1NDIiLCJibG9naWQiOiIxNTA3ODg0NjIiLCJzb3VyY2UiOjMzfV0sIm5vc2NyaXB0IjoxfQ==&U=IILPEJJHEO&K=d9a0be6d206ee4a6fcbfdad3da6d7c6ff369012edc56de140159dea712721e60&R="></noscript><script>
  1306. (function() {
  1307. var s = document.createElement('script');
  1308. var el = document.getElementsByTagName('script')[0];
  1309. s.src = ('https:' == document.location.protocol ? 'https://s' : 'http://l') + '.yimg.com/ss/rapid-3.18.1.js';
  1310. s.onload = function(){
  1311. var YAHOO = window.YAHOO;
  1312. if (YAHOO) {
  1313. var keys = {
  1314. pd:'/',
  1315. _li:0,
  1316. b_id:150788462,
  1317. i_rad:0,
  1318. i_strm:0
  1319. };
  1320. var conf = {
  1321. spaceid:1197716038,
  1322. client_only:1,
  1323. yql_enabled:false,
  1324. keys:keys,
  1325. nol:1
  1326. };
  1327. YAHOO.rapid = new YAHOO.i13n.Rapid(conf);
  1328. }
  1329. };
  1330. el.parentNode.insertBefore(s, el);
  1331. })();
  1332. </script><iframe id="tumblr_controls" class="tumblr_controls" width="1" height="1" frameborder="0" scrolling="no" src="http://assets.tumblr.com/assets/html/iframe/o.html?_v=a13cfdf7c11c04f22682820f38975285#src=http%3A%2F%2Fchronicletheme.tumblr.com%2F&amp;lang=en_US&amp;name=chronicletheme&amp;avatar=http%3A%2F%2F33.media.tumblr.com%2Favatar_4823526e76fc_64.png&amp;title=Chronicle&amp;url=http%3A%2F%2Fchronicletheme.tumblr.com%2F&amp;page_slide=slide"></iframe><div id="teaser_iframe_container" style="display:none;"><iframe scrolling="no" frameborder="0" src="http://www.tumblr.com/assets/html/iframe/teaser.html?_v=bbd923141cb6d11d42cdae727c77b078#src=http%3A%2F%2Fchronicletheme.tumblr.com%2F&amp;lang=en_US&amp;name=chronicletheme&amp;avatar=http%3A%2F%2F33.media.tumblr.com%2Favatar_4823526e76fc_64.png&amp;title=Chronicle&amp;url=http%3A%2F%2Fchronicletheme.tumblr.com%2F&amp;page_slide=slide" id="teaser_iframe" width="1" height="1"></iframe></div><script type="text/javascript">
  1333. (function(Tumblr){
  1334. var follow_iframe_initialized = false;
  1335. if (Tumblr.FollowTeaser && Tumblr.PostMessageListener) {
  1336. // Don't do anything until the first initialize event
  1337. Tumblr.PostMessageListener.initialize(function(message, origin) {
  1338. if (follow_iframe_initialized || message.length < 2) return;
  1339.  
  1340. if (message[0] === 'follow_iframe' && message[1] === 'enable') {
  1341. Tumblr.FollowTeaser.current_page = 1;
  1342. Tumblr.FollowTeaser.infer_infinite_scroll = true;
  1343. Tumblr.FollowTeaser.create_from_tumblr_controls("http:\/\/assets.tumblr.com\/assets\/html\/iframe\/follow.html?_v=57e40d2913dd18e1fd819f43b4e4987a");
  1344. Tumblr.FollowTeaser.scroll_listener(true);
  1345. follow_iframe_initialized = true;
  1346. }
  1347. });
  1348. }
  1349. })(this.Tumblr || (this.Tumblr = {}));
  1350. </script><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><!-- END TUMBLR CODE -->
  1351.  
  1352. </body>
  1353. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement