API tools faq
paste
Advertisement
feiinho

Theme name: Belfort Theme v1.2

feiinho
Nov 2nd, 2017
739
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 99.12 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <!-- - - - - - - - - - - - - - - - - - - - - - - -
  3.  
  4. Theme name: Belfort Theme v1.2
  5. Theme Author: Artistic Influence
  6. Author URL: [http://artistic-influence.tumblr.com/]
  7.  
  8. - - - - - - - - - - - - - - - - - - - - - - - -->
  9. <html
  10. lang="{block:English}en{/block:English}{block:Spanish}es{/block:Spanish}{block:French}fr{/block:French}{block:Italian}it{/block:Italian}{block:German}de{/block:German}{block:Polish}pl{/block:Polish}{block:Japanese}ja{/block:Japanese}">
  11.  
  12. <head>
  13. <meta charset="utf-8">
  14. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  15. <meta name="viewport" content="width=device-width,user-scalable=false">
  16.  
  17. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  18. <meta name="author" content="{Title}">
  19.  
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}">
  22. {/block:Description}
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27.  
  28. <!-- images -->
  29. <meta name="image:Permalink Page Background Image" content="">
  30. <meta name="image:Tagegory 1" content="http://40.media.tumblr.com/45f3f282e1e4d4058612e1545b8ff752/tumblr_o56s3cbqQs1uwhch4o3_500.jpg">
  31. <meta name="image:Tagegory 2" content="http://40.media.tumblr.com/6bb130a38caf5f66fcc6fd8f245c2fc1/tumblr_nocvi5oM2M1sulnzno1_500.jpg">
  32. <meta name="image:Tagegory 3" content="http://41.media.tumblr.com/80e90de5baf046bdf1d26d0f6a30d142/tumblr_o31enf5GwA1u5xkfmo1_r1_1280.jpg">
  33. <meta name="image:Tagegory 4" content="">
  34. <meta name="image:Tagegory 5" content="">
  35. <meta name="image:Tagegory 6" content="">
  36.  
  37. <!-- colors -->
  38. <meta name="color:Background Color" content="#ffffff">
  39. <meta name="color:Header Text Color" content="#ffffff">
  40. <meta name="color:Header Description Color" content="#ffffff">
  41. <meta name="color:Header Avatar Border Color" content="#ffffff">
  42. <meta name="color:Body Text Color" content="#000000">
  43. <meta name="color:Linked Text Color" content="#777777">
  44. <meta name="color:Menu Icon Color" content="#ffffff">
  45. <meta name="color:Menu Icon Background Color" content="#000000">
  46. <meta name="color:Menu Background Color" content="#111111">
  47. <meta name="color:Menu Text Color" content="#ffffff">
  48. <meta name="color:Post Background Color" content="#ffffff">
  49. <meta name="color:Post Time Stamp Text Color" content="#000000">
  50. <meta name="color:Post Side Meta Background Color" content="#ffffff">
  51. <meta name="color:Image Hover Color" content="000000">
  52. <meta name="color:Image Hover Text Color" content="#ffffff">
  53. <meta name="color:Text Post Text Color" content="#ffffff">
  54. <meta name="color:Text Post Background Color" content="#000000">
  55. <meta name="color:Link Post Title Color" content="#cccccc">
  56. <meta name="color:Link Post Button Color" content="#cccccc">
  57. <meta name="color:Link Post Button Text Color" content="#ffffff">
  58. <meta name="color:Answer Post Background Color" content="#dddddd">
  59. <meta name="color:Footer Text Color" content="#000000">
  60. <meta name="color:Footer Background Color" content="#ffffff">
  61. <meta name="color:Load More Button Background Color" content="#ffffff">
  62. <meta name="color:Load More Button Text Color" content="#000000">
  63. <meta name="color:About Me Button Background Color" content="#ffffff">
  64. <meta name="color:About Me Button Text Color" content="#000000">
  65. <meta name="color:About Me Background Color" content="#ffffff">
  66. <meta name="color:About Me Text Color" content="#000000">
  67. <meta name="color:Loading Screen Background Color" content="#ffffff">
  68. <meta name="color:Loading Screen Text Color" content="#000000">
  69.  
  70. <!-- booleans -->
  71. <meta name="if:Enable Google Fonts" content="1">
  72. <meta name="if:Standard Photoset Layout" content="0">
  73. <meta name="if:Infinite Scroll" content="0">
  74. <meta name="if:Hide Twitter Feed" content="1">
  75. <meta name="if:Hide RSS" content="1">
  76. <meta name="if:Hide About Me Button" content="0">
  77. <meta name="if:Hide Menu Search" content="0">
  78. <meta name="if:Hide Pages In Menu" content="0">
  79. <meta name="if:Hide Facebook Comments" content="0">
  80. <meta name="if:Hide Footer" content="0">
  81.  
  82. <!-- tumblr fonts -->
  83. <meta name="font:Body Font" content="'Avalon', sans-serif">
  84.  
  85. <!-- text -->
  86. <meta name="text:Menu Home Label" content="HOME">
  87. <meta name="text:Menu Ask Label" content="ASK">
  88. <meta name="text:Menu Submit Post Label" content="SUBMIT POST">
  89. <meta name="text:Menu Archive Label" content="ARCHIVE">
  90. <meta name="text:Menu Send Email Label" content="EMAIL ME">
  91. <meta name="text:Menu Send Email Address" content="example@email.com">
  92. <meta name="text:Tagegory 1 Tag" content="tag1">
  93. <meta name="text:Tagegory 2 Tag" content="tag2">
  94. <meta name="text:Tagegory 3 Tag" content="tag3">
  95. <meta name="text:Tagegory 4 Tag" content="">
  96. <meta name="text:Tagegory 5 Tag" content="">
  97. <meta name="text:Tagegory 6 Tag" content="">
  98. <meta name="text:About Me Label" content="ABOUT ME">
  99. <meta name="text:About Me Content" content="I am bold, daring and fearless, I make no effort to stand out from the crowd, this sort of thing comes naturally to me. I am the pattern on a plain canvas from which excitement springs. I am guilty of being different and make no effort to change. I am basically like Neo from the Matrix.">
  100. <meta name="text:Footer Text Message" content="Your footer message">
  101. <meta name="text:Post Heading Font Weight" content="600">
  102. <meta name="text:Body Text Font Weight" content="300">
  103. <meta name="text:Body Google Font URL" content="https://fonts.googleapis.com/css?family=Raleway:400,300,300italic,400italic,500,500italic,600,600italic,700,700italic">
  104. <meta name="text:Body Google Font Name" content="'Raleway'">
  105. <meta name="text:Title Font Weight" content="600">
  106. <meta name="text:Title Font Size" content="5rem">
  107. <meta name="text:Title Google Font URL" content="https://fonts.googleapis.com/css?family=Montserrat:400,700">
  108. <meta name="text:Title Google Font Name" content="'Montserrat'">
  109. <meta name="text:Google Analytics Code" content="">
  110. <meta name="text:Recent Likes Title" content="THINGS I LIKE">
  111. <meta name="text:Twitter Feed Title" content="TWITTER">
  112. <meta name="text:Twitter Feed Count" content="3">
  113. <meta name="text:Instagram Feed Title" content="INSTAGRAM">
  114. <meta name="text:Instagram ID" content="1694761072">
  115. <meta name="text:Instagram Token" content="1694761072.674061d.5e75438c389145d0b1f879da2368242d">
  116. <meta name="text:Instagram Feed Count" content="6">
  117. <meta name="text:Disqus Shortname" content="">
  118. <meta name="text:Facebook URL" content="">
  119. <meta name="text:Twitter URL" content="">
  120. <meta name="text:Google Plus URL" content="">
  121. <meta name="text:Instagram URL" content="">
  122. <meta name="text:VK URL" content="">
  123. <meta name="text:Youtube URL" content="">
  124. <meta name="text:Vine URL" content="">
  125. <meta name="text:Pinterest URL" content="">
  126. <meta name="text:Vimeo URL" content="">
  127. <meta name="text:Flickr URL" content="">
  128. <meta name="text:DeviantArt URL" content="">
  129. <meta name="text:Dribble URL" content="">
  130. <meta name="text:Soundcloud URL" content="">
  131. <meta name="text:Spotify URL" content="">
  132. <meta name="text:Stumbleupon URL" content="">
  133. <meta name="text:Behance URL" content="">
  134. <meta name="text:Linkedin URL" content="">
  135.  
  136. {block:IfEnableGoogleFonts}
  137. <!-- links -->
  138. <link rel="stylesheet" href="{text:Body Google Font URL}" type='text/css'>
  139. <link rel="stylesheet" href="{text:Title Google Font URL}" type='text/css'>
  140. {/block:IfEnableGoogleFonts}
  141.  
  142. <!-- external stylesheets -->
  143. <link rel="stylesheet" href="http://static.tumblr.com/vppzax2/EtGo4w4gj/foundation.css">
  144. <link rel="stylesheet" href="http://static.tumblr.com/honophf/PILosxnib/main.min.css">
  145. <script src="http://static.tumblr.com/cmghtlm/otvnkkd1g/modernizr.js"></script>
  146. <script src="http://static.tumblr.com/vppzax2/6nOolnayz/resizesensor.js"></script>
  147. <script src="http://static.tumblr.com/cmghtlm/evUnkz8ov/queryloader2.min.js" type="text/javascript"></script>
  148.  
  149. <style type="text/css">
  150.  
  151. /* start css */
  152. /* typography */
  153. body, p, a, em, strong, b, h1, h2, h3, h4, h5, h6, code, pre, textarea, button, input {
  154. font-family: {block:IfEnableGoogleFonts}{block:IfBodyGoogleFontName}{text:Body Google Font Name},{/block:IfBodyGoogleFontName}{/block:IfEnableGoogleFonts} {font:Body Font};
  155. }
  156. body, p, em, code, pre, textarea, button, input {
  157. font-weight: {text:Body Text Font Weight};
  158. }
  159. .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
  160. font-weight: {text:Post Heading Font Weight};
  161. }
  162. body, code, pre, .title-link, .post-media.answer h2 a, .link_og_blockquote, .post-colophon a, .rm-break, .post-media.quote cite, .post-media.quote cite p, .post.answer .post-entry {
  163. color: {color:Body Text Color};
  164. }
  165. a {
  166. color: {color:Linked Text Color};
  167. }
  168.  
  169. /* header */
  170. .mast-title {
  171. font-size: {text:Title Font Size};
  172. }
  173. .nav-title a, #mast-description, #mast-social a, #results-wrapper {
  174. color: {color:Header Text Color};
  175. }
  176. .nav-title a {
  177. font-family: {block:IfEnableGoogleFonts}{block:IfTitleGoogleFontName}{text:Title Google Font Name},{/block:IfTitleGoogleFontName}{/block:IfEnableGoogleFonts} {TitleFont};
  178. font-weight: {text:Title Font Weight};
  179. }
  180. .sub-avatar {
  181. border: 4px solid {color:Header Avatar Border Color};
  182. }
  183. .bg-cover {
  184. {block:ShowHeaderImage}background-image: url("{HeaderImage}");{/block:ShowHeaderImage}
  185. background-color: {color:Background Color};
  186. }
  187.  
  188.  
  189. /* nav */
  190. .left-off-canvas-toggle button i {
  191. color: {color:Menu Icon Color};
  192. }
  193. .left-off-canvas-toggle button {
  194. background-color: {color:Menu Icon Background Color};
  195. }
  196.  
  197.  
  198. /* off-canvas menu */
  199. .left-off-canvas-menu {
  200. background-color: {color:Menu Background Color};
  201. }
  202. .menu-nav a, .menu-nav i, .menu-exit.exit-off-canvas button i, .instagram-wrapper, .twitter-wrapper, .twitter-wrapper a, .likes-wrapper, .feed-content, .feed-content p, .feed-content i, .feed-content a {
  203. color: {color:Menu Text Color};
  204. }
  205. .menu-exit.exit-off-canvas {
  206. background-color: transparent;
  207. }
  208.  
  209. /* posts */
  210. .post-entry, .post-tags, .post-interact, .post.link .post-content, .post.quote .post-content, .post-media.audio, .post-media.video, .post-media.chat, .post.chat .post-content, .post.audio .post-container, .answer .post-media, .answer .post-entry, .chat-divider, .post-share {
  211. background-color: {color:Post Background Color};
  212. }
  213. .post-meta, .see-post, .more-share, .reblog-button, .like-button {
  214. background-color: {color:Post Side Meta Background Color}
  215. }
  216. .post-meta .date p, .post-meta .date h3, .post-note-count p {
  217. color: {color:Post Time Stamp Text Color};
  218. }
  219. .post-meta .date h3 {
  220. border-bottom: 2px solid {color:Post Time Stamp Text Color};
  221. }
  222. .cap-box {
  223. background-color: rgba({RGBcolor:Image Hover Color},0.65);
  224. }
  225. .cap-box a, .cap-box p {
  226. color: {color:Image Hover Text Color};
  227. }
  228. .text .post-entry {
  229. color: {color:Text Post Text Color} !important;
  230. background-color: {color:Text Post Background Color} !important;
  231. }
  232. .post.link .title-link {
  233. color: {color:Link Post Title Color};
  234. }
  235. .link h2 {
  236. border: 2px solid {color:Link Post Title Color};
  237. }
  238. .post-media.link {
  239. background-color: {color:Link Post Button Color};
  240. }
  241. .post-media.link a {
  242. color: {color:Link Post Button Text Color};
  243. }
  244. .answer .post-container {
  245. background: {color:Answer Post Background Color};
  246. }
  247. .post.answer .line-bottom {
  248. border-bottom: solid 1px {color:Body Text Color};
  249. }
  250.  
  251.  
  252. /* footer */
  253. {block:IfHideFooter}
  254. .blog-footer {
  255. display: none!important;
  256. }
  257. {/block:IfHideFooter}
  258. .footer-message, .copyright, .creation a, .creation {
  259. color: {color:Footer Text Color};
  260. }
  261. .blog-footer {
  262. background-color: {color:Footer Background Color};
  263. border-bottom: solid #000000 3px;
  264. }
  265.  
  266. /* buttons */
  267. .back-to-top, #load-more a, .previous-post, .next-post {
  268. color: {color:Load More Button Text Color};
  269. background-color: {color:Load More Button Background Color};
  270. border: 2px solid {color:Load More Button Background Color};
  271. }
  272. .about-toggle {
  273. color: {color:About Me Button Text Color};
  274. background-color: {color:About Me Button Background Color};
  275. border: 2px solid {color:About Me Button Background Color};
  276. }
  277.  
  278.  
  279. /* about modal */
  280. #aboutModal {
  281. background-color: {color:About Me Background Color};
  282. }
  283. h1.about-title, ul.about-social a, p.about-content, #aboutModal a.close-reveal-modal {
  284. color: {color:About Me Text Color};
  285. }
  286. .about-wrapper .colophon {
  287. border-color: {color:About Me Text Color};
  288. }
  289.  
  290. /* min-width 1025px, large screens */
  291. @media only screen and (min-width: 64.063em) {
  292. /* buttons hover */
  293. #load-more a:hover, .back-to-top:hover, .previous-post:hover, .next-post:hover, .about-toggle:hover {
  294. color: {color:Load More Button Background Color};
  295. }
  296. .about-toggle:hover {
  297. color: {color:About Me Button Background Color};
  298. }
  299. }
  300.  
  301. {block:PermalinkPage}
  302. {block:IfPermalinkPageBackgroundImageImage}
  303. .bg-cover {
  304. background-image: url({image:Permalink Page Background Image});
  305. }
  306. {/block:IfPermalinkPageBackgroundImageImage}
  307. .sub-border {
  308. display: none;
  309. }
  310. .content-area {
  311. padding-top: 60px;
  312. }
  313.  
  314. /* min-width 1025px, large screens */
  315. @media only screen and (min-width: 64.063em) {
  316. .content-area {
  317. padding-top: 50px;
  318. }
  319. .sub-border {
  320. display: block;
  321. }
  322. }
  323. {/block:PermalinkPage}
  324.  
  325. /* tag page */
  326. {block:TagPage}
  327. .sub-border {
  328. display: none;
  329. }
  330.  
  331. /* min-width 1025px, large screens */
  332. @media only screen and (min-width: 64.063em) {
  333. #masthead {
  334. display: none;
  335. }
  336. .sub-border {
  337. display: block;
  338. }
  339. .animateblock {
  340. -webkit-transition: none;
  341. -moz-transition: none;
  342. -ms-transition: none;
  343. -o-transition: none;
  344. transition: none;
  345. }
  346. .animateblock.centerleft {
  347. -webkit-transform: none;
  348. -moz-transform: none;
  349. -ms-transform: none;
  350. transform: none;
  351. }
  352. .animateblock.centerright {
  353. -webkit-transform: none;
  354. -moz-transform: none;
  355. -ms-transform: none;
  356. transform: none;
  357. }
  358. .sub-border.animateblock.centerleft {
  359. -webkit-transform: translate(0,-50%);
  360. -moz-transform: translate(0,-50%);
  361. -ms-transform: translate(0,-50%);
  362. transform: translate(0,-50%);
  363. }
  364. }
  365. {/block:TagPage}
  366.  
  367. /* search page */
  368. {block:SearchPage}
  369. #sub-mast {
  370. height: 6.25rem;
  371. }
  372. .sub-border {
  373. display: none;
  374. }
  375.  
  376. /* min-width 1025px, large screens */
  377. @media only screen and (min-width: 64.063em) {
  378. #masthead {
  379. display: none;
  380. }
  381. #sub-mast {
  382. height: 100vh;
  383. }
  384. .sub-border {
  385. display: block;
  386. }
  387. .animateblock {
  388. -webkit-transition: none;
  389. -moz-transition: none;
  390. -ms-transition: none;
  391. -o-transition: none;
  392. transition: none;
  393. }
  394. .animateblock.centerright {
  395. -webkit-transform: none;
  396. -moz-transform: none;
  397. -ms-transform: none;
  398. transform: none;
  399. }
  400. .animateblock.centerleft {
  401. -webkit-transform: none;
  402. -moz-transform: none;
  403. -ms-transform: none;
  404. transform: none;
  405. }
  406. .sub-border.animateblock.centerleft {
  407. -webkit-transform: translate(0,-50%);
  408. -moz-transform: translate(0,-50%);
  409. -ms-transform: translate(0,-50%);
  410. transform: translate(,-50%);
  411. }
  412. }
  413. {/block:SearchPage}
  414.  
  415. {CustomCSS}
  416. </style>
  417.  
  418. {block:IfGoogleAnalyticsCode}
  419. {text:Google Analytics Code}
  420. {/block:IfGoogleAnalyticsCode}
  421. </head>
  422.  
  423. <body>
  424. {block:IfNotHideFacebookComments}<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1&appId=372884536131543"></script>{/block:IfNotHideFacebookComments}
  425. <div class="bg-cover"></div>
  426.  
  427. <!-- off canvas wrap start -->
  428. <div class="off-canvas-wrap" data-offcanvas>
  429. <div class="inner-wrap">
  430.  
  431. <!-- off canvas menu -->
  432. <aside id="left-off-canvas" class="left-off-canvas-menu">
  433. <div class="menu-content">
  434. <div class="off-canvas-bg"></div>
  435. <div class="menu-avatar">
  436. <img class="{AvatarShape}" src="{PortraitURL-128}" alt="blog avatar">
  437. </div>
  438. <div class="menu-divider"></div>
  439. <nav class="menu-nav">
  440. <ul class="menu-items no-bullet">
  441. <li><a class="menu-follow no-op" href="https://www.tumblr.com/follow/{Name}" target="_blank">{lang:Follow me}</a></li>
  442. {block:IfMenuHomeLabel}
  443. <li><a class="no-op" href="{BlogURL}">{text:Menu Home Label}</a></li>
  444. {/block:IfMenuHomeLabel}
  445.  
  446. {block:IfNotHidePagesInMenu}{block:HasPages}{block:Pages}
  447. <li><a class="no-op" href="{URL}">{Label}</a></li>
  448. {/block:Pages}{/block:HasPages}{/block:IfNotHidePagesInMenu}
  449.  
  450. {block:IfMenuAskLabel}
  451. <li><a class="no-op" href="/ask"></i>{text:Menu Ask Label}</a></li>
  452. {/block:IfMenuAskLabel}
  453.  
  454. {block:IfMenuSubmitPostLabel}
  455. <li><a class="no-op" href="/submit">{text:Menu Submit Post Label}</a></li>
  456. {/block:IfMenuSubmitPostLabel}
  457.  
  458. {block:IfMenuArchiveLabel}
  459. <li><a class="no-op" href="/archive">{text:Menu Archive Label}</a></li>
  460. {/block:IfMenuArchiveLabel}
  461.  
  462. {block:IfMenuSendEmailLabel}
  463. <li><a class="no-op" href="mailto:{text:Menu Send Email Address}">{text:Menu Send Email Label}</a></li>
  464. {/block:IfMenuSendEmailLabel}
  465.  
  466. {block:IfNotHideMenuSearch}
  467. <li><a class="no-op" href="#" data-reveal-id="searchModal" data-reveal><i class="fa fa-search"></i></a></li>
  468. {/block:IfNotHideMenuSearch}
  469. </ul>
  470. </nav>
  471. </div>
  472. <div class="feed-content">
  473. {block:IfInstagramID}
  474. <div class="instagram-wrapper">
  475. <i class="fa fa-instagram"></i>
  476. <p>{text:Instagram Feed Title}</p>
  477. <ul id="instagram-feed" class="no-bullet"></ul>
  478. </div>
  479. {/block:IfInstagramID}
  480. {block:IfNotHideTwitterFeed}
  481. <div class="twitter-wrapper">
  482. <i class="fa fa-twitter"></i>
  483. <p>{text:Twitter Feed Title}</p>
  484. <div id="tweets"></div>
  485. </div>
  486. {/block:IfNotHideTwitterFeed}
  487. {block:IfRecentLikesTitle}{block:Likes}
  488. <div class="likes-wrapper">
  489. <i class="fa fa-heart"></i>
  490. <p>{text:Recent Likes Title}</p>
  491. {Likes limit="3" summarize="100"}
  492. </div>
  493. {/block:Likes}{/block:IfRecentLikesTitle}
  494. </div>
  495. <div class="tagegories">
  496. <ul class="no-bullet">
  497. {block:IfTagegory1Image}
  498. <li>
  499. <div style="background-image: url({image:Tagegory 1})"></div>
  500. <a href="/tagged/{text:Tagegory 1 Tag}"></a>
  501. <p>#{text:Tagegory 1 Tag}</p>
  502. </li>
  503. {/block:IfTagegory1Image}
  504. {block:IfTagegory2Image}
  505. <li>
  506. <div style="background-image: url({image:Tagegory 2})"></div>
  507. <a href="/tagged/{text:Tagegory 2 Tag}"></a>
  508. <p>#{text:Tagegory 2 Tag}</p>
  509. </li>
  510. {/block:IfTagegory2Image}
  511. {block:IfTagegory3Image}
  512. <li>
  513. <div style="background-image: url({image:Tagegory 3})"></div>
  514. <a href="/tagged/{text:Tagegory 3 Tag}"></a>
  515. <p>#{text:Tagegory 3 Tag}</p>
  516. </li>
  517. {/block:IfTagegory3Image}
  518. {block:IfTagegory4Image}
  519. <li>
  520. <div style="background-image: url({image:Tagegory 4})"></div>
  521. <a href="/tagged/{text:Tagegory 4 Tag}"></a>
  522. <p>#{text:Tagegory 4 Tag}</p>
  523. </li>
  524. {/block:IfTagegory4Image}
  525. {block:IfTagegory5Image}
  526. <li>
  527. <div style="background-image: url({image:Tagegory 5})"></div>
  528. <a href="/tagged/{text:Tagegory 5 Tag}"></a>
  529. <p>#{text:Tagegory 5 Tag}</p>
  530. </li>
  531. {/block:IfTagegory5Image}
  532. {block:IfTagegory6Image}
  533. <li>
  534. <div style="background-image: url({image:Tagegory 6})"></div>
  535. <a href="/tagged/{text:Tagegory 6 Tag}"></a>
  536. <p>#{text:Tagegory 6 Tag}</p>
  537. </li>
  538. {/block:IfTagegory6Image}
  539. </ul>
  540. </div>
  541. </aside>
  542. <!-- end off canvas nav content -->
  543.  
  544. <main class="main">
  545.  
  546. {block:IndexPage}
  547. <div id="sub-mast" class="index-mast">
  548. <nav id="nav-container">
  549. <!-- off canvas nav -->
  550. <a class="left-off-canvas-toggle no-op" href="#">
  551. <button type="button" role="button" aria-label="Toggle Navigation">
  552. <i class="fa fa-bars"></i>
  553. </button>
  554. </a>
  555. </nav>
  556. <div class="sub-border">
  557. <img class="sub-avatar {AvatarShape}" src="{PortraitURL-128}" />
  558. <div class="sub-container">
  559. <h4 class="nav-title"><a href="{BlogURL}" class="no-op">{Title}</a></h4>
  560. {block:ShowDescription}<p id="mast-description">{Description}</p>{/block:ShowDescription}
  561. <ul id="mast-social" class="no-bullet">
  562. {block:IfNotHideRSS}
  563. <li><a class="no-op" href="{RSS}"><i class="fa fa-rss"></i></a></li>
  564. {/block:IfNotHideRSS}
  565. {block:IfFacebookURL}
  566. <li><a class="no-op" href="{text:Facebook URL}" target="_blank"><i class="fa fa-facebook"></i></a></li>
  567. {/block:IfFacebookURL}
  568. {block:IfTwitterURL}
  569. <li><a class="no-op" href="{text:Twitter URL}" target="_blank"><i class="fa fa-twitter"></i></a></li>
  570. {/block:IfTwitterURL}
  571. {block:IfGooglePlusURL}
  572. <li><a class="no-op" href="{text:Google Plus URL}" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  573. {/block:IfGooglePlusURL}
  574. {block:IfInstagramURL}
  575. <li><a class="no-op" href="{text:Instagram URL}" target="_blank"><i class="fa fa-instagram"></i></a></li>
  576. {/block:IfInstagramURL}
  577. {block:IfVKURL}
  578. <li><a class="no-op" href="{text:VK URL}" target="_blank"><i class="fa fa-vk"></i></a></li>
  579. {/block:IfVKURL}
  580. {block:IfYoutubeURL}
  581. <li><a class="no-op" href="{text:Youtube URL}" target="_blank"><i class="fa fa-youtube"></i></a></li>
  582. {/block:IfYoutubeURL}
  583. {block:IfVineURL}
  584. <li><a class="no-op" href="{text:Vine URL}" target="_blank"><i class="fa fa-vine"></i></a></li>
  585. {/block:IfVineURL}
  586. {block:IfPinterestURL}
  587. <li><a class="no-op" href="{text:Pinterest URL}" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
  588. {/block:IfPinterestURL}
  589. {block:IfVimeoURL}
  590. <li><a class="no-op" href="{text:Vimeo URL}" target="_blank"><i class="fa fa-vimeo-square"></i></a></li>
  591. {/block:IfVimeoURL}
  592. {block:IfFlickrURL}
  593. <li><a class="no-op" href="{text:Flickr URL}" target="_blank"><i class="fa fa-flickr"></i></a></li>
  594. {/block:IfFlickrURL}
  595. {block:IfDribbleURL}
  596. <li><a class="no-op" href="{text:Dribbble URL}" target="_blank"><i class="fa fa-dribbble"></i></a></li>
  597. {/block:IfDribbleURL}
  598. {block:IfDeviantArtURL}
  599. <li><a class="no-op" href="{text:DeviantArt URL}" target="_blank"><i class="fa fa-deviantart"></i></a></li>
  600. {/block:IfDeviantArtURL}
  601. {block:IfSoundcloudURL}
  602. <li><a class="no-op" href="{text:SoundCloud URL}" target="_blank"><i class="fa fa-soundcloud"></i></a></li>
  603. {/block:IfSoundCloudURL}
  604. {block:IfSpotifyURL}
  605. <li><a class="no-op" href="{text:Spotify URL}" target="_blank"><i class="fa fa-spotify"></i></a></li>
  606. {/block:IfSpotifyURL}
  607. {block:IfStumbleuponURL}
  608. <li><a class="no-op" href="{text:StumbleUpon URL}" target="_blank"><i class="fa fa-stumbleupon"></i></a></li>
  609. {/block:IfStumbleuponURL}
  610. {block:IfBehanceURL}
  611. <li><a class="no-op" href="{text:Behance URL}" target="_blank"><i class="fa fa-behance"></i></a></li>
  612. {/block:IfBehanceURL}
  613. {block:IfLinkedinURL}
  614. <li><a class="no-op" href="{text:Linkedin URL}" target="_blank"><i class="fa fa-linkedin"></i></a></li>
  615. {/block:IfLinkedinURL}
  616. </ul>
  617. {block:IfNotHideAboutMeButton}<a class="about-toggle no-op" href="#" data-reveal-id="aboutModal">{text:About Me Label}</a>{/block:IfNotHideAboutMeButton}
  618. </div>
  619. </div>
  620. </div>
  621.  
  622. <!-- start index page posts -->
  623. <section class="content-area">
  624. <!-- tag page -->
  625. {block:TagPage}
  626. <div id="results-wrapper" class="{select:Navigation}">
  627. <h4>{lang:Posts tagged Tag 2}</h4>
  628. </div>
  629. {/block:TagPage}
  630.  
  631. <!-- search page -->
  632. {block:SearchPage}
  633. <div id="results-wrapper" class="{select:Navigation}">
  634. <h4>{lang:Search results for SearchQuery 2}</h4>
  635. <p><b>{lang:SearchResultCount results}</b></p>
  636. {block:NoSearchResults}
  637. <p><b>{lang:No posts containing SearchQuery 2}</b></p>
  638. {/block:NoSearchResults}
  639. </div>
  640. {/block:SearchPage}
  641. {block:Posts}
  642. <article class="post {PostType} animateblock btm" id="{PostID}">
  643. <div class="post-sidebar" id="post-sidebar-top">
  644. <div class="post-meta show-for-medium-up">
  645. {block:Date}
  646. <div class="date {select:Post Date Format}">
  647. <p class="mody">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</p>
  648. <p class="damy">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</p>
  649. <h3>{ShortDayOfWeek}</h3>
  650. </div>
  651. {/block:Date}
  652. {block:NoteCount}
  653. <div class="post-note-count">
  654. <p>{NoteCountWithLabel}</p>
  655. </div>
  656. {/block:NoteCount}
  657. </div>
  658. <div class="post-share">
  659. <div class="see-post">
  660. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  661. </div>
  662. <div class="more-share no-op">
  663. <a href="#" data-reveal-id="shareModal-{PostID}" data-reveal><i class="fa fa-ellipsis-h"></i></a>
  664. </div>
  665. <div class="reblog-button">
  666. {ReblogButton size="14" color="black"}
  667. </div>
  668. <div class="like-button no-op">
  669. {LikeButton size="14" color="black"}
  670. </div>
  671. </div>
  672. </div>
  673. <div class="post-container">
  674. {block:Photo}
  675. <div class="post-content">
  676. <div class="post-media photo">
  677. <a href="{BlogURL}image/{PostID}"><img id="photo_{PostID}" class="main-img" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /><div class="cap-box show-for-large-up">{block:Caption}<p class="show-for-large-up">{Caption}</p>{/block:Caption}</div></a>
  678. </div>
  679. <div class="post-entry">
  680. <div class="hide-for-large-up">
  681. {block:Caption}{Caption}{/block:Caption}
  682. </div>
  683. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  684. </div>
  685. </div>
  686. {/block:Photo}
  687.  
  688. {block:Photoset}
  689. <div class="post-content">
  690. <div class="post-media photoset">
  691. {block:IfStandardPhotosetLayout}{Photoset}{/block:IfStandardPhotosetLayout}
  692. {block:IfNotStandardPhotosetLayout}
  693. <div class="lightbox">
  694. {block:Photos}
  695. <div class="photo-wrapper animateblock">
  696. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/><div class="cap-box show-for-large-up">{block:Caption}<p class="show-for-large-up">{Caption}</p>{/block:Caption}</div></a>
  697. </div>
  698. {/block:Photos}
  699. </div>
  700. {/block:IfNotStandardPhotosetLayout}
  701. </div>
  702. <div class="post-entry">
  703. {block:Caption}{Caption}{/block:Caption}
  704. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  705. </div>
  706. </div>
  707. {/block:Photoset}
  708.  
  709. {block:Panorama}
  710. <div class="post-content">
  711. <div class="post-media panorama">
  712. {LinkOpenTag}<img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  713. </div>
  714. <div class="post-entry panorama show-for-large-up">
  715. {block:Caption}{Caption}{/block:Caption}
  716. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  717. </div>
  718. </div>
  719. {/block:Panorama}
  720.  
  721. {block:Video}
  722. <div class="post-content">
  723. <div class="post-media video">
  724. {VideoEmbed-700}
  725. </div>
  726. <div class="post-entry">
  727. {block:Caption}{Caption}{/block:Caption}
  728. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  729. </div>
  730. </div>
  731. {/block:Video}
  732.  
  733. {block:Audio}
  734. <div class="post-content">
  735. <div class="post-media audio">
  736. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  737. </div>
  738. <div class="post-entry">
  739. <div class="post-info">
  740. <h3>{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}<br /></h3>
  741. {block:Caption}{Caption}{/block:Caption}
  742. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  743. </div>
  744. </div>
  745. </div>
  746. {/block:Audio}
  747.  
  748. {block:Text}
  749. <div class="post-content">
  750. <div class="post-entry">
  751. {block:Title}<h2><a class="title-link" href="{Permalink}" title="{lang:Post permalink}">{Title}</a></h2>{/block:Title}
  752. {Body}
  753. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  754. </div>
  755. </div>
  756. {/block:Text}
  757.  
  758. {block:Link}
  759. <div class="post-content">
  760. <div class="post-entry">
  761. <h2><a class="title-link" href="{Permalink}" title="{lang:Post permalink}">{Name}</a></h2>
  762. {block:Description}{Description}{/block:Description}
  763. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  764. </div>
  765. <div class="post-media link">
  766. <a href="{URL}" target="_blank" title="{lang:Link}"><p>{Host}</p><h4>Visit Link<i class="fa fa-long-arrow-right" aria-hidden="true"></i></h4></a>
  767. </div>
  768. </div>
  769. {/block:Link}
  770.  
  771. {block:Quote}
  772. <div class="post-content">
  773. <div class="post-entry">
  774. <div class="post-media quote">
  775. <blockquote><em><a class="title-link" href="{Permalink}" title="{lang:Permalink for this post}">{Quote}</a></em></blockquote>
  776. {block:Source}<cite>- {Source}</cite>{/block:Source}
  777. </div>
  778. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  779. </div>
  780. </div>
  781. {/block:Quote}
  782.  
  783. {block:Chat}
  784. <div class="post-content">
  785. <div class="post-media chat">
  786. {block:Title}<h2><a class="title-link no-op" href="{Permalink}">{Title}</a></h2>{/block:Title}
  787. <ul class="post-chat no-bullet">
  788. {block:Lines}{block:Label}
  789. <li class="{Alt}"><p><b>{Label}</b> {Line}</p></li>
  790. {/block:Label}{/block:Lines}
  791. </ul>
  792. </div>
  793. </div>
  794. {/block:Chat}
  795.  
  796. {block:Answer}
  797. <div class="post-content">
  798. <div class="post-entry">
  799. <div class="post-asker">
  800. <img class="asker-avatar {select:Post Author Avatar Shape}" src="{AskerPortraitURL-96}" alt="Asker Avatar" /><h2>{Asker}:</h2>
  801. <p>{Question}</p>
  802. </div>
  803. </div>
  804. <div class="chat-divider">
  805. <div class="line-bottom"></div>
  806. </div>
  807. <div class="post-media answer">
  808. {block:Answerer}
  809. <img class="answer-avatar {select:Post Author Avatar Shape}" src="{AnswererPortraitURL-96}" alt="Answerer Avatar"><h2>{Answerer}:</h2>
  810. {Answer}
  811. {/block:Answerer}
  812. {Replies}
  813. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  814. </div>
  815. </div>
  816. {/block:Answer}
  817. <div class="post-tags">
  818. {block:HasTags}<p>{block:Tags}<a href="{TagURLChrono}">#{Tag} &nbsp;</a>{/block:Tags}</p>{/block:HasTags}
  819. </div>
  820. <div class="post-sidebar" id="post-sidebar-bottom" style="display:none;">
  821. <div class="post-meta show-for-medium-up">
  822. {block:Date}
  823. <div class="date {select:Post Date Format}">
  824. <p class="mody">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</p>
  825. <p class="damy">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</p>
  826. <h3>{ShortDayOfWeek}</h3>
  827. </div>
  828. {/block:Date}
  829. {block:NoteCount}
  830. <div class="post-note-count">
  831. <p>{NoteCountWithLabel}</p>
  832. </div>
  833. {/block:NoteCount}
  834. </div>
  835. <div class="post-share">
  836. <div class="see-post">
  837. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  838. </div>
  839. <div class="more-share no-op">
  840. <a href="#" data-reveal-id="shareModal-{PostID}" data-reveal><i class="fa fa-ellipsis-h"></i></a>
  841. </div>
  842. <div class="reblog-button">
  843. {ReblogButton size="14" color="black"}
  844. </div>
  845. <div class="like-button no-op">
  846. {LikeButton size="14" color="black"}
  847. </div>
  848. </div>
  849. </div>
  850. <div id="shareModal-{PostID}" class="share reveal-modal full" data-reveal>
  851. <ul class="more-share-container no-bullet">
  852. <h1><em>{lang:Share this}:</em></h1>
  853. <li><a href="http://www.facebook.com/share.php?u={ShortURL}" title="{lang:Share this} Facebook" target="_blank"><img src="http://static.tumblr.com/cmghtlm/NpEnnv08z/facebook-share.png" /></a></li>
  854. <li><a href="https://twitter.com/intent/tweet?url={ShortURL}" title="{lang:Tweet this}" target="_blank"><img src="http://static.tumblr.com/cmghtlm/PA5nnv09g/twitter-share.png" /></a></li>
  855. <li><a href="https://plus.google.com/share?url={ShortURL}" title="{lang:Share this} Google+" target="_blank"><img src="http://static.tumblr.com/cmghtlm/WRpnnv0a3/googleplus-share.png" /></a></li>
  856. <li><a href="//www.pinterest.com/pin/create/button/?url={ShortURL}" title="{lang:Share this} Pinterest" target="_blank"><img src="http://static.tumblr.com/cmghtlm/su4nnv0af/pinterest-share.png" /></a></li>
  857. </ul>
  858. <a class="close-reveal-modal"><i class="fa fa-times"></i></a>
  859. </div>
  860. </article>
  861. {/block:Posts}
  862. </section>
  863. <!-- end posts -->
  864.  
  865. <!-- start pagination -->
  866. {block:Pagination}
  867. <a class="back-to-top no-op" href='#'><i class="fa fa-angle-double-up"></i></a>
  868. <div id="load-more">
  869. {block:NextPage}<a class="no-op" href="{NextPage}">{lang:Load more posts}</a>{/block:NextPage}
  870. </div>
  871. {/block:Pagination}
  872. <!-- end pagination -->
  873.  
  874.  
  875. {/block:IndexPage}
  876. <!-- end index page -->
  877.  
  878.  
  879. <!-- start permalink page -->
  880. {block:PermalinkPage}
  881. <div id="sub-mast" class="index-mast">
  882. <nav id="nav-container">
  883. <!-- off canvas nav -->
  884. <a class="left-off-canvas-toggle no-op" href="#">
  885. <button type="button" role="button" aria-label="Toggle Navigation">
  886. <i class="fa fa-bars"></i>
  887. </button>
  888. </a>
  889. </nav>
  890. <div class="sub-border">
  891. <img class="sub-avatar {AvatarShape}" src="{PortraitURL-128}" />
  892. <div class="sub-container">
  893. <h4 class="nav-title"><a href="{BlogURL}">{Title}</a></h4>
  894. {block:ShowDescription}<p id="mast-description">{Description}</p>{/block:ShowDescription}
  895. <ul id="mast-social" class="no-bullet">
  896. {block:IfNotHideRSS}
  897. <li><a class="no-op" href="{RSS}"><i class="fa fa-rss"></i></a></li>
  898. {/block:IfNotHideRSS}
  899. {block:IfFacebookURL}
  900. <li><a class="no-op" href="{text:Facebook URL}" target="_blank"><i class="fa fa-facebook"></i></a></li>
  901. {/block:IfFacebookURL}
  902. {block:IfTwitterURL}
  903. <li><a class="no-op" href="{text:Twitter URL}" target="_blank"><i class="fa fa-twitter"></i></a></li>
  904. {/block:IfTwitterURL}
  905. {block:IfGooglePlusURL}
  906. <li><a class="no-op" href="{text:Google Plus URL}" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  907. {/block:IfGooglePlusURL}
  908. {block:IfInstagramURL}
  909. <li><a class="no-op" href="{text:Instagram URL}" target="_blank"><i class="fa fa-instagram"></i></a></li>
  910. {/block:IfInstagramURL}
  911. {block:IfVKURL}
  912. <li><a class="no-op" href="{text:VK URL}" target="_blank"><i class="fa fa-vk"></i></a></li>
  913. {/block:IfVKURL}
  914. {block:IfYoutubeURL}
  915. <li><a class="no-op" href="{text:Youtube URL}" target="_blank"><i class="fa fa-youtube"></i></a></li>
  916. {/block:IfYoutubeURL}
  917. {block:IfVineURL}
  918. <li><a class="no-op" href="{text:Vine URL}" target="_blank"><i class="fa fa-vine"></i></a></li>
  919. {/block:IfVineURL}
  920. {block:IfPinterestURL}
  921. <li><a class="no-op" href="{text:Pinterest URL}" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
  922. {/block:IfPinterestURL}
  923. {block:IfVimeoURL}
  924. <li><a class="no-op" href="{text:Vimeo URL}" target="_blank"><i class="fa fa-vimeo-square"></i></a></li>
  925. {/block:IfVimeoURL}
  926. {block:IfFlickrURL}
  927. <li><a class="no-op" href="{text:Flickr URL}" target="_blank"><i class="fa fa-flickr"></i></a></li>
  928. {/block:IfFlickrURL}
  929. {block:IfDribbleURL}
  930. <li><a class="no-op" href="{text:Dribbble URL}" target="_blank"><i class="fa fa-dribbble"></i></a></li>
  931. {/block:IfDribbleURL}
  932. {block:IfDeviantArtURL}
  933. <li><a class="no-op" href="{text:DeviantArt URL}" target="_blank"><i class="fa fa-deviantart"></i></a></li>
  934. {/block:IfDeviantArtURL}
  935. {block:IfSoundcloudURL}
  936. <li><a class="no-op" href="{text:SoundCloud URL}" target="_blank"><i class="fa fa-soundcloud"></i></a></li>
  937. {/block:IfSoundCloudURL}
  938. {block:IfSpotifyURL}
  939. <li><a class="no-op" href="{text:Spotify URL}" target="_blank"><i class="fa fa-spotify"></i></a></li>
  940. {/block:IfSpotifyURL}
  941. {block:IfStumbleuponURL}
  942. <li><a class="no-op" href="{text:StumbleUpon URL}" target="_blank"><i class="fa fa-stumbleupon"></i></a></li>
  943. {/block:IfStumbleuponURL}
  944. {block:IfBehanceURL}
  945. <li><a class="no-op" href="{text:Behance URL}" target="_blank"><i class="fa fa-behance"></i></a></li>
  946. {/block:IfBehanceURL}
  947. {block:IfLinkedinURL}
  948. <li><a class="no-op" href="{text:Linkedin URL}" target="_blank"><i class="fa fa-linkedin"></i></a></li>
  949. {/block:IfLinkedinURL}
  950. </ul>
  951. {block:IfNotHideAboutMeButton}<a class="about-toggle no-op" href="#" data-reveal-id="aboutModal">{text:About Me Label}</a>{/block:IfNotHideAboutMeButton}
  952. </div>
  953. </div>
  954. </div>
  955.  
  956. <!-- start index page posts -->
  957. <section class="content-area single-p">
  958. {block:Posts}
  959. <article class="post {PostType} animateblock btm" id="{PostID}">
  960. {block:Date}<div class="post-sidebar" id="post-sidebar-top">
  961. <div class="post-meta show-for-medium-up">
  962. <div class="date {select:Post Date Format}">
  963. <p class="mody">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</p>
  964. <p class="damy">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</p>
  965. <h3>{ShortDayOfWeek}</h3>
  966. </div>
  967. {block:NoteCount}
  968. <div class="post-note-count">
  969. <p>{NoteCountWithLabel}</p>
  970. </div>
  971. {/block:NoteCount}
  972. </div>
  973. <div class="post-share">
  974. <div class="see-post">
  975. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  976. </div>
  977. <div class="more-share no-op">
  978. <a href="#" data-reveal-id="shareModal-{PostID}" data-reveal><i class="fa fa-ellipsis-h"></i></a>
  979. </div>
  980. <div class="reblog-button">
  981. {ReblogButton size="14" color="black"}
  982. </div>
  983. <div class="like-button no-op">
  984. {LikeButton size="14" color="black"}
  985. </div>
  986. </div>
  987. </div>{/block:Date}
  988. <div class="post-container">
  989. {block:Photo}
  990. <div class="post-content">
  991. <div class="post-media photo">
  992. <a href="{BlogURL}image/{PostID}"><img id="photo_{PostID}" class="main-img" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></a>
  993. </div>
  994. <div class="post-entry">
  995. <div class="post-colophon">
  996. {block:NotReblog}<img class="{select:Post Author Avatar Shape}" src="{PortraitURL-64}" />{/block:NotReblog}
  997. {block:RebloggedFrom}<img class="{select:Post Author Avatar Shape}" src="{ReblogParentPortraitURL-64}" />{/block:RebloggedFrom}
  998. {block:NotReblog}<p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
  999. {block:RebloggedFrom}<p>{lang:Reblogged from}</p><a href="{ReblogParentURL}"><b>&nbsp;{ReblogParentName}</b></a>{/block:RebloggedFrom}
  1000. </div>
  1001. {block:Caption}{Caption}{/block:Caption}
  1002. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  1003. </div>
  1004. </div>
  1005. {/block:Photo}
  1006.  
  1007. {block:Photoset}
  1008. <div class="post-content">
  1009. <div class="post-media photoset">
  1010. {block:IfStandardPhotosetLayout}{Photoset}{/block:IfStandardPhotosetLayout}
  1011. {block:IfNotStandardPhotosetLayout}
  1012. <div class="lightbox">
  1013. {block:Photos}
  1014. <div class="photo-wrapper animateblock">
  1015. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/><div class="cap-box">{block:Caption}<p class="show-for-large-up">{Caption}</p>{/block:Caption}</div></a>
  1016. </div>
  1017. {/block:Photos}
  1018. </div>
  1019. {/block:IfNotStandardPhotosetLayout}
  1020. </div>
  1021. <div class="post-entry">
  1022. <div class="post-colophon">
  1023. {block:NotReblog}<img class="{select:Post Author Avatar Shape}" src="{PortraitURL-64}" />{/block:NotReblog}
  1024. {block:RebloggedFrom}<img class="{select:Post Author Avatar Shape}" src="{ReblogParentPortraitURL-64}" />{/block:RebloggedFrom}
  1025. {block:NotReblog}<p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
  1026. {block:RebloggedFrom}<p>{lang:Reblogged from}</p><a href="{ReblogParentURL}"><b>&nbsp;{ReblogParentName}</b></a>{/block:RebloggedFrom}
  1027. </div>
  1028. {block:Caption}{Caption}{/block:Caption}
  1029. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  1030. </div>
  1031. </div>
  1032. {/block:Photoset}
  1033.  
  1034. {block:Panorama}
  1035. <div class="post-content">
  1036. <div class="post-media panorama">
  1037. {LinkOpenTag}<img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  1038. </div>
  1039. <div class="post-entry panorama">
  1040. <div class="post-colophon">
  1041. {block:NotReblog}<img class="{select:Post Author Avatar Shape}" src="{PortraitURL-64}" />{/block:NotReblog}
  1042. {block:RebloggedFrom}<img class="{select:Post Author Avatar Shape}" src="{ReblogParentPortraitURL-64}" />{/block:RebloggedFrom}
  1043. {block:NotReblog}<p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
  1044. {block:RebloggedFrom}<p>{lang:Reblogged from}</p><a href="{ReblogParentURL}"><b>&nbsp;{ReblogParentName}</b></a>{/block:RebloggedFrom}
  1045. </div>
  1046. {block:Caption}{Caption}{/block:Caption}
  1047. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  1048. </div>
  1049. </div>
  1050. {/block:Panorama}
  1051.  
  1052. {block:Video}
  1053. <div class="post-content">
  1054. <div class="post-media video">
  1055. {VideoEmbed-700}
  1056. </div>
  1057. <div class="post-entry">
  1058. <div class="post-colophon">
  1059. {block:NotReblog}<img class="{select:Post Author Avatar Shape}" src="{PortraitURL-64}" />{/block:NotReblog}
  1060. {block:RebloggedFrom}<img class="{select:Post Author Avatar Shape}" src="{ReblogParentPortraitURL-64}" />{/block:RebloggedFrom}
  1061. {block:NotReblog}<p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
  1062. {block:RebloggedFrom}<p>{lang:Reblogged from}</p><a href="{ReblogParentURL}"><b>&nbsp;{ReblogParentName}</b></a>{/block:RebloggedFrom}
  1063. </div>
  1064. {block:Caption}{Caption}{/block:Caption}
  1065. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  1066. </div>
  1067. </div>
  1068. {/block:Video}
  1069.  
  1070. {block:Audio}
  1071. <div class="post-content">
  1072. <div class="post-media audio">
  1073. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  1074. </div>
  1075. <div class="post-entry">
  1076. <div class="post-colophon">
  1077. {block:NotReblog}<img class="{select:Post Author Avatar Shape}" src="{PortraitURL-64}" />{/block:NotReblog}
  1078. {block:RebloggedFrom}<img class="{select:Post Author Avatar Shape}" src="{ReblogParentPortraitURL-64}" />{/block:RebloggedFrom}
  1079. {block:NotReblog}<p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
  1080. {block:RebloggedFrom}<p>{lang:Reblogged from}</p><a href="{ReblogParentURL}"><b>&nbsp;{ReblogParentName}</b></a>{/block:RebloggedFrom}
  1081. </div>
  1082. <div class="post-info">
  1083. <h3>{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}<br /></h3>
  1084. {block:Caption}{Caption}{/block:Caption}
  1085. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  1086. </div>
  1087. </div>
  1088. </div>
  1089. {/block:Audio}
  1090.  
  1091. {block:Text}
  1092. <div class="post-content">
  1093. <div class="post-entry">
  1094. {block:Date}
  1095. <div class="post-colophon">
  1096. {block:NotReblog}<img class="{select:Post Author Avatar Shape}" src="{PortraitURL-64}" />{/block:NotReblog}
  1097. {block:RebloggedFrom}<img class="{select:Post Author Avatar Shape}" src="{ReblogParentPortraitURL-64}" />{/block:RebloggedFrom}
  1098. {block:NotReblog}<p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
  1099. {block:RebloggedFrom}<p>{lang:Reblogged from}</p><a href="{ReblogParentURL}"><b>&nbsp;{ReblogParentName}</b></a>{/block:RebloggedFrom}
  1100. </div>
  1101. {/block:Date}
  1102. {block:Title}<h2><a class="title-link" href="{Permalink}" title="{lang:Post permalink}">{Title}</a></h2>{/block:Title}
  1103. {Body}
  1104. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  1105. </div>
  1106. </div>
  1107. {/block:Text}
  1108.  
  1109. {block:Link}
  1110. <div class="post-content">
  1111. <div class="post-entry">
  1112. <div class="post-colophon">
  1113. {block:NotReblog}<img class="{select:Post Author Avatar Shape}" src="{PortraitURL-64}" />{/block:NotReblog}
  1114. {block:RebloggedFrom}<img class="{select:Post Author Avatar Shape}" src="{ReblogParentPortraitURL-64}" />{/block:RebloggedFrom}
  1115. {block:NotReblog}<p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
  1116. {block:RebloggedFrom}<p>{lang:Reblogged from}</p><a href="{ReblogParentURL}"><b>&nbsp;{ReblogParentName}</b></a>{/block:RebloggedFrom}
  1117. </div>
  1118. <h2><a class="title-link" href="{Permalink}" title="{lang:Post permalink}">{Name}</a></h2>
  1119. {block:Description}{Description}{/block:Description}
  1120. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  1121. </div>
  1122. <div class="post-media link">
  1123. <a href="{URL}" target="_blank" title="{lang:Link}"><p>{Host}</p><h4>Visit Link<i class="fa fa-long-arrow-right" aria-hidden="true"></i></h4></a>
  1124. </div>
  1125. </div>
  1126. {/block:Link}
  1127.  
  1128. {block:Quote}
  1129. <div class="post-content">
  1130. <div class="post-entry">
  1131. <div class="post-colophon">
  1132. {block:NotReblog}<img class="{select:Post Author Avatar Shape}" src="{PortraitURL-64}" />{/block:NotReblog}
  1133. {block:RebloggedFrom}<img class="{select:Post Author Avatar Shape}" src="{ReblogParentPortraitURL-64}" />{/block:RebloggedFrom}
  1134. {block:NotReblog}<p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
  1135. {block:RebloggedFrom}<p>{lang:Reblogged from}</p><a href="{ReblogParentURL}"><b>&nbsp;{ReblogParentName}</b></a>{/block:RebloggedFrom}
  1136. </div>
  1137. <div class="post-media quote">
  1138. <blockquote><em><a class="title-link" href="{Permalink}" title="{lang:Permalink for this post}">{Quote}</a></em></blockquote>
  1139. {block:Source}<cite>- {Source}</cite>{/block:Source}
  1140. </div>
  1141. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  1142. </div>
  1143. </div>
  1144. {/block:Quote}
  1145.  
  1146. {block:Chat}
  1147. <div class="post-content">
  1148. <div class="post-entry">
  1149. <div class="post-colophon">
  1150. {block:NotReblog}<img class="{select:Post Author Avatar Shape}" src="{PortraitURL-64}" />{/block:NotReblog}
  1151. {block:RebloggedFrom}<img class="{select:Post Author Avatar Shape}" src="{ReblogParentPortraitURL-64}" />{/block:RebloggedFrom}
  1152. {block:NotReblog}<p>{lang:By PostAuthorName 2}</p>{/block:NotReblog}
  1153. {block:RebloggedFrom}<p>{lang:Reblogged from}</p><a href="{ReblogParentURL}"><b>&nbsp;{ReblogParentName}</b></a>{/block:RebloggedFrom}
  1154. </div>
  1155. </div>
  1156. <div class="post-media chat">
  1157. {block:Title}<h2><a class="title-link no-op" href="{Permalink}">{Title}</a></h2>{/block:Title}
  1158. <ul class="post-chat no-bullet">
  1159. {block:Lines}{block:Label}
  1160. <li class="{Alt}"><p><b>{Label}</b> {Line}</p></li>
  1161. {/block:Label}{/block:Lines}
  1162. </ul>
  1163. </div>
  1164. </div>
  1165. {/block:Chat}
  1166.  
  1167. {block:Answer}
  1168. <div class="post-content">
  1169. <div class="post-entry">
  1170. <div class="post-asker">
  1171. <img class="asker-avatar {select:Post Author Avatar Shape}" src="{AskerPortraitURL-96}" alt="Asker Avatar" /><h2>{Asker}:</h2>
  1172. <p>{Question}</p>
  1173. </div>
  1174. </div>
  1175. <div class="chat-divider">
  1176. <div class="line-bottom"></div>
  1177. </div>
  1178. <div class="post-media answer">
  1179. {block:Answerer}
  1180. <img class="answer-avatar {select:Post Author Avatar Shape}" src="{AnswererPortraitURL-96}" alt="Answerer Avatar"><h2>{Answerer}:</h2>
  1181. {Answer}
  1182. {/block:Answerer}
  1183. {Replies}
  1184. {block:More}<a class="rm-break" href="{Permalink}"><i class="fa fa-angle-right" aria-hidden="true"></i>{lang:Read more}</a>{/block:More}
  1185. </div>
  1186. </div>
  1187. {/block:Answer}
  1188. {block:Date}<div class="post-tags">
  1189. {block:HasTags}<p>{block:Tags}<a href="{TagURLChrono}">#{Tag} &nbsp;</a>{/block:Tags}</p>{/block:HasTags}
  1190. </div>
  1191. <div class="post-sidebar" id="post-sidebar-bottom" style="display:none;">
  1192. <div class="post-meta show-for-medium-up">
  1193. <div class="date {select:Post Date Format}">
  1194. <p class="mody">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</p>
  1195. <p class="damy">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</p>
  1196. <h3>{ShortDayOfWeek}</h3>
  1197. </div>
  1198. {block:NoteCount}
  1199. <div class="post-note-count">
  1200. <p>{NoteCountWithLabel}</p>
  1201. </div>
  1202. {/block:NoteCount}
  1203. </div>
  1204. <div class="post-share">
  1205. <div class="more-share no-op">
  1206. <a href="#" data-reveal-id="shareModal-{PostID}" data-reveal><i class="fa fa-ellipsis-h"></i></a>
  1207. </div>
  1208. <div class="reblog-button">
  1209. {ReblogButton size="14" color="black"}
  1210. </div>
  1211. <div class="like-button no-op">
  1212. {LikeButton size="14" color="black"}
  1213. </div>
  1214. </div>
  1215. </div>{/block:Date}
  1216. <div id="shareModal-{PostID}" class="share reveal-modal full" data-reveal>
  1217. <ul class="more-share-container no-bullet">
  1218. <h1><em>{lang:Share this}:</em></h1>
  1219. <li><a href="http://www.facebook.com/share.php?u={ShortURL}" title="{lang:Share this} Facebook" target="_blank"><img src="http://static.tumblr.com/cmghtlm/NpEnnv08z/facebook-share.png" /></a></li>
  1220. <li><a href="https://twitter.com/intent/tweet?url={ShortURL}" title="{lang:Tweet this}" target="_blank"><img src="http://static.tumblr.com/cmghtlm/PA5nnv09g/twitter-share.png" /></a></li>
  1221. <li><a href="https://plus.google.com/share?url={ShortURL}" title="{lang:Share this} Google+" target="_blank"><img src="http://static.tumblr.com/cmghtlm/WRpnnv0a3/googleplus-share.png" /></a></li>
  1222. <li><a href="//www.pinterest.com/pin/create/button/?url={ShortURL}" title="{lang:Share this} Pinterest" target="_blank"><img src="http://static.tumblr.com/cmghtlm/su4nnv0af/pinterest-share.png" /></a></li>
  1223. </ul>
  1224. <a class="close-reveal-modal"><i class="fa fa-times"></i></a>
  1225. </div>
  1226. </article>
  1227.  
  1228. {block:PermalinkPagination}
  1229. <div class="single-pagination">
  1230. {block:NextPost}
  1231. <a class="next-post no-op" href="{NextPost}" title="{lang:Next post}">{lang:Next post}</a>
  1232. {/block:NextPost}
  1233. {block:PreviousPost}
  1234. <a class="previous-post no-op" href="{PreviousPost}" title="{lang:Previous post}">{lang:Previous post}</a>
  1235. {/block:PreviousPost}
  1236. </div>
  1237. {/block:PermalinkPagination}
  1238.  
  1239. {block:Date}<div class="post-interact">
  1240. <div class="post-notes">
  1241. {PostNotes-16}
  1242. </div>
  1243. {block:IfNotHideFacebookComments}<div class="fb-comments" data-href="{Permalink}" data-width="100%"></div>{/block:IfNotHideFacebookComments}
  1244.  
  1245. {block:IfDisqusShortname}<div id="disqus_thread">
  1246. <noscript>
  1247. Javascript must be enabled in your browser to view <a href="http://disqus.com/?ref_noscript">{lang:Blog comments powered by Disqus}</a>
  1248. </noscript>
  1249. </div>{/block:IfDisqusShortname}
  1250. </div>{/block:Date}
  1251.  
  1252. {/block:Posts}
  1253. </section>
  1254. {/block:PermalinkPage}
  1255. <!-- end permalink page -->
  1256.  
  1257. </main>
  1258. <!-- end main content -->
  1259.  
  1260.  
  1261. <!-- start footer -->
  1262. <footer class="blog-footer">
  1263. <div class="footer-content">
  1264. {block:IfFooterTextMessage}<p class="footer-message">{text:Footer Text Message}</p>{/block:IfFooterTextMessage}
  1265. </div>
  1266. <p class="creation"><a href="https://www.tumblr.com/themes/by/artistic-influence" target="_blank">A creation by Artistic Influence</a> | {lang:Powered by Tumblr 2}<span class="copyright-footer">&#169;{BlogTitle} {CopyrightYears}</span></p>
  1267. </footer>
  1268. <!-- end footer -->
  1269.  
  1270.  
  1271. <a class="exit-off-canvas"></a> <!-- exit off canvas -->
  1272. </div> <!-- inner wrap -->
  1273. </div> <!-- off canvas wrap -->
  1274.  
  1275.  
  1276. <!-- start modals-->
  1277. {block:IfNotHideMenuSearch}
  1278. <div id="searchModal" class="reveal-modal full" data-reveal>
  1279. <div class="search-container">
  1280. <div class="search-wrapper">
  1281. <h1>{lang:Search}</h1>
  1282. <form action="/search" method="get" class="nav-search">
  1283. <input type="text" name="q" value="{SearchQuery}" id="search-input" placeholder="{lang:Search keywords}"/>
  1284. <button type="submit"><i class="fa fa-search"></i></button>
  1285. </form>
  1286. </div>
  1287. </div>
  1288. <a class="close-reveal-modal"><i class="fa fa-times"></i></a>
  1289. </div>
  1290. {/block:IfNotHideMenuSearch}
  1291.  
  1292. {block:IfAboutMeLabel}
  1293. <div id="aboutModal" class="reveal-modal full" data-reveal>
  1294. <div class="about-wrapper">
  1295. <div class="colophon">
  1296. <img class="about-avatar {AvatarShape}" src="{PortraitURL-128}" />
  1297. <h1 class="about-title">{text:About Me Label}</h1>
  1298. <ul class="about-social no-bullet">
  1299. {block:IfNotHideRSS}
  1300. <li><a class="no-op" href="{RSS}"><i class="fa fa-rss"></i></a></li>
  1301. {/block:IfNotHideRSS}
  1302. {block:IfFacebookURL}
  1303. <li><a class="no-op" href="{text:Facebook URL}" target="_blank"><i class="fa fa-facebook"></i></a></li>
  1304. {/block:IfFacebookURL}
  1305. {block:IfTwitterURL}
  1306. <li><a class="no-op" href="{text:Twitter URL}" target="_blank"><i class="fa fa-twitter"></i></a></li>
  1307. {/block:IfTwitterURL}
  1308. {block:IfGooglePlusURL}
  1309. <li><a class="no-op" href="{text:Google Plus URL}" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  1310. {/block:IfGooglePlusURL}
  1311. {block:IfInstagramURL}
  1312. <li><a class="no-op" href="{text:Instagram URL}" target="_blank"><i class="fa fa-instagram"></i></a></li>
  1313. {/block:IfInstagramURL}
  1314. {block:IfVKURL}
  1315. <li><a class="no-op" href="{text:VK URL}" target="_blank"><i class="fa fa-vk"></i></a></li>
  1316. {/block:IfVKURL}
  1317. {block:IfYoutubeURL}
  1318. <li><a class="no-op" href="{text:Youtube URL}" target="_blank"><i class="fa fa-youtube"></i></a></li>
  1319. {/block:IfYoutubeURL}
  1320. {block:IfVineURL}
  1321. <li><a class="no-op" href="{text:Vine URL}" target="_blank"><i class="fa fa-vine"></i></a></li>
  1322. {/block:IfVineURL}
  1323. {block:IfPinterestURL}
  1324. <li><a class="no-op" href="{text:Pinterest URL}" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
  1325. {/block:IfPinterestURL}
  1326. {block:IfVimeoURL}
  1327. <li><a class="no-op" href="{text:Vimeo URL}" target="_blank"><i class="fa fa-vimeo-square"></i></a></li>
  1328. {/block:IfVimeoURL}
  1329. {block:IfFlickrURL}
  1330. <li><a class="no-op" href="{text:Flickr URL}" target="_blank"><i class="fa fa-flickr"></i></a></li>
  1331. {/block:IfFlickrURL}
  1332. {block:IfDribbleURL}
  1333. <li><a class="no-op" href="{text:Dribbble URL}" target="_blank"><i class="fa fa-dribbble"></i></a></li>
  1334. {/block:IfDribbleURL}
  1335. {block:IfDeviantArtURL}
  1336. <li><a class="no-op" href="{text:DeviantArt URL}" target="_blank"><i class="fa fa-deviantart"></i></a></li>
  1337. {/block:IfDeviantArtURL}
  1338. {block:IfSoundcloudURL}
  1339. <li><a class="no-op" href="{text:SoundCloud URL}" target="_blank"><i class="fa fa-soundcloud"></i></a></li>
  1340. {/block:IfSoundCloudURL}
  1341. {block:IfSpotifyURL}
  1342. <li><a class="no-op" href="{text:Spotify URL}" target="_blank"><i class="fa fa-spotify"></i></a></li>
  1343. {/block:IfSpotifyURL}
  1344. {block:IfStumbleuponURL}
  1345. <li><a class="no-op" href="{text:StumbleUpon URL}" target="_blank"><i class="fa fa-stumbleupon"></i></a></li>
  1346. {/block:IfStumbleuponURL}
  1347. {block:IfBehanceURL}
  1348. <li><a class="no-op" href="{text:Behance URL}" target="_blank"><i class="fa fa-behance"></i></a></li>
  1349. {/block:IfBehanceURL}
  1350. {block:IfLinkedinURL}
  1351. <li><a class="no-op" href="{text:Linkedin URL}" target="_blank"><i class="fa fa-linkedin"></i></a></li>
  1352. {/block:IfLinkedinURL}
  1353. </ul>
  1354. </div>
  1355. <p class="about-content">{text:About Me Content}</p>
  1356. </div>
  1357. <a class="close-reveal-modal"><i class="fa fa-times"></i></a>
  1358. </div>
  1359. {/block:IfAboutMeLabel}
  1360. <!-- end modals -->
  1361.  
  1362. <script src="http://static.tumblr.com/cmghtlm/swonm9chm/jquery.js"></script>
  1363. <script src="http://static.tumblr.com/cmghtlm/EfUno16e5/gaia_plugins.js"></script>
  1364. <script>
  1365.  
  1366. $(document).foundation();
  1367.  
  1368. //disqus
  1369. {block:IfDisqusShortname}
  1370. {block:PermalinkPage}
  1371. var disqus_shortname = '{text:Disqus Shortname}';
  1372. var disqus_url = '{Permalink}';
  1373. (function() {
  1374. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1375. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1376. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1377. })();
  1378. {/block:PermalinkPage}
  1379. {/block:IfDisqusShortname}
  1380.  
  1381. //pre loader
  1382. window.addEventListener('DOMContentLoaded', function() {
  1383. new QueryLoader2(document.querySelector("body"), {
  1384. barColor: "{color:Loading Screen Text Color}",
  1385. backgroundColor: "{color:Loading Screen Background Color}",
  1386. percentage: true,
  1387. barHeight: 1,
  1388. minimumTime: 200,
  1389. fadeOutTime: 1000
  1390. });
  1391. });
  1392.  
  1393. //instagram Feed
  1394. {block:IfInstagramID}
  1395. $("#instagram-feed").jqinstapics({
  1396. "user_id": "{text:Instagram ID}",
  1397. "access_token": "{text:Instagram Token}",
  1398. "count": {text:Instagram Feed Count}
  1399. });
  1400. {/block:IfInstagramID}
  1401.  
  1402. //infinite scroll
  1403. (function () {
  1404. var $tilegrid = $('.content-area');
  1405. var $initialNumberOfPosts = $('.post').length; // Get number of posts
  1406. $tilegrid.infinitescroll({
  1407. navSelector: "#load-more",
  1408. nextSelector: "#load-more a",
  1409. itemSelector: ".post",
  1410. {block:IfNotInfiniteScroll}
  1411. behavior: 'twitter',
  1412. {/block:IfNotInfiniteScroll}
  1413. loading: {
  1414. finishedMsg: '{lang:No more posts}',
  1415. img: 'http://static.tumblr.com/cmghtlm/Rz0noy7fh/theee-dots-black.svg',
  1416. msgText: ''
  1417. }
  1418. },
  1419. function (newElements) {
  1420. var $currentNumberOfPosts = $('.post').length;
  1421. var pageNumber = Math.ceil($currentNumberOfPosts / $initialNumberOfPosts);
  1422. Tumblr.LikeButton.get_status_by_page(pageNumber);
  1423. $(function(){
  1424. var $elems = $('.animateblock');
  1425. var winheight = $(window).height();
  1426. var fullheight = $(document).height();
  1427.  
  1428. $(window).scroll(function(){
  1429. animate_elems();
  1430. });
  1431.  
  1432. function animate_elems() {
  1433. wintop = $(window).scrollTop();
  1434. $elems.each(function(){
  1435. $elm = $(this);
  1436. if($elm.hasClass('animated')) { return true; }
  1437. topcoords = $elm.offset().top;
  1438. if(wintop > (topcoords - (winheight*1))) {
  1439. $elm.addClass('animated');
  1440. }
  1441. });
  1442. }
  1443. });
  1444.  
  1445. $(document).foundation('reveal', 'reflow');
  1446.  
  1447. {block:IfStandardPhotosetLayout}
  1448. //responsive photosets
  1449. resizePhotosets();
  1450. {/block:IfStandardPhotosetLayout}
  1451. });
  1452. })();
  1453.  
  1454. {block:IfStandardPhotosetLayout}
  1455. //responsive photoset
  1456. function resizePhotosets(){
  1457. var parentWidth = document.body.querySelector('.html_photoset').offsetWidth;
  1458. var photosets = document.body.querySelectorAll('iframe.photoset');
  1459. for(var i = 0; i < photosets.length; ++i){
  1460. var photoset = photosets[i];
  1461. photoset.width = parentWidth;
  1462. }
  1463. }
  1464. window.onload = resizePhotosets;
  1465. window.onresize = resizePhotosets;
  1466. {/block:IfStandardPhotosetLayout}
  1467.  
  1468.  
  1469. // Fullscreen handler
  1470. function fullscreenHandler(e) {
  1471. if( window.fullscreen == false || window.fullscreen == null ) {
  1472. window.fullscreen = true;
  1473. } else {
  1474. window.fullscreen = false;
  1475. }
  1476.  
  1477. if( window.fullscreen == true ) {
  1478. $('body').addClass('fullscreen');
  1479. } else {
  1480. $('body').removeClass('fullscreen');
  1481. }
  1482. }
  1483.  
  1484. // Add event listeners
  1485. document.addEventListener("fullscreenchange", fullscreenHandler, false);
  1486. document.addEventListener("webkitfullscreenchange", fullscreenHandler, false);
  1487. document.addEventListener("mozfullscreenchange", fullscreenHandler, false);
  1488.  
  1489. // Add resize sensors to video wrapper and assign height to .post data-height
  1490. new ResizeSensor($('.post-media.video'), function() {
  1491. $('.post-media.video').each(function(index) {
  1492. var elemHeight = $(this).innerHeight()
  1493. $(this).closest('article.post').attr( 'data-height', elemHeight );
  1494. });
  1495. });
  1496. </script>
  1497.  
  1498. {block:IfNotHideTwitterFeed}{block:Twitter}
  1499. <script type="text/javascript">
  1500. function recent_tweets(data) {
  1501. for (i=0; i < {text:Twitter Feed Count}; i++) {
  1502. document.getElementById("tweets").innerHTML =
  1503. document.getElementById("tweets").innerHTML +
  1504. '<p><a href="http://twitter.com/{TwitterUsername}/status/' +
  1505. (data[i].id_str ? data[i].id_str : data[i].id) +
  1506. '" " target="_blank">' + data[i].text +
  1507. '</a></p>';
  1508. }
  1509. document.getElementById("twitter").style.display = 'block';
  1510. }
  1511. </script>
  1512. <script type="text/javascript" src="/tweets.js"></script>
  1513. {/block:Twitter}{/block:IfNotHideTwitterFeed}
  1514.  
  1515. </body>
  1516.  
  1517. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!