API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 17th, 2019
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.  
  6. <!-- theme by spacetchi, Medusa Moxie
  7.  
  8. https://spacetchi.tumblr.com/
  9.  
  10. https://5ppi.tumblr.com/
  11.  
  12. https://tchi.space/
  13.  
  14. Do not steal! -->
  15.  
  16. <meta charset="utf-8">
  17.  
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. <meta name="viewport" content="width=device-width, initial-scale=1">
  22.  
  23. <title>{Title}</title>
  24.  
  25. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i,700,700i" rel="stylesheet">
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28.  
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. <!-- jquery -->
  32. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  33.  
  34. <!-- photoset stylesheet by pixelunion! -->
  35. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  36.  
  37. <meta name=""
  38.  
  39. <meta name="color:Background" content="#eee">
  40. <meta name="color:Text" content="#000718">
  41. <meta name="color:Cover" content="#2e2e2e">
  42. <meta name="color:Link" content="#222c7a">
  43. <meta name="color:Post Background" content="#fff">
  44. <meta name="color:Secondary Post Background" content="#eee">
  45. <meta name="color:Borders" content="#aaa">
  46.  
  47. <meta name="text:Pronoun" content="their">
  48.  
  49. <meta name="if:Show Name" content="1">
  50. <meta name="if:Repeat Background" content="1">
  51. <meta name="if:Repeat Cover" content="0">
  52. <meta name="if:Rounded Corners" content="1">
  53. <meta name="if:Infinite Scroll" content="1">
  54. <meta name="if:Show Tags" content="0">
  55. <meta name="if:Show Info" content="0">
  56.  
  57. <meta name="text:Info">
  58.  
  59. <meta name="image:Avatar" content="">
  60. <meta name="image:Background">
  61. <meta name="image:Cover">
  62.  
  63.  
  64. <meta name="text:link 1 URL" content="" />
  65. <meta name="text:link 1" content="" />
  66. <meta name="text:link 2 URL" content="" />
  67. <meta name="text:link 2" content="" />
  68. <meta name="text:link 3 URL" content="" />
  69. <meta name="text:link 3" content="" />
  70. <meta name="text:descri2" content="" />
  71. <meta name="text:titulo2" content="" />
  72. <meta name="text:titulo3" content="" />
  73.  
  74. </head>
  75.  
  76. <style>
  77.  
  78. /* general */
  79.  
  80. * {
  81. box-sizing:border-box;
  82. }
  83.  
  84. body {
  85. margin:0;
  86. padding:0;
  87. background:{color:Background} url('{image:Background}');
  88. background-position:center;
  89. background-attachment:fixed;
  90. background-repeat:no-repeat;
  91. background-size:cover;
  92. {block:IfRepeatBackground}
  93. background-repeat:repeat;
  94. background-size:auto;
  95. {/block:IfRepeatBackground}
  96. color:{color:Text};
  97. font-family:verdana;
  98. font-size:13px;
  99. word-wrap:break-word;
  100. }
  101.  
  102. a {
  103. color:{color:Link};
  104. text-decoration:none;
  105. }
  106.  
  107. a:hover {
  108. text-decoration:underline;
  109. }
  110.  
  111. img:not(.lightbox-image),
  112. iframe {
  113. max-width:100%;
  114. }
  115.  
  116. img {
  117. height:auto;
  118. }
  119.  
  120. #ask_form,
  121. #submit_form {
  122. display:block;
  123. }
  124.  
  125. blockquote {
  126. margin:0 0 0 1em;
  127. padding:0 0 0 1em;
  128. border-left:1px solid {color:Text};
  129. }
  130.  
  131. * > *:first-child {
  132. margin-top:0;
  133. }
  134.  
  135. * > *:last-child {
  136. margin-bottom:0;
  137. }
  138.  
  139. /* wrappers */
  140.  
  141. .wrapper {
  142. max-width:100%;
  143. width:542px;
  144. margin:0 auto;
  145. padding:0 10px;
  146.  
  147. }
  148.  
  149. /* header */
  150.  
  151. .top {
  152. position:relative;
  153. margin-bottom:15px;
  154. }
  155.  
  156. .cover {
  157. background:transparent;
  158. position:relative;
  159. background:{color:Cover} url('{image:Cover}');
  160. background-repeat:no-repeat;
  161. background-size:cover;
  162. {block:IfRepeatCover}
  163. background-repeat:repeat;
  164. background-size:auto;
  165. {/block:IfRepeatCover}
  166. height:315px;
  167. }
  168.  
  169. .sidebar,
  170. .top .avatar {
  171. display:none;
  172. }
  173.  
  174. .cover .name {
  175. position:absolute;
  176. padding:15px;
  177. left:0;
  178. bottom:0;
  179. max-width:100%;
  180. }
  181.  
  182. .cover a {
  183. color:white;
  184. }
  185.  
  186. .cover a:hover {
  187. text-decoration:none;
  188. }
  189.  
  190. h1.title {
  191. margin:0;
  192. text-shadow:1px 1px black;
  193. }
  194.  
  195. .username {
  196. margin:0;
  197. font-size: 20px;
  198. font-family: verdana;
  199. text-shadow:1px 1px black;
  200. }
  201.  
  202. .links {
  203. background:{color:Post Background};
  204. padding:0;
  205. text-align:center;
  206. border:1px solid {color:Borders};
  207. {block:IfRoundedCorners}
  208. border-radius:0 0 5px 5px;
  209. {/block:IfRoundedCorners}
  210. }
  211.  
  212. .links ul {
  213. margin:0;
  214. list-style-type:none;
  215. padding:12px 0;
  216. }
  217.  
  218. .links li {
  219. display:inline;
  220. padding:0 15px;
  221. }
  222.  
  223. .links li:not(:last-of-type) {
  224. border-right:1px solid {color:Borders};
  225. }
  226. .links ul li a {
  227. font-size: 13px;
  228. font-family: verdana;
  229. }
  230.  
  231. .post {
  232. position:relative;
  233. background:{color:Post Background};
  234. border:1px solid {color:Borders};
  235. {block:IfRoundedCorners}
  236. border-radius:5px;
  237. -webkit-border-radius:5px;
  238. -moz-border-radius:5px;
  239. {/block:IfRoundedCorners}
  240. margin-bottom:15px;
  241. }
  242.  
  243. .post-main {
  244. max-width:100%;
  245. padding:10px;
  246. }
  247.  
  248. .post-header {
  249. margin-bottom:10px;
  250. }
  251.  
  252. .post-header .avatar {
  253. height:40px;
  254. width:40px;
  255. display:block;
  256. float:left;
  257. margin-right:10px;
  258. }
  259.  
  260. .post-content {
  261. line-height:1.8;
  262. }
  263.  
  264. .post-info {
  265. display:inline;
  266. font-size:12px;
  267. }
  268.  
  269. .post-info a {
  270. font-weight:bold;
  271. }
  272.  
  273. h2.title {
  274. margin-top:0;
  275. font-size: 1.2em;
  276. }
  277.  
  278. h2.title a {
  279. text-decoration:none;
  280. }
  281.  
  282. .media img {
  283. display:block;
  284. width:100%;
  285. cursor:pointer;
  286. }
  287.  
  288. .media iframe {
  289. display:block;
  290. }
  291.  
  292. .caption {
  293. margin-top:10px;
  294. }
  295.  
  296. .quote {
  297. margin:0;
  298. font-size:13px;
  299. }
  300.  
  301. .quote.medium {
  302. font-size:13px;
  303. }
  304.  
  305. .quote.long {
  306. font-size:13px;
  307. }
  308.  
  309. .chat .name {
  310. font-weight:700;
  311. }
  312.  
  313. .question-container {
  314. padding:10px;
  315. border:1px solid {color:Borders};
  316. margin-bottom:10px;
  317. }
  318.  
  319. .asker a,
  320. .question {
  321. font-weight:700;
  322. }
  323.  
  324. a.link {
  325. display:block;
  326. position:relative;
  327. border:1px solid {color:Borders};
  328. }
  329.  
  330. a.link:hover {
  331. text-decoration:none;
  332. }
  333.  
  334. a.link .link-text {
  335. font-size:12px;
  336. padding:10px;
  337. overflow:hidden;
  338. }
  339.  
  340. .has-excerpt .link-text {
  341. height:150px;
  342. position:absolute;
  343. left:150px;
  344. }
  345.  
  346. .link-text h2 {
  347. margin-top:0;
  348. font-size:1.2em;
  349. }
  350.  
  351. .link-img {
  352. height:150px;
  353. width:150px;
  354. }
  355.  
  356. .excerpt {
  357. display:inline;
  358. }
  359.  
  360. .post-footer {
  361. padding-top:8px;
  362. margin-top:10px;
  363. text-align: right;
  364. border-top:1px solid {color:Borders};
  365. }
  366.  
  367. .post-footer ul {
  368. list-style-type:none;
  369. margin:0;
  370. padding:0;
  371. }
  372.  
  373. .post-footer ul li {
  374. display:inline-block;
  375. padding-right:5px;
  376. font-size:11px;
  377. }
  378.  
  379. /* permalink page */
  380.  
  381. .comments {
  382. background:{color:Secondary Post Background};
  383. {block:IfRoundedCorners}
  384. border-radius:0 0 5px 5px;
  385. {/block:IfRoundedCorners}
  386. }
  387.  
  388. .tags {
  389. border-top:1px solid {color:Borders};
  390. padding:10px;
  391. }
  392.  
  393. .post-notes {
  394. padding:0 10px;
  395. border-top:1px solid {color:Borders};
  396. }
  397.  
  398. ol.notes {
  399. list-style-type:none;
  400. margin:0;
  401. font-size:10px;
  402. padding:10px 0;
  403.  
  404. }
  405.  
  406. ol.notes li:not(:first-of-type) {
  407. margin-top:10px;
  408. }
  409.  
  410.  
  411. ol.notes img {
  412. display:inline;
  413. margin-right:5px;
  414. vertical-align:bottom;
  415. }
  416.  
  417. ol.notes blockquote {
  418. margin-top:10px;
  419. }
  420.  
  421. ol.notes blockquote a {
  422. text-decoration:none;
  423. }
  424.  
  425. /* navigation */
  426.  
  427. .pagination {
  428. margin:20px 0;
  429. text-align:center;
  430. {block:IfInfiniteScroll}
  431. {block:IndexPage}
  432. visibility:hidden;
  433. {/block:IndexPage}
  434. {/block:IfInfiniteScroll}
  435. }
  436.  
  437. .pagination * {
  438. background:{color:Post Background};
  439. padding:5px 10px;
  440. {block:IfInfiniteScroll}
  441. {block:IndexPage}
  442. height:0;
  443. {/block:IndexPage}
  444. {/block:IfInfiniteScroll}
  445. border:1px solid {color:Borders};
  446. }
  447.  
  448. /* responsive */
  449.  
  450. @media (min-width: 860px) {
  451. .wrapper {
  452. width:829px;
  453. margin:0 auto;
  454. padding:0;
  455. }
  456. .content {
  457. float:right;
  458. }
  459.  
  460. .top .avatar {
  461. width: 140px;
  462. display:block;
  463. background:{color:Post Background};
  464. {block:IfRoundedCorners}
  465. border-radius:4px;
  466. {/block:IfRoundedCorners}
  467. padding:5px;
  468. position:absolute;
  469. bottom:-25px;
  470. left:15px;
  471. border:1px solid {color:Borders};
  472. }
  473. .avatar img {
  474. display:block;
  475. }
  476. .cover .name {
  477. left:155px;
  478. }
  479. .links {
  480. padding:0 0 0 155px;
  481. text-align:left;
  482. }
  483.  
  484. .sidebar {
  485. display:block;
  486. width:292px;
  487. background:{color:Post Background};
  488. float:left;
  489. padding:10px;
  490. border:1px solid {color:Borders};
  491. {block:IfRoundedCorners}
  492. border-radius:5px;
  493. {/block:IfRoundedCorners}
  494. position:relative;
  495. }
  496. .description {
  497. {block:IfShowInfo}
  498. padding-bottom:10px;
  499. {/block:IfShowInfo}
  500. }
  501. .info {
  502. border-top:1px solid {color:Borders};
  503. padding-top:10px;
  504. }
  505. .post {
  506. width:522px;
  507. }
  508.  
  509. }
  510. /* clearfix */
  511.  
  512. .clearfix {
  513. overflow:auto;
  514. }
  515.  
  516. </style>
  517.  
  518. <body>
  519.  
  520. <div class="wrapper">
  521.  
  522. <header class="top">
  523.  
  524. <div class="cover">
  525.  
  526. <div class="avatar"><a href="{BlogURL}"><img src="{image:Avatar}"></a></div>
  527. {block:IfShowName}
  528. <div class="name">
  529. <h1 class="title"><a href="{BlogURL}">{text:titulo3}</a></h1>
  530. <p class="username"><a href="{BlogURL}">({Name})</a></p>
  531. </div><!-- name -->
  532. {/block:IfShowName}
  533.  
  534. </div><!-- cover -->
  535.  
  536. <nav class="links">
  537. <ul>
  538. {block:ifLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li> {/block:ifLink1}
  539. {block:ifLink2}<li><a href="{text:Link 2 URL}">{text:Link 2}</a></li> {/block:ifLink2}
  540. {block:ifLink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li> {/block:ifLink3}
  541. </ul>
  542. </nav>
  543.  
  544. </header>
  545.  
  546. <div class="container clearfix">
  547.  
  548. <aside class="sidebar" id="sidebar">
  549.  
  550. <h2 class="title">{text:titulo2}</h2>
  551.  
  552. <div class="description">
  553. {text:descri2}
  554. </div>
  555.  
  556. {block:IfShowInfo}
  557. <div class="info">
  558. {text:Info}
  559. </div>
  560. {/block:IfShowInfo}
  561.  
  562. </aside><!-- sidebar -->
  563.  
  564. <main class="content" id="content">
  565.  
  566. {block:Posts}
  567.  
  568. <article class="post" id="{PostID}">
  569.  
  570. <div class="post-main">
  571.  
  572. {block:Date}
  573.  
  574. <header class="post-header clearfix">
  575.  
  576. <div class="avatar">
  577. <a href="
  578. {block:RebloggedFrom}{ReblogParentURL}{/block:RebloggedFrom}
  579. {block:NotReblog}{BlogURL}{/block:NotReblog}">
  580. <img src="
  581. {block:RebloggedFrom}{ReblogParentPortraitURL-40}{/block:RebloggedFrom}
  582. {block:NotReblog}{PortraitURL-40}{/block:NotReblog}">
  583. </a>
  584. </div>
  585.  
  586. <div class="post-info">
  587.  
  588. {block:RebloggedFrom} reblogged a post from
  589. <a href="{ReblogParentURL}">{ReblogParentName}</a>.
  590. {/block:RebloggedFrom}
  591.  
  592. {block:NotReblog}
  593.  
  594. {block:Chat}
  595. updated {text:Pronoun} status.
  596. {/block:Chat}
  597. {block:Text}
  598. updated {text:Pronoun} status.
  599. {/block:Text}
  600. {block:Quote}
  601. updated {text:Pronoun} status.
  602. {/block:Quote}
  603. {block:Photo}
  604. added a photo.
  605. {/block:Photo}
  606. {block:Photoset}
  607. created an album.
  608. {/block:Photoset}
  609. {block:Video}
  610. added a video.
  611. {/block:Video}
  612. {block:Audio}
  613. added an audio file.
  614. {/block:Audio}
  615. {block:Link}
  616. shared a link.
  617. {/block:Link}
  618. {block:Answer}
  619. answered a question.
  620. {/block:Answer}
  621.  
  622. {/block:NotReblog}
  623.  
  624. <br>
  625. <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>
  626.  
  627. </div><!-- post-info -->
  628.  
  629. </header>
  630.  
  631. {/block:Date}
  632.  
  633. <div class="post-content">
  634.  
  635. {block:Text}
  636.  
  637. {block:Title}
  638. <h2 class="title">{Title}</h2>
  639. {/block:Title}
  640.  
  641. {Body}
  642.  
  643. {/block:Text}
  644.  
  645. {block:Photo}
  646.  
  647. <div class="media make_lightbox"
  648. data-width="{PhotoWidth-HighRes}"
  649. data-height="{PhotoHeight-HighRes}"
  650. data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}">
  651. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="photoset-img"/>
  652. </div>
  653.  
  654.  
  655. {/block:Photo}
  656.  
  657. {block:Photoset}
  658.  
  659. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  660.  
  661. {block:Photos}
  662.  
  663. <div class="media photo-data">
  664.  
  665. <div class="pxu-photo">
  666. <img alt="{PhotoAlt}"
  667. src="{PhotoURL-500}"
  668. width="{PhotoWidth-500}"
  669. height="{PhotoHeight-500}"
  670. data-highres="{PhotoURL-HighRes}"
  671. data-width="{PhotoWidth-HighRes}"
  672. data-height="{PhotoHeight-HighRes}"
  673. class="{block:Exif}exif-yes{/block:Exif} {block:Caption}{/block:Caption}"{block:Exif}
  674. data-camera="{block:Camera}{Camera}{/block:Camera}"
  675. data-iso="{block:ISO}{ISO}{/block:ISO}"
  676. data-aperture="{block:Aperture}{Aperture}{/block:Aperture}"
  677. data-exposure="{block:Exposure}{Exposure}{/block:Exposure}"
  678. data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}
  679. data-caption=""{/block:Caption} />
  680. </div><!-- pxu-photo -->
  681.  
  682. <div class="icons">
  683. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  684. <span class="zoom"></span>
  685. </a>
  686. </div><!-- icons -->
  687.  
  688. </div><!-- photo-data -->
  689.  
  690. {/block:Photos}
  691.  
  692. </div><!-- photo-slidshow -->
  693.  
  694.  
  695. {/block:Photoset}
  696.  
  697. {block:Quote}
  698.  
  699. <p class="quote {Length}">“{Quote}”</p>
  700. {block:Source}
  701. <p class="source">&mdash; {Source}</p>
  702. {/block:Source}
  703.  
  704. {/block:Quote}
  705.  
  706. {block:Link}
  707.  
  708. <a href="{URL}" class="link {block:Thumbnail}has-excerpt{/block:Thumbnail}">
  709. <div class="link-text">
  710. <h2>{Name}</h2>
  711. <div class="excerpt">{Excerpt}</div>
  712. </div><!-- link-text -->
  713.  
  714. {block:Thumbnail}
  715. <div class="link-img" style="background:url('{Thumbnail}'); background-size:cover"></div>
  716. {/block:Thumbnail}
  717. </a><!-- link -->
  718.  
  719. {block:Description}
  720. <div class="caption">{Description}</div>
  721. {/block:Description}
  722.  
  723. {/block:Link}
  724.  
  725. {block:Chat}
  726.  
  727. {block:Title}
  728. <h2 class="title">{Title}</h2>
  729. {/block:Title}
  730.  
  731. <div class="chat">
  732. <p>
  733. {block:Lines}
  734. <div class="{Alt} user_{UserNumber}">
  735. {block:Label}<span class="name">{Label}</span>{/block:Label}&nbsp;{Line}
  736. </div>
  737. {/block:Lines}
  738. </p>
  739. </div><!-- chat -->
  740.  
  741. {/block:Chat}
  742.  
  743. {block:Video}
  744.  
  745. <div class="media video">{Video-500}</div>
  746. {block:Caption}
  747. <div class="caption"></div>
  748. {/block:Caption}
  749.  
  750. {/block:Video}
  751.  
  752. {block:Audio}
  753.  
  754. <div class="media audio">
  755. {block:AudioEmbed}
  756. {AudioEmbed color="white"}
  757. {/block:AudioEmbed}
  758. </div><!-- audio -->
  759.  
  760. {block:Caption}
  761. <div class="caption"></div>
  762. {/block:Caption}
  763.  
  764. {/block:Audio}
  765.  
  766. {block:Answer}
  767.  
  768. <div class="question-container">
  769. <span class="asker">{Asker}:</span><br />
  770. <span class="question">{Question}</span>
  771. </div><!-- question-container -->
  772.  
  773. {block:Answerer}
  774. <div class="answerer">{Answerer}</div>
  775. {/block:Answerer}
  776.  
  777. <div class="answer">{Answer}</div>
  778.  
  779. {/block:Answer}
  780.  
  781. </div><!-- post-content -->
  782.  
  783. {block:Date}
  784. <footer class="post-footer">
  785. <ul>
  786. <a href="{ReblogURL}" target="_blank">reblog</a>
  787. </ul>
  788. </footer><!-- post-footer -->
  789. {/block:Date}
  790.  
  791. </div><!-- post-main -->
  792.  
  793. {block:IndexPage}
  794. {block:IfShowTags}
  795. <div class="comments">
  796.  
  797. {block:HasTags}
  798. <div class="tags">
  799. {block:Tags}
  800. <a href="{TagURL}">#{Tag}</a>
  801. {/block:Tags}
  802. </div><!-- tags -->
  803. {/block:HasTags}
  804.  
  805. </div><!-- comments -->
  806. {/block:IfShowTags}
  807. {/block:IndexPage}
  808.  
  809. {block:PermalinkPage}
  810.  
  811. <div class="comments">
  812.  
  813. {block:HasTags}
  814. <div class="tags">
  815. {block:Tags}
  816. <a href="{TagURL}">#{Tag}</a>
  817. {/block:Tags}
  818. </div><!-- tags -->
  819. {/block:HasTags}
  820.  
  821.  
  822. {block:NoteCount}
  823. {block:PostNotes}
  824. <div class="post-notes">{PostNotes}</div>
  825. {/block:PostNotes}
  826. {/block:NoteCount}
  827.  
  828. </div><!-- comments -->
  829.  
  830. {/block:PermalinkPage}
  831.  
  832. </article>
  833. <div class="sources">{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  834. {/block:Posts}
  835.  
  836. {block:Pagination}
  837. <nav class="pagination" id="pagination">
  838.  
  839. {block:PreviousPage}
  840. <a class="back" id= "back" href="{PreviousPage}">back</a>
  841. {/block:PreviousPage}
  842. {block:JumpPagination length="3"}
  843. {block:CurrentPage}
  844. <span class="current">{PageNumber}</span>
  845. {/block:CurrentPage}
  846. {block:JumpPage}
  847. <a class="jump" href="{URL}">{PageNumber}</a>
  848. {/block:JumpPage}
  849. {/block:JumpPagination}
  850. {block:NextPage}
  851. <a class="next" id="next" href="{NextPage}">next</a>
  852. {/block:NextPage}
  853.  
  854. </nav>
  855. {/block:Pagination}
  856.  
  857. {block:PermalinkPagination}
  858. <nav class="pagination">
  859.  
  860. {block:PreviousPost}
  861. <a class="back" href="{PreviousPost}">Previous Post</a>
  862. {/block:PreviousPost}
  863.  
  864. {block:NextPost}
  865. <a class="next" href="{NextPost}">Next Post</a>
  866. {/block:NextPost}
  867.  
  868. </nav>
  869. {/block:PermalinkPagination}
  870.  
  871. </main>
  872.  
  873. </div><!-- container -->
  874.  
  875. </div><!-- wrapper -->
  876.  
  877. <script type="text/javascript" src="https://static.tumblr.com/cqfswrg/1xXo902k0/jquery_photoset.js"></script><!-- pxu-photoset script-->
  878.  
  879. <script type="text/javascript" src="https://static.tumblr.com/cqfswrg/tr3odz0m5/jquery_sticky-sidebar.js"></script><!-- stickykit -->
  880.  
  881. {block:IfInfiniteScroll}
  882. <script type="text/javascript" src="https://static.tumblr.com/cqfswrg/k0bodz8wo/jquery_infinite-scroll.js"></script><!-- infinite scroll script -->
  883. {/block:IfInfiniteScroll}
  884.  
  885. <script type="text/javascript">
  886. $(document).ready(function() {
  887. var $child = $("#sidebar");
  888. $child.parent().css("min-height", $child.outerHeight());
  889. $child.stick_in_parent({
  890. "offset_top": 15
  891. });
  892. });
  893. </script>
  894.  
  895. <script type="text/javascript">
  896.  
  897. $(document).ready(function() {
  898. $('.photo-slideshow').pxuPhotoset({
  899. 'gutter' : '10px',
  900. 'rounded' : 'false',
  901. }, function() {
  902. // callback
  903. });
  904. });
  905.  
  906. </script>
  907.  
  908. <script type="text/javascript">
  909.  
  910. function callLightbox() {
  911.  
  912. $('.make_lightbox').each(function(){
  913. $(this).on('click',function(){
  914. var lbArray = [];
  915. var arrayContents = {
  916. "width":$(this).data('width'),
  917. "height":$(this).data('height'),
  918. "low_res":$(this).data("lowres"),
  919. "high_res":$(this).data('highres')
  920. };
  921. lbArray.push(arrayContents);
  922. Tumblr.Lightbox.init(lbArray,1);
  923. $('body').toggleClass('tumblr_lightbox_active');
  924. });
  925. });
  926.  
  927. }
  928.  
  929. $(document).ready(function(){
  930.  
  931. callLightbox();
  932.  
  933. });
  934.  
  935. </script>
  936.  
  937. {block:IfInfiniteScroll}
  938. {block:IndexPage}
  939. <script type="text/javascript">
  940.  
  941. $(document).ready(function() {
  942.  
  943. $('#content').infinitescroll({
  944.  
  945. navSelector : "#pagination",
  946. // selector for the paged navigation (it will be hidden)
  947. nextSelector : "a#next",
  948. // selector for the NEXT link (to page 2)
  949. itemSelector : "article",
  950. // selector for all items you'll retrieve
  951. loading : {
  952. msgText: "Loading..."
  953. }
  954.  
  955. }, function( newElements ) {
  956. //photoset callback
  957. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  958. lightbox:"true",
  959. rounded:"false",
  960. borderRadius: '0px',
  961. gutter:'10px',
  962. photoset:'.photo-slideshow',
  963. photoWrap:'.photo-data',
  964. photo:'.pxu-photo'
  965. });
  966.  
  967. //lightbox callback
  968. callLightbox();
  969.  
  970. //like button callback
  971. var $newElems = $(newElements);
  972. var $newElemsIDs = $newElems.map(function(){
  973. return this.id;
  974. }).get();
  975. console.log($newElems, $newElemsIDs);
  976. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  977.  
  978. });
  979. });
  980.  
  981. </script>
  982. {/block:IndexPage}
  983. {/block:IfInfiniteScroll}
  984.  
  985. </body>
  986.  
  987. </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!