API tools faq
paste
Advertisement
feiinho

Astoria Theme v1.1

feiinho
Dec 14th, 2017
535
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 131.13 KB | None | 0 0
raw download clone embed print report
  1. <!-- - - - - - - - - - - - - - - - - - - - - - - -
  2.  
  3. Theme name: Astoria Theme v1.1
  4. Theme Author: Artistic Influence
  5. Author URL: [http://artistic-influence.tumblr.com/]
  6.  
  7. - - - - - - - - - - - - - - - - - - - - - - - -->
  8. <html
  9. 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}">
  10.  
  11. <head>
  12. <meta charset="utf-8">
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  14. <meta name="viewport" content="width=device-width,user-scalable=false">
  15.  
  16. <title>{Title}{block:SearchPage} - ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} -— {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  17. <meta name="author" content="{Title}">
  18.  
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}">
  21. {/block:Description}
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.  
  27. <meta name="select:Columns" title="3" content="three-col">
  28. <meta name="select:Columns" title="2" content="">
  29. <meta name="select:Menu Avatar Shape" title="Circle" content="circle">
  30. <meta name="select:Menu Avatar Shape" title="Square" content="square">
  31. <meta name="select:Tint Strength" title="No Tint" content="1">
  32. <meta name="select:Tint Strength" title="Medium Tint" content=".6">
  33. <meta name="select:Tint Strength" title="Strong Tint" content=".3">
  34.  
  35. <!-- images -->
  36. <meta name="image:About Me Image" content="//static.tumblr.com/6da5222170a390afefa296f637ac0a67/vppzax2/00Ionyxfp/tumblr_static_za0ej12lq5w8g4wcoo4skg00.jpg">
  37.  
  38. <!-- colors -->
  39. <meta name="color:Background Color" content="#fafafa">
  40. <meta name="color:Background Cover Tint Color" content="#000000">
  41. <meta name="color:Blog Title Color" content="#000000">
  42. <meta name="color:Sidebar Text Color" content="#000000">
  43. <meta name="color:Sidebar Title Background Color" content="#000000">
  44. <meta name="color:Sidebar Title Text Color" content="ffffff">
  45. <meta name="color:Sidebar Follow Button Color" content="#ee0000">
  46. <meta name="color:Sidebar Follow Text Color" content="#ffffff">
  47. <meta name="color:Body Text Color" content="#000000">
  48. <meta name="color:Linked Text Color" content="#3485ad">
  49. <meta name="color:Top Bar Background Color" content="#000000">
  50. <meta name="color:Top Bar Text Color" content="#ffffff">
  51. <meta name="color:Post Meta Text Color" content="#000000">
  52. <meta name="color:Post Background Color" content="#ffffff">
  53. <meta name="color:Tag Text Color" content="#ffffff">
  54. <meta name="color:Tag Background Color" content="#3485ad">
  55. <meta name="color:Single Post Page Accent Color" content="#dddddd">
  56. <meta name="color:Link Post Button Text Color" content="#ffffff">
  57. <meta name="color:Link Post Button Background Color" content="#000000">
  58. <meta name="color:Chat Post Background Color" content="#000000">
  59. <meta name="color:Chat Post Text Color" content="#ffffff">
  60. <meta name="color:Load More Button Color" content="#000000">
  61. <meta name="color:Load More Button Background Color" content="#ffffff">
  62. <meta name="color:Footer Text Color" content="#000000">
  63. <meta name="color:Loading Screen Bar Color" content="#ffffff">
  64. <meta name="color:Loading Screen Background Color" content="#000000">
  65.  
  66. <!-- booleans -->
  67. <meta name="if:Enable Google Fonts" content="1">
  68. <meta name="if:Infinite Scroll" content="0">
  69. <meta name="if:Disable ScrollReveal" content="0">
  70. <meta name="if:Disable SmoothScroll" content="0">
  71. <meta name="if:Enable Title Letter Spacing" content="0">
  72. <meta name="if:Hide Header Avatar" content="0">
  73. <meta name="if:Hide About Me Section" content="0">
  74. <meta name="if:Hide Follow Me Section" content="0">
  75. <meta name="if:Hide Social Links Section" content="0">
  76. <meta name="if:Hide RSS" content="1">
  77. <meta name="if:Hide Recent Likes Feed" content="0">
  78. <meta name="if:Hide Facebook Comments" content="0">
  79. <meta name="if:Hide Pages In Menu" content="0">
  80. <meta name="if:Hide Tags In Menu" content="0">
  81. <meta name="if:Hide Menu Search" content="0">
  82. <meta name="if:Force Full Width Photo Posts" content="0">
  83. <meta name="if:Force Full Width Text Post Images" content="0">
  84.  
  85. <!-- Tumblr fonts -->
  86. <meta name="font:Body Font" content="Futura, 'Century Gothic', AppleGothic, sans-serif">
  87.  
  88. <!-- text -->
  89. <meta name="text:Pre Loader Text Message" content="Your Custom Loader Message Here">
  90. <meta name="text:Menu Pages Label" content="Pages">
  91. <meta name="text:Menu Tags Label" content="Tags">
  92. <meta name="text:Menu Tag 1" content="">
  93. <meta name="text:Menu Tag 2" content="">
  94. <meta name="text:Menu Tag 3" content="">
  95. <meta name="text:Menu Tag 4" content="">
  96. <meta name="text:Menu Tag 5" content="">
  97. <meta name="text:Menu Tag 6" content="">
  98. <meta name="text:Menu Tag 7" content="">
  99. <meta name="text:Menu Tag 8" content="">
  100. <meta name="text:Menu Home Label" content="HOME">
  101. <meta name="text:Menu Ask Label" content="ASK">
  102. <meta name="text:Menu Submit Post Label" content="SUBMIT POST">
  103. <meta name="text:Menu Archive Label" content="ARCHIVE">
  104. <meta name="text:Menu Send Email Label" content="EMAIL ME">
  105. <meta name="text:Menu Send Email Address" content="example@email.com">
  106. <meta name="text:Sidebar Follow Title" content="STAY UPDATED">
  107. <meta name="text:Sidebar About Me Title" content="ABOUT ME">
  108. <meta name="text:Sidebar About Me Content Heading" content="Enzo North">
  109. <meta name="text:Sidebar 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'm the best me possible and i'm getting better day by day just like they say about wine.">
  110. <meta name="text:Sidebar Social Links Title" content="Social">
  111. <meta name="text:Sidebar Recent Likes Title" content="Recently Liked">
  112. <meta name="text:Sidebar Banner Code" content="">
  113. <meta name="text:Footer Text Message" content="Your footer message">
  114. <meta name="text:Post Heading Font Weight" content="400">
  115. <meta name="text:Body Text Font Weight" content="300">
  116. <meta name="text:Title Font Weight" content="700">
  117. <meta name="text:Title Font Size" content="8.5rem">
  118. <meta name="text:Google Font Body" content="//fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
  119. <meta name="text:Body Font Name" content="'Montserrat', sans-serif">
  120. <meta name="text:Google Font Post Heading" content="">
  121. <meta name="text:Post Heading Font Name" content="'Montserrat', sans-serif">
  122. <meta name="text:Google Font Title" content="//fonts.googleapis.com/css?family=Oswald:300,400,500,600,700">
  123. <meta name="text:Title Font Name" content="'Oswald', sans-serif">
  124. <meta name="text:Google Analytics Code" content="">
  125. <meta name="text:Twitter Feed Title" content="Twitter">
  126. <meta name="text:Twitter Feed Embed Code" content="">
  127. <meta name="text:Facebook Feed Title" content="Facebook">
  128. <meta name="text:Facebook Feed Page URL" content="">
  129. <meta name="text:Pinterest Feed Title" content="Pinterest">
  130. <meta name="text:Pinterest Board URL" content="">
  131. <meta name="text:Instagram Feed Title" content="Instagram">
  132. <meta name="text:Instagram ID" content="">
  133. <meta name="text:Instagram Token" content="">
  134. <meta name="text:Instagram Feed Count" content="8">
  135. <meta name="text:Disqus Shortname" content="">
  136. <meta name="text:Facebook URL" content="">
  137. <meta name="text:Twitter URL" content="">
  138. <meta name="text:Google Plus URL" content="">
  139. <meta name="text:Instagram URL" content="">
  140. <meta name="text:VK URL" content="">
  141. <meta name="text:Youtube URL" content="">
  142. <meta name="text:Vine URL" content="">
  143. <meta name="text:Pinterest URL" content="">
  144. <meta name="text:Vimeo URL" content="">
  145. <meta name="text:Flickr URL" content="">
  146. <meta name="text:DeviantArt URL" content="">
  147. <meta name="text:Dribble URL" content="">
  148. <meta name="text:Soundcloud URL" content="">
  149. <meta name="text:Spotify URL" content="">
  150. <meta name="text:Stumbleupon URL" content="">
  151. <meta name="text:Behance URL" content="">
  152. <meta name="text:Linkedin URL" content="">
  153.  
  154. {block:IfEnableGoogleFonts}
  155. <!-- links -->
  156. <link rel="stylesheet" href="{text:Google Font Body}" type='text/css'>
  157. <link rel="stylesheet" href="{text:Google Font Post Heading}" type='text/css'>
  158. <link rel="stylesheet" href="{text:Google Font Title}" type='text/css'>
  159. {/block:IfEnableGoogleFonts}
  160.  
  161. <!-- external stylesheets -->
  162. <link rel="stylesheet" href="//static.tumblr.com/honophf/oD9oz5mht/main.min.css">
  163. <script src="//static.tumblr.com/cmghtlm/otvnkkd1g/modernizr.js"></script>
  164. <script src="//static.tumblr.com/cmghtlm/evUnkz8ov/queryloader2.min.js" type="text/javascript"></script>
  165. <script src="//static.tumblr.com/vppzax2/6nOolnayz/resizesensor.js"></script>
  166. <script src="//static.tumblr.com/vppzax2/3myolnazi/elementqueries.js"></script>
  167.  
  168. <style type="text/css">
  169.  
  170. /* customiables */
  171.  
  172. /* typography */
  173. body, p, a, em, strong, b, h1, h2, h3, h4, h5, h6, code, pre, textarea, button, input {
  174. font-family: {block:IfEnableGoogleFonts}{block:IfBodyFontName}{text:Body Font Name},{/block:IfBodyFontName}{/block:IfEnableGoogleFonts} {font:Body Font}
  175. }
  176. body, p, em, code, pre, textarea, button, input {
  177. font-weight: {text:Body Text Font Weight}
  178. }
  179. body, p, h1, h2, h3, h4, h5, h6, code, pre, blockquote, .post-media.link h2 a, .title-link, .more_notes_link, a.pagi-previous, a.pagi-next, a.more_notes_link, a.perma-post-title, .perma-post-asker h2 a, .perma-post-answer h2 a {
  180. color: {color:Body Text Color}
  181. }
  182. .post-entry .date:after, .post-divider {
  183. background-color: {color:Body Text Color}
  184. }
  185. a, .post-colophon p, .post-colophon a, .creation a, .permalink-content-area span a:hover {
  186. color: {color:Linked Text Color}
  187. }
  188. a.title-link, a.perma-post-title, .post-asker h2, .post-asker h2 a, .post-answer h2, .post-answer h2 a, .perma-post-asker h2, .perma-post-asker h2 a, .perma-post-answer h2, .perma-post-answer h2 a {
  189. font-family: {block:IfEnableGoogleFonts}{block:IfPostHeadingFontName}{text:Post Heading Font Name},{/block:IfPostHeadingFontName}{/block:IfEnableGoogleFonts} {font:Body Font};
  190. }
  191. h1, h2, h3, h4, h5, h6 {
  192. font-weight: {text:Post Heading Font Weight}
  193. }
  194. .post-author p, .post-author p a, .post-note-count p a, .colophon-wrap p a, .colophon-wrap p {
  195. color: {color:Post Meta Text Color};
  196. }
  197. .post-tags p a, .perma-side-tags a {
  198. color: {color:Tag Text Color};
  199. background-color: {color:Tag Background Color};
  200. }
  201.  
  202. /* background */
  203. #masthead, .off-canvas-wrap, .content-area, .blog-footer, .instagram-wrapper, #offCanvas, .off-canvas-bg, .bg-tint {
  204. background-color: {color:Background Color}
  205. }
  206. {block:ShowHeaderImage}
  207. .bg-cover {
  208. opacity: {select:Tint Strength}
  209. }
  210. .bg-tint {
  211. background-color: {color:Background Cover Tint Color}!important;
  212. }
  213. {/block:ShowHeaderImage}
  214.  
  215. /* top bar */
  216. .show-bg,
  217. .top-bar .submenu,
  218. .top-bar,
  219. .top-bar ul{
  220. background: {color:Top Bar Background Color}!important
  221. }
  222. .lines, .lines:before, .lines:after, .left-off-canvas-toggle .btn-slide {
  223. background: {color:Top Bar Text Color}
  224. }
  225. .top.menu-nav li a,
  226. .search-box a {
  227. color: {color:Top Bar Text Color}
  228. }
  229. .is-accordion-submenu-parent>a:after,
  230. .dropdown.menu>li.is-dropdown-submenu-parent>a:after {
  231. border-color: {color:Top Bar Text Color} transparent transparent
  232. }
  233.  
  234. /* header */
  235. .mast-title, .blog-footer h2 {
  236. font-family: {block:IfEnableGoogleFonts}{block:IfTitleFontName}{text:Title Font Name},{/block:IfTitleFontName}{/block:IfEnableGoogleFonts} {TitleFont};
  237. font-weight: {text:Title Font Weight};
  238. {block:IfEnableTitleLetterSpacing}
  239. letter-spacing: .3rem
  240. {/block:IfEnableTitleLetterSpacing}
  241. }
  242. .mast-title {
  243. {color:Blog Title Color}
  244. }
  245. .mast-description, .header-social li a, #masthead p {
  246. color: {color:Sidebar Text Color}
  247. }
  248. .header-avatar img,
  249. .header-social li {
  250. border-color: {color:Sidebar Text Color}
  251. }
  252. .header-avatar img {
  253. background-color: {color:Sidebar Text Color}
  254. }
  255. #masthead .sidebar-title, #masthead .sidebar-title:before {
  256. background-color: {color:Sidebar Title Background Color}
  257. }
  258. #masthead .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  259. border-color: {color:Sidebar Text Color} transparent transparent;
  260. }
  261. .sidebar-title, #masthead .sidebar-title p, #masthead .sidebar-title a {
  262. color: {color:Sidebar Title Text Color}
  263. }
  264. .side-social li:hover a {
  265. color: {color:Background Color}
  266. }
  267.  
  268.  
  269. /* pre-loader */
  270. #qLoverlay::after {
  271. color: {color:Loading Screen Bar Color};
  272. content: '{text:Pre Loader Text Message}';
  273. }
  274.  
  275. /* posts */
  276. .post .post-entry, .post-media, .post-share, .post-single, .perma-right-sidebar, .white-pad {
  277. background-color: {color:Post Background Color};
  278. }
  279. .post.text .title-container h2 {
  280. background: {color:Body Text Color};
  281. }
  282. .post.text .title-container h2 a {
  283. color: {color:Post Background Color};
  284. }
  285. .post.chat .post-entry {
  286. background-color: {color:Chat Post Background Color}
  287. }
  288. .post.chat .title-link, .post-chat p, .post-chat b, .single-post.chat .title-link, .post.chat .post-author p, .post.chat .post-author p a, .post.chat .post-note-count p a {
  289. color: {color:Chat Post Text Color}
  290. }
  291. .visit-link {
  292. background-color: {color:Link Post Button Background Color};
  293. border: 2px solid {color:Link Post Button Background Color}
  294. }
  295. .visit-link h5, .visit-link p {
  296. color: {color:Link Post Button Text Color}
  297. }
  298.  
  299. /* permalink page posts */
  300. a.pagi-previous:before, a.pagi-next:before, .more_notes_link:before {
  301. background-color: {color:Single Post Page Accent Color};
  302. }
  303. /* permalink sidear title top and bottom borders */
  304. h4.sidebar-section-title:after, h4.sidebar-section-title:before, .answer-divider {
  305. background: -moz-linear-gradient(left, {color:Post Background Color} 5%, {color:Single Post Page Accent Color} 20%, {color:Single Post Page Accent Color} 80%, {color:Post Background Color} 95%);
  306. background: -webkit-linear-gradient(left, {color:Post Background Color} 5%,{color:Single Post Page Accent Color} 20%,{color:Single Post Page Accent Color} 80%,{color:Post Background Color} 95%);
  307. background: linear-gradient(to right, {color:Post Background Color} 5%,{color:Single Post Page Accent Color} 20%,{color:Single Post Page Accent Color} 80%,{color:Post Background Color} 95%);
  308. }
  309. /* permalink post/sidebar divider */
  310. .perma-right-sidebar {
  311. border-left: 2px solid {color:Single Post Page Accent Color};
  312. }
  313.  
  314. /* index pagination */
  315. #load-more a, .back-to-top {
  316. color: {color:Load More Button Color}
  317. }
  318. #load-more a, .back-to-top {
  319. background-color: {color:Load More Button Background Color};
  320. padding: 10px 20px;
  321. }
  322.  
  323. /* sidebar */
  324. #offCanvas .mast-title, #offCanvas p, #offCanvas .menu-items li a, .menu-follow, .menu-follow:focus, .menu-follow:hover,
  325. #offCanvas .menu-items li a:focus, #offCanvas .menu-items li a:hover, .side-social li a, .menu-items li a, .menu-items li a:focus, .menu-items li a:hover {
  326. color: {color:Sidebar Text Color};
  327. }
  328. .menu-follow .item-slider, .menu-items li a .item-slider, .menu-divider {
  329. background-color: {color:Sidebar Text Color}
  330. }
  331. #offCanvas .is-accordion-submenu-parent>a:after, #offCanvas .dropdown.menu>li.is-dropdown-submenu-parent>a:after {
  332. border-color: {color:Sidebar Text Color} transparent transparent
  333. }
  334. .sidebar-title, .sidebar-title:before {
  335. background-color: {color:Sidebar Title Background Color}
  336. }
  337.  
  338. #offCanvas .sidebar-title p, #offCanvas .sidebar-title a {
  339. color: {color:Sidebar Title Text Color}
  340. }
  341. .side-follow a {
  342. color: {color:Sidebar Follow Text Color};
  343. background-color: {color:Sidebar Follow Button Color};
  344. border: 2px solid {color:Sidebar Follow Button Color}
  345. }
  346. .side-social li {
  347. border: 1px solid {color:Sidebar Text Color}
  348. }
  349.  
  350. /* Footer */
  351. .blog-footer * {
  352. color: {color:Footer Text Color}
  353. }
  354. .footer-avatar img {
  355. border-color: {color:Footer Text Color};
  356. background-color: {color:Footer Text Color};
  357. }
  358.  
  359. {block:IfNotForceFullWidthPhotoPosts}
  360. .photo-wrapper img {
  361. width: auto
  362. }
  363. {/block:IfNotForceFullWidthPhotoPosts}
  364. {block:IfForceFullWidthTextPostImages}
  365. .post.text figure img {
  366. width: 100%
  367. }
  368. {/block:IfForceFullWidthTextPostImages}
  369.  
  370. /* min-width 641px, medium screens */
  371. @media only screen and (min-width: 40.063em) {
  372. {block:Posts}{block:Text}{block:Date}
  373. .single-post.text .entry-content {
  374. width: auto
  375. }
  376. {/block:Date}{/block:Text}{/block:Posts}
  377. }
  378.  
  379. /* min-width 1025px, large screens */
  380. @media only screen and (min-width: 64.063em) {
  381. /* header */
  382. .mast-title {
  383. font-size: {text:Title Font Size};
  384. line-height: calc({text:Title Font Size} + .4rem);
  385. }
  386.  
  387. /* buttons */
  388. .visit-link a:hover h5, .visit-link a:hover p {
  389. color: {color:Link Post Button Background Color}
  390. }
  391.  
  392. .side-follow a:hover {
  393. color: {color:Sidebar Follow Button Color}
  394. }
  395.  
  396. /* social link hovers */
  397. .footer-social li, .footer-social li a, .side-social li, .side-social li a {
  398. transition: all .25s ease-in-out
  399. }
  400. .side-social li:hover {
  401. background-color: {color:Sidebar Text Color}
  402. }
  403. }
  404.  
  405. {block:SearchPage}
  406. .top-bar {
  407. background: {color:Top Bar Background Color}
  408. }
  409. {/block:SearchPage}
  410.  
  411. {block:TagPage}
  412. .top-bar {
  413. background: {color:Top Bar Background Color}
  414. }
  415. {/block:TagPage}
  416.  
  417. /* index page specific */
  418. {block:IndexPage}{block:ShowHeaderImage}
  419. .bg-cover {
  420. background-image: url("{HeaderImage}")
  421. }
  422. {/block:ShowHeaderImage}{/block:IndexPage}
  423.  
  424. /* permalink page */
  425. {block:PermalinkPage}
  426. .side-bar {
  427. padding-top: 10%
  428. }
  429. .top-bar {
  430. background: {color:Top Bar Background Color}
  431. }
  432. .bg-cover {
  433. background-color: {color:Permalink Page Background Color};
  434. }
  435. {block:ShowHeaderImage}
  436. .blog-footer, .main-perma, .instagram-wrapper {
  437. z-index: 2;
  438. position: relative;
  439. }
  440. {/block:ShowHeaderImage}
  441. {/block:PermalinkPage}
  442.  
  443. {CustomCSS}
  444.  
  445. </style>
  446.  
  447. {block:IfGoogleAnalyticsCode}
  448. {text:Google Analytics Code}
  449. {/block:IfGoogleAnalyticsCode}
  450.  
  451. </head>
  452.  
  453. <body class="{select:Columns}">
  454. {block:IfNotHideFacebookComments}<div id="fb-root"></div><script src="//connect.facebook.net/en_US/all.js#xfbml=1&appId=372884536131543"></script>{/block:IfNotHideFacebookComments}
  455.  
  456. <!-- off canvas wrap start -->
  457. <div class="off-canvas-wrap">
  458. <div class="top-bar grid-x large-12 hide-for-large">
  459. <div class="cell small-6 large-1">
  460. <!-- off canvas button -->
  461. <a class="left-off-canvas-toggle no-op">
  462. <button type="button" class="hollow button lines-button x2" data-toggle="offCanvas">
  463. <span class="lines"></span>
  464. </button>
  465. </a>
  466. </div>
  467. </div>
  468.  
  469. <!-- off canvas menu -->
  470. <aside id="offCanvas" class="off-canvas position-left hide-for-large" data-off-canvas>
  471. <div class="menu-content">
  472. <div class="off-canvas-bg"></div>
  473. {block:IfNotHideHeaderAvatar}<a class="header-avatar" href="{BlogURL}"><img class="{AvatarShape}" src="{PortraitURL-128}" /></a>{/block:IfNotHideHeaderAvatar}
  474. {block:ShowTitle}<h1 class="mast-title">{Title}</h1>{/block:ShowTitle}
  475. <div class="description-wrapper">
  476. {block:ShowDescription}<p class="mast-description">{Description}</p>{/block:ShowDescription}
  477. </div>
  478. {block:IfNotHideSocialLinksSection}
  479. <ul class="side-social no-bullet">
  480. {block:IfNotHideRSS}
  481. <li><a class="no-op" href="{RSS}"><i class="fa fa-rss"></i></a></li>
  482. {/block:IfNotHideRSS}
  483. {block:IfFacebookURL}
  484. <li><a class="no-op" href="{text:Facebook URL}" target="_blank"><i class="fa fa-facebook"></i></a></li>
  485. {/block:IfFacebookURL}
  486. {block:IfTwitterURL}
  487. <li><a class="no-op" href="{text:Twitter URL}" target="_blank"><i class="fa fa-twitter"></i></a></li>
  488. {/block:IfTwitterURL}
  489. {block:IfGooglePlusURL}
  490. <li><a class="no-op" href="{text:Google Plus URL}" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  491. {/block:IfGooglePlusURL}
  492. {block:IfInstagramURL}
  493. <li><a class="no-op" href="{text:Instagram URL}" target="_blank"><i class="fa fa-instagram"></i></a></li>
  494. {/block:IfInstagramURL}
  495. {block:IfVKURL}
  496. <li><a class="no-op" href="{text:VK URL}" target="_blank"><i class="fa fa-vk"></i></a></li>
  497. {/block:IfVKURL}
  498. {block:IfYoutubeURL}
  499. <li><a class="no-op" href="{text:Youtube URL}" target="_blank"><i class="fa fa-youtube"></i></a></li>
  500. {/block:IfYoutubeURL}
  501. {block:IfVineURL}
  502. <li><a class="no-op" href="{text:Vine URL}" target="_blank"><i class="fa fa-vine"></i></a></li>
  503. {/block:IfVineURL}
  504. {block:IfPinterestURL}
  505. <li><a class="no-op" href="{text:Pinterest URL}" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
  506. {/block:IfPinterestURL}
  507. {block:IfVimeoURL}
  508. <li><a class="no-op" href="{text:Vimeo URL}" target="_blank"><i class="fa fa-vimeo-square"></i></a></li>
  509. {/block:IfVimeoURL}
  510. {block:IfFlickrURL}
  511. <li><a class="no-op" href="{text:Flickr URL}" target="_blank"><i class="fa fa-flickr"></i></a></li>
  512. {/block:IfFlickrURL}
  513. {block:IfDribbleURL}
  514. <li><a class="no-op" href="{text:Dribbble URL}" target="_blank"><i class="fa fa-dribbble"></i></a></li>
  515. {/block:IfDribbleURL}
  516. {block:IfDeviantArtURL}
  517. <li><a class="no-op" href="{text:DeviantArt URL}" target="_blank"><i class="fa fa-deviantart"></i></a></li>
  518. {/block:IfDeviantArtURL}
  519. {block:IfSoundcloudURL}
  520. <li><a class="no-op" href="{text:SoundCloud URL}" target="_blank"><i class="fa fa-soundcloud"></i></a></li>
  521. {/block:IfSoundCloudURL}
  522. {block:IfSpotifyURL}
  523. <li><a class="no-op" href="{text:Spotify URL}" target="_blank"><i class="fa fa-spotify"></i></a></li>
  524. {/block:IfSpotifyURL}
  525. {block:IfStumbleuponURL}
  526. <li><a class="no-op" href="{text:StumbleUpon URL}" target="_blank"><i class="fa fa-stumbleupon"></i></a></li>
  527. {/block:IfStumbleuponURL}
  528. {block:IfBehanceURL}
  529. <li><a class="no-op" href="{text:Behance URL}" target="_blank"><i class="fa fa-behance"></i></a></li>
  530. {/block:IfBehanceURL}
  531. {block:IfLinkedinURL}
  532. <li><a class="no-op" href="{text:Linkedin URL}" target="_blank"><i class="fa fa-linkedin"></i></a></li>
  533. {/block:IfLinkedinURL}
  534. </ul>
  535. {/block:IfNotHideSocialLinksSection}
  536. <nav class="menu-nav">
  537. <ul class="menu-items vertical menu accordion-menu no-bullet" data-accordion-menu data-submenu-toggle="true">
  538. <li>
  539. <a href="#">Menu</a>
  540. <ul class="menu vertical nested">
  541. {block:IfMenuHomeLabel}
  542. <li><a href="{BlogURL}">{text:Menu Home Label}</a></li>
  543. {/block:IfMenuHomeLabel}
  544.  
  545. {block:IfNotHidePagesInMenu}{block:HasPages}
  546. <li>
  547. <a class="no-op">{text:Menu Pages Label}</a>
  548. <ul class="menu vertical nested">
  549. {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  550. </ul>
  551. </li>
  552. {/block:HasPages}{/block:IfNotHidePagesInMenu}
  553.  
  554. {block:IfNotHideTagsInMenu}
  555. <li>
  556. <a class="no-op">{text:Menu Tags Label}</a>
  557. <ul class="menu vertical nested">
  558. {block:IfMenuTag1}<li><a href="/tagged/{text:Menu Tag 1}">#{text:Menu Tag 1}</a></li>{/block:IfMenuTag1}
  559. {block:IfMenuTag2}<li><a href="/tagged/{text:Menu Tag 2}">#{text:Menu Tag 2}</a></li>{/block:IfMenuTag2}
  560. {block:IfMenuTag3}<li><a href="/tagged/{text:Menu Tag 3}">#{text:Menu Tag 3}</a></li>{/block:IfMenuTag3}
  561. {block:IfMenuTag4}<li><a href="/tagged/{text:Menu Tag 4}">#{text:Menu Tag 4}</a></li>{/block:IfMenuTag4}
  562. {block:IfMenuTag5}<li><a href="/tagged/{text:Menu Tag 5}">#{text:Menu Tag 5}</a></li>{/block:IfMenuTag5}
  563. {block:IfMenuTag6}<li><a href="/tagged/{text:Menu Tag 6}">#{text:Menu Tag 6}</a></li>{/block:IfMenuTag6}
  564. {block:IfMenuTag7}<li><a href="/tagged/{text:Menu Tag 7}">#{text:Menu Tag 7}</a></li>{/block:IfMenuTag7}
  565. {block:IfMenuTag8}<li><a href="/tagged/{text:Menu Tag 8}">#{text:Menu Tag 8}</a></li>{/block:IfMenuTag8}
  566. </ul>
  567. </li>
  568. {/block:IfNotHideTagsInMenu}
  569.  
  570. {block:IfMenuAskLabel}
  571. <li><a href="/ask"></i>{text:Menu Ask Label}</a></li>
  572. {/block:IfMenuAskLabel}
  573.  
  574. {block:IfMenuSubmitPostLabel}
  575. <li><a href="/submit">{text:Menu Submit Post Label}</a></li>
  576. {/block:IfMenuSubmitPostLabel}
  577.  
  578. {block:IfMenuArchiveLabel}
  579. <li><a href="/archive">{text:Menu Archive Label}</a></li>
  580. {/block:IfMenuArchiveLabel}
  581.  
  582. {block:IfMenuSendEmailLabel}
  583. <li><a href="mailto:{text:Menu Send Email Address}">{text:Menu Send Email Label}</a></li>
  584. {/block:IfMenuSendEmailLabel}
  585. </ul>
  586. </li>
  587. {block:IfNotHideMenuSearch}
  588. <!-- <li><a href="#" data-open="searchModal"><i class="fa fa-search"></i></a></li> -->
  589. <li>
  590. <form action="/search" method="get" class="nav-search" name="searchform">
  591. <i class="fa fa-search"></i>
  592. <input type="text" name="q" value="{SearchQuery}" id="search-input" placeholder="Search..."/>
  593. </form>
  594. </li>
  595. {/block:IfNotHideMenuSearch}
  596. </ul>
  597. </nav>
  598. </div>
  599.  
  600. {block:IfNotHideAboutMeSection}
  601. <div class="menu-item">
  602. <div class="sidebar-title">
  603. <p>{text:Sidebar About Me Title}</p>
  604. </div>
  605.  
  606. {block:IfNotAboutMeImageImage}<img class="about-avatar {select:Menu Avatar Shape}" src="{PortraitURL-128}" alt="blog avatar">{/block:IfNotAboutMeImageImage}
  607. {block:IfAboutMeImageImage}<img class="about-img" src="{image:About Me Image}" />{/block:IfAboutMeImageImage}
  608.  
  609. <div class="about-content"><p class="about-title"><b>{text:Sidebar About Me Content Heading}</b></p><p>{text:Sidebar About Me Content}</p></div>
  610. </div>
  611. {/block:IfNotHideAboutMeSection}
  612. {block:IfNotHideFollowMeSection}
  613. <div class="menu-item">
  614. <div class="sidebar-title"><p>{text:Sidebar Follow Title}</p></div>
  615. <h6 class="side-follow"><a class="no-op" href="//www.tumblr.com/follow/{Name}" target="_blank">{lang:Follow me}</a></h6>
  616. </div>
  617. {/block:IfNotHideFollowMeSection}
  618. {block:IfSidebarBannerCode}
  619. <div class="menu-item banner">
  620. <div class="banner-wrapper">
  621. {text:Sidebar Banner Code}
  622. </div>
  623. </div>
  624. {/block:IfSidebarBannerCode}
  625. {block:IfTwitterFeedEmbedCode}
  626. <div class="menu-item">
  627. <div class="twitter-wrapper">
  628. <div class="sidebar-title">
  629. <p><i class="fa fa-twitter"></i>{text:Twitter Feed Title}</p>
  630. </div>
  631. {text:Twitter Feed Embed Code}
  632. </div>
  633. </div>
  634. {/block:IfTwitterFeedEmbedCode}
  635. {block:IfFacebookFeedPageURL}
  636. <div class="menu-item">
  637. <div class="facebook-wrapper">
  638. <div class="sidebar-title">
  639. <p><i class="fa fa-facebook"></i>{text:Facebook Feed Title}</p>
  640. </div>
  641. <script>(function(d, s, id) {
  642. var js, fjs = d.getElementsByTagName(s)[0];
  643. if (d.getElementById(id)) return;
  644. js = d.createElement(s); js.id = id;
  645. js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=133284720335915";
  646. fjs.parentNode.insertBefore(js, fjs);
  647. }(document, 'script', 'facebook-jssdk'));</script>
  648.  
  649. <div id="fb_container" style="width:100%;">
  650. <div class="fb-page" data-href="{text:Facebook Feed Page URL}/" data-tabs="timeline, messages, events" data-width="240px" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="{text:Facebook Feed Page URL}/"><a href="{text:Facebook Feed Page URL}/">{text:Facebook Feed Title}</a></blockquote></div></div>
  651. </div>
  652. </div>
  653. </div>
  654. {/block:IfFacebookFeedPageURL}
  655. {block:IfPinterestBoardURL}
  656. <div class="menu-item">
  657. <div class="pinterest-wrapper">
  658. <div class="sidebar-title">
  659. <p><i class="fa fa-pinterest"></i>{text:Pinterest Feed Title}</p>
  660. </div>
  661. <a data-pin-do="embedUser" data-pin-board-width="220" data-pin-scale-height="400" data-pin-scale-width="80" href="{text:Pinterest Board URL}"></a>
  662. </div>
  663. </div>
  664. {/block:IfPinterestBoardURL}
  665. {block:IfNotHideRecentLikesFeed}{block:Likes}
  666. <div class="menu-item">
  667. <div class="likes-wrapper">
  668. <div class="sidebar-title">
  669. <p><i class="fa fa-heart"></i>{text:Sidebar Recent Likes Title}</p>
  670. </div>
  671. {Likes limit="5" summarize="100"}
  672. </div>
  673. </div>
  674. {/block:Likes}{/block:IfNotHideRecentLikesFeed}
  675. </aside>
  676. <!-- end off canvas nav content -->
  677.  
  678.  
  679. <!-- start main content -->
  680. {block:IndexPage}
  681. <main class="main off-canvas-content grid-x" data-off-canvas-content>
  682. {/block:IndexPage}
  683.  
  684. {block:PermalinkPage}
  685. <main class="main-perma off-canvas-content grid-x" data-off-canvas-content>
  686. {/block:PermalinkPage}
  687.  
  688. <!-- start header -->
  689. <header id="masthead" class="large-3 cell{block:PermalinkPage} show-for-large{/block:PermalinkPage}">
  690. <div class="mast-container">
  691. <div class="mast-wrapper">
  692. <div class="mast-box">
  693. {block:IfNotHideHeaderAvatar}<a class="header-avatar hide-for-large" href="{BlogURL}"><img class="{AvatarShape}" src="{PortraitURL-128}" /></a>{/block:IfNotHideHeaderAvatar}
  694. {block:ShowTitle}<h1 class="mast-title">{Title}</h1>{/block:ShowTitle}
  695.  
  696. {block:IndexPage}
  697. <div class="description-wrapper">
  698. {block:ShowDescription}<p class="mast-description">{Description}</p>{/block:ShowDescription}
  699. </div>
  700. {/block:IndexPage}
  701.  
  702. <div class="show-for-large">
  703. {block:IfNotHideSocialLinksSection}
  704. <ul class="header-social no-bullet">
  705. {block:IfNotHideRSS}
  706. <li><a href="{RSS}"><i class="fa fa-rss"></i></a></li>
  707. {/block:IfNotHideRSS}
  708. {block:IfFacebookURL}
  709. <li><a href="{text:Facebook URL}" target="_blank"><i class="fa fa-facebook"></i></a></li>
  710. {/block:IfFacebookURL}
  711. {block:IfTwitterURL}
  712. <li><a href="{text:Twitter URL}" target="_blank"><i class="fa fa-twitter"></i></a></li>
  713. {/block:IfTwitterURL}
  714. {block:IfGooglePlusURL}
  715. <li><a href="{text:Google Plus URL}" target="_blank"><i class="fa fa-google-plus"></i></a></li>
  716. {/block:IfGooglePlusURL}
  717. {block:IfInstagramURL}
  718. <li><a href="{text:Instagram URL}" target="_blank"><i class="fa fa-instagram"></i></a></li>
  719. {/block:IfInstagramURL}
  720. {block:IfVKURL}
  721. <li><a href="{text:VK URL}" target="_blank"><i class="fa fa-vk"></i></a></li>
  722. {/block:IfVKURL}
  723. {block:IfYoutubeURL}
  724. <li><a href="{text:Youtube URL}" target="_blank"><i class="fa fa-youtube"></i></a></li>
  725. {/block:IfYoutubeURL}
  726. {block:IfVineURL}
  727. <li><a href="{text:Vine URL}" target="_blank"><i class="fa fa-vine"></i></a></li>
  728. {/block:IfVineURL}
  729. {block:IfPinterestURL}
  730. <li><a href="{text:Pinterest URL}" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
  731. {/block:IfPinterestURL}
  732. {block:IfVimeoURL}
  733. <li><a href="{text:Vimeo URL}" target="_blank"><i class="fa fa-vimeo-square"></i></a></li>
  734. {/block:IfVimeoURL}
  735. {block:IfFlickrURL}
  736. <li><a href="{text:Flickr URL}" target="_blank"><i class="fa fa-flickr"></i></a></li>
  737. {/block:IfFlickrURL}
  738. {block:IfDribbleURL}
  739. <li><a href="{text:Dribbble URL}" target="_blank"><i class="fa fa-dribbble"></i></a></li>
  740. {/block:IfDribbleURL}
  741. {block:IfDeviantArtURL}
  742. <li><a href="{text:DeviantArt URL}" target="_blank"><i class="fa fa-deviantart"></i></a></li>
  743. {/block:IfDeviantArtURL}
  744. {block:IfSoundcloudURL}
  745. <li><a href="{text:SoundCloud URL}" target="_blank"><i class="fa fa-soundcloud"></i></a></li>
  746. {/block:IfSoundCloudURL}
  747. {block:IfSpotifyURL}
  748. <li><a href="{text:Spotify URL}" target="_blank"><i class="fa fa-spotify"></i></a></li>
  749. {/block:IfSpotifyURL}
  750. {block:IfStumbleuponURL}
  751. <li><a href="{text:StumbleUpon URL}" target="_blank"><i class="fa fa-stumbleupon"></i></a></li>
  752. {/block:IfStumbleuponURL}
  753. {block:IfBehanceURL}
  754. <li><a href="{text:Behance URL}" target="_blank"><i class="fa fa-behance"></i></a></li>
  755. {/block:IfBehanceURL}
  756. {block:IfLinkedinURL}
  757. <li><a href="{text:Linkedin URL}" target="_blank"><i class="fa fa-linkedin"></i></a></li>
  758. {/block:IfLinkedinURL}
  759. </ul>
  760. {/block:IfNotHideSocialLinksSection}
  761.  
  762. <nav class="menu-nav">
  763. <ul class="menu-items vertical menu accordion-menu no-bullet" data-accordion-menu data-submenu-toggle="true">
  764. <li>
  765. <a href="#">Menu</a>
  766. <ul class="menu vertical nested">
  767. {block:IfMenuHomeLabel}
  768. <li><a href="{BlogURL}">{text:Menu Home Label}</a></li>
  769. {/block:IfMenuHomeLabel}
  770.  
  771. {block:IfNotHidePagesInMenu}{block:HasPages}
  772. <li>
  773. <a class="no-op">{text:Menu Pages Label}</a>
  774. <ul class="menu vertical nested">
  775. {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  776. </ul>
  777. </li>
  778. {/block:HasPages}{/block:IfNotHidePagesInMenu}
  779.  
  780. {block:IfNotHideTagsInMenu}
  781. <li>
  782. <a class="no-op">{text:Menu Tags Label}</a>
  783. <ul class="menu vertical nested">
  784. {block:IfMenuTag1}<li><a href="/tagged/{text:Menu Tag 1}">#{text:Menu Tag 1}</a></li>{/block:IfMenuTag1}
  785. {block:IfMenuTag2}<li><a href="/tagged/{text:Menu Tag 2}">#{text:Menu Tag 2}</a></li>{/block:IfMenuTag2}
  786. {block:IfMenuTag3}<li><a href="/tagged/{text:Menu Tag 3}">#{text:Menu Tag 3}</a></li>{/block:IfMenuTag3}
  787. {block:IfMenuTag4}<li><a href="/tagged/{text:Menu Tag 4}">#{text:Menu Tag 4}</a></li>{/block:IfMenuTag4}
  788. {block:IfMenuTag5}<li><a href="/tagged/{text:Menu Tag 5}">#{text:Menu Tag 5}</a></li>{/block:IfMenuTag5}
  789. {block:IfMenuTag6}<li><a href="/tagged/{text:Menu Tag 6}">#{text:Menu Tag 6}</a></li>{/block:IfMenuTag6}
  790. {block:IfMenuTag7}<li><a href="/tagged/{text:Menu Tag 7}">#{text:Menu Tag 7}</a></li>{/block:IfMenuTag7}
  791. {block:IfMenuTag8}<li><a href="/tagged/{text:Menu Tag 8}">#{text:Menu Tag 8}</a></li>{/block:IfMenuTag8}
  792. </ul>
  793. </li>
  794. {/block:IfNotHideTagsInMenu}
  795.  
  796. {block:IfMenuAskLabel}
  797. <li><a href="/ask"></i>{text:Menu Ask Label}</a></li>
  798. {/block:IfMenuAskLabel}
  799.  
  800. {block:IfMenuSubmitPostLabel}
  801. <li><a href="/submit">{text:Menu Submit Post Label}</a></li>
  802. {/block:IfMenuSubmitPostLabel}
  803.  
  804. {block:IfMenuArchiveLabel}
  805. <li><a href="/archive">{text:Menu Archive Label}</a></li>
  806. {/block:IfMenuArchiveLabel}
  807.  
  808. {block:IfMenuSendEmailLabel}
  809. <li><a href="mailto:{text:Menu Send Email Address}">{text:Menu Send Email Label}</a></li>
  810. {/block:IfMenuSendEmailLabel}
  811. </ul>
  812. </li>
  813. {block:IfNotHideMenuSearch}
  814. <li>
  815. <form action="/search" method="get" class="nav-search" name="searchform">
  816. <i class="fa fa-search"></i>
  817. <input type="text" name="q" value="{SearchQuery}" id="search-input" placeholder="Search..."/>
  818. </form>
  819. </li>
  820. {/block:IfNotHideMenuSearch}
  821. </ul>
  822. </nav>
  823. </div>
  824. </div>
  825. </div>
  826.  
  827. <div class="show-for-large">
  828. {block:IfNotHideAboutMeSection}
  829. <div class="menu-item">
  830. <div class="sidebar-title">
  831. <p>{text:Sidebar About Me Title}</p>
  832. </div>
  833.  
  834. {block:IfNotAboutMeImageImage}<img class="about-avatar {select:Menu Avatar Shape}" src="{PortraitURL-128}" alt="blog avatar">{/block:IfNotAboutMeImageImage}
  835. {block:IfAboutMeImageImage}<img class="about-img" src="{image:About Me Image}" />{/block:IfAboutMeImageImage}
  836.  
  837. <div class="about-content"><p class="about-title"><b>{text:Sidebar About Me Content Heading}</b></p><p>{text:Sidebar About Me Content}</p></div>
  838. </div>
  839. {/block:IfNotHideAboutMeSection}
  840. {block:IfNotHideFollowMeSection}
  841. <div class="menu-item">
  842. <div class="sidebar-title"><p>{text:Sidebar Follow Title}</p></div>
  843. <h6 class="side-follow"><a class="no-op" href="//www.tumblr.com/follow/{Name}" target="_blank">{lang:Follow me}</a></h6>
  844. </div>
  845. {/block:IfNotHideFollowMeSection}
  846.  
  847. {block:IndexPage}
  848. {block:IfSidebarBannerCode}
  849. <div class="menu-item banner">
  850. <div class="banner-wrapper">
  851. {text:Sidebar Banner Code}
  852. </div>
  853. </div>
  854. {/block:IfSidebarBannerCode}
  855. {block:IfTwitterFeedEmbedCode}
  856. <div class="menu-item">
  857. <div class="twitter-wrapper">
  858. <div class="sidebar-title">
  859. <p><i class="fa fa-twitter"></i>{text:Twitter Feed Title}</p>
  860. </div>
  861. {text:Twitter Feed Embed Code}
  862. </div>
  863. </div>
  864. {/block:IfTwitterFeedEmbedCode}
  865. {block:IfFacebookFeedPageURL}
  866. <div class="menu-item">
  867. <div class="facebook-wrapper">
  868. <div class="sidebar-title">
  869. <p><i class="fa fa-facebook"></i>{text:Facebook Feed Title}</p>
  870. </div>
  871. <script>(function(d, s, id) {
  872. var js, fjs = d.getElementsByTagName(s)[0];
  873. if (d.getElementById(id)) return;
  874. js = d.createElement(s); js.id = id;
  875. js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=133284720335915";
  876. fjs.parentNode.insertBefore(js, fjs);
  877. }(document, 'script', 'facebook-jssdk'));</script>
  878.  
  879. <div id="fb_container" style="width:100%;">
  880. <div class="fb-page" data-href="{text:Facebook Feed Page URL}/" data-tabs="timeline, messages, events" data-width="240px" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="{text:Facebook Feed Page URL}/"><a href="{text:Facebook Feed Page URL}/">{text:Facebook Feed Title}</a></blockquote></div></div>
  881. </div>
  882. </div>
  883. </div>
  884. {/block:IfFacebookFeedPageURL}
  885. {block:IfPinterestBoardURL}
  886. <div class="menu-item">
  887. <div class="pinterest-wrapper">
  888. <div class="sidebar-title">
  889. <p><i class="fa fa-pinterest"></i>{text:Pinterest Feed Title}</p>
  890. </div>
  891. <a data-pin-do="embedUser" data-pin-board-width="220" data-pin-scale-height="400" data-pin-scale-width="80" href="{text:Pinterest Board URL}"></a>
  892. </div>
  893. </div>
  894. {/block:IfPinterestBoardURL}
  895. {block:IfNotHideRecentLikesFeed}{block:Likes}
  896. <div class="menu-item">
  897. <div class="likes-wrapper">
  898. <div class="sidebar-title">
  899. <p><i class="fa fa-heart"></i>{text:Sidebar Recent Likes Title}</p>
  900. </div>
  901. {Likes limit="5" summarize="100"}
  902. </div>
  903. </div>
  904. {/block:Likes}{/block:IfNotHideRecentLikesFeed}
  905. {/block:IndexPage}
  906. </div>
  907. </div>
  908. </header>
  909. <!-- end header -->
  910.  
  911. <!-- tag and search page -->
  912. <!-- {block:TagPage}
  913. <div id="results-wrapper">
  914. <h4>{lang:Posts tagged Tag 2}</h4>
  915. </div>
  916. {/block:TagPage}
  917. {block:SearchPage}
  918. <div id="results-wrapper">
  919. <h4>{lang:Search results for SearchQuery 2} <small>{lang:SearchResultCount results}</small></h4>
  920. {block:NoSearchResults}
  921. <h2>{lang:No posts containing SearchQuery 2}</h2>
  922. {/block:NoSearchResults}
  923. </div>
  924. {/block:SearchPage} -->
  925.  
  926. <!-- start index page -->
  927. {block:IndexPage}
  928.  
  929. <!-- start index page posts -->
  930. <section class="content-area large-9 cell">
  931. <div class="bg-tint">
  932. {block:ShowHeaderImage}<div class="bg-cover"></div>{/block:ShowHeaderImage}
  933. </div>
  934.  
  935. <div class="gutter-sizer"></div>
  936.  
  937. {block:Posts}
  938. <article class="post {PostType}" id="{PostID}">
  939. <div class="ani-div">
  940. {block:Photo}
  941. <div class="post-media photo">
  942. <div class="lightbox">
  943. <div class="photo-wrapper ani-div">
  944. <a href="{PhotoURL-HighRes}" style="background-image: url({PhotoURL-HighRes})"><img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" data-interchange="[{PhotoURL-500}, (default)], [{PhotoURL-HighRes}, (medium)]" /></a>
  945. </div>
  946. </div>
  947. </div>
  948.  
  949. <div class="post-share small-12 cell align-self-bottom">
  950. <div class="see-post">
  951. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  952. </div>
  953. <div class="more-share no-op">
  954. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  955. </div>
  956. <div class="reblog-button">
  957. {ReblogButton size="14" color="black"}
  958. </div>
  959. <div class="like-button no-op">
  960. {LikeButton size="14" color="black"}
  961. </div>
  962. </div>
  963. {/block:Photo}
  964.  
  965. {block:Photoset}
  966. <div class="post-media photoset">
  967. {Photoset}
  968. </div>
  969.  
  970. <div class="post-share small-12 cell align-self-bottom">
  971. <div class="see-post">
  972. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  973. </div>
  974. <div class="more-share no-op">
  975. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  976. </div>
  977. <div class="reblog-button">
  978. {ReblogButton size="14" color="black"}
  979. </div>
  980. <div class="like-button no-op">
  981. {LikeButton size="14" color="black"}
  982. </div>
  983. </div>
  984. {/block:Photoset}
  985.  
  986. {block:Panorama}
  987. <div class="photo-wrapper ani-div">
  988. {LinkOpenTag}<img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  989. </div>
  990.  
  991. <div class="post-share small-12 cell align-self-bottom">
  992. <div class="see-post">
  993. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  994. </div>
  995. <div class="more-share no-op">
  996. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  997. </div>
  998. <div class="reblog-button">
  999. {ReblogButton size="14" color="black"}
  1000. </div>
  1001. <div class="like-button no-op">
  1002. {LikeButton size="14" color="black"}
  1003. </div>
  1004. </div>
  1005. {/block:Panorama}
  1006.  
  1007. {block:Video}
  1008. <div class="post-media video ani-div">
  1009. {VideoEmbed-700}
  1010. </div>
  1011.  
  1012. <div class="post-share small-12 cell align-self-bottom">
  1013. <div class="see-post">
  1014. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  1015. </div>
  1016. <div class="more-share no-op">
  1017. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1018. </div>
  1019. <div class="reblog-button">
  1020. {ReblogButton size="14" color="black"}
  1021. </div>
  1022. <div class="like-button no-op">
  1023. {LikeButton size="14" color="black"}
  1024. </div>
  1025. </div>
  1026. {/block:Video}
  1027.  
  1028. {block:Audio}
  1029. <div class="post-media audio ani-div">
  1030. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  1031. </div>
  1032.  
  1033. <div class="post-share small-12 cell align-self-bottom">
  1034. <div class="see-post">
  1035. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  1036. </div>
  1037. <div class="more-share no-op">
  1038. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1039. </div>
  1040. <div class="reblog-button">
  1041. {ReblogButton size="14" color="black"}
  1042. </div>
  1043. <div class="like-button no-op">
  1044. {LikeButton size="14" color="black"}
  1045. </div>
  1046. </div>
  1047. {/block:Audio}
  1048.  
  1049. {block:Text}
  1050. {block:Title}
  1051. <div class="title-container">
  1052. <h2><a class="title-link" href="{Permalink}" title="{lang:Post permalink}">{Title}</a></h2>
  1053. </div>
  1054. {/block:Title}
  1055.  
  1056. <div class="post-entry">
  1057. <div class="entry-content ani-div">
  1058. {Body}
  1059.  
  1060. {block:ContentSource}
  1061. <p class="content-source">(Source: <a href="{SourceURL}" title="{SourceTitle}">{SourceTitle}</a>)</p>
  1062. {/block:ContentSource}
  1063.  
  1064. {block:More}<p class="rm-break"><a href="{Permalink}">{lang:Read more}</a></p>{/block:More}
  1065. </div>
  1066. </div>
  1067.  
  1068. <div class="post-share small-12 cell align-self-bottom">
  1069. <div class="see-post">
  1070. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  1071. </div>
  1072. <div class="more-share no-op">
  1073. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1074. </div>
  1075. <div class="reblog-button">
  1076. {ReblogButton size="14" color="black"}
  1077. </div>
  1078. <div class="like-button no-op">
  1079. {LikeButton size="14" color="black"}
  1080. </div>
  1081. </div>
  1082. {/block:Text}
  1083.  
  1084. {block:Link}
  1085. <div class="post-entry">
  1086. <div class="entry-content ani-div">
  1087.  
  1088. <h2><a class="title-link" href="{Permalink}" title="{lang:Post permalink}">{Name}</a></h2>
  1089.  
  1090. {block:Excerpt}<p class="excerpt"><em>{Excerpt}</em></p>{/block:Excerpt}
  1091.  
  1092. <div class="visit-link">
  1093. <a class="no-op" href="{URL}" target="_blank" title="{lang:Link}"></a>
  1094. <h5>{Description}</h5>
  1095. <p class="host">{Host}</p>
  1096. </div>
  1097. </div>
  1098. </div>
  1099.  
  1100. <div class="post-share small-12 cell align-self-bottom">
  1101. <div class="see-post">
  1102. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  1103. </div>
  1104. <div class="more-share no-op">
  1105. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1106. </div>
  1107. <div class="reblog-button">
  1108. {ReblogButton size="14" color="black"}
  1109. </div>
  1110. <div class="like-button no-op">
  1111. {LikeButton size="14" color="black"}
  1112. </div>
  1113. </div>
  1114. {/block:Link}
  1115.  
  1116. {block:Quote}
  1117. <div class="post-entry">
  1118. <div class="entry-content ani-div">
  1119. <h2><blockquote><a class="title-link" href="{Permalink}" title="{lang:Permalink for this post}">"{Quote}"</a></blockquote></h2>
  1120. {block:Source}<p><cite>{Source}</cite></p>{/block:Source}
  1121. </div>
  1122. </div>
  1123.  
  1124. <div class="post-share small-12 cell align-self-bottom">
  1125. <div class="see-post">
  1126. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  1127. </div>
  1128. <div class="more-share no-op">
  1129. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1130. </div>
  1131. <div class="reblog-button">
  1132. {ReblogButton size="14" color="black"}
  1133. </div>
  1134. <div class="like-button no-op">
  1135. {LikeButton size="14" color="black"}
  1136. </div>
  1137. </div>
  1138. {/block:Quote}
  1139.  
  1140. {block:Chat}
  1141. <div class="white-pad">
  1142. <div class="post-entry">
  1143. <div class="entry-content ani-div">
  1144. <div class="chat-wrapper grid-x">
  1145. {block:Title}<span class="small-12 cell align-self-middle"><h2><a class="title-link" href="{Permalink}">{Title}</a></h2></span>{/block:Title}
  1146. <ul class="post-chat no-bullet small-12 cell">
  1147. {block:Lines}{block:Label}
  1148. <li class="{Alt}"><span><p><b>{Label}</b> {Line}</p></span></li>
  1149. {/block:Label}{/block:Lines}
  1150. </ul>
  1151. </div>
  1152. </div>
  1153. </div>
  1154. </div>
  1155.  
  1156. <div class="post-share small-12 cell align-self-bottom">
  1157. <div class="see-post">
  1158. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  1159. </div>
  1160. <div class="more-share no-op">
  1161. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1162. </div>
  1163. <div class="reblog-button">
  1164. {ReblogButton size="14" color="black"}
  1165. </div>
  1166. <div class="like-button no-op">
  1167. {LikeButton size="14" color="black"}
  1168. </div>
  1169. </div>
  1170. {/block:Chat}
  1171.  
  1172. {block:Answer}
  1173. <div class="white-pad">
  1174. <div class="post-entry">
  1175. <div class="entry-content grid-x">
  1176. <div class="post-asker ani-div cell small-12">
  1177. <img class="asker-avatar {AvatarShape}" src="{AskerPortraitURL-96}" alt="Asker Avatar" /><h2>{Asker} asked:</h2>
  1178. <p>{Question}</p>
  1179. </div>
  1180. {block:Answerer}
  1181. <div class="post-answer ani-div cell small-12">
  1182. <img class="answer-avatar {AvatarShape}" src="{AnswererPortraitURL-96}" alt="Answerer Avatar"><h2>{Answerer} answered:</h2>
  1183. {Answer}
  1184. </div>
  1185. {/block:Answerer}
  1186. <div class="replies cell small-12">
  1187. {Replies}
  1188. </div>
  1189. </div>
  1190. </div>
  1191. </div>
  1192.  
  1193. <div class="post-share small-12 cell align-self-bottom">
  1194. <div class="see-post">
  1195. <a class="no-op" href="{Permalink}" title="{lang:Permalink for this post}"><i class="fa fa-eye"></i></a>
  1196. </div>
  1197. <div class="more-share no-op">
  1198. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1199. </div>
  1200. <div class="reblog-button">
  1201. {ReblogButton size="14" color="black"}
  1202. </div>
  1203. <div class="like-button no-op">
  1204. {LikeButton size="14" color="black"}
  1205. </div>
  1206. </div>
  1207. {/block:Answer}
  1208.  
  1209. <div id="shareModal-{PostID}" class="share reveal full" data-reveal>
  1210. <ul class="more-share-container no-bullet">
  1211. <h1>{lang:Share this}:</h1>
  1212. <li><a href="//www.facebook.com/share.php?u={ShortURL}" title="{lang:Share this} Facebook" target="_blank"><img src="//static.tumblr.com/cmghtlm/PYPnmku6n/facebook.png" /></a></li>
  1213. <li><a href="//twitter.com/intent/tweet?url={ShortURL}" title="{lang:Tweet this}" target="_blank"><img src="//static.tumblr.com/cmghtlm/GOSnmku9n/twitter.png" /></a></li>
  1214. <li><a href="//plus.google.com/share?url={ShortURL}" title="{lang:Share this} Google+" target="_blank"><img src="//static.tumblr.com/cmghtlm/9j6nmku75/g_.png" /></a></li>
  1215. <li><a href="//www.pinterest.com/pin/create/button/?url={ShortURL}" title="{lang:Share this} Pinterest" target="_blank"><img src="//static.tumblr.com/cmghtlm/Ygdnmku7l/pinterest.png" /></a></li>
  1216. </ul>
  1217. <a class="close-modal-button" data-close><span class="cross-ico"></span></a>
  1218. </div>
  1219. </div>
  1220. </article>
  1221. {/block:Posts}
  1222. </section>
  1223. <!-- end posts -->
  1224.  
  1225. <div class="page-load-status" style="display: none;">
  1226. <div id="infscr-loading" class="infinite-scroll-request">
  1227. <img src="//static.tumblr.com/cmghtlm/Rz0noy7fh/theee-dots-black.svg" alt="Loading" />
  1228. </div>
  1229. </div>
  1230.  
  1231. <!-- start pagination -->
  1232. {block:Pagination}
  1233. <div class="pagi-container">
  1234. <div id="load-more">
  1235. {block:NextPage}<p><a class="no-op" href="{NextPage}">{lang:Load more posts}</a></p>{/block:NextPage}
  1236. </div>
  1237. <a class="back-to-top no-op" href='#'><i class="fa fa-angle-double-up"></i></a>
  1238. </div>
  1239. {/block:Pagination}
  1240. <!-- end pagination -->
  1241.  
  1242. {/block:IndexPage}
  1243. <!-- end index page -->
  1244.  
  1245.  
  1246. <!-- start permalink page -->
  1247. {block:PermalinkPage}
  1248.  
  1249. <section class="permalink-content-area large-8 cell">
  1250.  
  1251. {block:Posts}
  1252. <article class="post-single {PostType}">
  1253.  
  1254. {block:Photo}
  1255. <div class="post-media-content">
  1256.  
  1257. <div class="lightbox">
  1258. <div class="post-photo-wrap">
  1259. <a href="{PhotoURL-HighRes}">
  1260. <img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" data-interchange="[{PhotoURL-500}, (default)], [{PhotoURL-HighRes}, (medium)]" />
  1261. </a>
  1262. </div>
  1263. </div>
  1264.  
  1265. </div>
  1266.  
  1267. <div class="post-entry-container">
  1268. <div class="post-entry-content">
  1269.  
  1270. {block:Caption}
  1271. {Caption}
  1272. {/block:Caption}
  1273.  
  1274. <!-- POST META CONTENT -->
  1275. <div class="meta-content-wrap">
  1276.  
  1277. <!-- POST COLOPHON / CREATED BY -->
  1278. <div class="colophon-wrap grid-x align-middle">
  1279. {block:NotReblog}
  1280. <img class="{AvatarShape}" src="{PortraitURL-64}" />
  1281. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1282. {/block:NotReblog}
  1283.  
  1284. {block:RebloggedFrom}
  1285. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
  1286. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1287. {/block:RebloggedFrom}
  1288. </div>
  1289. <!-- END OF POST COLOPHON -->
  1290.  
  1291. </div>
  1292. <!-- END POST META CONTENT -->
  1293.  
  1294. <!-- POST SHARING -->
  1295. <div class="post-distribution grid-x align-middle">
  1296.  
  1297. {block:NoteCount}
  1298. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1299. {/block:NoteCount}
  1300.  
  1301. <div class="share-this shrink cell align-self-middle">
  1302. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1303. </div>
  1304.  
  1305. <div class="reblog-this shrink cell align-self-middle">
  1306. {ReblogButton size="14" color="black"}
  1307. </div>
  1308.  
  1309. <div class="like-this shrink cell align-self-middle">
  1310. {LikeButton size="14" color="black"}
  1311. </div>
  1312.  
  1313. </div>
  1314. <!-- END POST SHARING -->
  1315.  
  1316. </div>
  1317. </div>
  1318. {/block:Photo}
  1319.  
  1320. {block:Photoset}
  1321. <div class="post-media-content">
  1322. {Photoset}
  1323. </div>
  1324.  
  1325. <div class="post-entry-container">
  1326. <div class="post-entry-content">
  1327.  
  1328. {block:Caption}
  1329. {Caption}
  1330. {/block:Caption}
  1331.  
  1332. <!-- POST META CONTENT -->
  1333. <div class="meta-content-wrap">
  1334.  
  1335. <!-- POST COLOPHON / CREATED BY -->
  1336. <div class="colophon-wrap grid-x align-middle">
  1337. {block:NotReblog}
  1338. <img class="{AvatarShape}" src="{PortraitURL-64}" />
  1339. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1340. {/block:NotReblog}
  1341.  
  1342. {block:RebloggedFrom}
  1343. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
  1344. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1345. {/block:RebloggedFrom}
  1346. </div>
  1347. <!-- END OF POST COLOPHON -->
  1348.  
  1349. </div>
  1350. <!-- END POST META CONTENT -->
  1351.  
  1352. <!-- POST SHARING -->
  1353. <div class="post-distribution grid-x align-middle">
  1354.  
  1355. {block:NoteCount}
  1356. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1357. {/block:NoteCount}
  1358.  
  1359. <div class="share-this shrink cell align-self-middle">
  1360. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1361. </div>
  1362.  
  1363. <div class="reblog-this shrink cell align-self-middle">
  1364. {ReblogButton size="14" color="black"}
  1365. </div>
  1366.  
  1367. <div class="like-this shrink cell align-self-middle">
  1368. {LikeButton size="14" color="black"}
  1369. </div>
  1370.  
  1371. </div>
  1372. <!-- END POST SHARING -->
  1373.  
  1374. </div>
  1375. </div>
  1376. {/block:Photoset}
  1377.  
  1378. {block:Panorama}
  1379. <div class="post-media-content">
  1380.  
  1381. <div class="post-photo-wrap">
  1382. {LinkOpenTag}
  1383. <img id="photo_{PostID}" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1384. {LinkCloseTag}
  1385. </div>
  1386.  
  1387. </div>
  1388.  
  1389. <div class="post-entry-container">
  1390. <div class="post-entry-content">
  1391.  
  1392. {block:Caption}
  1393. {Caption}
  1394. {/block:Caption}
  1395.  
  1396. <!-- POST META CONTENT -->
  1397. <div class="meta-content-wrap">
  1398.  
  1399. <!-- POST COLOPHON / CREATED BY -->
  1400. <div class="colophon-wrap grid-x align-middle">
  1401. {block:NotReblog}
  1402. <img class="{AvatarShape}" src="{PortraitURL-64}" />
  1403. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1404. {/block:NotReblog}
  1405.  
  1406. {block:RebloggedFrom}
  1407. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
  1408. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1409. {/block:RebloggedFrom}
  1410. </div>
  1411. <!-- END OF POST COLOPHON -->
  1412.  
  1413. </div>
  1414. <!-- END POST META CONTENT -->
  1415.  
  1416. <!-- POST SHARING -->
  1417. <div class="post-distribution grid-x align-middle">
  1418.  
  1419. {block:NoteCount}
  1420. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1421. {/block:NoteCount}
  1422.  
  1423. <div class="share-this shrink cell align-self-middle">
  1424. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1425. </div>
  1426.  
  1427. <div class="reblog-this shrink cell align-self-middle">
  1428. {ReblogButton size="14" color="black"}
  1429. </div>
  1430.  
  1431. <div class="like-this shrink cell align-self-middle">
  1432. {LikeButton size="14" color="black"}
  1433. </div>
  1434.  
  1435. </div>
  1436. <!-- END POST SHARING -->
  1437.  
  1438. </div>
  1439. </div>
  1440. {/block:Panorama}
  1441.  
  1442. {block:Video}
  1443. <div class="post-media-content">
  1444. {VideoEmbed-700}
  1445. </div>
  1446.  
  1447. <div class="post-entry-container">
  1448. <div class="post-entry-content">
  1449.  
  1450. {block:Caption}
  1451. {Caption}
  1452. {/block:Caption}
  1453.  
  1454. <!-- POST META CONTENT -->
  1455. <div class="meta-content-wrap">
  1456.  
  1457. <!-- POST COLOPHON / CREATED BY -->
  1458. <div class="colophon-wrap grid-x align-middle">
  1459. {block:NotReblog}
  1460. <img class="{AvatarShape}" src="{PortraitURL-64}" />
  1461. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1462. {/block:NotReblog}
  1463.  
  1464. {block:RebloggedFrom}
  1465. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
  1466. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1467. {/block:RebloggedFrom}
  1468. </div>
  1469. <!-- END OF POST COLOPHON -->
  1470.  
  1471. </div>
  1472. <!-- END POST META CONTENT -->
  1473.  
  1474. <!-- POST SHARING -->
  1475. <div class="post-distribution grid-x align-middle">
  1476.  
  1477. {block:NoteCount}
  1478. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1479. {/block:NoteCount}
  1480.  
  1481. <div class="share-this shrink cell align-self-middle">
  1482. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1483. </div>
  1484.  
  1485. <div class="reblog-this shrink cell align-self-middle">
  1486. {ReblogButton size="14" color="black"}
  1487. </div>
  1488.  
  1489. <div class="like-this shrink cell align-self-middle">
  1490. {LikeButton size="14" color="black"}
  1491. </div>
  1492.  
  1493. </div>
  1494. <!-- END POST SHARING -->
  1495.  
  1496. </div>
  1497. </div>
  1498. {/block:Video}
  1499.  
  1500. {block:Audio}
  1501. <div class="post-media-content grid-x align-center">
  1502. {block:AudioEmbed}
  1503. {AudioEmbed-250}
  1504. {/block:AudioEmbed}
  1505. </div>
  1506.  
  1507. <div class="post-entry-container">
  1508. <div class="post-entry-content">
  1509.  
  1510. <h2><a class="perma-post-title" href="{Permalink}" title="{lang:Post permalink}">{block:Artist}{Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}<br /></a></h2>
  1511.  
  1512. {block:Caption}
  1513. {Caption}
  1514. {/block:Caption}
  1515.  
  1516. <!-- POST META CONTENT -->
  1517. <div class="meta-content-wrap">
  1518.  
  1519. <!-- POST COLOPHON / CREATED BY -->
  1520. <div class="colophon-wrap grid-x align-middle">
  1521. {block:NotReblog}
  1522. <img class="{AvatarShape}" src="{PortraitURL-64}" />
  1523. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1524. {/block:NotReblog}
  1525.  
  1526. {block:RebloggedFrom}
  1527. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
  1528. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1529. {/block:RebloggedFrom}
  1530. </div>
  1531. <!-- END OF POST COLOPHON -->
  1532.  
  1533. </div>
  1534. <!-- END POST META CONTENT -->
  1535.  
  1536. <!-- POST SHARING -->
  1537. <div class="post-distribution grid-x align-middle">
  1538.  
  1539. {block:NoteCount}
  1540. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1541. {/block:NoteCount}
  1542.  
  1543. <div class="share-this shrink cell align-self-middle">
  1544. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1545. </div>
  1546.  
  1547. <div class="reblog-this shrink cell align-self-middle">
  1548. {ReblogButton size="14" color="black"}
  1549. </div>
  1550.  
  1551. <div class="like-this shrink cell align-self-middle">
  1552. {LikeButton size="14" color="black"}
  1553. </div>
  1554.  
  1555. </div>
  1556. <!-- END POST SHARING -->
  1557.  
  1558. </div>
  1559. </div>
  1560. {/block:Audio}
  1561.  
  1562. {block:Text}
  1563. <div class="post-entry-container">
  1564. <div class="post-entry-content">
  1565.  
  1566. {block:Title}
  1567. {LinkOpenTag}<h2 class="grid-x align-center"><a class="perma-post-title" href="{Permalink}" title="{lang:Post permalink}">{Title}</a></h2>{LinkCloseTag}
  1568. {/block:Title}
  1569.  
  1570. {Body}
  1571.  
  1572. {block:Date}<!-- HIDES META INFO ON NON-POST-PAGES -->
  1573.  
  1574. <!-- POST META CONTENT -->
  1575. <div class="meta-content-wrap">
  1576.  
  1577. <!-- POST COLOPHON / CREATED BY -->
  1578. <div class="colophon-wrap grid-x align-middle">
  1579. {block:NotReblog}
  1580. <img class="{AvatarShape}" src="{PortraitURL-64}" />
  1581. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1582. {/block:NotReblog}
  1583.  
  1584. {block:RebloggedFrom}
  1585. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
  1586. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1587. {/block:RebloggedFrom}
  1588. </div>
  1589. <!-- END OF POST COLOPHON -->
  1590.  
  1591. </div>
  1592. <!-- END POST META CONTENT -->
  1593.  
  1594. {/block:Date}<!-- HIDES META INFO ON NON-POST-PAGES -->
  1595.  
  1596. <!-- POST SHARING -->
  1597. <div class="post-distribution grid-x align-middle">
  1598.  
  1599. {block:NoteCount}
  1600. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1601. {/block:NoteCount}
  1602.  
  1603. <div class="share-this shrink cell align-self-middle">
  1604. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1605. </div>
  1606.  
  1607. <div class="reblog-this shrink cell align-self-middle">
  1608. {ReblogButton size="14" color="black"}
  1609. </div>
  1610.  
  1611. <div class="like-this shrink cell align-self-middle">
  1612. {LikeButton size="14" color="black"}
  1613. </div>
  1614.  
  1615. </div>
  1616. <!-- END POST SHARING -->
  1617.  
  1618. </div>
  1619. </div>
  1620. {/block:Text}
  1621.  
  1622. {block:Link}
  1623. <div class="post-entry-container">
  1624. <div class="post-entry-content">
  1625.  
  1626. <h2><a class="perma-post-title" href="{Permalink}" title="{lang:Post permalink}">{Name}</a></h2>
  1627.  
  1628. {block:Excerpt}
  1629. <p><em>{Excerpt}</em></p>
  1630. {/block:Excerpt}
  1631.  
  1632. {block:Description}
  1633. <p>{Description}</p>
  1634. {/block:Description}
  1635.  
  1636. <div class="post-link-button grid-x align-center">
  1637. <a href="{URL}" target="_blank" title="{lang:Link}"><h3>Visit Link &nbsp; &rarr;</h3><p><em>{block:Host}{Host}{/block:Host}</em></p></a>
  1638. </div>
  1639.  
  1640. <!-- POST META CONTENT -->
  1641. <div class="meta-content-wrap">
  1642.  
  1643. <!-- POST COLOPHON / CREATED BY -->
  1644. <div class="colophon-wrap grid-x align-middle">
  1645. {block:NotReblog}
  1646. <img class="{AvatarShape}" src="{PortraitURL-64}" />
  1647. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1648. {/block:NotReblog}
  1649.  
  1650. {block:RebloggedFrom}
  1651. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
  1652. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1653. {/block:RebloggedFrom}
  1654. </div>
  1655. <!-- END OF POST COLOPHON -->
  1656.  
  1657. </div>
  1658. <!-- END POST META CONTENT -->
  1659.  
  1660. <!-- POST SHARING -->
  1661. <div class="post-distribution grid-x align-middle">
  1662.  
  1663. {block:NoteCount}
  1664. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1665. {/block:NoteCount}
  1666.  
  1667. <div class="share-this shrink cell align-self-middle">
  1668. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1669. </div>
  1670.  
  1671. <div class="reblog-this shrink cell align-self-middle">
  1672. {ReblogButton size="14" color="black"}
  1673. </div>
  1674.  
  1675. <div class="like-this shrink cell align-self-middle">
  1676. {LikeButton size="14" color="black"}
  1677. </div>
  1678.  
  1679. </div>
  1680. <!-- END POST SHARING -->
  1681.  
  1682. </div>
  1683. </div>
  1684. {/block:Link}
  1685.  
  1686. {block:Quote}
  1687. <div class="post-entry-container">
  1688. <div class="post-entry-content">
  1689.  
  1690. <h2><blockquote><em><a class="perma-post-title" href="{Permalink}" title="{lang:Permalink for this post}">"{Quote}"</a></em></blockquote></h2>
  1691.  
  1692. {block:Source}<p><cite>- {Source}</cite></p>{/block:Source}
  1693.  
  1694. <!-- POST META CONTENT -->
  1695. <div class="meta-content-wrap">
  1696.  
  1697. <!-- POST COLOPHON / CREATED BY -->
  1698. <div class="colophon-wrap grid-x align-middle">
  1699. {block:NotReblog}
  1700. <img class="{AvatarShape}" src="{PortraitURL-64}" />
  1701. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1702. {/block:NotReblog}
  1703.  
  1704. {block:RebloggedFrom}
  1705. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
  1706. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1707. {/block:RebloggedFrom}
  1708. </div>
  1709. <!-- END OF POST COLOPHON -->
  1710.  
  1711. </div>
  1712. <!-- END POST META CONTENT -->
  1713.  
  1714. <!-- POST SHARING -->
  1715. <div class="post-distribution grid-x align-middle">
  1716.  
  1717. {block:NoteCount}
  1718. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1719. {/block:NoteCount}
  1720.  
  1721. <div class="share-this shrink cell align-self-middle">
  1722. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1723. </div>
  1724.  
  1725. <div class="reblog-this shrink cell align-self-middle">
  1726. {ReblogButton size="14" color="black"}
  1727. </div>
  1728.  
  1729. <div class="like-this shrink cell align-self-middle">
  1730. {LikeButton size="14" color="black"}
  1731. </div>
  1732.  
  1733. </div>
  1734. <!-- END POST SHARING -->
  1735.  
  1736. </div>
  1737. </div>
  1738. {/block:Quote}
  1739.  
  1740. {block:Chat}
  1741. <div class="post-entry-container">
  1742. <div class="post-entry-content">
  1743.  
  1744. <div class="perma-chat-wrapper">
  1745. {block:Title}
  1746. <h2><a class="perma-post-title" href="{Permalink}">{Title}</a></h2>
  1747. {/block:Title}
  1748.  
  1749. <ul class="perma-post-chat no-bullet">
  1750. {block:Lines}{block:Label}
  1751. <li class="{Alt}">
  1752. <span><p><b>{Label}</b> {Line}</p></span>
  1753. </li>
  1754. <hr />
  1755. {/block:Label}{/block:Lines}
  1756. </ul>
  1757. </div>
  1758.  
  1759. <!-- POST META CONTENT -->
  1760. <div class="meta-content-wrap">
  1761.  
  1762. <!-- POST COLOPHON / CREATED BY -->
  1763. <div class="colophon-wrap grid-x align-middle">
  1764. {block:NotReblog}
  1765. <img class="{AvatarShape}" src="{PortraitURL-64}" />
  1766. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1767. {/block:NotReblog}
  1768.  
  1769. {block:RebloggedFrom}
  1770. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
  1771. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1772. {/block:RebloggedFrom}
  1773. </div>
  1774. <!-- END OF POST COLOPHON -->
  1775.  
  1776. </div>
  1777. <!-- END POST META CONTENT -->
  1778.  
  1779. <!-- POST SHARING -->
  1780. <div class="post-distribution grid-x align-middle">
  1781.  
  1782. {block:NoteCount}
  1783. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1784. {/block:NoteCount}
  1785.  
  1786. <div class="share-this shrink cell align-self-middle">
  1787. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1788. </div>
  1789.  
  1790. <div class="reblog-this shrink cell align-self-middle">
  1791. {ReblogButton size="14" color="black"}
  1792. </div>
  1793.  
  1794. <div class="like-this shrink cell align-self-middle">
  1795. {LikeButton size="14" color="black"}
  1796. </div>
  1797.  
  1798. </div>
  1799. <!-- END POST SHARING -->
  1800.  
  1801. </div>
  1802. </div>
  1803. {/block:Chat}
  1804.  
  1805. {block:Answer}
  1806. <div class="post-entry-container">
  1807. <div class="post-entry-content">
  1808.  
  1809. <div class="perma-post-asker">
  1810. <img class="post-asker-avatar {AvatarShape}" src="{AskerPortraitURL-128}" alt="Asker Avatar" />
  1811. <h2>{lang:Asker asked 2}:</h2>
  1812. <p>{Question}</p>
  1813. </div>
  1814.  
  1815. <hr class="answer-divider"/>
  1816.  
  1817. <div class="perma-post-answer">
  1818. {block:Answerer}
  1819. <img class="post-answer-avatar {AvatarShape}" src="{AnswererPortraitURL-128}" alt="Answerer Avatar">
  1820. <h2>{Answerer}:</h2>
  1821. {Answer}
  1822. {/block:Answerer}
  1823. {Replies}
  1824. </div>
  1825.  
  1826. <!-- POST META CONTENT -->
  1827. <div class="meta-content-wrap">
  1828.  
  1829. <!-- POST COLOPHON / CREATED BY -->
  1830. <div class="colophon-wrap grid-x align-middle">
  1831. {block:NotReblog}
  1832. <img class="{AvatarShape}" src="{PortraitURL-64}" />
  1833. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1834. {/block:NotReblog}
  1835.  
  1836. {block:RebloggedFrom}
  1837. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-64}" />
  1838. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1839. {/block:RebloggedFrom}
  1840. </div>
  1841. <!-- END OF POST COLOPHON -->
  1842.  
  1843. </div>
  1844. <!-- END POST META CONTENT -->
  1845.  
  1846. <!-- POST SHARING -->
  1847. <div class="post-distribution grid-x align-middle">
  1848.  
  1849. {block:NoteCount}
  1850. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1851. {/block:NoteCount}
  1852.  
  1853. <div class="share-this shrink cell align-self-middle">
  1854. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1855. </div>
  1856.  
  1857. <div class="reblog-this shrink cell align-self-middle">
  1858. {ReblogButton size="14" color="black"}
  1859. </div>
  1860.  
  1861. <div class="like-this shrink cell align-self-middle">
  1862. {LikeButton size="14" color="black"}
  1863. </div>
  1864.  
  1865. </div>
  1866. <!-- END POST SHARING -->
  1867.  
  1868. </div>
  1869. </div>
  1870. {/block:Answer}
  1871.  
  1872. <div class="perma-post-comments">
  1873. <h4 class="sidebar-section-title grid-x align-center">{lang:Comment}</h4>
  1874.  
  1875. {block:IfNotHideFacebookComments}
  1876. <div class="fb-comments" data-href="{Permalink}" data-width="100%"></div>
  1877. {/block:IfNotHideFacebookComments}
  1878.  
  1879. {block:IfDisqusShortname}
  1880. <div id="disqus_thread">
  1881. <noscript>
  1882. Javascript must be enabled in your browser to view <a href="//disqus.com/?ref_noscript">{lang:Blog comments powered by Disqus}</a>
  1883. </noscript>
  1884. </div>
  1885. {/block:IfDisqusShortname}
  1886.  
  1887. </div>
  1888.  
  1889. </article>
  1890.  
  1891. {block:Date}
  1892. <!-- PERMALINK RIGHT SIDEBAR -->
  1893. <aside class="perma-right-sidebar">
  1894.  
  1895. <!-- POST COLOPHON / CREATED BY -->
  1896. <div class="colophon-wrap side-colophon grid-x align-middle">
  1897. {block:NotReblog}
  1898. <img class="{AvatarShape}" src="{PortraitURL-128}" />
  1899. <p>{lang:By PostAuthorName 2}<span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1900. {/block:NotReblog}
  1901.  
  1902. {block:RebloggedFrom}
  1903. <img class="{AvatarShape}" src="{ReblogParentPortraitURL-128}" />
  1904. <p>{lang:Via}<a href="{ReblogParentURL}">&nbsp;{ReblogParentName}</a><span> &#45; {ShortMonth} {DayOfMonth}&#44; {Year}</span></p>
  1905. {/block:RebloggedFrom}
  1906. </div>
  1907. <!-- END OF POST COLOPHON -->
  1908.  
  1909. <!-- POST SHARING -->
  1910. <div class="post-distribution grid-x align-middle">
  1911.  
  1912. {block:NoteCount}
  1913. <p class="meta-note-count shrink cell align-self-middle"><i class="fa fa-pencil" aria-hidden="true"></i> {NoteCount}</p>
  1914. {/block:NoteCount}
  1915.  
  1916. <div class="share-this shrink cell align-self-middle">
  1917. <a data-open="shareModal-{PostID}"><i class="fa fa-ellipsis-h"></i></a>
  1918. </div>
  1919.  
  1920. <div class="reblog-this shrink cell align-self-middle">
  1921. {ReblogButton size="14" color="black"}
  1922. </div>
  1923.  
  1924. <div class="like-this shrink cell align-self-middle">
  1925. {LikeButton size="14" color="black"}
  1926. </div>
  1927.  
  1928. </div>
  1929.  
  1930. <!-- PERMALINK PAGINATION -->
  1931. {block:PermalinkPagination}
  1932. <div class="perma-post-pagi grid-x align-center">
  1933.  
  1934. {block:PreviousPost}
  1935. <a class="pagi-previous" href="{PreviousPost}" title="{lang:Previous post}">{lang:Previous post}</a>
  1936. {/block:PreviousPost}
  1937.  
  1938. {block:NextPost}
  1939. <a class="pagi-next" href="{NextPost}" title="{lang:Next post}">{lang:Next post}</a>
  1940. {/block:NextPost}
  1941.  
  1942. </div>
  1943. {/block:PermalinkPagination}
  1944. <!-- END OF PERMALINK PAGINATION -->
  1945.  
  1946. {block:HasTags}
  1947. <h4 class="sidebar-section-title grid-x align-center">{lang:Tags}</h4>
  1948. <div class="perma-side-tags grid-x align-center">
  1949. {block:Tags}
  1950. <p><a href="{TagURLChrono}" class="post-tags">#{Tag}</a></p>
  1951. {/block:Tags}
  1952. </div>
  1953. {/block:HasTags}
  1954.  
  1955. {block:PostNotes}
  1956. <div class="perma-post-notes">
  1957. <h4 class="sidebar-section-title grid-x align-center">{lang:Notes}</h4>
  1958. {PostNotes-64}
  1959. </div>
  1960. {/block:PostNotes}
  1961.  
  1962. <div class="perma-post-comments">
  1963.  
  1964. <h4 class="sidebar-section-title grid-x align-center">{lang:Comment}</h4>
  1965. {block:IfNotHideFacebookComments}
  1966. <div class="fb-comments" data-href="{Permalink}" data-width="100%"></div>
  1967. {/block:IfNotHideFacebookComments}
  1968.  
  1969. {block:IfDisqusShortname}
  1970. <div id="disqus_thread">
  1971. <noscript>
  1972. Javascript must be enabled in your browser to view <a href="//disqus.com/?ref_noscript">{lang:Blog comments powered by Disqus}</a>
  1973. </noscript>
  1974. </div>
  1975. {/block:IfDisqusShortname}
  1976.  
  1977. </div>
  1978.  
  1979. </aside>
  1980. {/block:Date}
  1981.  
  1982. <div id="shareModal-{PostID}" class="share reveal full" data-reveal>
  1983. <ul class="more-share-container no-bullet">
  1984. <h1>{lang:Share this}:</h1>
  1985. <li><a href="//www.facebook.com/share.php?u={ShortURL}" title="{lang:Share this} Facebook" target="_blank"><img src="//static.tumblr.com/cmghtlm/PYPnmku6n/facebook.png" /></a></li>
  1986. <li><a href="//twitter.com/intent/tweet?url={ShortURL}" title="{lang:Tweet this}" target="_blank"><img src="//static.tumblr.com/cmghtlm/GOSnmku9n/twitter.png" /></a></li>
  1987. <li><a href="//plus.google.com/share?url={ShortURL}" title="{lang:Share this} Google+" target="_blank"><img src="//static.tumblr.com/cmghtlm/9j6nmku75/g_.png" /></a></li>
  1988. <li><a href="//www.pinterest.com/pin/create/button/?url={ShortURL}" title="{lang:Share this} Pinterest" target="_blank"><img src="//static.tumblr.com/cmghtlm/Ygdnmku7l/pinterest.png" /></a></li>
  1989. </ul>
  1990. <a class="close-modal-button" data-close><span class="cross-ico"></span></a>
  1991. </div>
  1992.  
  1993. {/block:Posts}
  1994.  
  1995. </section>
  1996. <!-- END OF PERMALINK POST CONTENT -->
  1997.  
  1998. {/block:PermalinkPage}
  1999. <!-- end permalink page -->
  2000. </main>
  2001. <!-- end main content -->
  2002.  
  2003. {block:IfInstagramID}
  2004. <div class="instagram-wrapper ani-div">
  2005. <div class="widget-title">
  2006. <p>{text:Instagram Feed Title}</p>
  2007. </div>
  2008. <ul id="instagram-feed" class="no-bullet"></ul>
  2009. </div>
  2010. {/block:IfInstagramID}
  2011.  
  2012. <!-- start footer -->
  2013. <footer class="blog-footer">
  2014. <a class="footer-avatar no-op" href="{BlogURL}"><img class="{AvatarShape}" src="{PortraitURL-128}" /></a>
  2015. <h2>{Title}</h2>
  2016. {block:IfFooterTextMessage}<p class="footer-message">{text:Footer Text Message}</p>{/block:IfFooterTextMessage}
  2017. <p class="creation">&#169; {BlogTitle} {CopyrightYears} <a href="//www.tumblr.com/themes/by/artistic-influence" target="_blank">A creation by Artistic Influence</a> {lang:Powered by Tumblr 2}</p>
  2018. </footer>
  2019. </div> <!-- off canvas wrap -->
  2020.  
  2021. <!-- start modals-->
  2022. <div id="searchModal" class="reveal full" data-reveal>
  2023. <div class="search-container">
  2024. <div class="search-wrapper">
  2025. <h1>{lang:Search}:</h1>
  2026. <form action="/search" method="get" class="nav-search grid-x small-12 medium-8">
  2027. <input class="cell small-10 medium-11" type="text" name="q" value="{SearchQuery}" id="search-input" placeholder="{lang:Search keywords}"/>
  2028. <button class="cell small-2 medium-1" type="submit"><i class="fa fa-search"></i></button>
  2029. </form>
  2030. </div>
  2031. </div>
  2032. <a class="close-modal-button" data-close><span class="cross-ico"></span></a>
  2033. </div>
  2034.  
  2035. {block:IfPinterestBoardURL}
  2036. <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
  2037. {/block:IfPinterestBoardURL}
  2038. <script src="//static.tumblr.com/cmghtlm/iwbnprdu8/jquery.js"></script>
  2039. <script src="//static.tumblr.com/honophf/q5Aoz5j2o/astoria_plugins.js"></script>
  2040. <script src="//static.tumblr.com/vppzax2/zsgo35ewv/tweenmax.min.js"></script>
  2041. <script src="//static.tumblr.com/vppzax2/N8wo35et5/scrolltoplugin.min.js"></script>
  2042.  
  2043. <script>
  2044. // JS contents
  2045. // -----------
  2046.  
  2047. // # Add class names for Vine & Instagram embeds
  2048. // # Foundation declaration
  2049. // # Initialize isotope
  2050. // # Resize FB Widget
  2051. // # Scroll Reveal
  2052. // # Parallax - Stellar
  2053. // # Initialize Smooth Scroll - Tween
  2054. // # Instagram Feed
  2055. // # Pre loader
  2056. // # Initalize Disqus Comments
  2057. // # Infinite Scroll
  2058. // # Responsive photoset
  2059.  
  2060. function addMediaEmbedClassnames() {
  2061. $('.vine-embed').parent().parent().addClass('vine-container');
  2062. $('.instagram-media').parent().parent().addClass('instagram-container');
  2063. }
  2064.  
  2065. addMediaEmbedClassnames();
  2066.  
  2067. $(document).foundation(); // # Foundation declaration
  2068.  
  2069. var $container = $('.content-area');
  2070.  
  2071. // # Initialize isotope
  2072. $container.isotope({
  2073. itemSelector: '.post',
  2074. masonry: {
  2075. columnWidth: '.post',
  2076. gutter: '.gutter-sizer'
  2077. }
  2078. });
  2079.  
  2080. // # Resize FB Widget
  2081. function resizeFbWidget(parentContainer) {
  2082. var container_width = $(parentContainer + ' #fb_container').width();
  2083. var fb_widget_code = '<div class="fb-page" data-href="{text:Facebook Feed Page URL}/" data-tabs="timeline, messages, events" data-width="'+ container_width +'" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="{text:Facebook Feed Page URL}/"><a href="{text:Facebook Feed Page URL}/">{text:Facebook Feed Title}</a></blockquote></div></div>';
  2084.  
  2085. $(parentContainer + ' #fb_container').html(fb_widget_code);
  2086. FB.XFBML.parse( );
  2087. }
  2088.  
  2089. function addResizeSensors() {
  2090. // detect elements that resize and re-layout isotope
  2091. new ResizeSensor(jQuery('.post'), function() {
  2092. $container.isotope('layout');
  2093. });
  2094.  
  2095. // detect elements that resize and re-layout isotope
  2096. new ResizeSensor(jQuery('.content-area'), function() {
  2097. $container.isotope('layout');
  2098. resizeFbWidget('#offCanvas');
  2099. resizeFbWidget('#masthead');
  2100. });
  2101. }
  2102.  
  2103. addResizeSensors();
  2104.  
  2105. {block:IfNotDisableScrollReveal}
  2106. // # Scroll Reveal
  2107. var config = {
  2108. viewFactor : 0.15,
  2109. duration : 800,
  2110. distance : "0px",
  2111. scale : 0,
  2112. reset : true,
  2113. viewOffset: { top: 0 }
  2114. };
  2115. window.sr = ScrollReveal( config );
  2116. sr.reveal('.ani-div');
  2117. {/block:IfNotDisableScrollReveal}
  2118.  
  2119. enquire.register("screen and (min-width: 64.063em)", {
  2120. match : function() {
  2121. {block:IndexPage}
  2122. // # Parallax - Stellar
  2123. $(window).stellar({
  2124. horizontalScrolling: false,
  2125. verticalScrolling: true,
  2126. responsive: true,
  2127. parallaxElements: true,
  2128. verticalOffset: 40
  2129. });
  2130. {/block:IndexPage}
  2131.  
  2132. {block:IfNotDisableSmoothScroll}
  2133. // # Initialize Smooth Scroll - Tween
  2134. var $window = $(window);
  2135. var scrollTime = 0.7;
  2136. var scrollDistance = 300;
  2137.  
  2138. $window.on("mousewheel DOMMouseScroll", function(event){
  2139.  
  2140. event.preventDefault();
  2141.  
  2142. var delta = event.originalEvent.wheelDelta/120 || -event.originalEvent.detail/3;
  2143. var scrollTop = $window.scrollTop();
  2144. var finalScroll = scrollTop - parseInt(delta*scrollDistance);
  2145.  
  2146. TweenMax.to($window, scrollTime, {
  2147. scrollTo : { y: finalScroll, autoKill:true },
  2148. ease: Power1.easeOut,
  2149. overwrite: 5
  2150. });
  2151. });
  2152. {/block:IfNotDisableSmoothScroll}
  2153. }
  2154. });
  2155.  
  2156.  
  2157. // # Instagram Feed
  2158. {block:IfInstagramID}
  2159. $("#instagram-feed").jqinstapics({
  2160. "user_id": "{text:Instagram ID}",
  2161. "access_token": "{text:Instagram Token}",
  2162. "count": {text:Instagram Feed Count}
  2163. });
  2164. {/block:IfInstagramID}
  2165.  
  2166. (function () {
  2167. // # Pre loader
  2168. window.addEventListener('DOMContentLoaded', function() {
  2169. new QueryLoader2(document.querySelector("body"), {
  2170. barColor: "{color:Loading Screen Bar Color}",
  2171. backgroundColor: "{color:Loading Screen Background Color}",
  2172. percentage: false,
  2173. barHeight: 2,
  2174. minimumTime: 200,
  2175. fadeOutTime: 1000
  2176. });
  2177. });
  2178. })();
  2179.  
  2180. // # Initalize Disqus Comments
  2181. function runDisqus() {
  2182. var disqus_shortname = '{text:Disqus Shortname}';
  2183. var disqus_url = '{Permalink}';
  2184. var url_arr = disqus_url.split('/');
  2185. var disqus_identifier = url_arr[4];
  2186.  
  2187. (function() {
  2188. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  2189. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  2190. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  2191. })();
  2192.  
  2193. console.log('{BlogURL}');
  2194. }
  2195.  
  2196. $(document).ready(function(){
  2197. {block:IfDisqusShortname}
  2198. runDisqus(); // Call Disqus comments
  2199. {/block:IfDisqusShortname}
  2200.  
  2201. // Facebook Feed Widget
  2202. setTimeout(function() {
  2203. resizeFbWidget('#offCanvas');
  2204. resizeFbWidget('#masthead');
  2205. }, 100);
  2206. });
  2207.  
  2208. // # Infinite Scroll
  2209. var infiniteContainer = new InfiniteScroll( '.content-area', {
  2210. nextSelector: "#load-more a",
  2211. path: "#load-more a",
  2212. append: ".post",
  2213. status: '.page-load-status',
  2214. {block:IfNotInfiniteScroll}
  2215. button: '#load-more a',
  2216. scrollThreshold: false
  2217. {/block:IfNotInfiniteScroll}
  2218. });
  2219.  
  2220. infiniteContainer.on( 'append', function( response, path, items ) {
  2221. addMediaEmbedClassnames();
  2222.  
  2223. var $newElemsIDs = $(items).map(function () { return this.id; }).get();
  2224.  
  2225. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs); // get like status for posts
  2226.  
  2227. var $newElems = $(items).css({ opacity: 0 });
  2228.  
  2229. addResizeSensors();
  2230.  
  2231. $newElems.imagesLoaded(function(){
  2232. $newElems.animate({ opacity: 1 });
  2233. $container.isotope( 'appended', $newElems, true );
  2234. resizePhotosets(); // responsive photosets
  2235. {block:IfNotDisableScrollReveal}sr.sync();{/block:IfNotDisableScrollReveal}
  2236. // magnific Popup Lightbox
  2237. $('.lightbox').each(function() {
  2238. $(this).magnificPopup({
  2239. delegate: 'a',
  2240. type:'image',
  2241. gallery: {
  2242. enabled: true,
  2243. navigateByImgClick: true,
  2244. }
  2245. });
  2246. });
  2247. });
  2248.  
  2249. $(document).foundation(); // foundation reflow
  2250. });
  2251.  
  2252. // # Responsive photoset
  2253. var photosetBlock = document.body.querySelector('.html_photoset');
  2254.  
  2255. if (photosetBlock != null) {
  2256. function resizePhotosets(){
  2257. var parentWidth = document.body.querySelector('.html_photoset').offsetWidth;
  2258. var photosets = document.body.querySelectorAll('iframe.photoset');
  2259. for(var i = 0; i < photosets.length; ++i){
  2260. var photoset = photosets[i];
  2261. photoset.width = parentWidth;
  2262. }
  2263. }
  2264. window.onload = resizePhotosets;
  2265. window.onresize = resizePhotosets;
  2266. }
  2267. </script>
  2268.  
  2269. </body>
  2270.  
  2271. </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!