API tools faq
paste
Advertisement
feiinho

Chale --> fuseblue.com

feiinho
Nov 21st, 2017
1,116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.10 KB | None | 0 0
raw download clone embed print report
  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
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!