HTML Code

1. <!
DOCTYPE html>
2. <html>
3. <head>
4. <meta charset="utf-8">
5.
6. {block:Description}
7. <meta name="description" content="{MetaDescription}" />
8. {/block:Description}
9. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
10.
11. 
14.
15. <title>{block:TagPage}{Tag} posts - {/block:TagPage}{block:PostSummary}{PostSummary} -
{/block:PostSummary}{Title}</title>
16.
17. <link rel="shortcut icon" href="{Favicon}">
18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
19.
20. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/nxwjyyg/y6eon9oog/style.css">
21.
22. {block:IfGoogleFonts}
23. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family={text:Google
Fonts}:400,400italic,700,700italic">
24. {/block:IfGoogleFonts}
25.
26. {block:Hidden}
27. 
28. <meta name="font:Font" content="Times">
29. <meta name="text:Google Fonts" content="Times">
30. <meta name="if:Google Fonts" content="1">
31. 
32. <meta name="color:Body Text" content="#000">
33. <meta name="color:Background" content="#FFF">
34. 
35. <meta name="if:Show Archive" content="1">
36. <meta name="if:Center Text" content="0">
37. <meta name="if:Show Logo" content="0">
38. <meta name="if:Sticky Logo" content="0">
39. <meta name="if:Show Title" content="1">
40. <meta name="if:Sticky Title" content="1">
41. <meta name="if:Show Description" content="1">
42. <meta name="if:Sticky Description" content="0">
43. <meta name="if:Show Share Button" content="1">
44. <meta name="if:Show Like Button" content="1">
45. <meta name="if:Show Reblog Button" content="1">
46. <meta name="if:Show Date" content="1">
47. <meta name="if:Show Notes" content="1">
48. <meta name="if:Show Tags" content="1">
49. <meta name="if:Hide Source" content="1">
50. <meta name="if:Show Large Images" content="0">
51.
52. 
53. <meta name="text:Twitter URL" content="">
54. <meta name="text:Facebook URL" content="">
55. <meta name="text:Instagram URL" content="">
56. <meta name="text:Google Plus URL" content="">
57. <meta name="text:Pinterest URL" content="">
58. <meta name="text:LinkedIn URL" content="">
59. <meta name="text:Dribbble URL" content="">
60. <meta name="text:Flickr URL" content="">
61. <meta name="text:Vimeo URL" content="">
62. <meta name="text:StumbleUpon URL" content="">
63. <meta name="text:LastFM URL" content="">
64. <meta name="text:Spotify URL" content="">
65. <meta name="text:Skype URL" content="">
66. <meta name="text:Github URL" content="">
67. <meta name="text:Weibo URL" content="">
68. <meta name="text:Soundcloud URL" content="">
69. <meta name="text:Behance URL" content="">
70. <meta name="text:VK URL" content="">
71. <meta name="text:Renren URL" content="">
72. {/block:Hidden}
73.
74. <style>
75. img {
76. margin: 0 auto;
77. }
78.
79. body {
80. font-family: {font:Font}, Times;
81. font-size: 14px;
82. color: {color:Body Text};
83. position: relative;
84. line-height: 24px;
85. line-height: 2.3em;
86. background: {color:Background};
87.
88. }
89.
90. .bottom__copyright a:after {
91. background: {color:Body Text};
92. }
93.
94. body.has-google-fonts {
95. font-family: {text:Times}, Times;
96. }
97.
98. .icon-heart,
99. .like_text,
100. a{
102. opacity: 1.0;
103. }
104.
105. .like_button:hover + .like_text {
106. opacity: 1;
107. }
108.
109. h1.title a {
110. line-height: 14px;
111. line-height: 4em;
113. }
114.
115. .hamburger { color:{color:Body Text}; }
116.
117. {CustomCSS}
118. iframe {display:none !important;}</style>
119. </head>
120. <body class="
121. {block:IfGoogleFonts} has-google-fonts{/block:IfGoogleFonts}
122. {block:IndexPage} page-index{/block:IndexPage}
123. {block:IfCenterText} has-center-text{/block:IfCenterText}
124. {block:IfShowLogo}{block:IfStickyLogo} sticky-logo{/block:IfStickyLogo}{/block:IfShowLogo}
125. {block:IfShowTitle}{block:IfStickyTitle} sticky-title{/block:IfStickyTitle}{/block:IfShowTitle}
126. {block:IfShowDescription}{block:IfStickyDescription} sticky-
description{/block:IfStickyDescription}{/block:IfShowDescription}
127. {block:PermalinkPage} page-permalink{/block:PermalinkPage}
128. {block:IfShowLogo}avatar-style-{AvatarShape}{/block:IfShowLogo}
129. {block:PermalinkPage}{block:Photoset} page-photoset{/block:Photoset}{/block:PermalinkPage}
130. ">
131.
132. <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="header"
transform="translate(1.000000, 1.000000)"><g id="1"><g id="Calque_1"><g id="Group"><polyline id="Shape"
stroke="#231F20" stroke-width="1.57" fill="#FFDB74" points="47 9.59 37.14 9.59 34.19 7.05 37.21 0.9 60.29 0.71 62.99
3.85 62.99 9.59 53.13 9.59 53.13 34.96 47 34.96 43.59 32.03"/><path d="M18.57 2.56C27.07 2.56 34.65 8.75 34.65 18.8
34.65 28.81 27.07 34.99 18.57 34.99 10.12 34.99 2.54 28.81 2.54 18.8 2.54 8.75 10.12 2.56 18.57 2.56L18.57
2.56ZM18.57 29.11C23.42 29.11 28.35 25.78 28.35 18.76 28.35 11.73 23.42 8.4 18.57 8.4 13.77 8.4 8.84 11.73 8.84
18.76 8.84 25.78 13.77 29.11 18.57 29.11L18.57 29.11Z" id="Shape" fill="#B4C3E7"/><path d="M18.57 2.56C27.07 2.56
34.65 8.75 34.65 18.8 34.65 28.81 27.07 34.99 18.57 34.99 10.12 34.99 2.54 28.81 2.54 18.8 2.54 8.75 10.12 2.56 18.57
2.56L18.57 2.56ZM18.57 29.11C23.42 29.11 28.35 25.78 28.35 18.76 28.35 11.73 23.42 8.4 18.57 8.4 13.77 8.4 8.84
11.73 8.84 18.76 8.84 25.78 13.77 29.11 18.57 29.11L18.57 29.11Z" id="Shape" stroke="#231F20" stroke-
width="1.57"/><polygon id="Shape" stroke="#231F20" stroke-width="1.57" fill="#F99F9F" points="49.98 6.46 49.98 31.83
43.86 31.83 43.86 6.46 33.99 6.46 33.99 0.71 59.84 0.71 59.84 6.46"/><path d="M16.06 0.05C24.56 0.05 32.13 6.24
32.13 16.29 32.13 26.3 24.56 32.49 16.06 32.49 7.6 32.49 0.03 26.3 0.03 16.29 0.03 6.24 7.6 0.05 16.06 0.05L16.06
0.05ZM16.06 26.6C20.9 26.6 25.83 23.27 25.83 16.25 25.83 9.22 20.9 5.89 16.06 5.89 11.26 5.89 6.32 9.22 6.32 16.25
6.32 23.27 11.26 26.6 16.06 26.6L16.06 26.6Z" id="Shape" fill="#A6E7E2"/><path d="M16.06 0.05C24.56 0.05 32.13 6.24
32.13 16.29 32.13 26.3 24.56 32.49 16.06 32.49 7.6 32.49 0.03 26.3 0.03 16.29 0.03 6.24 7.6 0.05 16.06 0.05L16.06
0.05ZM16.06 26.6C20.9 26.6 25.83 23.27 25.83 16.25 25.83 9.22 20.9 5.89 16.06 5.89 11.26 5.89 6.32 9.22 6.32 16.25
6.32 23.27 11.26 26.6 16.06 26.6L16.06 26.6Z" id="Shape" stroke="#231F20" stroke-
width="1.57"/></g></g></g></g></g></svg>
133. </div>
134. </div>
135.
136. <section id="wrapper" class="wrapper">
137. {block:PermalinkPage}
138. <div class="blog-title-wrapper content">
139. <h1 class="blog-title">
140. <a href="/" class="back_button">←</a>
141. </h1>
142. </div>
143. {/block:PermalinkPage}
144.
145. {block:IndexPage}
146. {block:IfShowLogo}
147. <div class="header-avatar">
148. <img class="user-avatar hero" src="{PortraitURL-128}"/>
149. </div>
150. {/block:IfShowLogo}
151.
152. {block:IfShowTitle}
153. <h1 class="head-title hero"><a href="/" title="{lang:Home}">{Title}</a></h1>
154. {/block:IfShowTitle}
155.
156. {block:IfShowDescription}
158. <p class="header-desc hero">{Description}</p>
160. {/block:IfShowDescription}
161.
162. 
163. <nav class="header">
164. <h1 class="blog-title">
165.
166.
167. <a href="XXXXX">XXXXX</a>
168.
169.
170.
171.
172. </button>
173. <ul class="nav">
174. {block:HasPages}
175. {block:Pages}
176. <li>
177. <a href="{URL}" class="nav-item">{Label}</a>
178. </li>
179. {/block:Pages}
180. {/block:HasPages}
181. {block:IfShowArchive}
182. <li>
183. <a href="/archive" class="nav-item">{lang:Archive}</a>
184. </li>
185. {/block:IfShowArchive}
186. {block:SubmissionsEnabled}
187. <li>
188. <a href="/submit" class="nav-item">{SubmitLabel}</a>
189. </li>
190. {/block:SubmissionsEnabled}
191. {block:AskEnabled}
192. <li>
193. <a href="/ask" class="nav-item">{AskLabel}</a>
194. </li>
195. {/block:AskEnabled}
196. {block:IfGithubURL}
197. <li>
198. <a href="{text:Github URL}" class="nav-item">Github</a>
199. </li>
200. {/block:IfGithubURL}
201. {block:IfFlickrURL}
202. <li>
203. <a href="{text:Flickr URL}" class="nav-item">Flickr</a>
204. </li>
205. {/block:IfFlickrURL}
206. {block:IfVimeoURL}
207. <li>
208. <a href="{text:Vimeo URL}" class="nav-item">Vimeo</a>
209. </li>
210. {/block:IfVimeoURL}
211. {block:IfTwitterURL}
212. <li>
213. <a href="{text:Twitter URL}" class="nav-item">Twitter</a>
214. </li>
215. {/block:IfTwitterURL}
216. {block:IfFacebookURL}
217. <li>
218. <a href="{text:Facebook URL}" class="nav-item">XXX</a>
219. </li>
220. {/block:IfFacebookURL}
221. {block:IfGooglePlusURL}
222. <li>
223. <a href="{text:Google Plus URL}" class="nav-item">Google Plus</a>
224. </li>
225. {/block:IfGooglePlusURL}
226. {block:IfPinterestURL}
227. <li>
228. <a href="{text:Pinterest URL}" class="nav-item">Pinterest</a>
229. </li>
230. {/block:IfPinterestURL}
231. {block:IfLinkedInURL}
232. <li>
233. <a href="{text:LinkedIn URL}" class="nav-item">Linkedin</a>
234. </li>
235. {/block:IfLinkedInURL}
236. {block:IfDribbbleURL}
237. <li>
238. <a href="{text:Dribbble URL}" class="nav-item">Dribbble</a>
239. </li>
240. {/block:IfDribbbleURL}
241. {block:IfStumbleUponURL}
242. <li>
243. <a href="{text:StumbleUpon URL}" class="nav-item">StumbleUpon</a>
244. </li>
245. {/block:IfStumbleUponURL}
246. {block:IfLastFMURL}
247. <li>
248. <a href="{text:LastFM URL}" class="nav-item">LastFM</a>
249. </li>
250. {/block:IfLastFMURL}
251. {block:IfSpotifyURL}
252. <li>
253. <a href="{text:Spotify URL}" class="nav-item">Spotify</a>
254. </li>
255. {/block:IfSpotifyURL}
256. {block:IfInstagramURL}
257. <li>
258. <a href="{text:Instagram URL}" class="nav-item">Instagram</a>
259. </li>
260. {/block:IfInstagramURL}
261. {block:IfSkypeURL}
262. <li>
263. <a href="{text:Skype URL}" class="nav-item">Skype</a>
264. </li>
265. {/block:IfSkypeURL}
266. {block:RenrenURL}
267. <li>
268. <a href="{text:Renren URL}" class="nav-item">Renren</a>
269. </li>
270. {/block:RenrenURL}
271. {block:IfWeiboURL}
272. <li>
273. <a href="{text:Weibo URL}" class="nav-item">Weibo</a>
274. </li>
275. {/block:IfWeiboURL}
276. {block:IfSoundcloudURL}
277. <li>
278. <a href="{text:Soundcloud URL}" class="nav-item">Soundcloud</a>
279. </li>
280. {/block:IfSoundcloudURL}
281. {block:IfBehanceURL}
282. <li>
283. <a href="{text:Behance URL}" class="nav-item">Behance</a>
284. </li>
285. {/block:IfBehanceURL}
286. {block:IfVKURL}
287. <li>
288. <a href="{text:VK URL}" class="nav-item">VK</a>
289. </li>
290. {/block:IfVKURL}
291. </ul>
292. </nav>
293. {/block:IndexPage}
294.
295. 
296. <div id="content">
297.
298. {block:Posts}
299. <article>
300. 
301. {block:Text}
302. <div class="text container">
303. {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
304. {Body}
305.
306. {/block:Text}
307.
308. {block:Photo}
309. <div class="photo">
310. <div class="container-l
311. {block:IfShowLargeImages} feature-has-large-images{/block:IfShowLargeImages}
312. ">
314.
316. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
318. {LinkCloseTag}
320. </div>
321. <div class="container">
322. {block:Caption}{Caption}{/block:Caption}
323. </div>
324.
325. {/block:Photo}
326.
327. {block:Photoset}
328. <div class="photoset">
331. ">
332. {Photoset}
333. </div>
336. </div>
337.
338. {/block:Photoset}
339.
340. {block:Panorama}
341. <div class="panorama">
344. ">
346. <a href="{Permalink}">
347. <span href="{LinkURL}">
349. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
351. </span>
352. </a>
354. </div>
357. </div>
358.
359. {/block:Panorama}
360.
361. {block:Quote}
362. <div class="quote container">
363. <blockquote>{Quote}</blockquote>
364. {block:Source}<cite> — {Source} </cite>{/block:Source}
365.
366. {/block:Quote}
367.
368. {block:Link}
369. <div class="link container">
370. <h1 class="title"><a href="{URL}">{Name} </a></h1>
371. {block:Description}{Description}{/block:Description}
372.
373. {/block:Link}
374.
375. {block:Chat}
376. <div class="chat container">
377. <ul>
378. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line}
</p></li>{/block:Lines}
379. </ul>
380.
381. {/block:Chat}
382.
383. {block:Audio}
384. <div class="audio container">
385.
386.
387. {block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}
388. <div class="player">{AudioPlayerBlack}</div>
390.
391. {/block:Audio}
392.
393. {block:Video}
394. <div class="video container">
395. <div class="video-player">{Video-500}</div>
397.
398. {/block:Video}
399.
400. {block:Answer}
401. <div class="answer container">
402. <h1 class="title">{Question}</h1>
403. <div class="user">
404. <img src="{AskerPortraitURL-96}"/>
405. <p>{Asker}</p>
406. </div>
407.
408. {Answer}
409. {/block:Answer}
410. </div>
411. {block:Date}
412. <footer class="post__footer container">
413. {block:IfShowShareButton}
414. <div class="social">
415. <span class="share__text">Share on </span>
416. <a href="http://www.facebook.com/sharer.php?u={ShortURL}">Facebook</a>,
417. <a href="http://www.twitter.com/share?url={ShortURL}">Twitter</a>
418. </div>
419. {/block:IfShowShareButton}
420. <div class="metadata">
421. <ul class="post__buttons">
422. {block:IfShowLikeButton}
423. <li class="custom-like-button">
424. <div class="button custom-like-button like-button">
425. {LikeButton}
426. <span class="like_text ">
427. Like
428. </span>
429. <span class="like_text like_text--liked ">
430. Liked
431. </span>
432. </div>
433. </li>
434. {/block:IfShowLikeButton}
435.
436. {block:IfShowReblogButton}
437. <li>
438. <a class="button reblog-button" href="{ReblogURL}" target="_blank">Reblog</a>
439. </li>
440. {/block:IfShowReblogButton}
441. </ul>
442.
443. <ul class="post__info">
444. {block:IfShowDate}
445. <li>
446. <a class="time-ago" data-toggle="modal" href="{Permalink}" data-
target="#myModal">{TimeAgo}</a>
447. </li>
448. {/block:IfShowDate}
449.
450. {block:IfShowNotes}
452. {block:NoteCount}
453. <li>
454. <a class="note-count" href="{Permalink}#notes">{NoteCountWithLabel}</a>
455. </li>
456. {/block:NoteCount}
458.
459. {block:PermalinkPage}
460. {block:NoteCount}
461. <li>
462. <a id="notes-link" class="note-count" href="#">{NoteCountWithLabel}</a>
463. </li>
464. {/block:NoteCount}
465. {/block:PermalinkPage}
466. {/block:IfShowNotes}
467. </ul>
468.
469. <ul class="post__tags">
470. {block:IfShowTags}
471. {block:HasTags}
472. {block:Tags}
473. <li>
474. <a href="{TagURL}">#{Tag}</a>
475. </li>{/block:Tags}
476. {/block:HasTags}
477. {/block:IfShowTags}
478. </ul>
479. </div>
480. </footer>
481. {/block:Date}
482. </article>
483. {/block:Posts}
484. 
485. </div>
486.
487. 
488. {block:Pagination}
489. <nav id="pagination">
490. <ul>
491. {block:PreviousPage}
492. <li>
493. <a href="{PreviousPage}" class="previous">Previous page</a>
494. </li>
495. {/block:PreviousPage}
496. {block:NextPage}
497. <li>
498. <a href="{NextPage}" class="next">...</a>
499. </li>
500. {/block:NextPage}
501. </ul>
502. </nav>
503. {/block:Pagination}
504. {block:PostNotes}
505. <div id="notes">
506. {PostNotes-64}
507. </div>
508. {/block:PostNotes}
510. <span class="bottom__copyright">
511.
512. </span>
514. </section>
515.
516. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
517. <script src="http://static.tumblr.com/hpghjri/co2nfnr1j/infinitescroll.min.js"></script>
518. <script>
519.
520. var $body = $("body"),
521. app = {
522. init: function() {
523. this.stopAnimationLogo();
524. this.centerPhotoset();
525. },
526. stopAnimationLogo: function() {
527. $("svg.logo").attr("class", "hidden"),
528. $("#wrapper").addClass('fade-in'),
529. $(".load-wrapper").attr("class", "hidden load-wrapper")
530. },
531. centerPhotoset: function() {
532. $("iframe.photoset").contents().find(".photoset_row").css({
533. "margin-left": "auto",
534. "margin-right": "auto"
535. })
536. }
537. };
538.
539. $(function(){
540. var t=$("#content");
541.
542. t.infinitescroll({
543. nextSelector:"#pagination .next",
544. navSelector:"#pagination",
545. itemSelector:"article",
546. appendCallback:!0,
547. bufferPx:500,
548. {block:IfShowTrigger}
549. behavior:"twitter",
550. {/block:IfShowTrigger}
551. loading:{
552. finishedMsg:" ",
553. img:"data:image/gif;base64,R0lGODlhAQABAHAAACH5BAUAAAAALAAAAAABAAEAAAICRAEAOw==",
554. msg:null,
555. msgText:" ",
556. selector:null,
557. finished:function(){
558. $("#pagination .next").html("{lang:Load more posts}")
559. }
560. }
561. },
562. function(t){
563. var n=$(t),
564. i=n.map(function(){
565. return this.id
566. }).get();
567.
568. Tumblr.LikeButton.get_status_by_post_ids(i)
569. });
570.
571. app.init();
572.
573. if($('body').hasClass('page-permalink')) {
574. $("#notes-link").click(function(s) {
575. return s.preventDefault(),
576. $(this).toggleClass("active"),
577. $(this).hasClass("active") ? $body.removeClass("webkit-flex") : $(this).hasClass("active") ||
$body.addClass("webkit-flex"),
578. $(".notes").toggle(), !1
579. });
580.
581. (0 != $(".page-permalink").find(".video").length || 0 != $(".page-permalink").find(".audio").length) && ($(".page-
permalink").find("#content").addClass("block"),
582. $(".page-permalink").find(".wrapper").addClass("margin")), 0 != $(".page-permalink").find(".photoset").length &&
$(".page-permalink").addClass("page-photoset");
583. }
584.
585. var $hamburger = $('.page-index .hamburger'),
586. $nav = $('.page-index .nav'),
587. resizeTimer;
588.
589. $hamburger.off('mouseenter', function() {
590. $nav.addClass('show');
591. $hamburger.addClass('hide');
592. });
593.
594. $nav.on('mouseleave', function() {
595. $nav.removeClass('show');
596. $hamburger.removeClass('hide');
597. });
598.
599. $(window).on('resize', function() {
600. clearTimeout(resizeTimer);
601.
602. resizeTimer = setTimeout(function() {
603. $(".page-permalink #content").height() + 200 > $body.height() ? $body.removeClass("center-vert webkit-flex") :
$body.addClass("center-vert webkit-flex")
604.
605. $nav.removeClass('show');
606. $hamburger.removeClass('hide');
607. }, 250);
608. });
609.
610. {block:IfHideSource}$("p").remove(":contains('Source:'),:contains('via ')");{/block:IfHideSource}
611. });
612. </script>
613. </body>
614. </html>

HTML Code

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

HTML Code

Încărcat de

Drepturi de autor:

Formate disponibile

1. <!

S-ar putea să vă placă și