Advertisement
Guest User

faaaaaaaaaaa

a guest
Aug 4th, 2015
391
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.75 KB | None | 0 0
  1. <!doctype html>
  2.  
  3. <html class="no-js" lang="en">
  4.  
  5. <head>
  6.  
  7.  
  8.  
  9.  
  10. <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  11.  
  12. Hipster Premium Tumblr Theme by PRECRAFTED
  13.  
  14. Visit http://precrafted.com for information, support, and more themes!
  15.  
  16. Version 2.0
  17.  
  18. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
  19.  
  20.  
  21.  
  22.  
  23. <!-- Basic Page Settings -->
  24.  
  25. <meta charset="utf-8">
  26. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  27.  
  28. <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  29.  
  30. <meta name="author" content="{Title}">
  31.  
  32. <meta name="tumblr-theme" content="39445" />
  33.  
  34. {block:Description}
  35. <meta name="description" content="{MetaDescription}" />
  36. {/block:Description}
  37.  
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41.  
  42.  
  43.  
  44.  
  45. <!-- Main Style Settings -->
  46.  
  47. <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
  48.  
  49. {block:IfFontEmbedCode}
  50. {text:Font Embed Code}
  51. {/block:IfFontEmbedCode}
  52. {block:IfNotFontEmbedCode}
  53. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  54. {/block:IfNotFontEmbedCode}
  55.  
  56. <link rel="stylesheet" href="http://static.tumblr.com/e6lc7yi/z3pnekdqv/precrafted-social.css">
  57. <link rel="stylesheet" href="http://static.tumblr.com/e6lc7yi/Hsinmg2v4/hipster-styles.css">
  58.  
  59.  
  60.  
  61.  
  62. <!-- Custom Options -->
  63.  
  64.  
  65. <!-- Custom Colors -->
  66.  
  67. <meta name="color:Description Text" content="#30363c"/>
  68. <meta name="color:Menu Text" content="#30363c"/>
  69.  
  70. <meta name="color:Social Background" content="{AccentColor}"/>
  71. <meta name="color:Social Icon" content="#ffffff"/>
  72.  
  73. <meta name="color:Post Background" content="#ffffff"/>
  74. <meta name="color:Borders" content="#ecf0f1"/>
  75.  
  76. <meta name="color:Post Titles" content="{TitleColor}"/>
  77. <meta name="color:Text" content="#64707A"/>
  78. <meta name="color:Link" content="{AccentColor}"/>
  79. <meta name="color:Link Hover" content="#30363c"/>
  80.  
  81.  
  82. <!-- Custom Images -->
  83. <meta name="image:Logo" content=""/>
  84.  
  85. <meta name="image:Header 2" content=""/>
  86. <meta name="image:Header 3" content=""/>
  87. <meta name="image:Header 4" content=""/>
  88. <meta name="image:Header 5" content=""/>
  89.  
  90.  
  91. <!-- Custom Text -->
  92.  
  93. <meta name="text:Title Font Size" content="40"/>
  94. <meta name="text:Title Letter Spacing" content="1"/>
  95.  
  96. <meta name="text:Photoset Spacing" content="5"/>
  97.  
  98. <meta name="text:Load More" content="Load More Posts"/>
  99. <meta name="text:Load More Loading" content="Loading..."/>
  100. <meta name="text:Load More End" content="No More Posts"/>
  101. <meta name="text:Footer Text" content="Your custom footer message"/>
  102.  
  103. <meta name="text:Instagram Token" content=""/>
  104. <meta name="text:Instagram Order" content="1"/>
  105. <meta name="text:Instagram Follow Me" content="Follow Me"/>
  106.  
  107. <meta name="text:Google Analytics Code" content=""/>
  108. <meta name="text:Disqus Shortname" content=""/>
  109.  
  110. <meta name="text:Sticky Tag" content="featured"/>
  111.  
  112. <meta name="text:Font Embed Code" content=""/>
  113. <meta name="text:Font Family Logo" content=""/>
  114. <meta name="text:Font Family Titles" content=""/>
  115. <meta name="text:Font Family Body" content=""/>
  116.  
  117. <meta name="text:URL Twitter" content=""/>
  118. <meta name="text:URL Facebook" content=""/>
  119. <meta name="text:URL Tumblr" content=""/>
  120. <meta name="text:URL Website" content=""/>
  121. <meta name="text:URL Google" content=""/>
  122. <meta name="text:URL Linkedin" content=""/>
  123. <meta name="text:URL Foursquare" content=""/>
  124. <meta name="text:URL Skype" content=""/>
  125. <meta name="text:URL Email" content=""/>
  126. <meta name="text:URL Instagram" content=""/>
  127. <meta name="text:URL Flickr" content=""/>
  128. <meta name="text:URL 500px" content=""/>
  129. <meta name="text:URL VSCO Grid" content=""/>
  130. <meta name="text:URL Camera" content=""/>
  131. <meta name="text:URL Eye" content=""/>
  132. <meta name="text:URL Pinterest" content=""/>
  133. <meta name="text:URL Heart" content=""/>
  134. <meta name="text:URL Youtube" content=""/>
  135. <meta name="text:URL Vimeo" content=""/>
  136. <meta name="text:URL Vine" content=""/>
  137. <meta name="text:URL Ebay" content=""/>
  138. <meta name="text:URL Store" content=""/>
  139. <meta name="text:URL Apple" content=""/>
  140. <meta name="text:URL Googleplay" content=""/>
  141. <meta name="text:URL Etsy" content=""/>
  142. <meta name="text:URL Dribbble" content=""/>
  143. <meta name="text:URL Behance" content=""/>
  144. <meta name="text:URL deviantART" content=""/>
  145. <meta name="text:URL Github" content=""/>
  146. <meta name="text:URL Medium" content=""/>
  147. <meta name="text:URL Quora" content=""/>
  148. <meta name="text:URL Weibo" content=""/>
  149. <meta name="text:URL Travel" content=""/>
  150. <meta name="text:URL Lastfm" content=""/>
  151. <meta name="text:URL Rdio" content=""/>
  152. <meta name="text:URL Spotify" content=""/>
  153. <meta name="text:URL Soundcloud" content=""/>
  154. <meta name="text:URL RSS" content=""/>
  155.  
  156.  
  157. <!-- Custom Choices -->
  158. <meta name="select:Pagination" content="pagination_load-more" title="Load More">
  159. <meta name="select:Pagination" content="pagination_standard" title="Standard">
  160. <meta name="select:Pagination" content="pagination_infinite-scroll" title="Infinite Scroll">
  161.  
  162. <meta name="select:Photo Link" content="post" title="Post">
  163. <meta name="select:Photo Link" content="image" title="Image">
  164. <meta name="select:Photo Link" content="lightbox" title="Lightbox">
  165. <meta name="select:Photo Link" content="none" title="None">
  166. <meta name="select:Photo Link Permalink" content="image" title="Image">
  167. <meta name="select:Photo Link Permalink" content="lightbox" title="Lightbox">
  168. <meta name="select:Photo Link Permalink" content="none" title="None">
  169.  
  170. <meta name="select:Panorama Link" content="image" title="Lightbox">
  171. <meta name="select:Panorama Link" content="post" title="Post">
  172. <meta name="select:Panorama Link" content="none" title="None">
  173. <meta name="select:Panorama Link Permalink" content="image" title="Lightbox">
  174. <meta name="select:Panorama Link Permalink" content="none" title="None">
  175.  
  176. <meta name="select:Photoset Link" content="lightbox" title="Lightbox">
  177. <meta name="select:Photoset Link" content="post" title="Post">
  178. <meta name="select:Photoset Link" content="none" title="None">
  179. <meta name="select:Photoset Link Permalink" content="lightbox" title="Lightbox">
  180. <meta name="select:Photoset Link Permalink" content="none" title="None">
  181.  
  182. <meta name="if:Photoset Cover" content="0">
  183.  
  184. <meta name="if:Sticky Posts" content="0">
  185.  
  186. <meta name="if:Show Archive Link" content="1"/>
  187. <meta name="if:Show Search" content="1"/>
  188.  
  189. <meta name="if:White Icons" content="0"/>
  190. <meta name="if:Show Group Author" content="0">
  191.  
  192. <meta name="if:Sharer" content="1">
  193. <meta name="if:Sharer Twitter" content="1">
  194. <meta name="if:Sharer Facebook" content="1">
  195. <meta name="if:Sharer Google" content="1">
  196. <meta name="if:Sharer Pinterest" content="1">
  197.  
  198. <meta name="if:Show Timestamp" content="1">
  199. <meta name="if:Show Meta On Home" content="0">
  200.  
  201.  
  202.  
  203.  
  204. <!-- Custom CSS -->
  205.  
  206. <style type="text/css">
  207.  
  208. body {
  209. background: {BackgroundColor};
  210. color: {color:Text};
  211. }
  212. h1, h2, h3, h4, h5,
  213. h1 a, h2 a, h3 a, h4 a, h5 a {
  214. color: {color:Post Titles};
  215. }
  216. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
  217. color: {color:Link};
  218. }
  219. a {
  220. color: {color:Link};
  221. }
  222. a:hover {
  223. color: {color:Link Hover};
  224. }
  225.  
  226. .header-image-wrap {
  227. background-color: {TitleColor};
  228. }
  229.  
  230. .sidebar-wrap .blog-title h1 {
  231. font-family: {TitleFont};
  232. font-weight: {TitleFontWeight};
  233. color: {TitleColor};
  234.  
  235. {block:IfTitleFontSize}
  236. font-size: {text:Title Font Size}px;
  237. {/block:IfTitleFontSize}
  238.  
  239. {block:IfTitleLetterSpacing}
  240. letter-spacing: {text:Title Letter Spacing}px;
  241. {/block:IfTitleLetterSpacing}
  242. }
  243.  
  244. .description {
  245. color: {color:Description Text};
  246. }
  247.  
  248. .social-menu li a {
  249. background: {color:Social Background};
  250. color: {color:Social Icon};
  251. }
  252.  
  253. .scroll-top,
  254. .post-nav {
  255. background: {color:Social Background};
  256. color: {color:Social Icon};
  257. }
  258. .scroll-top:hover,
  259. .post-nav:hover {
  260. color: {color:Social Icon};
  261. }
  262.  
  263. .main-menu li a {
  264. color: {color:Menu Text};
  265. }
  266. .main-menu li a:hover {
  267. border-color: {color:Menu Text};
  268. }
  269.  
  270. .search input {
  271. color: {color:Menu Text};
  272. }
  273. .search ::-webkit-input-placeholder {
  274. color: {color:Menu Text};
  275. }
  276. .search :-moz-placeholder {
  277. color: {color:Menu Text};
  278. }
  279. .search ::-moz-placeholder {
  280. color: {color:Menu Text};
  281. }
  282. .search :-ms-input-placeholder {
  283. color: {color:Menu Text};
  284. }
  285.  
  286. .type_pagination.pagination_load-more .article-content,
  287. .type_pagination.pagination_infinite-scroll .article-content {
  288. color: {color:Link};
  289. }
  290. .type_pagination.pagination_load-more .article-content:hover,
  291. .type_pagination.pagination_load-more.loading .article-content {
  292. background: {color:Link};
  293. color: {color:Post Background};
  294. }
  295. .type_pagination.pagination a {
  296. background: {color:Post Background};
  297. }
  298.  
  299. .instagram-feed .instagram-image .overlay:before {
  300. background: {color:Link};
  301. }
  302. .instagram-feed .instagram-image .overlay .social-instagram {
  303. color: {color:Post Background};
  304. }
  305. .instagram-feed .instagram-link {
  306. margin-top: {text:Photoset Spacing}px;
  307. background: {color:Link};
  308. color: {color:Post Background};
  309. }
  310. .instagram-feed .instagram-link:hover {
  311. background: {color:Link Hover};
  312. }
  313.  
  314. article .article-content {
  315. background: {color:Post Background};
  316. }
  317.  
  318. article.type_chat .line,
  319. article blockquote {
  320. border-color: {color:Borders};
  321. }
  322. article.type_audio .audio-post-wrap p,
  323. article.type_answer .answer-person {
  324. color: {color:Post Titles};
  325. }
  326.  
  327. article.type_quote .quote {
  328. color: {color:Post Titles};
  329. }
  330.  
  331. article hr {
  332. background: {color:Borders};
  333. }
  334.  
  335. article.type_link .the-link {
  336. background: {color:Link};
  337. color: {color:Post Background};
  338. }
  339. article.type_link .the-link:hover {
  340. background: {color:Link hover};
  341. }
  342.  
  343. .icons li.sharer ul {
  344. background: {color:Post Background};
  345. border-color: {color:Borders};
  346. }
  347. .icons li.sharer ul:before {
  348. border-top-color: {color:Borders};
  349. }
  350. .icons li.sharer ul:after {
  351. border-top-color: {color:Post Background};
  352. }
  353.  
  354. .post-footer a.timestamp {
  355. color: {color:Text};
  356. }
  357.  
  358. ::-moz-selection { background: {color:Link}; color: {color:Post Background}; text-shadow: none; }
  359. ::selection { background: {color:Link}; color: {color:Post Background}; text-shadow: none; }
  360.  
  361. {block:IfFontEmbedCode}
  362.  
  363. {block:IfFontFamilyBody}
  364. body {
  365. font-family: '{text:Font Family Body}';
  366. }
  367. {/block:IfFontFamilyBody}
  368.  
  369. {block:IfFontFamilyLogo}
  370. .sidebar-wrap .blog-title h1 {
  371. font-family: '{text:Font Family Logo}';
  372. }
  373. {/block:IfFontFamilyLogo}
  374.  
  375. {block:IfFontFamilyTitles}
  376. h1, h2, h3, h4, h5,
  377. article.type_quote .quote,
  378. article.type_answer .answer-person,
  379. article.type_link .the-link {
  380. font-family: '{text:Font Family Titles}';
  381. }
  382. {/block:IfFontFamilyTitles}
  383.  
  384. {/block:IfFontEmbedCode}
  385.  
  386. {block:IfStickyPosts}
  387. .index article.{text:Sticky Tag} {
  388. display: none;
  389. }
  390. .index article.{text:Sticky Tag}.sticky-show,
  391. .index.tagged article.{text:Sticky Tag},
  392. .index.search article.{text:Sticky Tag} {
  393. display: block;
  394. }
  395. {/block:IfStickyPosts}
  396.  
  397. </style>
  398.  
  399. <style type="text/css">
  400.  
  401. {CustomCSS}
  402.  
  403. </style>
  404.  
  405.  
  406.  
  407. {block:IfGoogleAnalyticsCode}
  408. <script type="text/javascript">
  409.  
  410. var _gaq = _gaq || [];
  411. _gaq.push(['_setAccount', '{text:Google Analytics Code}']);
  412. _gaq.push(['_trackPageview']);
  413.  
  414. (function() {
  415. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  416. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  417. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  418. })();
  419.  
  420. </script>
  421. {/block:IfGoogleAnalyticsCode}
  422.  
  423.  
  424. <!-- Sharing meta tags -->
  425. <meta property="og:site_name" content="{Title}"/>{block:IndexPage}<meta property="og:title" content="{block:TagPage}&quot;{PlaintextTag}&quot;-{/block:TagPage}{block:SearchPage}{lang:Search results for SearchQuery}-{/block:SearchPage}{Title}"/><meta property="og:url" content="{blogURL}{block:TagPage}tagged/{URLSafeTag}{/block:TagPage}"/><meta property="og:type" content="blog"/><meta property="og:description" content="{MetaDescription}{block:TagPage}{PlaintextDescription}{/block:TagPage}"/><meta property="og:image" content="{PortraitURL-128}"/>{/block:IndexPage}{block:PermalinkPage}<meta property="og:url" content="{Permalink}"/><meta property="og:type" content="article"/>{block:Posts}{block:Text}{block:Title}<meta property="og:title" content="{PlaintextTitle}"/>{/block:Title}<meta property="og:description" content="{PlaintextBody}"/><meta property="og:image" content="{PortraitURL-128}"/>{/block:Text}{block:Photo}<meta property="og:image" content="{PhotoURL-HighRes}"/>{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}{/block:Photo}{block:Photoset}{block:Photos}<meta property="og:image" content="{PhotoURL-HighRes}"/>{/block:Photos}{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}{/block:Photoset}{block:Quote}<meta property="og:title" content="{PlaintextQuote}"/><meta property="og:description" content="{PlaintextSource}"/><meta property="og:image" content="{PortraitURL-128}"/>{/block:Quote}{block:Link}<meta property="og:title" content="{PlaintextName}"/><meta property="og:description" content="{PlaintextDescription}"/>{block:Thumbnail}<meta property="og:image" content="{Thumbnail}"/>{/block:Thumbnail}{/block:Link}{block:Chat}<meta property="og:title" content="{PlaintextTitle}"/><meta property="og:description" content="{block:Lines}{block:Label}{Label}:{/block:Label}{Line}&bull;{/block:Lines}"/><meta property="og:image" content="{PortraitURL-128}"/>{/block:Chat}{block:Audio}<meta property="og:title" content="{block:Artist}{Artist}-{/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}"/><meta property="og:description" content="{PlaintextCaption}"/>{block:AlbumArt}<meta property="og:image" content="{AlbumArtURL}"/>{/block:AlbumArt}{/block:Audio}{block:Video}{block:Caption}<meta property="og:description" content="{PlaintextCaption}"/>{/block:Caption}{block:VideoThumbnail}<meta property="og:image" content="{VideoThumbnailURL}"/>{/block:VideoThumbnail}{/block:Video}{block:Answer}<meta property="og:title" content="{PlaintextQuestion}"/><meta property="og:description" content="{PlaintextAnswer}"/><meta property="og:image" content="{PortraitURL-128}"/>{/block:Answer}{/block:Posts}{/block:PermalinkPage}
  426.  
  427. {block:PermalinkPage}<meta name="twitter:url" content="{Permalink}"/>{block:Posts}{block:Text}<meta name="twitter:card" content="summary">{block:Title}<meta name="twitter:title" content="{PlaintextTitle}"/>{/block:Title}<meta name="twitter:description" content="{PlaintextBody}"/><meta name="twitter:image" content="{PortraitURL-128}"/>{/block:Text}{block:Photo}<meta name="twitter:card" content="photo"><meta name="twitter:image" content="{PhotoURL-500}"/>{block:Caption}<meta name="twitter:description" content="{PlaintextCaption}"/>{/block:Caption}{/block:Photo}{block:Photoset}<meta name="twitter:card" content="photo">{block:Photos}<meta name="twitter:image" content="{PhotoURL-500}"/>{/block:Photos}{block:Caption}<meta name="twitter:description" content="{PlaintextCaption}"/>{/block:Caption}{/block:Photoset}{block:Quote}<meta name="twitter:card" content="summary"><meta name="twitter:title" content="{PlaintextQuote}"/><meta name="twitter:description" content="{PlaintextSource}"/><meta name="twitter:image" content="{PortraitURL-128}"/>{/block:Quote}{block:Link}<meta name="twitter:card" content="summary"><meta name="twitter:title" content="{PlaintextName}"/><meta name="twitter:description" content="{PlaintextDescription}"/>{block:Thumbnail}<meta name="twitter:image" content="{Thumbnail}"/>{/block:Thumbnail}{/block:Link}{block:Chat}<meta name="twitter:card" content="summary"><meta name="twitter:title" content="{PlaintextTitle}"/><meta name="twitter:description" content="{block:Lines}{block:Label}{Label}:{/block:Label}{Line}&bull;{/block:Lines}"/><meta name="twitter:image" content="{PortraitURL-128}"/>{/block:Chat}{block:Audio}<meta name="twitter:card" content="summary"><meta name="twitter:title" content="{block:Artist}{Artist}-{/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}"/><meta name="twitter:description" content="{PlaintextCaption}"/>{block:AlbumArt}<meta name="twitter:image" content="{AlbumArtURL}"/>{/block:AlbumArt}{/block:Audio}{block:Video}<meta name="twitter:card" content="summary"><meta name="twitter:title" content="{PlaintextTitle}"/>{block:Caption}<meta name="twitter:description" content="{PlaintextCaption}"/>{/block:Caption}{block:VideoThumbnail}<meta name="twitter:image" content="{VideoThumbnailURL}"/>{/block:VideoThumbnail}{/block:Video}{block:Answer}<meta name="twitter:card" content="summary"><meta name="twitter:title" content="{PlaintextQuestion}"/><meta name="twitter:description" content="{PlaintextAnswer}"/><meta name="twitter:image" content="{PortraitURL-128}"/>{/block:Answer}{/block:Posts}{/block:PermalinkPage}
  428.  
  429.  
  430. </head>
  431.  
  432.  
  433. <body
  434. {block:IndexPage} class="index{block:IfStickyPosts} sticky-posts{/block:IfStickyPosts}{block:SearchPage} search{block:NoSearchResults} no-results{/block:NoSearchResults}{/block:SearchPage}{block:TagPage} tagged{/block:TagPage}"{/block:IndexPage}
  435. {block:PermalinkPage} class="permalink"{/block:PermalinkPage}
  436. >
  437.  
  438. <!-- Tumblr Theme #39445 -->
  439.  
  440.  
  441. {block:ShowHeaderImage}
  442. <header class="header-image-wrap">
  443. <div class="header-image">
  444. <img src="">
  445. </div>
  446. </header>
  447. {/block:ShowHeaderImage}
  448.  
  449.  
  450. <div class="page-wrap">
  451.  
  452. <div class="scroll-top-wrap">
  453. <a href="#top" class="scroll-top off"><i class="social-up"></i></a>
  454. </div>
  455.  
  456. {block:PermalinkPagination}
  457. {block:NextPost}<a href="{NextPost}" class="post-nav next" title="{lang:Next post}"><i class="social-left"></i></a>{/block:NextPost}
  458. {block:PreviousPost}<a href="{PreviousPost}" class="post-nav prev" title="{lang:Previous post}"><i class="social-right"></i></a>{/block:PreviousPost}
  459. {/block:PermalinkPagination}
  460.  
  461. <aside class="sidebar-wrap fixed">
  462.  
  463. <div class="sidebar">
  464.  
  465. {block:IfLogoImage}
  466. <a href="/" class="logo-image" title="{Title}">
  467. <img src="{image:Logo}" alt="{Title}"/>
  468. </a>
  469. {/block:IfLogoImage}
  470.  
  471. {block:IfNotLogoImage}
  472. <a href="/" class="title" title="{Title}">
  473. {block:ShowAvatar}
  474. <span class="avatar-image {AvatarShape}"><img src="{PortraitURL-128}" alt="{Title}"/></span>
  475. {/block:ShowAvatar}
  476. {block:ShowTitle}
  477. <span class="blog-title"><h1>{Title}</h1></span>
  478. {/block:ShowTitle}
  479. </a>
  480. {/block:IfNotLogoImage}
  481.  
  482. {block:ShowDescription}
  483. <div class="description">
  484. {Description}
  485. </article>
  486. {/block:ShowDescription}
  487.  
  488. <nav class="menu">
  489.  
  490. <ul class="social-menu {AvatarShape}">
  491. {block:IfURLTwitter}
  492. <li><a href="{text:URL Twitter}" target="_blank" title="Twitter"><i class="social-tweets"></i></a></li>
  493. {/block:IfURLTwitter}
  494. {block:IfURLFacebook}
  495. <li><a href="{text:URL Facebook}" target="_blank" title="Facebook"><i class="social-facebook"></i></a></li>
  496. {/block:IfURLFacebook}
  497. {block:IfURLTumblr}
  498. <li><a href="{text:URL Tumblr}" target="_blank" title="Tumblr"><i class="social-tumblr"></i></a></li>
  499. {/block:IfURLTumblr}
  500. {block:IfURLWebsite}
  501. <li><a href="{text:URL Website}" target="_blank" title="Website"><i class="social-monitor"></i></a></li>
  502. {/block:IfURLWebsite}
  503. {block:IfURLGoogle}
  504. <li><a href="{text:URL Google}" target="_blank" title="Google"><i class="social-gplus"></i></a></li>
  505. {/block:IfURLGoogle}
  506. {block:IfURLLinkedin}
  507. <li><a href="{text:URL Linkedin}" target="_blank" title="Linkedin"><i class="social-linkedin"></i></a></li>
  508. {/block:IfURLLinkedin}
  509. {block:IfURLFoursquare}
  510. <li><a href="{text:URL Foursquare}" target="_blank" title="Foursquare"><i class="social-foursquare"></i></a></li>
  511. {/block:IfURLFoursquare}
  512. {block:IfURLSkype}
  513. <li><a href="{text:URL Skype}" target="_blank" title="Skype"><i class="social-skype"></i></a></li>
  514. {/block:IfURLSkype}
  515. {block:IfURLEmail}
  516. <li><a href="mailto:{text:URL Email}" target="_blank" title="Email"><i class="social-mail"></i></a></li>
  517. {/block:IfURLEmail}
  518. {block:IfURLInstagram}
  519. <li><a href="{text:URL Instagram}" target="_blank" title="Instagram"><i class="social-instagram"></i></a></li>
  520. {/block:IfURLInstagram}
  521. {block:IfURLFlickr}
  522. <li><a href="{text:URL Flickr}" target="_blank" title="Flickr"><i class="social-flickr"></i></a></li>
  523. {/block:IfURLFlickr}
  524. {block:IfURL500px}
  525. <li><a href="{text:URL 500px}" target="_blank" title="500px"><i class="social-fivehundredpx"></i></a></li>
  526. {/block:IfURL500px}
  527. {block:IfURLVSCOGrid}
  528. <li><a href="{text:URL VSCO Grid}" target="_blank" title="VSCO Grid"><i class="social-vsco-grid"></i></a></li>
  529. {/block:IfURLVSCOGrid}
  530. {block:IfURLCamera}
  531. <li><a href="{text:URL Camera}" target="_blank" title=""><i class="social-camera"></i></a></li>
  532. {/block:IfURLCamera}
  533. {block:IfURLEye}
  534. <li><a href="{text:URL Eye}" target="_blank" title=""><i class="social-eye"></i></a></li>
  535. {/block:IfURLEye}
  536. {block:IfURLPinterest}
  537. <li><a href="{text:URL Pinterest}" target="_blank" title="Pinterest"><i class="social-pinterest"></i></a></li>
  538. {/block:IfURLPinterest}
  539. {block:IfURLHeart}
  540. <li><a href="{text:URL Heart}" target="_blank" title=""><i class="social-heart"></i></a></li>
  541. {/block:IfURLHeart}
  542. {block:IfURLYoutube}
  543. <li><a href="{text:URL Youtube}" target="_blank" title="Youtube"><i class="social-youtube"></i></a></li>
  544. {/block:IfURLYoutube}
  545. {block:IfURLVimeo}
  546. <li><a href="{text:URL Vimeo}" target="_blank" title="Vimeo"><i class="social-vimeo"></i></a></li>
  547. {/block:IfURLVimeo}
  548. {block:IfURLVine}
  549. <li><a href="{text:URL Vine}" target="_blank" title="Vine"><i class="social-vine"></i></a></li>
  550. {/block:IfURLVine}
  551. {block:IfURLEbay}
  552. <li><a href="{text:URL Ebay}" target="_blank" title="Ebay"><i class="social-ebay"></i></a></li>
  553. {/block:IfURLEbay}
  554. {block:IfURLStore}
  555. <li><a href="{text:URL Store}" target="_blank" title="Store"><i class="social-basket"></i></a></li>
  556. {/block:IfURLStore}
  557. {block:IfURLApple}
  558. <li><a href="{text:URL Apple}" target="_blank" title="Apple"><i class="social-apple"></i></a></li>
  559. {/block:IfURLApple}
  560. {block:IfURLGoogleplay}
  561. <li><a href="{text:URL Googleplay}" target="_blank" title="Google Play"><i class="social-googleplay"></i></a></li>
  562. {/block:IfURLGoogleplay}
  563. {block:IfURLEtsy}
  564. <li><a href="{text:URL Etsy}" target="_blank" title="Etsy"><i class="social-etsy"></i></a></li>
  565. {/block:IfURLEtsy}
  566. {block:IfURLDribbble}
  567. <li><a href="{text:URL Dribbble}" target="_blank" title="Dribbble"><i class="social-dribbble"></i></a></li>
  568. {/block:IfURLDribbble}
  569. {block:IfURLBehance}
  570. <li><a href="{text:URL Behance}" target="_blank" title="Behance"><i class="social-behance"></i></a></li>
  571. {/block:IfURLBehance}
  572. {block:IfURLdeviantART}
  573. <li><a href="{text:URL deviantART}" target="_blank" title="deviantART"><i class="social-deviantart"></i></a></li>
  574. {/block:IfURLdeviantART}
  575. {block:IfURLGithub}
  576. <li><a href="{text:URL Github}" target="_blank" title="Github"><i class="social-github"></i></a></li>
  577. {/block:IfURLGithub}
  578. {block:IfURLMedium}
  579. <li><a href="{text:URL Medium}" target="_blank" title="Medium"><i class="social-medium"></i></a></li>
  580. {/block:IfURLMedium}
  581. {block:IfURLQuora}
  582. <li><a href="{text:URL Quora}" target="_blank" title="Quora"><i class="social-quora"></i></a></li>
  583. {/block:IfURLQuora}
  584. {block:IfURLWeibo}
  585. <li><a href="{text:URL Weibo}" target="_blank" title="Weibo"><i class="social-weibo"></i></a></li>
  586. {/block:IfURLWeibo}
  587. {block:IfURLTravel}
  588. <li><a href="{text:URL Travel}" target="_blank" title=""><i class="social-suitcase"></i></a></li>
  589. {/block:IfURLTravel}
  590. {block:IfURLLastfm}
  591. <li><a href="{text:URL Lastfm}" target="_blank" title="Lastfm"><i class="social-lastfm"></i></a></li>
  592. {/block:IfURLLastfm}
  593. {block:IfURLRdio}
  594. <li><a href="{text:URL Rdio}" target="_blank" title="Rdio"><i class="social-rdio"></i></a></li>
  595. {/block:IfURLRdio}
  596. {block:IfURLSpotify}
  597. <li><a href="{text:URL Spotify}" target="_blank" title="Spotify"><i class="social-spotify"></i></a></li>
  598. {/block:IfURLSpotify}
  599. {block:IfURLSoundcloud}
  600. <li><a href="{text:URL Soundcloud}" target="_blank" title="Soundcloud"><i class="social-soundcloud"></i></a></li>
  601. {/block:IfURLSoundcloud}
  602. {block:IfURLRSS}
  603. <li><a href="{text:URL RSS}" target="_blank" title="RSS"><i class="social-rss"></i></a></li>
  604. {/block:IfURLRSS}
  605. </ul>
  606.  
  607. <ul class="main-menu">
  608. {block:HasPages}
  609. {block:Pages}
  610. <li><a href="{URL}" title="{Label}">{Label}</a></li>
  611. {/block:Pages}
  612. {/block:HasPages}
  613. {block:AskEnabled}
  614. <li><a href="/ask" title="{AskLabel}">{AskLabel}</a></li>
  615. {/block:AskEnabled}
  616. {block:SubmissionsEnabled}
  617. <li><a href="/submit" title="{SubmitLabel}">{SubmitLabel}</a></li>
  618. {/block:SubmissionsEnabled}
  619. {block:IfShowArchiveLink}
  620. <li><a href="/archive" title="{lang:Archive}">{lang:Archive}</a></li>
  621. {/block:IfShowArchiveLink}
  622. </ul>
  623.  
  624. {block:IfShowSearch}
  625. <form action="/search" method="get" class="search">
  626. <i class="social-search"></i>
  627. <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}..."/>
  628. </form>
  629. {block:IfShowSearch}
  630.  
  631. </nav>
  632.  
  633. </div>
  634.  
  635. </aside>
  636.  
  637.  
  638. <section class="the-posts">
  639.  
  640.  
  641. {block:IndexPage}
  642.  
  643. {block:SearchPage}
  644. <article id="search-intro" class="scrollable type_description search-intro">
  645. <div class="article-content">
  646. <h2>{lang:Search results for SearchQuery}</h2>
  647. {block:NoSearchResults}
  648. <p>{lang:No results for SearchQuery}</p>
  649. {/block:NoSearchResults}
  650. </div>
  651. </article>
  652. {/block:SearchPage}
  653.  
  654. {block:TagPage}
  655. <article id="tag-intro" class="scrollable type_description tag-intro">
  656. <div class="article-content">
  657. <h2>{lang:Posts tagged Tag 2}</h2>
  658. </div>
  659. </article>
  660. {/block:TagPage}
  661.  
  662. {block:IfInstagramToken}
  663. <article id="instagram-post" class="scrollable instagram-feed">
  664. <div class="instagram-token">{text:Instagram Token}</div>
  665. <div class="instagram-order">{text:Instagram Order}</div>
  666. <div class="article-content">
  667. <div id="instagram-feed"></div>
  668. <a href="{text:URL Instagram}" class="instagram-link">{text:Instagram Follow Me}</a>
  669. </div>
  670. </article>
  671. {/block:IfInstagramToken}
  672.  
  673. {/block:IndexPage}
  674.  
  675.  
  676. <div class="posts-holder{block:IndexPage} posts-grid{/block:IndexPage}"{block:IfStickyPosts} data-sticky="{text:Sticky Tag}"{/block:IfStickyPosts}>
  677.  
  678. {block:IfStickyPosts}<div class="sticky-loader"></div>{/block:IfStickyPosts}
  679.  
  680. {block:Posts inlineMediaWidth="500" inlineNestedMediaWidth="500"}
  681.  
  682. <article id="{PostID}" class="type_{PostType} {TagsAsClasses} scrollable" rel="{ReblogURL}">
  683.  
  684. <div class="article-content">
  685.  
  686.  
  687. {block:Text}
  688.  
  689. <!-- Text Post -->
  690.  
  691. <div class="text-post-wrap">
  692. {block:Title}
  693. {block:IndexPage}<h2><a href="{Permalink}" title="{Title}">{Title}</a></h2>{/block:IndexPage}
  694. {block:PermalinkPage}<h2>{Title}</h2>{/block:PermalinkPage}
  695. {/block:Title}
  696. {Body}
  697. </div>
  698.  
  699. {/block:Text}
  700.  
  701.  
  702. {block:Photo}
  703.  
  704. <!-- Photo Post -->
  705.  
  706. <div class="photo-stage {block:IndexPage} {select:Photo Link}{/block:IndexPage}{block:PermalinkPage}natural {select:Photo Link Permalink}{/block:PermalinkPage}">
  707.  
  708. <div class="photo-wrap photo--post">
  709. <a href="{Permalink}" title="{Title}">
  710. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  711. </a>
  712. </div>
  713.  
  714. <div class="photo-wrap photo--image">
  715. {LinkOpenTag}
  716. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  717. {LinkCloseTag}
  718. </div>
  719.  
  720. <div class="photo-wrap photo--lightbox">
  721. <a href="{PhotoURL-HighRes}">
  722. <img src="{PhotoURL-500}" />
  723. </a>
  724. </div>
  725.  
  726. <div class="photo-wrap photo--none">
  727. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  728. </div>
  729.  
  730. </div>
  731.  
  732. {block:Caption}
  733. <div class="caption">
  734. {Caption}
  735. </div>
  736. {/block:Caption}
  737.  
  738. {/block:Photo}
  739.  
  740.  
  741. {block:Panorama}
  742.  
  743. <!-- Panorama Post -->
  744.  
  745. <div class="photo-stage {block:IndexPage}{select:Panorama Link}{/block:IndexPage}{block:PermalinkPage}{select:Panorama Link Permalink}{/block:PermalinkPage}">
  746.  
  747. <div class="photo-wrap photo--image">
  748. {LinkOpenTag}
  749. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  750. {LinkCloseTag}
  751. </div>
  752.  
  753. <div class="photo-wrap photo--post">
  754. <a href="{Permalink}" title="{Title}">
  755. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  756. </a>
  757. </div>
  758.  
  759. <div class="photo-wrap photo--none">
  760. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  761. </div>
  762.  
  763. </div>
  764.  
  765. {block:Caption}
  766. <div class="caption">
  767. {Caption}
  768. </div>
  769. {/block:Caption}
  770.  
  771. {/block:Panorama}
  772.  
  773.  
  774. {block:Photoset}
  775.  
  776. <!-- Photoset Post -->
  777.  
  778. {block:IndexPage}
  779. {block:IfPhotosetCover}
  780. <a href="{Permalink}" title="{Title}" class="photoset-wrap">
  781. {block:Photos}
  782. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  783. {/block:Photos}
  784. </a>
  785. {/block:IfPhotosetCover}
  786. {block:IfNotPhotosetCover}
  787. <div class="photoset-grid {select:Photoset Link}" data-layout="{PhotosetLayout}" data-id="photoset{PostID}" data-post="{Permalink}" {block:IfPhotosetSpacing}data-gutter="{text:Photoset Spacing}"{block:IfPhotosetSpacing}>
  788. {block:Photos}
  789. <img src="{PhotoURL-500}"
  790. {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  791. {block:Caption}alt="{Caption}"{/block:caption}
  792. data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  793. {/block:Photos}
  794. </div>
  795. {/block:IfNotPhotosetCover}
  796. {/block:IndexPage}
  797.  
  798. {block:PermalinkPage}
  799. <div class="photoset-grid {select:Photoset Link Permalink}" data-layout="{PhotosetLayout}" data-id="photoset{PostID}" {block:IfPhotosetSpacing}data-gutter="{text:Photoset Spacing}"{block:IfPhotosetSpacing}>
  800. {block:Photos}
  801. <img src="{PhotoURL-500}"
  802. {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  803. {block:Caption}alt="{Caption}"{/block:caption}
  804. data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  805. {/block:Photos}
  806. </div>
  807. {/block:PermalinkPage}
  808.  
  809. {block:Caption}
  810. <div class="caption">
  811. {Caption}
  812. </div>
  813. {/block:caption}
  814.  
  815. {/block:Photoset}
  816.  
  817.  
  818. {block:Video}
  819.  
  820. <!-- Video Post -->
  821.  
  822. <div class="video-stage">
  823. <div class="video-container" id="{postID}">
  824. {VideoEmbed-500}
  825. </div>
  826. </div>
  827.  
  828. {block:Caption}
  829. <div class="caption">
  830. {Caption}
  831. </div>
  832. {/block:Caption}
  833.  
  834. {/block:Video}
  835.  
  836.  
  837. {block:Audio}
  838.  
  839. <!-- Audio Post -->
  840.  
  841. {block:AudioEmbed}
  842. <div class="audio-embed">
  843. {AudioEmbed}
  844. </div>
  845. {/block:AudioEmbed}
  846.  
  847. {block:ExternalAudio}
  848. <a href="{ExternalAudioURL}">{lang:Download}</a>
  849. {/block:ExternalAudio}
  850.  
  851. {block:Caption}
  852. <div class="caption">
  853. {Caption}
  854. </div>
  855. {/block:Caption}
  856.  
  857. {/block:Audio}
  858.  
  859.  
  860. {block:Quote}
  861.  
  862. <!-- Quote Post -->
  863.  
  864. <div class="quote {Length}">
  865. {Quote}
  866. </div>
  867.  
  868. {block:Source}
  869. <div class="quote-author">{Source}</div>
  870. {/block:Source}
  871.  
  872. {/block:Quote}
  873.  
  874.  
  875. {block:Answer}
  876.  
  877. <!-- Answer Post -->
  878.  
  879. <div class="answer-post-wrap">
  880.  
  881. <div class="answer-wrap">
  882. <div class="answer-image {AvatarShape}"><img src="{AskerPortraitURL-48}"></div>
  883. <div class="answer-person">{Asker} asked:</div>
  884. <div class="answer-text question">{Question}</div>
  885. </div>
  886.  
  887. <hr>
  888.  
  889. {block:Answerer}
  890. <div class="answer-wrap">
  891. <div class="answer-image {AvatarShape}"><img src="{AnswererPortraitURL-48}" alt="{Title}"/></div>
  892. <div class="answer-person">{Answerer} answered:</div>
  893. <div class="answer-text">{Answer}</div>
  894. </div>
  895. <hr>
  896. {/block:Answerer}
  897.  
  898. <div class="answer-wrap">
  899. {Replies}
  900. </div>
  901.  
  902. </div>
  903.  
  904. {/block:Answer}
  905.  
  906.  
  907. {block:Chat}
  908.  
  909. <!-- Chat Post -->
  910.  
  911. <div class="text-post-wrap">
  912. {block:Title}
  913. {block:IndexPage}<h2><a href="{Permalink}" title="{Title}">{Title}</a></h2>{/block:IndexPage}
  914. {block:PermalinkPage}<h2>{Title}</h2>{/block:PermalinkPage}
  915. {/block:Title}
  916. {block:Lines}
  917. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  918. {/block:Lines}
  919. </div>
  920.  
  921. {/block:Chat}
  922.  
  923.  
  924. {block:Link}
  925.  
  926. <!-- Link Post -->
  927.  
  928. <a href="{URL}" class="the-link" {Target}>
  929. {block:Thumbnail}<img src="{Thumbnail}" alt="{Name}"/>{/block:Thumbnail}
  930. <div class="the-link-text">{Name} <i class="social-right"></i><span>{URL}</span></div>
  931. </a>
  932.  
  933. {block:Description}
  934. <div class="caption">
  935. {Description}
  936. </div>
  937. {/block:Description}
  938.  
  939. {/block:Link}
  940.  
  941.  
  942. {block:Date}
  943.  
  944. <div class="post-footer{block:PermalinkPage} permalink{/block:PermalinkPage}{block:IndexPage}{block:IfShowMetaOnHome} show-meta{/block:IfShowMetaOnHome}{/block:IndexPage}">
  945.  
  946. <ul class="icons{block:IfWhiteIcons} white{/block:IfWhiteIcons}">
  947. {block:IfSharer}
  948. <li class="sharer">
  949. <a class="social-export"></a>
  950. <div class="sharer-wrap">
  951. <ul>
  952. {block:IfSharerTwitter}
  953. <li class="twitter">
  954. <a href="https://twitter.com/intent/tweet?url={ShortURL}" title="Share on Twitter" class="social-tweets" target="_blank"></a>
  955. </li>
  956. {/block:IfSharerTwitter}
  957. {block:IfSharerFacebook}
  958. <li class="facebook">
  959. <a href="http://www.facebook.com/sharer.php?u={ShortURL}" title="Share on Facebook" class="social-facebook" target="_blank"></a>
  960. </li>
  961. {/block:IfSharerFacebook}
  962. {block:IfSharerGoogle}
  963. <li class="gplus">
  964. <a href="https://plus.google.com/share?url={ShortURL}" title="Share on Google +" class="social-gplus" target="_blank"></a>
  965. </li>
  966. {/block:IfSharerGoogle}
  967. {block:IfSharerPinterest}
  968. <li class="pinterest">
  969. <a href="https://pinterest.com/pin/create/button/?url={ShortURL}{block:Text}&media={PortraitURL-128}{/block:Text}{block:Photo}&media={PhotoURL-HighRes}{/block:Photo}{block:Panorama}&media={PhotoURL-Panorama}{/block:Panorama}{block:Photoset}{block:Photos}&media={PhotoURL-500}{/block:Photos}{/block:Photoset}{block:Quote}&media={PortraitURL-128}{/block:Quote}{block:Link}&media={PortraitURL-128}{/block:Link}{block:Chat}&media={PortraitURL-128}{/block:Chat}{block:Audio}&media={PortraitURL-128}{/block:Audio}{block:Video}&media={PortraitURL-128}{block:VideoThumbnail}&media={VideoThumbnailURL}{/block:VideoThumbnail}{/block:Video}{block:Answer}&media={PortraitURL-128}{/block:Answer}{block:PostTitle}&description={PostTitle}{/block:PostTitle}" title="Share on Pinterest" class="social-pinterest" target="_blank"></a>
  970. </li>
  971. {/block:IfSharerPinterest}
  972. </ul>
  973. </div>
  974. </li>
  975. {/block:IfSharer}
  976. <li class="reblog">
  977. <i class="reblog-icon">{block:IfWhiteIcons}{ReblogButton color="white" size="16"}{/block:IfWhiteIcons}{block:IfNotWhiteIcons}{ReblogButton color="black" size="16"}{/block:IfNotWhiteIcons}</i>
  978. </li>
  979. <li class="like">{block:IfWhiteIcons}{LikeButton color="white" size="16"}{/block:IfWhiteIcons}{block:IfNotWhiteIcons}{LikeButton color="black" size="16"}{/block:IfNotWhiteIcons}</li>
  980. </ul>
  981.  
  982. {block:IfShowTimestamp}
  983. {block:IndexPage}
  984. <a href="{Permalink}" class="timestamp">{TimeAgo}</a>
  985. {/block:IndexPage}
  986. {block:PermalinkPage}
  987. <div class="timestamp">{TimeAgo}</div>
  988. {/block:PermalinkPage}
  989. {/block:IfShowTimestamp}
  990.  
  991. <div class="post-meta">
  992.  
  993. {block:IndexPage}
  994.  
  995. {block:IfDisqusShortname}
  996. <a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a>
  997. <script type="text/javascript">
  998. var disqus_shortname = '{text:Disqus Shortname}';
  999. (function () {
  1000. var s = document.createElement('script'); s.async = true;
  1001. s.type = 'text/javascript';
  1002. s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  1003. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1004. }());
  1005. </script>
  1006. {/block:IfDisqusShortname}
  1007.  
  1008. {block:IfShowMetaOnHome}
  1009. {block:ContentSource}
  1010. <div class="source">Source: {SourceLink}</div>
  1011. {/block:ContentSource}
  1012. {block:RebloggedFrom}
  1013. <a class="reblogged" href="{ReblogParentURL}" title="{ReblogParentTitle}">{lang:Reblogged from} {ReblogParentTitle}</a>
  1014. {/block:RebloggedFrom}
  1015. {block:HasTags}
  1016. <div class="tagged">
  1017. {lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1018. </div>
  1019. {/block:HasTags}
  1020. {block:NoteCount}
  1021. <a href="{Permalink}#notes">{NoteCountWithLabel}</a>
  1022. {/block:NoteCount}
  1023. {/block:IfShowMetaOnHome}
  1024.  
  1025. {/block:IndexPage}
  1026.  
  1027. {block:PermalinkPage}
  1028. {block:ContentSource}
  1029. <div class="source">Source: {SourceLink}</div>
  1030. {/block:ContentSource}
  1031. {block:RebloggedFrom}
  1032. <a class="reblogged" href="{ReblogParentURL}" title="{ReblogParentTitle}">{lang:Reblogged from} {ReblogParentTitle}</a>
  1033. {/block:RebloggedFrom}
  1034. {block:HasTags}
  1035. <div class="tagged">
  1036. {lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1037. </div>
  1038. {/block:HasTags}
  1039. {/block:PermalinkPage}
  1040. </div>
  1041.  
  1042. </div>
  1043.  
  1044. {block:PermalinkPage}
  1045.  
  1046. {block:IfDisqusShortname}
  1047. <div id="disqus_thread" class="disqus"></div>
  1048. <script type="text/javascript">
  1049. var disqus_shortname = '{text:Disqus Shortname}';
  1050. (function() {
  1051. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1052. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1053. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1054. })();
  1055. </script>
  1056. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1057. <a href="http://disqus.com" class="dsq-brlink">Comments powered by <span class="logo-disqus">Disqus</span></a>
  1058. {/block:IfDisqusShortname}
  1059.  
  1060. {block:PostNotes}
  1061. <div id="notes" class="post-notes {AvatarShape}">
  1062. <div class="note-count">{NoteCountWithLabel}</div>
  1063. {PostNotes-16}
  1064. </div>
  1065. {/block:PostNotes}
  1066.  
  1067. {/block:PermalinkPage}
  1068.  
  1069. {/block:Date}
  1070.  
  1071.  
  1072. </div>
  1073.  
  1074. </article>
  1075.  
  1076. {/block:Posts}
  1077.  
  1078. </div>
  1079.  
  1080.  
  1081. {block:IndexPage}
  1082. <article class="scrollable type_pagination {select:Pagination} {block:NextPage}next{/block:NextPage}">
  1083.  
  1084. <div class="article-content">
  1085.  
  1086. {block:Pagination}
  1087. <div class="pagination">
  1088. {block:PreviousPage}<a href="{PreviousPage}" class="prev"><i class="social-left"></i> {lang:Previous page}</a>{/block:PreviousPage}
  1089. {block:NextPage}<a href="{NextPage}" class="next">{lang:Next page} <i class="social-right"></i></a>{/block:NextPage}
  1090. </div>
  1091. {/block:Pagination}
  1092.  
  1093. {block:NextPage}
  1094. <div class="load-more">
  1095. {block:IfLoadMoreLoading}<span class="load-more-loading">{text:Load More Loading}</span>{block:IfLoadMoreLoading}
  1096. {block:IfLoadMoreEnd}<span class="load-more-end">{text:Load More End}</span>{block:IfLoadMoreEnd}
  1097. {block:IfLoadMore}<span class="load-more-text">{text:Load More}</span>{block:IfLoadMore}
  1098. </div>
  1099. {/block:NextPage}
  1100.  
  1101. </div>
  1102.  
  1103. </article>
  1104. {/block:IndexPage}
  1105.  
  1106.  
  1107. <footer class="footer">
  1108.  
  1109. {block:IfFooterText}<span>{text:Footer Text}</span>{/block:IfFooterText}
  1110. <span>&copy; {Title} {CopyrightYears}</span>
  1111.  
  1112. <div class="credit">
  1113. <a href="http://precrafted.com?ref=hipster-f" title="Precrafted Tumblr Themes" target="_blank">Hipster Tumblr Theme by Precrafted</a>
  1114. </div>
  1115.  
  1116. </footer>
  1117.  
  1118.  
  1119. </section>
  1120.  
  1121. </div>
  1122.  
  1123.  
  1124.  
  1125.  
  1126. <!-- Javascript Assets -->
  1127.  
  1128. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
  1129. <script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
  1130.  
  1131. <script src="http://static.tumblr.com/e6lc7yi/iqsngmg7q/hipster-plugins.js"></script>
  1132.  
  1133. <script type="text/javascript">
  1134.  
  1135. var images = [ '{HeaderImage}'
  1136. {block:IfHeader2Image}, '{image:Header 2}'{/block:IfHeader2Image}
  1137. {block:IfHeader3Image}, '{image:Header 3}'{/block:IfHeader3Image}
  1138. {block:IfHeader4Image}, '{image:Header 4}'{/block:IfHeader4Image}
  1139. {block:IfHeader5Image}, '{image:Header 5}'{/block:IfHeader5Image}
  1140. ];
  1141.  
  1142. var chosenImage = images[Math.floor(Math.random() * images.length)];
  1143.  
  1144. $('.header-image').css({
  1145. 'background-image': 'url(' + chosenImage + ')'
  1146. });
  1147.  
  1148. $('.header-image > img').attr("src", chosenImage);
  1149.  
  1150. </script>
  1151.  
  1152. <script src="http://static.tumblr.com/e6lc7yi/2DKnmg2uv/hipster-app.js"></script>
  1153.  
  1154.  
  1155.  
  1156. </body>
  1157. <!--
  1158. This Tumblr Theme and all of its CSS, Javascript,
  1159. and media assets are subject to Tumblr's Terms of Service:
  1160.  
  1161. http://www.tumblr.com/terms_of_service
  1162. -->
  1163. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement