yeoli

Theme 29 Version 2.

Jun 27th, 2015 (edited)
2,532
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.20 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  3. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  4. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  5. <head>
  6.  
  7.  
  8. <!--
  9. ==========================================================
  10.  
  11.  
  12. Theme 29 Version 2.3
  13. ( http://yeoli-thm29-v2.tumblr.com/ )
  14.  
  15. Released: 27/06/2015
  16. Updated: 05/03/2021
  17. Created by: yeoli-thm
  18. Website: yeoli-thm.tumblr.com
  19. Support: yeoli-thm.tumblr.com
  20.  
  21. Copyright (c) 2021. Powered by Tumblr.
  22.  
  23.  
  24. ==========================================================
  25.  
  26.  
  27. // Terms Of Use:
  28. - Do not steal or use as base codes.
  29. - Do not repost or redistribute codes.
  30. - Feel free to customize theme for your personal use
  31. but please do not remove the credits.
  32.  
  33.  
  34. ==========================================================
  35. -->
  36.  
  37.  
  38. <meta charset="utf-8">
  39. <title>{Title}</title>
  40. {block:Description}
  41. <meta name="description" content="{MetaDescription}">
  42. {/block:Description}
  43.  
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47.  
  48. {block:Hidden}
  49. <meta name="color:Background" content="#f9f9f9"/>
  50. <meta name="color:Body text" content="#666666"/>
  51. <meta name="color:Bold text" content="#669494"/>
  52. <meta name="color:Italic text" content="#dda09f"/>
  53. <meta name="color:Headings" content="#2f2f2f"/>
  54. <meta name="color:Links" content="#9bcaca"/>
  55. <meta name="color:Links hover" content="#2f2f2f"/>
  56. <meta name="color:Blockquote borders" content="#888888"/>
  57. <meta name="color:Post background" content="#ffffff"/>
  58. <meta name="color:Post audio accent" content="#9bcaca"/>
  59. <meta name="color:Post audio trackname" content="#ffffff"/>
  60. <meta name="color:Post captions text" content="#ffffff"/>
  61. <meta name="color:Post captions background" content="#000000"/>
  62. <meta name="color:Post tags" content="#444444"/>
  63. <meta name="color:Post tags hover" content="#9bcaca"/>
  64. <meta name="color:Sidebar text" content="#ffffff"/>
  65. <meta name="color:Sidebar background" content="#000000"/>
  66. <meta name="color:Sidebar links hover" content="#9bcaca"/>
  67. <meta name="color:Tooltip text" content="#ffffff"/>
  68. <meta name="color:Tooltip background" content="#9bcaca"/>
  69. <meta name="color:Scroll to top button" content="#2f2f2f"/>
  70.  
  71. <meta name="select:Sidebar Position" content="leftside" title="left"/>
  72. <meta name="select:Sidebar Position" content="rightside" title="right"/>
  73.  
  74. <meta name="select:Post layout" content="layouta" title="250px (one column)"/>
  75. <meta name="select:Post layout" content="layoutb" title="250px (two columns)"/>
  76. <meta name="select:Post layout" content="layoutc" title="250px (three columns)"/>
  77. <meta name="select:Post layout" content="layoutd" title="400px (one column)"/>
  78. <meta name="select:Post layout" content="layoute" title="400px (two columns)"/>
  79. <meta name="select:Post layout" content="layoutf" title="500px (one column)"/>
  80.  
  81. <meta name="select:Audio player color" content="audioblack" title="black"/>
  82. <meta name="select:Audio player color" content="audiogrey" title="grey"/>
  83. <meta name="select:Audio player color" content="audiowhite" title="white"/>
  84.  
  85. <meta name="if:Show post captions" content="1"/>
  86. <meta name="if:Show post tags" content="1"/>
  87. <meta name="if:Monochrome posts" content="0"/>
  88. <meta name="if:Infinite scroll" content="0"/>
  89.  
  90. <meta name="if:Enable google fonts" content="0"/>
  91.  
  92. <meta name="text:Font family" content="Trebuchet MS"/>
  93. <meta name="text:Font size" content="10px"/>
  94.  
  95. <meta name="text:Post photoset gutter size" content="4px"/>
  96. <meta name="text:Border radius" content="5px"/>
  97. <meta name="text:Tooltip border radius" content="3px"/>
  98.  
  99. <meta name="text:Second blog title" content="Second blog title"/>
  100.  
  101. <meta name="text:Link 1 label" content="Link 1"/>
  102. <meta name="text:Link 1 URL" content=""/>
  103. <meta name="text:Link 2 label" content="Link 2"/>
  104. <meta name="text:Link 2 URL" content=""/>
  105. <meta name="text:Link 3 label" content="Link 3"/>
  106. <meta name="text:Link 3 URL" content=""/>
  107. <meta name="text:Link 4 label" content="Link 4"/>
  108. <meta name="text:Link 4 URL" content=""/>
  109. {/block:Hidden}
  110.  
  111. {block:IfEnableGoogleFonts}
  112. <link href="https://fonts.googleapis.com/css?family={text:Font family}:400,400i,700,700i" rel="stylesheet">
  113. {/block:IfEnableGoogleFonts}
  114.  
  115. <link href='https://static.tumblr.com/kmw8hta/K0kpk1zrj/boxicons.css' rel='stylesheet'>
  116. <link href="https://static.tumblr.com/kmw8hta/p0jpgtbdt/tooltipster_main.css" rel="stylesheet">
  117. <link href="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/css/thm29.css" rel="stylesheet">
  118.  
  119. <!-- HTML5 Shiv -->
  120. <!--[if lt IE 9]>
  121. <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  122. <![endif]-->
  123.  
  124.  
  125. <style>
  126.  
  127.  
  128. :root {
  129. --photosetGutterSize: {text:Post photoset gutter size};
  130. }
  131.  
  132. /* Body font style & colors: */
  133.  
  134. body {
  135. font-family: '{text:Font family}', 'Trebuchet MS', sans-serif;
  136. font-size: {text:Font size};
  137. color: {color:Body text};
  138. background-color: {color:Background};
  139. }
  140.  
  141. /* Post heading style: */
  142.  
  143. h1, h2, h3, h4, h5, h6 {
  144. font-weight: 400;
  145. text-transform: uppercase;
  146. letter-spacing: 1px;
  147. color: {color:Headings};
  148. }
  149.  
  150. /* Link colors: */
  151.  
  152. a, a:link, a:active, a:visited {
  153. color: {color:Links};
  154. }
  155.  
  156. a:hover {
  157. color: {color:Links hover};
  158. }
  159.  
  160. /* Bold text colors: */
  161.  
  162. b,
  163. strong {
  164. color: {color:Bold text};
  165. }
  166.  
  167. /* Italic text colors: */
  168.  
  169. i,
  170. em {
  171. color: {color:Italic text};
  172. }
  173.  
  174. /* Bullet point colors: */
  175.  
  176. ul > li:before {
  177. background-color: {color:Body text};
  178. }
  179.  
  180. /* Blockquote border: */
  181.  
  182. blockquote {
  183. border-color: {color:Blockquote borders};
  184. }
  185.  
  186. /* Tooltip text & colors: */
  187.  
  188. .tooltipster-content {
  189. font-size: .82em;
  190. text-transform: uppercase;
  191. letter-spacing: 1px;
  192. border-radius: {text:Tooltip border radius};
  193. color: {color:Tooltip text};
  194. background-color: {color:Tooltip background};
  195. }
  196.  
  197. /* For uppercase text: */
  198.  
  199. .uppercase {
  200. text-transform: uppercase;
  201. letter-spacing: 1px;
  202. }
  203.  
  204. /* Uppercase text font sizes: */
  205.  
  206. #pagination,
  207. .post-timestamp {
  208. font-size: .91em;
  209. }
  210.  
  211. .post-source,
  212. .post-tags,
  213. .sub-title,
  214. .sidebar-menu,
  215. .sidebar-description {
  216. font-size: .73em;
  217. }
  218.  
  219. /* Post colors: */
  220.  
  221. .post-body {
  222. border-radius: {text:Border radius};
  223. background-color: {color:Post background};
  224. }
  225.  
  226. .post-link:before {
  227. background-color: {color:Blockquote borders};
  228. }
  229.  
  230. .audiobox {
  231. border-color: {color:Post audio accent};
  232. }
  233.  
  234. .audioborder {
  235. background-color: {color:Post audio accent};
  236. }
  237.  
  238. .trackname {
  239. color: {color:Post audio trackname};
  240. }
  241.  
  242. .post-answer > li:nth-of-type(even) {
  243. color: {color:Headings};
  244. }
  245.  
  246. .post-answer > li:nth-of-type(even) {
  247. color: {color:Links};
  248. }
  249.  
  250. .post-answer > li:nth-of-type(odd),
  251. .post-answer > li:nth-of-type(even),
  252. .post-quote,
  253. .tumblelog-body {
  254. border-color: {color:Blockquote borders};
  255. }
  256.  
  257. .caption-bg {
  258. color: {color:Post captions text};
  259. background-color: {color:Post captions background};
  260. }
  261.  
  262. .caption-bg ul > li:before {
  263. background-color: {color:Post captions text};
  264. }
  265.  
  266. .caption-bg blockquote,
  267. .caption-bg .tumblelog-body {
  268. border-color: {color:Post captions text};
  269. }
  270.  
  271. .post-tags a {
  272. color: {color:Post tags};
  273. }
  274.  
  275. .post-tags a:hover {
  276. color: {color:Post tags hover};
  277. }
  278.  
  279. .post-note {
  280. border-radius: {text:Border radius};
  281. }
  282.  
  283. /* Sidebar colors: */
  284.  
  285. .sidebar-bg {
  286. border-radius: {text:Border radius};
  287. color: {color:Sidebar text};
  288. background-color: {color:Sidebar background};
  289. }
  290.  
  291. .sidebar-menu a {
  292. color: inherit
  293. }
  294.  
  295. .sidebar-menu a:hover {
  296. color: {color:Sidebar links hover};
  297. }
  298.  
  299. /* Scroll to top button color: */
  300.  
  301. #top-button {
  302. color: {color:Scroll to top button};
  303. }
  304.  
  305.  
  306. {CustomCSS}
  307. </style>
  308. </head>
  309. <body class="{select:Post layout} {select:Sidebar Position}{block:IndexPage} indexpage{/block:IndexPage}{block:PermalinkPage} permalinkpage{/block:PermalinkPage}">
  310.  
  311.  
  312. <button id="top-button" title="Scroll to top">
  313. <span class="bx bx-up-arrow-circle"></span>
  314. </button>
  315.  
  316. <div id="container">
  317.  
  318. <aside id="sidebar-wrapper">
  319. <div id="sidebar" class="uppercase">
  320. <section class="sidebar-head sidebar-bg">
  321. <div class="sidebar-title">
  322. <h6 class="blog-title">{Title}</h6>
  323. {block:IfSecondBlogTitle}
  324. <span class="sub-title">{text:Second blog title}</span>
  325. {/block:IfSecondBlogTitle}
  326. </div>
  327. <div class="menu-button">
  328. <span class="bx bx-plus" title="Menu"></span>
  329. </div>
  330. </section>
  331. <section class="sidebar-body sidebar-bg">
  332. <ol class="sidebar-menu">
  333. <li><a href="/"> Home</a></li>
  334. {block:AskEnabled}<li><a href="/ask"> Inbox</a></li>{/block:AskEnabled}
  335. {block:SubmissionsEnabled}<li><a href="/submit"> Submit</a></li>{/block:SubmissionsEnabled}
  336. <li><a href="/archive"> Archive</a></li>
  337. <li><a href="https://yeoli-thm.tumblr.com"> Theme</a></li>
  338. {block:HasPages}{block:Pages}<li><a href="{URL}"> {Label}</a></li>{/block:Pages}{/block:HasPages}
  339. {block:IfLink1Label}<li><a href="{text:Link 1 URL}"> {text:Link 1 label}</a></li>{/block:IfLink1Label}
  340. {block:IfLink2Label}<li><a href="{text:Link 2 URL}"> {text:Link 2 label}</a></li>{/block:IfLink2Label}
  341. {block:IfLink3Label}<li><a href="{text:Link 3 URL}"> {text:Link 3 label}</a></li>{/block:IfLink3Label}
  342. {block:IfLink4Label}<li><a href="{text:Link 4 URL}"> {text:Link 4 label}</a></li>{/block:IfLink4Label}
  343. </ol>
  344. {block:Description}
  345. <div class="sidebar-description">{Description}</div>
  346. {/block:Description}
  347. </section>
  348. </div>
  349. </aside>
  350.  
  351. <main id="grid">
  352. <div class="post-gutter"></div>
  353. {block:IndexPage}
  354. {block:NoPosts}
  355. <article class="post">
  356. <section class="post-body">
  357. <div class="entry">
  358. <h6>{lang:This Tumblr hasnt made any posts}</h6>
  359. </div>
  360. </section>
  361. </article>
  362. {/block:NoPosts}
  363. {/block:IndexPage}
  364. {block:Posts inlineMediaWidth="900" inlineNestedMediaWidth="900"}
  365. <article class="post{block:IfNotShowPostCaptions} cap-off{/block:IfNotShowPostCaptions}{block:IfMonochromePosts} monochrome{/block:IfMonochromePosts}" id="{PostID}">
  366.  
  367. <section class="post-body">
  368.  
  369. {block:Text}
  370. <div class="entry">
  371. {block:Title}<h1>{Title}</h1>{/block:Title}
  372. {block:NotReblog}
  373. {Body}
  374. {/block:NotReblog}
  375. {block:RebloggedFrom}
  376. {block:Reblogs}
  377. <div class="reblog-item">
  378. <p class="tumblelog-name">
  379. {block:IsActive}
  380. <a href="{Permalink}" {Target}>{Username}:</a>
  381. {/block:IsActive}
  382. {block:IsDeactivated}
  383. {Username} <span class="deactivated">(deactivated)</span>:
  384. {/block:IsDeactivated}
  385. </p>
  386. <div class="tumblelog-body">{Body}</div>
  387. </div>
  388. {/block:Reblogs}
  389. {/block:RebloggedFrom}
  390. </div>
  391. {/block:Text}
  392.  
  393. {block:Photo}
  394. <figure>
  395. <img src="{PhotoURL-HighRes}" style="display:block;width:100%"/>
  396. {block:Caption}
  397. <figcaption class="caption caption-bg">
  398. {block:NotReblog}
  399. <div class="reblog-item">
  400. {Caption}
  401. </div>
  402. {/block:NotReblog}
  403. {block:RebloggedFrom}
  404. {block:Reblogs}
  405. <div class="reblog-item">
  406. <p class="tumblelog-name">
  407. {block:IsActive}
  408. <a href="{Permalink}" {Target}>{Username}:</a>
  409. {/block:IsActive}
  410. {block:IsDeactivated}
  411. {Username} <span class="deactivated">(deactivated)</span>:
  412. {/block:IsDeactivated}
  413. </p>
  414. <div class="tumblelog-body">{Body}</div>
  415. </div>
  416. {/block:Reblogs}
  417. {/block:RebloggedFrom}
  418. </figcaption>
  419. {/block:Caption}
  420. </figure>
  421. {/block:Photo}
  422.  
  423. {block:Photoset}
  424. <figure>
  425. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  426. {block:Photos}
  427. <div class="photo-data">
  428. <div class="pxu-photo">
  429. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  430. </div>
  431. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  432. </div>
  433. {/block:Photos}
  434. </div>
  435. {block:Caption}
  436. <figcaption class="caption caption-bg">
  437. {block:NotReblog}
  438. <div class="reblog-item">
  439. {Caption}
  440. </div>
  441. {/block:NotReblog}
  442. {block:RebloggedFrom}
  443. {block:Reblogs}
  444. <div class="reblog-item">
  445. <p class="tumblelog-name">
  446. {block:IsActive}
  447. <a href="{Permalink}" {Target}>{Username}:</a>
  448. {/block:IsActive}
  449. {block:IsDeactivated}
  450. {Username} <span class="deactivated">(deactivated)</span>:
  451. {/block:IsDeactivated}
  452. </p>
  453. <div class="tumblelog-body">{Body}</div>
  454. </div>
  455. {/block:Reblogs}
  456. {/block:RebloggedFrom}
  457. </figcaption>
  458. {/block:Caption}
  459. </figure>
  460. {/block:Photoset}
  461.  
  462. {block:Video}
  463. <figure>
  464. <div class="tmblr-embed">
  465. {VideoEmbed-500}
  466. </div>
  467. {block:Caption}
  468. <figcaption class="caption caption-bg">
  469. {block:NotReblog}
  470. <div class="reblog-item">
  471. {Caption}
  472. </div>
  473. {/block:NotReblog}
  474. {block:RebloggedFrom}
  475. {block:Reblogs}
  476. <div class="reblog-item">
  477. <p class="tumblelog-name">
  478. {block:IsActive}
  479. <a href="{Permalink}" {Target}>{Username}:</a>
  480. {/block:IsActive}
  481. {block:IsDeactivated}
  482. {Username} <span class="deactivated">(deactivated)</span>:
  483. {/block:IsDeactivated}
  484. </p>
  485. <div class="tumblelog-body">{Body}</div>
  486. </div>
  487. {/block:Reblogs}
  488. {/block:RebloggedFrom}
  489. </figcaption>
  490. {/block:Caption}
  491. </figure>
  492. {/block:Video}
  493.  
  494. {block:Quote}
  495. <div class="entry">
  496. <h4 class="post-quote">{Quote}</h4>
  497. {block:NotReblog}
  498. {block:Source}
  499. <p class="quote-source">{Source}</p>
  500. {/block:Source}
  501. {/block:NotReblog}
  502. {block:RebloggedFrom}
  503. {block:Source}
  504. <div class="quote-source">{Source}</div>
  505. {/block:Source}
  506. {/block:RebloggedFrom}
  507. </div>
  508. {/block:Quote}
  509.  
  510. {block:Link}
  511. <div class="entry">
  512. <h1 class="post-link">
  513. <a href="{URL}" target="{Target}">{Name}</a>
  514. </h1>
  515. {block:Description}
  516. {block:NotReblog}
  517. {Description}
  518. {/block:NotReblog}
  519. {block:RebloggedFrom}
  520. {block:Reblogs}
  521. <div class="reblog-item">
  522. <p class="tumblelog-name">
  523. {block:IsActive}
  524. <a href="{Permalink}" {Target}>{Username}:</a>
  525. {/block:IsActive}
  526. {block:IsDeactivated}
  527. {Username} <span class="deactivated">(deactivated)</span>:
  528. {/block:IsDeactivated}
  529. </p>
  530. <div class="tumblelog-body">{Body}</div>
  531. </div>
  532. {/block:Reblogs}
  533. {/block:RebloggedFrom}
  534. {/block:Description}
  535. </div>
  536. {/block:Link}
  537.  
  538. {block:Chat}
  539. <div class="entry">
  540. {block:Title}<h1>{Title}</h1>{/block:Title}
  541. <ul class="post-chat">
  542. {block:Lines}
  543. <li>
  544. {block:Label}
  545. <b class="chat-label">{Label}</b>
  546. {/block:Label}
  547. {Line}
  548. </li>
  549. {/block:Lines}
  550. </ul>
  551. </div>
  552. {/block:Chat}
  553.  
  554. {block:Audio}
  555. <figure>
  556. {block:AudioEmbed}
  557. <div class="tmblr-embed">
  558. {AudioEmbed-500}
  559. </div>
  560. {/block:AudioEmbed}
  561. {block:AudioPlayer}
  562. <div class="audio-wrapper {select:Audio player color}">
  563. <div class="audiobox">
  564. {block:TrackName}
  565. <div class="trackname uppercase">{TrackName}</div>
  566. {/block:TrackName}
  567. <div class="player">
  568. <span class="bx bx-skip-previous"></span>
  569. <div class="audioplayer">
  570. {AudioPlayer}
  571. </div>
  572. <span class="bx bx-skip-next"></span>
  573. </div>
  574. </div>
  575. <div class="albumbox">
  576. <span class="bx bx-headphone"></span>
  577. {block:AlbumArt}
  578. <img src="{AlbumArtURL}" class="albumart"/>
  579. {/block:AlbumArt}
  580. </div>
  581. <span class="audioborder"></span>
  582. </div>
  583. {/block:AudioPlayer}
  584. {block:Caption}
  585. <figcaption class="caption caption-bg">
  586. {block:NotReblog}
  587. <div class="reblog-item">
  588. {Caption}
  589. </div>
  590. {/block:NotReblog}
  591. {block:RebloggedFrom}
  592. {block:Reblogs}
  593. <div class="reblog-item">
  594. <p class="tumblelog-name">
  595. {block:IsActive}
  596. <a href="{Permalink}" {Target}>{Username}:</a>
  597. {/block:IsActive}
  598. {block:IsDeactivated}
  599. {Username} <span class="deactivated">(deactivated)</span>:
  600. {/block:IsDeactivated}
  601. </p>
  602. <div class="tumblelog-body">{Body}</div>
  603. </div>
  604. {/block:Reblogs}
  605. {/block:RebloggedFrom}
  606. </figcaption>
  607. {/block:Caption}
  608. </figure>
  609. {/block:Audio}
  610.  
  611. {block:Answer}
  612. <div class="entry">
  613. <ul class="post-answer">
  614. <li>{Question}</li>
  615. <li>Asked {Asker}</li>
  616. {block:Answerer}
  617. <li>{Answer}</li>
  618. <li>Answered {Answerer}</li>
  619. {/block:Answerer}
  620. </ul>
  621. {block:NotReblog}
  622. {Replies}
  623. {/block:NotReblog}
  624. {block:RebloggedFrom}
  625. {block:Reblogs}
  626. <div class="reblog-item">
  627. <p class="tumblelog-name">
  628. {block:IsActive}
  629. <a href="{Permalink}" {Target}>{Username}:</a>
  630. {/block:IsActive}
  631. {block:IsDeactivated}
  632. {Username} <span class="deactivated">(deactivated)</span>:
  633. {/block:IsDeactivated}
  634. </p>
  635. <div class="tumblelog-body">{Body}</div>
  636. </div>
  637. {/block:Reblogs}
  638. {/block:RebloggedFrom}
  639. </div>
  640. {/block:Answer}
  641.  
  642. {block:Date}
  643. <footer class="post-foot caption-bg">
  644. <div class="post-info uppercase">
  645. <div class="post-timestamp">{TimeAgo}</div>
  646. <div class="post-source">
  647. <a href="{Permalink}" class="tooltip" title="Permalink">{NoteCountWithLabel}</a>
  648. <span class="hidden">
  649. {block:RebloggedFrom}
  650. // <a href="{ReblogParentURL}" class="tooltip" title="Reblogged via: {ReblogParentName}">Via</a>
  651. // <a href="{ReblogRootURL}" class="tooltip" title="Post origin: {ReblogRootName}">Org</a>
  652. {/block:RebloggedFrom}
  653. {block:ContentSource}
  654. // <a href="{SourceURL}" class="tooltip" title="Source: {SourceTitle}">Src</a>
  655. {/block:ContentSource}
  656. {block:Photo}
  657. // <a href="/image/{PostID}" class="tooltip" title="High Res" target="_blank">High Res</a>
  658. {/block:Photo}
  659. </span>
  660. </div>
  661. </div>
  662. {block:IndexPage}
  663. <ul class="post-buttons">
  664. <li class="tooltip" title="Like ?">
  665. {LikeButton size="20"}
  666. <span class="bx bx-heart"></span>
  667. </li>
  668. <li class="tooltip" title="Reblog ?">
  669. <a href="{ReblogURL}" target="_blank">
  670. <span class="bx bx-repost"></span>
  671. </a>
  672. </li>
  673. </ul>
  674. {/block:IndexPage}
  675. </footer>
  676. {/block:Date}
  677.  
  678. </section>
  679.  
  680. {block:HasTags}
  681. <section class="post-tags{block:IfNotShowPostTags} tags-hide{/block:IfNotShowPostTags} uppercase">
  682. {block:Tags}
  683. <a href="{TagURL}"># {Tag}</a>
  684. {/block:Tags}
  685. </section>
  686. {/block:HasTags}
  687.  
  688. {block:PostNotes}
  689. <section class="post-note caption-bg">
  690. {PostNotes}
  691. </section>
  692. {/block:PostNotes}
  693.  
  694. </article>
  695. {/block:Posts}
  696. </main>
  697.  
  698. {block:Pagination}
  699. <div id="pagination" class="uppercase">
  700. {block:IfNotInfiniteScroll}
  701. {block:PreviousPage}
  702. <a href="{PreviousPage}" title="Previous Page">{lang:Prev}</a>
  703. {/block:PreviousPage}
  704. {CurrentPage} of {TotalPages}
  705. {block:NextPage}
  706. <a href="{NextPage}" title="Next Page">{lang:Next}</a>
  707. {/block:NextPage}
  708. {/block:IfNotInfiniteScroll}
  709. {block:IfInfiniteScroll}
  710. {block:NextPage}
  711. <div id="ifntscroll">
  712. <a href="{NextPage}" id="next" style="display:none">{lang:Next}</a>
  713. <div class="page-load-status">
  714. <p class="infinite-scroll-request"><span class="bx bx-loader-alt bx-spin loader"></span></p>
  715. <p class="infinite-scroll-last">End of content.</p>
  716. <p class="infinite-scroll-error">Could not load posts.</p>
  717. </div>
  718. </div>
  719. {/block:NextPage}
  720. {/block:IfInfiniteScroll}
  721. </div>
  722. {/block:Pagination}
  723.  
  724. </div>
  725.  
  726.  
  727. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  728. <script src="https://static.tumblr.com/kmw8hta/1WKpaiuda/tooltipster.main.min.js"></script>
  729. <script src="https://static.tumblr.com/kmw8hta/heppglaoh/tooltipster-discovery.min.js"></script>
  730. <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
  731. <script src="https://static.tumblr.com/kmw8hta/Fh2pk761a/infinite-scroll.pkgd.min.js"></script>
  732. <script src="https://static.tumblr.com/kmw8hta/rVKpb21vn/pxuphotoset.min.js"></script>
  733. <script src="https://cdn.jsdelivr.net/gh/echxn/yeolithm@master/src/js/thm29.js"></script>
  734.  
  735.  
  736. <!--
  737. ==========================================================
  738.  
  739.  
  740. // Credits:
  741.  
  742. Boxicons
  743. - https://boxicons.com/
  744. - Copyright (c) Atisa
  745. - Licensed under the SIL OFL 1.1 & MIT license
  746.  
  747. Infinite Scroll
  748. - https://infinite-scroll.com
  749. - Copyright (c) Metafizzy (https://metafizzy.co)
  750. - Licensed under Infinite Scroll Commercial Developer License
  751.  
  752. Masonry
  753. - https://masonry.desandro.com
  754. - Copyright (c) 2018 David DeSandro
  755. - Licensed under the MIT license
  756.  
  757. PXU Photost Extended
  758. - https://github.com/pixelunion/Extended-Tumblr-Photoset
  759. - Copyright (c) 2013 Pixel Union
  760. - Licensed under the MIT license
  761.  
  762. Tooltipster
  763. - https://github.com/iamceege/tooltipster
  764. - Copyright (c) 2012,2016 Caleb Jacob and Louis Ameline
  765. - Licensed under the MIT license
  766.  
  767.  
  768. ==========================================================
  769. -->
  770.  
  771.  
  772. </body>
  773. </html>
Advertisement
Add Comment
Please, Sign In to add comment