Advertisement
feiinho

Chale --> fuseblue.com

Nov 21st, 2017
1,136
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.10 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!-- Chale -->
  3. <!-- by Fuse. fuseblue.com, twitter.com/askfuse -->
  4. <!-- Help and FAQ: fuseblue.com/help -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8.  
  9. <meta charset="utf-8">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  12. <meta name="description" content="{block:Description}{MetaDescription}{/block:Description}"/>
  13. {MobileAppHeaders}
  14. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  15.  
  16. {block:Hidden}
  17.  
  18. <!-- Body -->
  19. <meta name="image:Background" content=""/>
  20. <meta name="color:Background" content="#fafafa">
  21. <meta name="if:Repeat Background Image" content="0">
  22.  
  23. <!-- Options -->
  24. <meta name="image:Left Background Image" content=""/>
  25.  
  26. <!--Logo-->
  27. <meta name="image:Logo" content=""/>
  28. <meta name="color:Logo" content="#ffffff">
  29.  
  30. <!-- Nav -->
  31. <meta name="if:Navigation" content="1"/>
  32. <meta name="if:Random Link" content="1"/>
  33. <meta name="if:Archive Link" content="1"/>
  34. <meta name="if:RSS Link" content="0"/>
  35.  
  36. <!-- Left -->
  37. <meta name="color:Navigation Toggle" content="#ffffff"/>
  38. <meta name="color:Left Link" content="#ffffff"/>
  39. <meta name="color:Left Content Background" content="#1a1a1a"/>
  40. <meta name="color:Left Content Text" content="#ffffff"/>
  41.  
  42. <!-- Posts -->
  43. <meta name="if:Hide Post Meta" content="0"/>
  44. <meta name="if:Post Tags" content="1"/>
  45. <meta name="if:Post Share" content="1"/>
  46. <meta name="if:Post Notes" content="1"/>
  47.  
  48.  
  49. <meta name="text:Description Label" content="About">
  50. <meta name="text:Ask Link Label" content="Ask">
  51. <meta name="text:Submit Link Label" content="Submit">
  52. <meta name="text:Archive Link Label" content="Archive">
  53. <meta name="text:Random Link Label" content="Random">
  54. <meta name="text:Custom Link 1 URL" content=""/>
  55. <meta name="text:Custom Link 1 Name" content=""/>
  56. <meta name="text:Custom Link 2 URL" content=""/>
  57. <meta name="text:Custom Link 2 Name" content=""/>
  58. <meta name="text:Custom Link 3 URL" content=""/>
  59. <meta name="text:Custom Link 3 Name" content=""/>
  60. <meta name="text:Custom Link 4 URL" content=""/>
  61. <meta name="text:Custom Link 4 Name" content=""/>
  62. <meta name="text:Custom Link 5 URL" content=""/>
  63. <meta name="text:Custom Link 5 Name" content=""/>
  64.  
  65.  
  66. <!-- Social Widgets -->
  67. <meta name="if:Social Links Widget" content="0">
  68. <meta name="text:Instagram Widget Access Token" content="">
  69. <meta name="text:Instagram Widget UserID" content="">
  70. <meta name="text:Instagram Widget Feed Count" content="6">
  71. <meta name="if:Twitter Widget" content="0">
  72. <meta name="if:Instagram Widget" content="0">
  73. <meta name="text:Twitter Widget Title" content="Latest Tweets">
  74. <meta name="text:Twitter Widget Feed Count" content="2">
  75. <meta name="text:Twitter Link" content="">
  76. <meta name="text:Facebook Link" content="">
  77. <meta name="text:Instagram Link" content="">
  78. <meta name="text:Flickr Link" content="">
  79. <meta name="text:Behance Link" content="">
  80. <meta name="text:Dribbble Link" content="">
  81. <meta name="text:YouTube Link" content="">
  82. <meta name="text:Pinterest Link" content="">
  83. <meta name="text:Spotify Link" content="">
  84. <meta name="text:Email Address" content="">
  85. <meta name="text:VK Link" content="">
  86.  
  87. <!-- Misc -->
  88. <meta name="select:Font" content="Helvetica" Title="Helvetica"/><meta name="select:Font" content="Arial" title="Arial"/><meta name="select:Font" content="courier new" title="Courier"/><meta name="select:Font" content="Domine" title="Domine"/><meta name="select:Font" content="Droid Sans" title="Droid Sans"/><meta name="select:Font" content="Droid Serif" title="Droid Serif"/><meta name="select:Font" content="Georgia" title="Georgia"/><meta name="select:Font" content="Helvetica Neue" title="Helvetica Neue"/><meta name="select:Font" content="Karla" Title="Karla"/><meta name="select:Font" content="Lato" title="Lato"/><meta name="select:Font" content="Libre Baskerville" title="Libre Baskerville"/><meta name="select:Font" content="Lora" title="Lora"/><meta name="select:Font" content="Mako" title="Mako"/><meta name="select:Font" content="Merriweather" title="Merriweather"/><meta name="select:Font" content="Muli" title="Muli"/><meta name="select:Font" content="Montserrat" title="Montserrat"/><meta name="select:Font" content="Noto Sans" title="Noto Sans"/><meta name="select:Font" content="Oswald" title="Oswald"/><meta name="select:Font" content="Playfair Display" title="Playfair Display"/><meta name="select:Font" content="PT Mono" title="PT Mono"/><meta name="select:Font" content="PT Sans" title="PT Sans"/><meta name="select:Font" content="PT Serif" title="PT Serif"/><meta name="select:Font" content="Raleway" title="Raleway"/><meta name="select:Font" content="Roboto" title="Roboto"/><meta name="select:Font" content="Roboto Condensed" title="Roboto Condensed"/><meta name="select:Font" content="Roboto Slab" title="Roboto Slab"/><meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro"/><meta name="select:Font" content="Times New Roman" title="Times New Roman"/>
  89.  
  90.  
  91. <meta name="text:Google Analytics ID" content=''/>
  92.  
  93. {/block:Hidden}
  94.  
  95. <!-- Favicon, RSS & Ext. CSS -->
  96.  
  97. <link rel="shortcut icon" href="{Favicon}"/>
  98. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  99.  
  100. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  101. <script src="http://static.tumblr.com/evx2wil/Apco54r6a/cl.js"></script>
  102.  
  103. <!-- Fuse Options -->
  104. <script>
  105. var TUMBLR_API_KEY = "5c9EqEvjoBVXriaQDOluhj9kUOElq0oIl9EQCxSWTmQ0Ifk7Cs",
  106. TUMBLR_HOSTNAME = {JSPlaintextHost},
  107. TUMBLR_TITLE = {JSPlaintextTitle},
  108. TUMBLR_DESC = {JSPlaintextDescription},
  109. TUMBLR_URL = {JSPlaintextBlogURL};
  110. </script>
  111.  
  112. <script src="http://static.tumblr.com/evx2wil/L0Mo4z3um/md.js"></script>
  113. <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css' rel='stylesheet' type='text/css'>
  114. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family={select:Font}:400,400italic,700,700italic">
  115. <link href="http://static.tumblr.com/evx2wil/nuLo54r5u/core.css" rel="stylesheet">
  116.  
  117. <script>
  118. // Options
  119.  
  120. var instagramSection = false;
  121. {block:IfInstagramWidgetUserID}
  122. var instagramSection = true;
  123. {/block:IfInstagramWidgetUserID}
  124.  
  125. var twitterSection = false;
  126. {block:Twitter}
  127. var twitterSection = true;
  128. {/block:Twitter}
  129.  
  130. var socialWidgets = false;
  131. {block:IfSocialLinksWidget}
  132. var socialWidgets = true;
  133. {/block:IfSocialLinksWidget}
  134.  
  135. var headerNav = false;
  136. {block:IfNavigation}
  137. var headerNav = true;
  138. {/block:IfNavigation}
  139.  
  140. var aboutSection = false;
  141. {block:ShowDescription}
  142. var aboutSection = true;
  143. {/block:ShowDescription}
  144.  
  145. </script>
  146.  
  147.  
  148. <style type="text/css">
  149.  
  150. body {
  151. font:13px "{select:Font}", Helvetica Neue, Arial, sans-serif;
  152. color: #a1a1a1;
  153. font-weight:normal;
  154. line-height:1.5;
  155. background: {color:Background} url({image:Background})
  156. {block:ifrepeatbackgroundimage}repeat fixed;{/block:ifrepeatbackgroundimage}
  157. {block:ifnotrepeatbackgroundimage}no-repeat center fixed; background-size:cover; -webkit-background-size:cover{/block:ifnotrepeatbackgroundimage}
  158. ;
  159. }
  160.  
  161. a {
  162. color:#a1a1a1;
  163. }
  164. a:hover {
  165. color:#494949;
  166. }
  167.  
  168. .logo a {
  169. color:{color:Logo};
  170. }
  171.  
  172.  
  173. {block:IfHidePostMeta}
  174. .posts .pp .content,
  175. .posts .pp .tags, .posts .pp .post-meta, .posts .pp .post-footer
  176. {
  177. display: none;
  178. }
  179.  
  180. .posts .pp .inner {
  181. background:transparent;
  182. }
  183.  
  184. .posts .pp .post-footer {
  185. padding:0;
  186. margin:0;
  187. }
  188. {/block:IfHidePostMeta}
  189.  
  190.  
  191.  
  192.  
  193.  
  194. .swipe-cover {
  195. position:absolute;
  196. width: 100%;
  197. height: 100%;
  198. background-color:{color:Background};
  199. top: 0;
  200. z-index:9;
  201. }
  202.  
  203.  
  204. #left a {
  205. color:{color:Left Link};
  206. }
  207.  
  208. .logo h1 {
  209. font-size:24px;
  210. font-weight: 700;
  211. text-transform: uppercase;
  212. color:{color:Logo};
  213. -webkit-transform: translateY(20px);
  214. -ms-transform: translateY(20px);
  215. transform: translateY(20px);
  216. opacity: 0;
  217. -webkit-transition: -webkit-transform 300ms ease 1.2s, opacity 300ms ease 1.2s;
  218. transition: transform 300ms ease 1.2s, opacity 300ms ease 1.2s;
  219. }
  220.  
  221. /* Menu */
  222.  
  223. .main-menu {
  224. position:absolute;
  225. top:0;
  226. left:0;
  227. width:100%;
  228. background-color:{color:Left Content Background};
  229. z-index:4;
  230. padding:40px 0 20px 0;
  231. -webkit-transform: translateY(-100%);
  232. -ms-transform: translateY(-100%);
  233. transform: translateY(-100%);
  234. -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1);
  235. transition: transform .7s cubic-bezier(.77,0,.175,1);
  236. text-align:center;
  237. }
  238.  
  239. .main-menu ul li a {
  240. display:block;
  241. font-size:22px;
  242. padding:5px 0;
  243. color:{color:Left Content Text};
  244. }
  245.  
  246. .nav-icon {
  247. margin-top: 21px;
  248. background: #000;
  249. height: 2px!important;
  250. width: 24px;
  251. position: absolute;
  252. background:{color:Navigation Toggle};
  253. }
  254. .about-toggle {
  255. color:{color:Left Link};
  256. text-align:center;
  257. padding-bottom:25px;
  258. z-index:1;
  259. /* Option if about box is on */
  260. cursor:pointer;
  261. position: absolute;
  262. left: 50%;
  263. bottom:0;
  264. -webkit-transform: translate(-50%, 0);
  265. -ms-transform: translate(-50%, 0);
  266. transform: translate(-50%, 0);
  267. }
  268.  
  269. .about-bio {
  270. padding:64px 0 64px 64px;
  271. background:{color:Left Content Background};
  272. text-align: left;
  273. max-height:300px;
  274. width:100%;
  275. position:absolute;
  276. bottom:0;
  277. left:0;
  278. z-index:2;
  279. opacity:0;
  280. -webkit-transform: translateY(100%);
  281. -ms-transform: translateY(100%);
  282. transform: translateY(100%);
  283. -webkit-transition: -webkit-transform 0.4s cubic-bezier(.77,0,.175,1), opacity 0.4s cubic-bezier(.77,0,.175,1);
  284. transition: transform 0.4s cubic-bezier(.77,0,.175,1), opacity 0.4s cubic-bezier(.77,0,.175,1);
  285. }
  286.  
  287. .about-bio p {
  288. max-width:80%;
  289. color:{color:Left Content Text};
  290. -webkit-transform: translateY(20px);
  291. -ms-transform: translateY(20px);
  292. transform: translateY(20px);
  293. opacity: 0;
  294. margin:0;
  295. -webkit-transition: -webkit-transform 200ms ease 500ms, opacity 200ms ease 500ms;
  296. transition: transform 200ms ease 500ms, opacity 200ms ease 500ms;
  297. }
  298.  
  299. .close-box svg g {
  300. fill:{color:Left Content Text};
  301. }
  302.  
  303. /* Header Widgets */
  304.  
  305. .header-widgets {
  306. position:absolute;
  307. top:0;
  308. left:0;
  309. z-index:5;
  310. opacity:0;
  311. visibility:hidden;
  312. background:{color:Left Content Background};
  313. height:100%;
  314. overflow-y:scroll;
  315. width:0;
  316. -webkit-transition: left 0.4s cubic-bezier(.77,0,.175,1), padding 0.4s cubic-bezier(.77,0,.175,1), width 0.4s cubic-bezier(.77,0,.175,1);
  317. transition: left 0.4s cubic-bezier(.77,0,.175,1), padding 0.4s cubic-bezier(.77,0,.175,1), width 0.4s cubic-bezier(.77,0,.175,1);
  318. }
  319.  
  320. body.widget-open .social-icons {
  321. background:{color:Left Content Background};
  322. z-index:9;
  323. }
  324. .widget {
  325. opacity:0;
  326. height:0;
  327. max-height:0;
  328. width:0;
  329. color: {color:Left Content Text};
  330. visibility:hidden;
  331. -webkit-transform: translateY(20px);
  332. -ms-transform: translateY(20px);
  333. transform: translateY(20px);
  334. -webkit-transition: -webkit-transform 200ms linear, opacity 200ms linear;
  335. transition: transform 200ms linear, opacity 200ms linear;
  336. }
  337. .widget h3 {
  338. color:{color:Left Content Text};
  339. }
  340.  
  341. .social-follow {
  342. text-transform:uppercase;
  343. border:1px solid {color:Left Content Text};
  344. border-radius:150px;
  345. color:{color:Left Content Text};
  346. padding:4px 18px;
  347. font-size:13px;
  348. }
  349. #twitter a {
  350. color:{color:Left Content Text};
  351. }
  352.  
  353. .fuse-overlay {
  354. top: 0;
  355. left: 0;
  356. width: 100%;
  357. height: 100%;
  358. z-index: 9999;
  359. visibility:hidden;
  360. opacity:0;
  361. position:fixed;
  362. overflow-y:scroll;
  363. background: {color:Background};
  364. }
  365.  
  366.  
  367. .media iframe, .media img, .media object, .media embed {
  368. width: 100%;
  369. border-radius: 3px 3px 0 0;
  370. {block:IfHidePostMeta}
  371. border-radius:3px;
  372. {/block:IfHidePostMeta}
  373. }
  374.  
  375. @media (min-width: 740px) {
  376. ::-webkit-scrollbar {
  377. width:17px;
  378. height:17px;
  379. }
  380. ::-webkit-scrollbar {
  381. background-color:{color:Background};
  382. }
  383. ::-webkit-scrollbar-track {
  384. border:8px solid {color:Background};
  385. background-color:rgb(230,230,230);
  386. }
  387. ::-webkit-scrollbar-thumb {
  388. border:8px solid {color:Background};
  389. background-color:rgb(144,144,144);
  390. }
  391. }
  392.  
  393.  
  394. /*Custom CSS*/
  395. {CustomCSS}
  396.  
  397. </style>
  398. </head>
  399.  
  400. <body class="{block:PermalinkPage} post-page{/block:PermalinkPage} {block:IndexPage} index-page{/block:IndexPage}">
  401.  
  402. <div class="page{block:PermalinkPage} single{/block:PermalinkPage}">
  403.  
  404. <div id="left" style="background-image:url({image:Left Background Image});">
  405. <div class="header">
  406. <div class="inner">
  407.  
  408. <div class="logo">
  409. {block:ShowAvatar}
  410. <div class="header-avatar">
  411. <img src="{PortraitURL-128}"/>
  412. </div>
  413. {/block:ShowAvatar}
  414.  
  415. <div class="logo">
  416. {block:ifnotlogoimage}
  417. <h1 class="blog-name"><a href="/">{Title}</a></h1>
  418. {/block:ifnotlogoimage}
  419.  
  420. {block:iflogoimage}
  421. <a href="/"><img src="{image:Logo}" /></a>
  422. {/block:iflogoimage}
  423. </div>
  424.  
  425. </div>
  426.  
  427.  
  428. {block:IfNavigation}
  429. <div class="navigation">
  430. <a class="navigation-burger open-nav">
  431. <span class="nav-icon"></span>
  432. </a>
  433. </div>
  434.  
  435. <div class="main-menu">
  436. <ul>
  437. {block:IfCustomLink1URL}<li><a href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a></li>{/block:IfCustomLink1URL}
  438. {block:IfCustomLink2URL}<li><a href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a></li>{/block:IfCustomLink2URL}
  439. {block:IfCustomLink3URL}<li><a href="{text:Custom Link 3 URL}">{text:Custom Link 3 Name}</a></li>{/block:IfCustomLink3URL}
  440. {block:IfCustomLink4URL}<li><a href="{text:Custom Link 4 URL}">{text:Custom Link 4 Name}</a></li>{/block:IfCustomLink4URL}
  441. {block:IfCustomLink5URL}<li><a href="{text:Custom Link 5 URL}">{text:Custom Link 5 Name}</a></li>{/block:IfCustomLink5URL}
  442.  
  443. {block:HasPages}
  444. {block:Pages}
  445. <li> <a href="{URL}">{Label}</a></li>
  446. {/block:Pages}
  447. {/block:HasPages}
  448.  
  449. {block:AskEnabled}
  450. <li> <a href="/ask">{text:Ask Link Label}</a></li>
  451. {/block:AskEnabled}
  452.  
  453. {block:SubmissionsEnabled}
  454. <li> <a href="http://{name}.tumblr.com/submit" title="{text:Submit Link Label}">{text:Submit Link Label}</a></li>
  455. {/block:SubmissionsEnabled}
  456. {block:IfArchiveLink}
  457. <li><a href="http://{name}.tumblr.com/archive" title="{text:Archive Link Label}">{text:Archive Link Label}</a></li>
  458. {/block:IfArchiveLink}
  459. {block:ifRandomLink}
  460. <li><a href="http://{name}.tumblr.com/random" title="{text:Random Link Label}">{text:Random Link Label}</a></li>
  461. {/block:ifRandomLink}
  462.  
  463. {block:ifRSSLink}
  464. <li><a href="{RSS}" title="{lang:RSS}">{lang:RSS}</a></li>
  465. {/block:ifRSSLink}
  466. <li><a href="http://fuseblue.com/themes/chale">Theme</a></li>
  467. </ul>
  468. </div>
  469. {/block:IfNavigation}
  470.  
  471. {block:IfSocialLinksWidget}
  472. <div class="social-icons">
  473. <ul>
  474.  
  475. {block:IfInstagramWidget}
  476. <li><a class="widget-toggle instagram-toggle"><i class="fa fa-tw fa-instagram"></i></a></li>
  477. {/block:IfInstagramWidget}
  478. {block:IfNotInstagramWidget}
  479. {block:IfInstagramLink}
  480. <li><a target="_blank" href="{text:Instagram Link}"><i class="fa fa-tw fa-instagram"></i></a></li>
  481. {/block:IfInstagramLink}
  482. {/block:IfNotInstagramWidget}
  483.  
  484. {block:IfTwitterWidget}
  485. <li><a class="widget-toggle twitter-toggle"><i class="fa fa-tw fa-twitter"></i></a></li>
  486. {/block:IfTwitterWidget}
  487. {block:IfNotTwitterWidget}
  488. {block:IfTwitterLink}
  489. <li><a target="_blank" href="{text:Twitter Link}"><i class="fa fa-tw fa-twitter"></i></a></li>
  490. {/block:IfTwitterLink}
  491. {/block:IfNotTwitterWidget}
  492.  
  493. {block:IfFlickrLink}<li><a target="_blank" href="{text:Flickr Link}"><i class="fa fa-tw fa-flickr"></i></a></li>{/block:IfFlickrLink}
  494. {block:IfSoundcloudLink}<li><a target="_blank" href="{text:Soundcloud Link}"><i class="fa fa-tw fa-soundcloud"></i></a></li>{/block:IfSoundcloudLink}
  495. {block:IfFacebookLink}<li><a target="_blank" href="{text:Facebook Link}" target="_blank"><i class="fa fa-tw fa-facebook"></i></a></li>{/block:IfFacebookLink}
  496. {block:IfBehanceLink}<li><a target="_blank" href="{text:Behance Link}"><i class="fa fa-behance"></i></a></li>{/block:IfBehanceLink}
  497. {block:IfDribbbleLink}<li><a target="_blank" href="{text:Dribbble Link}"><i class="fa fa-dribbble"></i></a></li>{/block:IfDribbbleLink}
  498. {block:IfYouTubeLink}<li><a target="_blank" href="{text:YouTube Link}"><i class="fa fa-youtube"></i></a></li>{/block:IfYouTubeLink}
  499. {block:IfPinterestLink}<li><a target="_blank" href="{text:Pinterest Link}"><i class="fa fa-pinterest"></i></a></li>{/block:IfPinterestLink}
  500. {block:IfSpotifyLink}<li><a target="_blank" href="{text:Spotify Link}"><i class="fa fa-spotify"></i></a></li>{/block:IfSpotifyLink}
  501. {block:IfEmailAddress}<li><a target="_blank" href="{text:Email Address}"><i class="fa fa-envelope"></i></a></li>{/block:IfEmailAddress}
  502. {block:IfVKLink}<li><a target="_blank" href="{text:VK Link}"><i class="fa fa-vk"></i></a></li>{/block:IfVKLink}
  503. </ul>
  504. </div>
  505.  
  506. <div class="header-widgets">
  507. <div class="close-box">
  508. <svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  509. <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
  510. <path d="M11.4142136,10 L19.1923882,2.22182541 L17.7781746,0.807611845 L10,8.58578644 L2.22182541,0.807611845 L0.807611845,2.22182541 L8.58578644,10 L0.807611845,17.7781746 L2.22182541,19.1923882 L10,11.4142136 L17.7781746,19.1923882 L19.1923882,17.7781746 L11.4142136,10 Z"></path>
  511. </g>
  512. </svg>
  513. </div>
  514. {block:IfInstagramWidgetUserID}
  515. <div class="instagram image-widget widget">
  516. <div class="widget-title cl">
  517. {block:IfInstagramLink}
  518. <a class="social-follow" href="{text:Instagram Link}" target="_blank">
  519. Instagram
  520. </a>
  521. {/block:IfInstagramLink}
  522. </div>
  523. <ul id="instafeed" class="instagram-feed social-widget cl"></ul>
  524. </div>
  525. {/block:IfInstagramWidgetUserID}
  526.  
  527.  
  528. {block:Twitter}
  529. <div class="twitter widget">
  530. <div class="widget-title cl">
  531. <a class="social-follow" href="{text:Twitter Link}" target="_blank">
  532. Twitter
  533. </a>
  534. </div>
  535. <ul id="twitter" class="twitter-feed social-widget cl"></ul>
  536. </div>
  537. {/block:Twitter}
  538.  
  539.  
  540. </div>
  541. {/block:IfSocialLinksWidget}
  542.  
  543. {block:ShowDescription}
  544. <div id="about-box" class="about-box">
  545. <a class="about-toggle">
  546. {text:Description Label}
  547. </a>
  548. <div class="about-bio">
  549. <p>
  550. {Description}
  551. </p>
  552. </div>
  553. </div>
  554. {/block:ShowDescription}
  555. </div>
  556. </div>
  557. <div class="swipe-cover"></div>
  558. <div class="action-overlay"></div>
  559. </div>
  560.  
  561.  
  562.  
  563. <div id="right">
  564. <div class="inner">
  565. <div class="right-container">
  566. <div class="inner">
  567.  
  568.  
  569. <!--Content holder-->
  570. <div id="posts">
  571. <div class="wrapper">
  572. {block:IndexPage}
  573. <div class="posts">
  574. <div class="grid-sizer"></div>
  575. <div class="gutter-sizer"></div>
  576. {/block:IndexPage}
  577.  
  578. {block:Posts}
  579.  
  580.  
  581. {block:Photo}
  582. <article id="{PostID}" class="{block:IndexPage}post modal post-photo pp{/block:IndexPage}{block:PermalinkPage}{block:Date} post-single{/block:Date}{/block:PermalinkPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="photo">
  583. <div class="inner">
  584. <div class="media">
  585.  
  586. {block:IndexPage}
  587. <a href="{Permalink}" data-id="{PostID}">
  588. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  589. </a>
  590. {/block:IndexPage}
  591.  
  592. {block:PermalinkPage}
  593. {LinkOpenTag}
  594. <img src="{photourl-HighRes}" alt="{PhotoAlt}" />
  595. {LinkCloseTag}
  596. {/block:PermalinkPage}
  597. </div>
  598.  
  599. <div class="content">
  600. {block:Caption}{Caption}{/block:Caption}
  601. </div>
  602. {/block:Photo}
  603.  
  604.  
  605.  
  606. {block:Text}
  607. <article id="{PostID}" class="{block:IndexPage}post modal post-text{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="text">
  608. <div class="inner">
  609.  
  610. <div class="content">
  611. {block:Title}<h2 class="post-title"><a href="{Permalink}" class="open-post" data-id="{PostID}" title="{lang:Continue reading} {lang:Post}">{Title}</a></h2>{/block:Title}
  612. {Body}
  613. </div>
  614. {/block:Text}
  615.  
  616.  
  617.  
  618. {block:Audio}
  619. <article id="{PostID}" class="{block:IndexPage}post modal post-audio{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="audio">
  620. <div class="inner">
  621.  
  622. <div class="media">
  623. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div>
  624. <div class="player">{AudioPlayerBlack}</div>
  625. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  626. </div>
  627.  
  628. <div class="content">
  629. {block:Caption}{Caption}{/block:Caption}
  630. </div>
  631. {/block:Audio}
  632.  
  633.  
  634.  
  635. {block:Video}
  636. <article id="{PostID}" class="{block:IndexPage}post modal post-video{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="video">
  637. <div class="inner">
  638. <div class="media">{Video-500}</div>
  639.  
  640. <div class="content">
  641. {block:Caption}{Caption}{/block:Caption}
  642. </div>
  643. {/block:Video}
  644.  
  645.  
  646. {block:Quote}
  647. <article id="{PostID}" class="{block:IndexPage}post modal post-quote{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="quote">
  648. <div class="inner">
  649. <div class="content">
  650. <blockquote>{Quote}</blockquote>
  651. {block:Source}{Source}{/block:Source}
  652. </div>
  653. {/block:Quote}
  654.  
  655.  
  656.  
  657.  
  658.  
  659. {block:Link}
  660. <article id="{PostID}" class="{block:IndexPage}post modal post-link{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="link">
  661. <div class="inner">
  662. <div class="content">
  663. <h1><a class="link" href="{URL}">{Name}</a></h1>
  664. {block:Description}{Description}{/block:Description}
  665. </div>
  666. {/block:Link}
  667.  
  668.  
  669.  
  670. {block:Chat}
  671. <article id="{PostID}" class="{block:IndexPage}post modal post-chat{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="chat">
  672. <div class="inner">
  673. <ul class="chat">
  674. {block:Lines}<li class="{Alt}">{block:Label}<span class="person">{Label}</span>{/block:Label}<span class="said"> {Line} </span></li>{/block:Lines}
  675. </ul>
  676. {/block:Chat}
  677.  
  678.  
  679.  
  680. {block:Photoset}
  681. <article id="{PostID}" class="{block:IndexPage}post modal post-photoset pp{/block:IndexPage}" data-id="{PostID}" data-notes="{PostNotesURL}" data-pt="photoset">
  682. <div class="inner">
  683. <div class="media">
  684. <div class="inner">
  685. {block:Photos}
  686.  
  687. <img alt="{PhotoAlt}" src="{PhotoURL-HighRes}">
  688. {/block:Photos}
  689. </div>
  690. </div>
  691. </div>
  692.  
  693. {/block:Photoset}
  694.  
  695.  
  696.  
  697. {block:Answer}
  698. <article id="{PostID}" class="{block:IndexPage}post post-answer{/block:IndexPage}" data-notes="{PostNotesURL}" data-pt="answer">
  699. <div class="inner">
  700. <div class="content">
  701. <div class="asker-box">
  702. <img src="{AskerPortraitURL-24}"/><span class="the-asker">{Asker}</span> asked: {Question}
  703. </div>
  704.  
  705. <div class="answer">
  706. {Answer}
  707. </div>
  708.  
  709. </div>
  710. {/block:Answer}
  711.  
  712.  
  713. {block:Date}
  714.  
  715. <footer class="post-footer cl">
  716.  
  717. {block:IfPostTags}
  718. {block:HasTags}
  719. <ul class="tags">
  720. {block:Tags}<li> <a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
  721. </ul>
  722. {/block:HasTags}
  723. {/block:IfPostTags}
  724.  
  725.  
  726. <ul class="post-meta cl">
  727.  
  728. {block:IfPostDate}
  729. {block:Date}
  730. <li><a href="{Permalink}" class="open-post" data-id="{PostID}">
  731. <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">
  732. {DayOfMonth} {Month} {Year}
  733. </time> -
  734. </a></li>
  735. {/block:Date}
  736. {/block:IfPostDate}
  737.  
  738. {block:IfPostNotes}
  739. {block:NoteCount}
  740. <li><a class="notecount open-post" href="{Permalink}#notes" data-id="{PostID}">
  741. {NoteCountWithLabel}
  742. </a></li>
  743. {/block:NoteCount}
  744. {/block:IfPostNotes}
  745. </ul>
  746.  
  747.  
  748. {block:IfPostShare}
  749. <ul class="share animated right">
  750. <li class="share-toggle"><i class="fa fa-ellipsis-h"></i>
  751. <div class="share-modal animated-fast">
  752. <span class="share-twitter"><a class="share-icon-twitter" href="https://twitter.com/intent/tweet?url={ShortURL}" target="_new"></a></span>
  753. <span class="share-facebook"><a class="share-icon-facebook" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}" target="_new"></a></span>
  754.  
  755. <span class="share-google"><a class="share-icon-google-plus" href="https://plus.google.com/share?url={Permalink}" target="_new"></a></span>
  756.  
  757. {block:Photo}<span class="share-pinterest"><a class="share-icon-pinterest" target="_new" href="http://pinterest.com/pin/create/button/?url={Permalink}&media={photourl-HighRes}"></a></span>{/block:Photo}
  758. </div>
  759. </li>
  760.  
  761. <li class="post-like">{LikeButton color="black" size="18"}</li>
  762. <li class="post-reblog">{ReblogButton color="black" size="18"}</li>
  763.  
  764. </ul>
  765. {/block:IfPostShare}
  766.  
  767. </footer>
  768.  
  769. {block:PermalinkPage}
  770. {block:IfPostNotes}
  771. {block:NoteCount}
  772. <div id="notes">
  773. {PostNotes}
  774. </div><!-- /.notes -->
  775. {/block:NoteCount}
  776. {/block:IfPostNotes}
  777. {/block:PermalinkPage}
  778.  
  779. {/block:Date}
  780.  
  781.  
  782. </div>
  783. </article>
  784.  
  785.  
  786.  
  787. {block:PermalinkPage}
  788. {block:PermalinkPagination}
  789. {block:IfPostPagePagination}
  790. <div class="post-pagination">
  791. {block:PreviousPost}
  792. <a class="prev-post" href="{PreviousPost}"><i class="fa fa-chevron-left"></i> Previous</a>
  793. {/block:PreviousPost}
  794. {block:NextPost}
  795. <a class="next-post" href="{PreviousPost}">Next <i class="fa fa-chevron-right"></i></a>
  796. {/block:NextPost}
  797. </div>
  798. {/block:IfPostPagePagination}
  799. {/block:PermalinkPagination}
  800. {/block:PermalinkPage}
  801.  
  802.  
  803. {/block:Posts}
  804.  
  805. {block:IndexPage}
  806. </div>
  807. {/block:IndexPage}
  808.  
  809. </div>
  810. </div>
  811.  
  812.  
  813.  
  814.  
  815.  
  816. <!--Pagination: previous/next page links-->
  817. {block:Pagination}
  818. <div class="pagination">
  819. <div class="wrap">
  820. {block:PreviousPage}
  821. <a class="left" href="{PreviousPage}"><i class="fa fa-long-arrow-left"></i> Newer</a>
  822. {/block:PreviousPage}
  823. {block:NextPage}
  824. <a class="right older" href="{NextPage}">Older <i class="fa fa-long-arrow-right"></i></a>
  825. {/block:NextPage}
  826. </div>
  827. </div>
  828. {/block:Pagination}
  829.  
  830.  
  831.  
  832. </div>
  833. </div><!--container-->
  834. </div>
  835. </div>
  836. </div>
  837. </div><!--.page-->
  838.  
  839. <!-- modal here -->
  840.  
  841. <div class="fuse-overlay">
  842.  
  843. <div class='fuse-container'>
  844. <header>
  845. <div class="inner">
  846. <a class="go-back">{lang:Back}</a>
  847. </div>
  848. </header>
  849.  
  850. <div class="fuse-content"></div>
  851. <div class='fuse-caption cl'></div>
  852.  
  853. <div class="fuse-footer">
  854. <div class="inner">
  855. <div class="post-navigation">
  856. <div class='fuse-prev-btn tooltip' title="Previous post">
  857. <i class="fa fa-lg fa-long-arrow-left"></i>
  858. </div>
  859. <div class='fuse-next-btn tooltip' title="Next post">
  860. <i class="fa fa-lg fa-long-arrow-right"></i>
  861. </div>
  862. </div>
  863. </div>
  864. </div>
  865.  
  866. </div>
  867. </div>
  868.  
  869.  
  870. <div id="backToTop" class="footer-icon">
  871. <i class="fa fa-lg fa-caret-up"></i>
  872. </div>
  873.  
  874. <div class="fuse-credit footer-icon tooltip" title="Get this theme">
  875. <a title="Fuse" target="_blank" href="http://fuseblue.com/themes/chale/"><i class="fa fa-info-circle"></i></a>
  876. </div>
  877.  
  878. <script type="text/javascript" src="http://static.tumblr.com/evx2wil/LAoo4z3uo/pl.js">
  879. $(document).ready(function() {
  880. isotope.isotope('layout');
  881. $(window).resize(function() {
  882. isotope.isotope('layout');
  883. });
  884. });
  885. </script>
  886.  
  887.  
  888.  
  889. <script>
  890.  
  891. {block:Twitter}
  892. function recent_tweets(data) {
  893. for (i=0; i<{text:Twitter Widget Feed Count}; i++) {
  894. document.getElementById("twitter").innerHTML =
  895. document.getElementById("twitter").innerHTML +
  896. '<li class="tweet"><p>' + twttr.txt.autoLink( data[i].text ) +
  897. // &mdash;
  898. '<abbr> <a href="http://twitter.com/{TwitterUsername}/status/' +
  899. (data[i].id_str ? data[i].id_str : data[i].id) +
  900. '" target="_blank">' + moment.utc(data[i].created_at).fromNow() + ' </abbr></a></p></li>';
  901. }
  902. }
  903. {/block:Twitter}
  904.  
  905. {block:IfInstagramWidgetUserID}
  906. var userFeed = new Instafeed({get:"user",userId:{text:Instagram Widget UserID},resolution:"standard_resolution",limit:{text:Instagram Widget Feed Count},accessToken:"{text:Instagram Widget Access Token}"});userFeed.run();
  907. {/block:IfInstagramWidgetUserID}
  908. </script>
  909.  
  910.  
  911. {block:Twitter}
  912. <script src="/tweets.js"></script>
  913. {/block:Twitter}
  914.  
  915. <script>
  916. var pageNumber = {CurrentPage};
  917. </script>
  918.  
  919. <script>
  920. $(function(){
  921. $(window).load(function(){
  922. var load = new TimelineMax();
  923. load.to( $(".page"), .3, { opacity:1, ease: Power2.easeInOut });
  924. $("html, body").animate({ scrollTop: 0 }, 100);
  925.  
  926. $('.swipe-cover').addClass('swipe');
  927. $('.social-icons, .navigation, .header-avatar, .logo h1, .about-box, .right-container .inner').css({
  928. "-webkit-transform":"translateX(0)",
  929. "-ms-transform":"translateX(0)",
  930. "transform":"translateX(0)",
  931. "opacity":1
  932. })
  933. TweenLite.to($('.swipe-cover'), 0.8, {left:"100%", delay:0.5, ease:Power3.easeInOut});
  934. });
  935. });
  936. </script>
  937.  
  938.  
  939.  
  940. <script>
  941. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  942. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  943. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  944. s.parentNode.insertBefore(g,s)}(document,'script'));
  945. </script>
  946.  
  947. </body>
  948. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement