API tools faq
paste
Advertisement
smnspz

tumblr backup 15/01/17

smnspz
Jan 15th, 2017
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.28 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  3. <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"><![endif]-->
  4. <!--[if IE 8]><html class="no-js lt-ie9"><![endif]-->
  5. <!--[if gt IE 8]><!--><html class="no-js"><!--<![endif]-->
  6. <head>
  7. <title>😭</title>
  8. {MobileAppHeaders}
  9. <meta charset="utf-8">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} - {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}">
  14. {/block:Description}
  15.  
  16. {block:Hidden}
  17. <meta name=”image:Background” content=”http://imgur.com/a/bn8wP“/>
  18. <meta name="select:Date" content="japanese" title="Japanese">
  19. <meta name="select:Date" content="unitedkingdom" title="United Kingdom">
  20. <meta name="select:Date" content="unitedstates" title="United States">
  21.  
  22. <meta name="image:Logo" content=""/>
  23.  
  24. <meta name="if:Show Search" content="0"/>
  25. <meta name="if:Show Border" content="1"/>
  26.  
  27. <meta name="text:Disqus shortname" content="">
  28. <meta name="text:Google Analytics ID" content="">
  29.  
  30. <meta name="text:URL Website" content=""/>
  31. <meta name="text:URL Facebook" content=""/>
  32. <meta name="text:URL Twitter" content=""/>
  33. <meta name="text:URL Google Plus" content=""/>
  34. <meta name="text:URL Instagram" content=""/>
  35. <meta name="text:URL Flickr" content=""/>
  36. <meta name="text:URL Pinterest" content=""/>
  37. <meta name="text:URL Youtube" content=""/>
  38. <meta name="text:URL Vimeo" content=""/>
  39. <meta name="text:URL Dribbble" content=""/>
  40. <meta name="text:URL Behance" content=""/>
  41. <meta name="text:Email Address" content=""/>
  42. {/block:Hidden}
  43.  
  44. <meta name="viewport" content="width=device-width, initial-scale=1">
  45.  
  46. <meta name="apple-mobile-web-app-capable" content="yes">
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50.  
  51. <link rel="stylesheet" href="http://static.tumblr.com/wdg4six/oAvn4uggx/normalize.css">
  52. <link rel="stylesheet" href="http://static.tumblr.com/wdg4six/J1Yn86t5d/creativetree-icons.css">
  53. <link rel="stylesheet" href="http://static.tumblr.com/wdg4six/iEEn9tpeq/square-main.css">
  54. <link rel="stylesheet" href="http://static.tumblr.com/wofln30/FGGmyt1xp/colorbox.css">
  55.  
  56. <style>
  57. /* Colors */
  58. body { {block:IfShowBorder}border: solid 8px {AccentColor};{/block:IfShowBorder}
  59. color: {TitleColor};
  60. }
  61.  
  62. a {
  63. color: {TitleColor};
  64. }
  65.  
  66. .loading
  67.  
  68. {
  69. background-color: {AccentColor};
  70. }
  71. /* Custom CSS */
  72. {CustomCSS}
  73. </style>
  74.  
  75. <script src="http://static.tumblr.com/wdg4six/fUCn4uglv/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  76.  
  77. {block:IfGoogleAnalyticsID}
  78. <script>
  79. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  80. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  81. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  82. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  83.  
  84. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  85. ga('send', 'pageview');
  86.  
  87. </script>
  88. {/block:IfGoogleAnalyticsID}
  89. </head>
  90. <body class="{block:NoSearchResults}no-results{/block:NoSearchResults}">
  91. <!--[if lt IE 7]>
  92. <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  93. <![endif]-->
  94.  
  95.  
  96.  
  97. <div class="loading"></div>
  98.  
  99. <div id="wrapper">
  100. <div id="container" class="clearfix">
  101.  
  102. <header class="wrapper clearfix"> <!-- Header -->
  103. {block:ShowTitle}
  104. <section id="blog-title">
  105. <h1><a href="/">
  106. {block:IfLogoImage}<img src="{image:Logo}"/>{/block:IfLogoImage}
  107. {block:IfNotLogoImage}{Title}{/block:IfNotLogoImage}
  108. </a></h1>
  109. </section>
  110. {/block:ShowTitle}
  111.  
  112. {block:ShowDescription}
  113. <section id="description">
  114. <h2>
  115. {Description}
  116. </h2>
  117. </section>
  118. {/block:ShowDescription}
  119. </header>
  120.  
  121.  
  122.  
  123. <nav> <!-- nav -->
  124. <ul id="menu">
  125. {block:HasPages}
  126. {block:Pages}
  127. <li>
  128. <a href="{URL}" class="page">{Label}</a>
  129. </li>
  130. {/block:Pages}
  131. {/block:HasPages}
  132. {block:SubmissionsEnabled}
  133. <li>
  134. <a href="/submit" class="submit">{SubmitLabel}</a>
  135. </li>
  136.  
  137. {/block:SubmissionsEnabled}
  138.  
  139. {block:IfShowSearch}
  140. <li id="search" class="search">
  141. <form action="/search" method="get">
  142. <input class="search-input" type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}" id="search"/>
  143. <input class="search-submit" type="submit" value="Search"/>
  144. <span class="icon-search"></span>
  145. </form>
  146. </li>
  147. {/block:IfShowSearch}
  148. </ul>
  149. </nav> <!-- nav End -->
  150.  
  151. <main class="{block:IndexPage}indexpage{/block:IndexPage} {block:PermalinkPage}permalinkpage{/block:PermalinkPage}"> <!-- main -->
  152.  
  153. <div class="grid-sizer"></div>
  154.  
  155. {block:Posts}
  156. <article class="{PostType}">
  157.  
  158. <section class="post">
  159.  
  160. {block:Text}
  161. {block:Title}<h1 class="post-title" {block:PermalinkPage}{block:Date}style="font-size: 20px!important;"{/block:Date}{/block:PermalinkPage}><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  162. {block:Body}
  163. {Body}
  164. {/block:Body}
  165. {/block:Text}
  166.  
  167. {block:Photo}
  168. <figure class="{block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}">
  169. {block:IndexPage}
  170. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-500}" height="{PhotoHeight-500}"></a>
  171. {/block:IndexPage}
  172. {block:PermalinkPage}
  173. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}">{LinkCloseTag}
  174. {/block:PermalinkPage}
  175. {block:Caption}
  176. <figcaption class="caption">
  177. {Caption}
  178. </figcaption>
  179. {/block:Caption}
  180. </figure>
  181. {/block:Photo}
  182.  
  183. {block:Photoset}
  184. <figure class="photoset-grid-lightbox photoset {block:Caption}with-caption{/block:Caption}" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
  185. {block:Photos}
  186. <img src="{PhotoURL-500}" {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes} {block:Caption}alt="{Caption}"{/block:caption} />
  187. {/block:Photos}
  188. {block:Caption}
  189. <figcaption class="caption">
  190. {Caption}
  191. </figcaption>
  192. {/block:Caption}
  193. </figure>
  194. {/block:Photoset}
  195.  
  196. {block:Quote}
  197. <blockquote class="{Length}">
  198. {Quote}
  199. </blockquote>
  200. {block:Source}
  201. <p class="source">—&nbsp;{Source}</p>
  202. {/block:Source}
  203. {/block:Quote}
  204.  
  205. {block:Link}
  206. <div class="link-wrapper">
  207. <h1>
  208. <a {Target} href="{URL}" target="_blank">
  209. {Name}
  210. {block:Host}
  211. <span class="link-host">{Host}</span>
  212. {/block:Host}
  213. </a>
  214. </h1>
  215. </div>
  216. {block:Description}
  217. <div class="caption">
  218. {Description}
  219. </div>
  220. {/block:Description}
  221. {/block:Link}
  222.  
  223. {block:Chat}
  224. {block:Title}<h1 class="post-title" {block:PermalinkPage}{block:Date}style="font-size: 20px!important;"{/block:Date}{/block:PermalinkPage}><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  225. <ul class="conversation">
  226. {block:Lines}
  227. <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  228. {/block:Lines}
  229. </ul>
  230. {/block:Chat}
  231.  
  232. {block:Audio}
  233. <div class="audio_container">
  234. {block:AudioEmbed}
  235. {AudioEmbed color="white"}
  236. {/block:AudioEmbed}
  237. </div>
  238. {block:Caption}
  239. <div class="caption">
  240. {Caption}
  241. </div>
  242. {/block:Caption}
  243. {/block:Audio}
  244.  
  245. {block:Video}
  246. <figure {block:Caption}class="with-caption"{/block:Caption}>
  247. <div class="video-wrapper">
  248. {Video-700}
  249. </div>
  250. {block:Caption}
  251. <figcaption class="caption">
  252. {Caption}
  253. </figcaption>
  254. {/block:Caption}
  255. </figure>
  256. {/block:Video}
  257.  
  258. {block:Answer}
  259. <div class="note-item note-item-asker clearfix">
  260. <div class="asker-avatar-wrapper">
  261. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  262. </div>
  263. <div class="text asker-question-wrapper">
  264. <p class="asker"><strong>{Asker}</strong> asked:</p>
  265. <div class="asker-question">
  266. {Question}
  267. </div>
  268. </div>
  269. </div>
  270.  
  271. {block:Answerer}
  272. <div class="note-item note-item-answerer clearfix">
  273. <div class="answerer-avatar-wrapper">
  274. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  275. </div>
  276. <div class="text answerer-answer-wrapper">
  277. <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  278. <div class="answerer-answer">
  279. {Answer}
  280. </div>
  281. </div>
  282. </div>
  283. {/block:Answerer}
  284.  
  285. <div class="replies">
  286. {Replies}
  287. </div>
  288. {/block:Answer}
  289.  
  290.  
  291. {block:RebloggedFrom}
  292. <section class="post-meta">
  293. {block:ContentSource}
  294. ({lang:Source}: <a class="source-link" href="{SourceURL}">{SourceTitle}</a>)
  295. {/block:ContentSource}
  296. </section>
  297. <ul class="attribution-tags clearfix">
  298. <li class="reblog-icon"><span class="icon-loop"></span></li>
  299. <li class="reblog-parent"><a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  300. </ul>
  301. {/block:RebloggedFrom}
  302.  
  303. {block:More}
  304. <div class="read-more">
  305. <a href="{Permalink}">・・・</a>
  306. </div>
  307. {/block:More}
  308.  
  309. {block:PermalinkPage}
  310. {block:NotReblog}
  311. <section class="post-meta">
  312. {block:ContentSource}
  313. ({lang:Source}: <a class="source-link" href="{SourceURL}">{SourceTitle}</a>)
  314. {/block:ContentSource}
  315. </section>
  316. {/block:NotReblog}
  317.  
  318. {block:Date}
  319. <aside class="clearfix">
  320. <div class="meta-wrapper clearfix">
  321. <div class="meta">
  322. <div class="date {select:Date}">
  323. <time datetime="{Year}-{MonthNumber}-{DayOfMonth}" pubdate="pubdate" class="uk">{DayOfMonthWithZero} {Month}, {Year}</time>
  324. <time datetime="{Year}-{MonthNumber}-{DayOfMonth}" pubdate="pubdate" class="us">{Month} {DayOfMonthWithZero}, {Year}</time>
  325. <time datetime="{Year}-{MonthNumber}-{DayOfMonth}" pubdate="pubdate" class="jp">{Year}年{MonthNumber}月{DayOfMonth}日</time>
  326. </div>
  327.  
  328.  
  329. <ul class="tags">
  330. {block:Tags}
  331. <li>
  332. <a href="{TagURL}" class="tag">#{Tag}</a>
  333. </li>
  334. {/block:Tags}
  335. </ul>
  336. </div>
  337.  
  338. <ul class="share">
  339. <li>{ReblogButton color="black" size="18"}</li>
  340. <li>{LikeButton color="black" size="18"}</li>
  341. </ul>
  342. </div>
  343.  
  344. {block:IfDisqusShortname}
  345. <section id="comments" class="comments">
  346. <h3>Comments</h3>
  347. <div id="disqus_thread"></div>
  348. <script type="text/javascript">
  349. (function() {
  350. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  351. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  352. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  353. })();
  354. </script>
  355. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  356. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  357. </section>
  358. {/block:IfDisqusShortname}
  359.  
  360. {block:NoteCount}
  361. <section id="notes" class="notes-wrapper clearfix">
  362. <h3>{NoteCountWithLabel}</h3>
  363. {PostNotes-64}
  364. </section>
  365. {/block:NoteCount}
  366. </aside>
  367. {/block:Date}
  368. {/block:PermalinkPage}
  369.  
  370. {block:IndexPage}
  371. <ul class="post-menu mobile">
  372. <li>
  373. <a href="{Permalink}"><span class="icon-link"></span></a>
  374. </li>
  375. <li class="reblog-button">{ReblogButton color="black" size="18"}</li>
  376. <li class="like-button">{LikeButton color="black" size="18"}</li>
  377. </ul>
  378.  
  379. <ul class="post-menu pc">
  380. <li>
  381. <a href="{Permalink}"><span class="icon-link"></span></a>
  382. </li>
  383. <li class="reblog-button">{ReblogButton color="black" size="16"}</li>
  384. <li class="like-button">{LikeButton color="black" size="16"}</li>
  385. </ul>
  386. {/block:IndexPage}
  387. </section> <!-- .post End -->
  388. </article> <!-- article End -->
  389.  
  390. {/block:Posts}
  391.  
  392. {block:IndexPage}
  393. {block:Pagination}
  394. <section id="pagination" class="clearfix">
  395. {block:PreviousPage}
  396. <a href="{PreviousPage}" class="newer"><strong>&larr; Newer</strong></a>
  397. {/block:PreviousPage}
  398. {block:NextPage}
  399. <a href="{NextPage}" class="older"><strong>Older &rarr;</strong></a>
  400. {/block:NextPage}
  401. </section>
  402. {/block:Pagination}
  403. {/block:IndexPage}
  404.  
  405. </main> <!-- main End -->
  406.  
  407. <footer class="{block:NoSearchResults}no-results{/block:NoSearchResults}">
  408. <small>&copy; {Title}</small>
  409.  
  410.  
  411. <ul class="social-links clearfix">
  412. {block:IfURLWebsite}
  413. <li><a href="{text:URL Website}" target="_blank" title="Website"><i class="icon-screen"></i></a></li>
  414. {/block:IfURLWebsite}
  415. {block:IfURLTwitter}
  416. <li><a href="{text:URL Twitter}" target="_blank" title="Twitter"><i class="icon-twitter"></i></a></li>
  417. {/block:IfURLTwitter}
  418. {block:IfURLFacebook}
  419. <li><a href="{text:URL Facebook}" target="_blank" title="Facebook"><i class="icon-facebook"></i></a></li>
  420. {/block:IfURLFacebook}
  421. {block:IfURLGooglePlus}
  422. <li><a href="{text:URL Google Plus}" target="_blank" title="Google"><i class="icon-googleplus"></i></a></li>
  423. {/block:IfURLGooglePlus}
  424. {block:IfURLInstagram}
  425. <li><a href="{text:URL Instagram}" target="_blank" title="Instagram"><i class="icon-instagram"></i></a></li>
  426. {/block:IfURLInstagram}
  427. {block:IfURLFlickr}
  428. <li><a href="{text:URL Flickr}" target="_blank" title="Flickr"><i class="icon-flickr"></i></a></li>
  429. {/block:IfURLFlickr}
  430. {block:IfURLPinterest}
  431. <li><a href="{text:URL Pinterest}" target="_blank" title="Pinterest"><i class="icon-pinterest"></i></a></li>
  432. {/block:IfURLPinterest}
  433. {block:IfURLYoutube}
  434. <li><a href="{text:URL Youtube}" target="_blank" title="Youtube"><i class="icon-youtube2"></i></a></li>
  435. {/block:IfURLYoutube}
  436. {block:IfURLVimeo}
  437. <li><a href="{text:URL Vimeo}" target="_blank" title="Vimeo"><i class="icon-vimeo"></i></a></li>
  438. {/block:IfURLVimeo}
  439. {block:IfURLDribbble}
  440. <li><a href="{text:URL Dribbble}" target="_blank" title="Dribbble"><i class="icon-dribbble"></i></a></li>
  441. {/block:IfURLDribbble}
  442. {block:IfURLBehance}
  443. <li><a href="{text:URL Behance}" target="_blank" title="Behance"><i class="icon-behance"></i></a></li>
  444. {/block:IfURLBehance}
  445. {block:IfEmailAddress}
  446. <li><a href="mailto:{text:Email Address}" target="_blank" title="Email"><i class="icon-envelope"></i></a></li>
  447. {/block:IfEmailAddress}
  448. </ul>
  449. </footer>
  450.  
  451. </div> <!-- #container -->
  452. </div> <!-- #wrapper -->
  453.  
  454. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  455. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/wdg4six/C5un4ugjv/jquery-1.11.0.min.js"><\/script>')</script>
  456.  
  457. <script src="http://static.tumblr.com/wofln30/krAmywu6r/jquery.fitvids.js"></script>
  458. <script>
  459. $(document).ready(function(){
  460. $(".video-wrapper, .audio_container").fitVids();
  461. });
  462. </script>
  463.  
  464. <script src="http://static.tumblr.com/wofln30/2XXmyt1i0/jquery.colorbox.js"></script>
  465. <script src="http://static.tumblr.com/wofln30/lFrmyt0d1/jquery.photoset-grid.min.js"></script>
  466. <script>
  467. $('.photoset').photosetGrid({
  468. highresLinks: true,
  469. rel: 'withhearts-gallery',
  470. gutter: '2px',
  471.  
  472. onComplete: function(){
  473. $('.photoset-grid-lightbox').attr('style', '');
  474. $('.photoset-grid-lightbox a.photoset-cell').colorbox({
  475. transition: "none",
  476. photo: true,
  477. scalePhotos: true,
  478. maxHeight:'90%',
  479. maxWidth:'90%'
  480. });
  481. }
  482. });
  483. </script>
  484.  
  485. <script src="http://static.tumblr.com/wdg4six/FoRn5cxzf/classie.js"></script>
  486. <script>
  487. window.onload = function() {
  488. $('.loading').css({ opacity: 0 });
  489. $('#container').animate({ opacity: 1 });
  490. }
  491. </script>
  492.  
  493. <script>
  494. $(function () {
  495. setNavigation();
  496. });
  497.  
  498. function setNavigation() {
  499. var path = window.location.pathname;
  500. path = path.replace(/\/$/, "");
  501. path = decodeURIComponent(path);
  502.  
  503. $("#menu a").each(function () {
  504. var href = $(this).attr('href');
  505. if (path.substring(0, href.length) === href) {
  506. $(this).closest('li').addClass('active');
  507. }
  508. });
  509. }
  510. </script>
  511.  
  512. <script src="http://static.tumblr.com/wdg4six/dcIn7ktrq/masonry.pkgd.min.js"></script>
  513. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  514. <script>
  515. $(function(){
  516. var $tiles = $('.indexpage');
  517. var flag;
  518. var min_width = 500;
  519. $tiles.imagesLoaded(function(){
  520. function masonrySwitch() {
  521. if ( $(window).innerWidth() < min_width ) {
  522. if ( flag ) {
  523. $('.indexpage').masonry('destroy');
  524. flag = false;
  525. }
  526. } else {
  527. $tiles.masonry({ itemSelector: 'article', isFitWidth: true });
  528. flag = true;
  529. }
  530. }
  531. $(function(){
  532. masonrySwitch();
  533. });
  534. $(window).bind('resize',function(){
  535. masonrySwitch();
  536. });
  537. });
  538. });
  539. </script>
  540.  
  541.  
  542. </body>
  543. </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!