Advertisement
feiinho

Theme: Illustfolio 3 by @sanographix http://www.sanograp

Jun 23rd, 2016
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.52 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. Theme: Illustfolio 3
  5. by @sanographix
  6. http://www.sanographix.net
  7. (c) 2014 Showkaku Sano
  8. MIT License
  9. -->
  10.  
  11. <html prefix="og: http://ogp.me/ns#">
  12. <head>
  13. <meta charset="UTF-8">
  14.  
  15. <!-- Variables -->
  16.  
  17. <meta name="select:Header Color" content="header-white" title="White">
  18. <meta name="select:Header Color" content="header-black" title="Black">
  19.  
  20. <meta name="if:Enable Header Image" content="1" />
  21. <meta name="if:Enable Tag List" content="1" />
  22. <meta name="if:Enable Profile Section" content="1" />
  23.  
  24. <meta name="text:Your Name" content="" />
  25. <meta name="text:Profile" content="" />
  26.  
  27. <meta name="text:Your Website URL" content=""/>
  28. <meta name="text:Your Twitter Username" content=""/>
  29. <meta name="text:Your Facebook Username" content=""/>
  30. <meta name="text:Your Google Plus ID" content=""/>
  31. <meta name="text:Your Pixiv ID" content=""/>
  32. <meta name="text:Your Instagram Username" content=""/>
  33.  
  34. <meta name="text:Google Analytics ID" content=""/>
  35.  
  36. <meta name="color:Accent" content="#A77DC2"/>
  37.  
  38. <title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  39.  
  40. <meta name="viewport" content="width=device-width">
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  44.  
  45. <link href='//fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
  46. <link rel="stylesheet" type="text/css" media="screen" href="http://static.tumblr.com/xlsgtjb/UXwo5rn4k/style.css" />
  47.  
  48. <!-- OGP -->
  49. <meta property="og:title" content="{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}" />
  50. <meta property="og:type" content="article" />
  51.  
  52. <meta name="twitter:card" content="summary_large_image">
  53. {block:IndexPage}
  54. <meta property="og:image" content="{HeaderImage}" />
  55. <meta name="twitter:image" content="{HeaderImage}" />
  56. {/block:IndexPage}
  57. {block:PermalinkPage}
  58. {block:Posts}
  59. {block:Photo}
  60. <meta property="og:image" content="{PhotoURL-HighRes}" />
  61. <meta name="twitter:image" content="{PhotoURL-HighRes}" />
  62. {/block:Photo}
  63. {block:Photoset}
  64. {block:Photos}
  65. <meta property="og:image" content="{PhotoURL-HighRes}" />
  66. <meta name="twitter:image" content="{PhotoURL-HighRes}" />
  67. {/block:Photos}
  68. {/block:Photoset}
  69. {/block:Posts}
  70. {/block:PermalinkPage}
  71.  
  72. <meta property="og:site_name" content="{Title}" />
  73. {block:Description}
  74. <meta property="og:description" content="{MetaDescription}">
  75. {/block:Description}
  76. {block:IndexPage}
  77. <link rel="canonical" href="{BlogURL}"/>
  78. <meta property="og:url" content="{BlogURL}" />
  79. {/block:IndexPage}
  80. {block:PermalinkPage}
  81. <link rel="canonical" href="{Permalink}"/>
  82. <meta property="og:url" content="{Permalink}" />
  83. {/block:PermalinkPage}
  84.  
  85. <!--[if lt IE 9]>
  86. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  87. <![endif]-->
  88.  
  89. {block:ifGoogleAnalyticsID}
  90. <script>
  91. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  92. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  93. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  94. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  95. ga('create', '{text:Google Analytics ID}', 'auto');
  96. ga('send', 'pageview');
  97. </script>
  98. {/block:ifGoogleAnalyticsID}
  99.  
  100. </head>
  101. <body class="
  102. {block:IndexPage}page-index{/block:IndexPage}
  103. {block:TagPage}page-tag{/block:TagPage}
  104. {block:PermalinkPage}page-permalink page-{PostID}{/block:PermalinkPage}">
  105.  
  106. <style>
  107. {CustomCSS}
  108.  
  109. a {
  110. color: {color:Accent};
  111. }
  112.  
  113. .nav li a:hover {
  114. color: {color:Accent};
  115. }
  116.  
  117. .section-profile {
  118. background-color: {color:Accent};
  119. }
  120.  
  121. .link-url {
  122. background-color: {color:Accent};
  123. }
  124.  
  125. .spinner > div {
  126. background-color: {color:Accent};
  127. }
  128.  
  129. .btn-ghost {
  130. color: {color:Accent};
  131. border-color: {color:Accent};
  132. }
  133.  
  134. .btn-ghost:hover {
  135. background-color: {color:Accent};
  136. border-color: {color:Accent};
  137. }
  138.  
  139. </style>
  140.  
  141. {block:IndexPage}
  142. {block:ifEnableHeaderImage}
  143. <div class="cover-image" style="background-image: url('{HeaderImage}');">
  144. {/block:ifEnableHeaderImage}
  145. {/block:IndexPage}
  146.  
  147. <div class="header-container {select:Header Color}">
  148. <div class="container">
  149.  
  150. <div class="mobile-nav-panel">
  151. <i class="icon-reorder"></i>
  152. </div>
  153.  
  154. <div class="header-wrapper">
  155. <div class="header-box-title">
  156. <header id="header" class="header">
  157. <h1 class="blog-title">
  158. <a href="/">{Title}</a>
  159. </h1>
  160. </header>
  161. </div>
  162. <div class="header-box-nav">
  163. <nav class="nav" role="navigation">
  164. <ul>
  165. <li>
  166. <a href="/">Home</a>
  167. </li>
  168. {block:HasPages}
  169. {block:Pages}
  170. <li>
  171. <a href="{URL}">{Label}</a>
  172. </li>
  173. {/block:Pages}
  174. {/block:HasPages}
  175. {block:AskEnabled}
  176. <li>
  177. <a href="/ask">{AskLabel}</a>
  178. </li>
  179. {/block:AskEnabled}
  180. {block:IfEnableTagList}
  181. <li class="header-tags">
  182. <a href="/">Tags</a>
  183. </li>
  184. {/block:IfEnableTagList}
  185. <li>
  186. <a href="/archive">Archive</a>
  187. </li>
  188. </ul>
  189. </nav>
  190. </div>
  191. </div>
  192.  
  193. </div>
  194. </div>
  195.  
  196. {block:IndexPage}
  197. {block:ifEnableHeaderImage}
  198. </div>
  199. {/block:ifEnableHeaderImage}
  200. {/block:IndexPage}
  201.  
  202. <!-- Tag list -->
  203. <div class="tag-list">
  204. <div class="container">
  205. <h3>Tags</h3>
  206. <ul id="tags" class="tagCloud"></ul>
  207. <div class="close"><img src="//static.tumblr.com/xlsgtjb/3Y1nebe8x/close.png"></div>
  208. </div>
  209. </div>
  210.  
  211. <!-- Index page -->
  212. {block:IndexPage}
  213.  
  214. {block:IfEnableProfileSection}
  215. <section class="section-profile section">
  216. <div class="container">
  217. <h2 class="section-header">Profile</h2>
  218. <div class="profile-wrapper">
  219. <div class="profile-image">
  220. <img src="{PortraitURL-128}">
  221. </div>
  222. <div class="profile-content">
  223. <h3>{text:Your Name}</h3>
  224. <p>{text:Profile}</p>
  225. <ul class="social-accounts">
  226. {block:IfYourWebsiteURL}
  227. <li class="li-website">
  228. <a href="{text:Your Website URL}" target="_blank">
  229. <img src="http://static.tumblr.com/xlsgtjb/x3Aned804/icon-home.svg" width="18px">
  230. </a>
  231. </li>
  232. {/block:IfYourWebsiteURL}
  233. {block:IfYourTwitterUsername}
  234. <li class="li-twitter">
  235. <a href="http://twitter.com/{text:Your Twitter Username}" target="_blank">
  236. <img src="http://static.tumblr.com/xlsgtjb/BBuned82o/icon-twitter.svg" width="16px">
  237. </a>
  238. </li>
  239. {/block:IfYourTwitterUsername}
  240. {block:IfYourFacebookUsername}
  241. <li class="li-facebook">
  242. <a href="http://www.facebook.com/{text:Your Facebook Username}" target="_blank">
  243. <img src="http://static.tumblr.com/xlsgtjb/gJuned7zf/icon-facebook.svg" width="16px">
  244. </a>
  245. </li>
  246. {/block:IfYourFacebookUsername}
  247. {block:IfYourGooglePlusID}
  248. <li class="li-googleplus">
  249. <a href="http://plus.google.com/{text:Your Google Plus ID}?rel=author" target="_blank">
  250. <img src="http://static.tumblr.com/xlsgtjb/AF8ned7zs/icon-googleplus.svg" width="16px">
  251. </a>
  252. </li>
  253. {/block:IfYourGooglePlusID}
  254. {block:IfYourPixivID}
  255. <li class="li-pixiv">
  256. <a href="http://www.pixiv.net/member.php?id={text:Your Pixiv ID}" target="_blank">
  257. <img src="http://static.tumblr.com/xlsgtjb/gAened81u/icon-pixiv.svg" width="16px">
  258. </a>
  259. </li>
  260. {/block:IfYourPixivID}
  261. {block:IfYourInstagramUsername}
  262. <li class="li-instagram">
  263. <a href="http://instagram.com/{text:Your Instagram Username}" target="_blank">
  264. <img src="http://static.tumblr.com/xlsgtjb/KCkned80r/icon-instagram.svg" width="16px">
  265. </a>
  266. </li>
  267. {/block:IfYourInstagramUsername}
  268. </ul>
  269. </div>
  270. </div>
  271. </div>
  272. </section>
  273. {/block:IfEnableProfileSection}
  274.  
  275. <div class="section-post">
  276. <div class="container">
  277. {block:IfEnableProfileSection}
  278. <h2 class="section-header">Work</h2>
  279. {/block:IfEnableProfileSection}
  280.  
  281. {block:TagPage}
  282. <h2 class="tagged">Posts tagged "{Tag}"</h2>
  283. {/block:TagPage}
  284.  
  285. <!-- Post -->
  286. <div class="index-post-wrapper">
  287. {block:Posts}
  288. <article class="post {PostType}">
  289. <div class="post-inner">
  290.  
  291. <!-- post: text -->
  292. {block:Text}
  293. <div class="post-content">
  294. <header class="entry-header">
  295. {block:Title}
  296. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  297. {/block:Title}
  298. </header>
  299. <div class="entry-content">
  300. {Body}
  301. </div>
  302. <div class="index-entry-footer">
  303. <img src="http://static.tumblr.com/xlsgtjb/p7Yned8qd/icon-link.svg" class="icon-link">
  304. <a href="{Permalink}">
  305. Permalink
  306. </a>
  307. </div>
  308. </div>
  309. {/block:Text}
  310.  
  311. <!-- post: photo -->
  312. {block:Photo}
  313. <a href="{Permalink}">
  314. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  315. </a>
  316. {/block:Photo}
  317.  
  318. <!-- post: photoset -->
  319. {block:Photoset}
  320. {block:Photos}
  321. <a href="{Permalink}">
  322. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  323. </a>
  324. {/block:Photos}
  325. {/block:Photoset}
  326.  
  327. <!-- post: quote -->
  328. {block:Quote}
  329. <div class="post-content">
  330. <div class="entry-content {Length}">
  331. <a href="{Permalink}">“{Quote}”</a>
  332. </div>
  333. <div class="index-entry-footer">
  334. <img src="http://static.tumblr.com/xlsgtjb/p7Yned8qd/icon-link.svg" class="icon-link">
  335. <a href="{Permalink}">
  336. Permalink
  337. </a>
  338. </div>
  339. </div>
  340. {/block:Quote}
  341.  
  342. <!-- post: link -->
  343. {block:Link}
  344. <div class="post-content">
  345. <header class="entry-header">
  346. <h1 class="entry-title">
  347. <a href="{Permalink}" class="link-url" {Target}>{Name}</a>
  348. </h1>
  349. </header>
  350. <div class="entry-content">
  351. {block:Description}
  352. <div class="link-description">{Description}</div>
  353. {/block:Description}
  354. </div>
  355. <div class="index-entry-footer">
  356. <img src="http://static.tumblr.com/xlsgtjb/p7Yned8qd/icon-link.svg" class="icon-link">
  357. <a href="{Permalink}">
  358. Permalink
  359. </a>
  360. </div>
  361. </div>
  362. {/block:Link}
  363.  
  364. <!-- post: chat -->
  365. {block:Chat}
  366. <div class="post-content">
  367. {block:Title}
  368. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  369. {/block:Title}
  370. <div class="entry-content">
  371. <ul class="ul-chat">
  372. {block:Lines}
  373. <li class="{Alt} user_{UserNumber}">
  374. {block:Label}
  375. <span class="label">{Label}</span>
  376. {/block:Label}
  377. {Line}
  378. </li>
  379. {/block:Lines}
  380. </ul>
  381. </div>
  382. <div class="index-entry-footer">
  383. <img src="http://static.tumblr.com/xlsgtjb/p7Yned8qd/icon-link.svg" class="icon-link">
  384. <a href="{Permalink}">
  385. Permalink
  386. </a>
  387. </div>
  388. </div>
  389. {/block:Chat}
  390.  
  391. <!-- post: video -->
  392. {block:Video}
  393. <div class="post-content">
  394. <div class="entry-content video-iframe">
  395. {Video-700}
  396. {block:Caption}
  397. <div class="caption">
  398. {Caption}
  399. </div>
  400. {/block:Caption}
  401. </div>
  402. <div class="index-entry-footer">
  403. <img src="http://static.tumblr.com/xlsgtjb/p7Yned8qd/icon-link.svg" class="icon-link">
  404. <a href="{Permalink}">
  405. Permalink
  406. </a>
  407. </div>
  408. </div>
  409. {/block:Video}
  410.  
  411. <!-- post: audio -->
  412. {block:Audio}
  413. <div class="post-content">
  414. <div class="entry-content">
  415. {AudioPlayerBlack}
  416. {block:Caption}
  417. <div class="caption">
  418. {Caption}
  419. </div>
  420. {/block:Caption}
  421. </div>
  422. <div class="index-entry-footer">
  423. <img src="http://static.tumblr.com/xlsgtjb/p7Yned8qd/icon-link.svg" class="icon-link">
  424. <a href="{Permalink}">
  425. Permalink
  426. </a>
  427. </div>
  428. </div>
  429. {/block:Audio}
  430.  
  431. <!-- post: answer -->
  432. {block:Answer}
  433. <div class="post-content">
  434. <div class="asker-group">
  435. <img src="{AskerPortraitURL-24}" width="24" height="24" /> {Asker}
  436. </div>
  437. <h1 class="entry-title">
  438. <a href="{Permalink}">
  439. {Question}
  440. </a>
  441. </h1>
  442. <div class="entry-content">
  443. <div class="answer cont">{Answer}</div>
  444. </div>
  445. <div class="index-entry-footer">
  446. <img src="http://static.tumblr.com/xlsgtjb/p7Yned8qd/icon-link.svg" class="icon-link">
  447. <a href="{Permalink}">
  448. Permalink
  449. </a>
  450. </div>
  451. </div>
  452. {/block:Answer}
  453.  
  454. </div>
  455. </article>
  456. {/block:Posts}
  457. </div>
  458.  
  459. </div>
  460. </div>
  461.  
  462. <!-- pager of index -->
  463. {block:Pagination}
  464. <div class="container">
  465. <div class="pagenation pagenation-index">
  466. {block:PreviousPage}
  467. <a href="{PreviousPage}">Prev</a>
  468. {/block:PreviousPage}
  469. {block:NextPage}
  470. <a href="{NextPage}" class="next" rel="next">Next</a>
  471. {/block:NextPage}
  472. </div>
  473. </div>
  474. {/block:Pagination}
  475.  
  476. {/block:IndexPage}
  477.  
  478. <!-- Permalink page -->
  479. {block:PermalinkPage}
  480. {block:Posts}
  481. <article class="post permalink-post {TagsAsClasses} {PostType}">
  482.  
  483. <!-- full-width image (photo and photoset post only) -->
  484. <div class="container full-image">
  485. {block:Photo}
  486. {LinkOpenTag}
  487. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  488. {LinkCloseTag}
  489. {/block:Photo}
  490.  
  491. {block:Photoset}
  492. {Photoset-700}
  493. {/block:Photoset}
  494. </div>
  495.  
  496. <div class="container-mini section">
  497.  
  498. <!-- post: text -->
  499. {block:Text}
  500. <header class="entry-header">
  501. {block:Title}
  502. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  503. {/block:Title}
  504. </header>
  505. <div class="entry-content">
  506. {Body}
  507. </div>
  508. {/block:Text}
  509.  
  510. <!-- post: photo -->
  511. {block:Photo}
  512. <div class="entry-content">
  513. {block:Caption}
  514. <div class="caption">
  515. {Caption}
  516. </div>
  517. {/block:Caption}
  518. </div>
  519. {/block:Photo}
  520.  
  521. <!-- post: photoset -->
  522. {block:Photoset}
  523. <div class="entry-content">
  524. {block:Caption}
  525. <div class="caption">
  526. {Caption}
  527. </div>
  528. {/block:Caption}
  529. </div>
  530. {/block:Photoset}
  531.  
  532. <!-- post: quote -->
  533. {block:Quote}
  534. <div class="entry-content {Length}">
  535. <blockquote>“{Quote}”</blockquote>
  536. {block:Source}
  537. <p class="quote-source">
  538. {Source}
  539. </p>
  540. {/block:Source}
  541. </div>
  542. {/block:Quote}
  543.  
  544. <!-- post: link -->
  545. {block:Link}
  546. <header class="entry-header">
  547. <h1 class="entry-title">
  548. <a href="{URL}" class="link-url" {Target}>{Name}</a>
  549. </h1>
  550. </header>
  551. <div class="entry-content">
  552. {block:Description}
  553. <div class="link-description">{Description}</div>
  554. {/block:Description}
  555. </div>
  556. {/block:Link}
  557.  
  558. <!-- post: chat -->
  559. {block:Chat}
  560. <div class="entry-content">
  561. {block:Title}
  562. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  563. {/block:Title}
  564. <ul class="ul-chat">
  565. {block:Lines}
  566. <li class="{Alt} user_{UserNumber}">
  567. {block:Label}
  568. <span class="label">{Label}</span>
  569. {/block:Label}
  570. {Line}
  571. </li>
  572. {/block:Lines}
  573. </ul>
  574. </div>
  575. {/block:Chat}
  576.  
  577. <!-- post: video -->
  578. {block:Video}
  579. <div class="entry-content video-iframe">
  580. {Video-700}
  581. {block:Caption}
  582. <div class="caption">
  583. {Caption}
  584. </div>
  585. {/block:Caption}
  586. </div>
  587. {/block:Video}
  588.  
  589. <!-- post: audio -->
  590. {block:Audio}
  591. <div class="entry-content">
  592. {AudioPlayerBlack}
  593. {block:Caption}
  594. <div class="caption">
  595. {Caption}
  596. </div>
  597. {/block:Caption}
  598. </div>
  599. {/block:Audio}
  600.  
  601. <!-- post: answer -->
  602. {block:Answer}
  603. <div class="asker-group">
  604. <img src="{AskerPortraitURL-24}" width="24" height="24" /> {Asker}
  605. </div>
  606. <header class="entry-header">
  607. <h1 class="entry-title question">
  608. {Question}
  609. </h1>
  610. </header>
  611. <div class="entry-content">
  612. <div class="answer cont">{Answer}</div>
  613. </div>
  614. {/block:Answer}
  615.  
  616. <!-- do not show in pages-->
  617. {block:Date}
  618. <!-- entry footer -->
  619. <footer class="entry-footer">
  620.  
  621. <div class="entry-footer-section article-meta">
  622. <span class="meta-elements date">
  623. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>
  624. </span>
  625. {block:ContentSource}
  626. <span class="meta-elements content-source">
  627. <a href="{SourceURL}">
  628. {lang:Source}:
  629. {block:SourceLogo}
  630. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  631. {/block:SourceLogo}
  632. {block:NoSourceLogo}
  633. {SourceTitle}
  634. {/block:NoSourceLogo}
  635. </a>
  636. </span>
  637. {/block:ContentSource}
  638. </div>
  639.  
  640. <div class="entry-footer-section share">
  641. <h3>Share</h3>
  642. <ul class="like_and_reblog_buttons">
  643. <li>{ReblogButton}</li>
  644. <li>{LikeButton}</li>
  645. <li>
  646. <a href="https://twitter.com/share?text={block:PostSummary}{URLEncodedPostSummary}{/block:PostSummary}&url={URLEncodedPermalink}">
  647. <img src="http://static.tumblr.com/xlsgtjb/HFfneerjd/social-twitter.svg" class="social-icon">
  648. </a>
  649. </li>
  650. <li>
  651. <a href="http://www.facebook.com/sharer.php?u={URLEncodedPermalink}">
  652. <img src="http://static.tumblr.com/xlsgtjb/evRneeqts/social-facebook.svg" class="social-icon">
  653. </a>
  654. </li>
  655. </ul>
  656. </div>
  657.  
  658. {block:HasTags}
  659. <div class="entry-footer-section hastags">
  660. <h3>Tagged</h3>
  661. <span class="meta-elements">
  662. {block:Tags}
  663. <a href="{TagURL}">#{Tag}</a>
  664. {/block:Tags}
  665. </span>
  666. </div>
  667. {/block:HasTags}
  668.  
  669. {block:RebloggedFrom}
  670. <div class="entry-footer-section rebloggedfrom">
  671. <div class="entry-footer-section-inner">
  672. <h3>Reblogged from</h3>
  673. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" class="favicon"/> {ReblogParentName}</a>
  674. </div>
  675. <div class="entry-footer-section-inner">
  676. <h3>Originally posted by</h3>
  677. <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" class="favicon"/> {ReblogRootName}</a>
  678. </div>
  679. </div>
  680. {/block:RebloggedFrom}
  681.  
  682. {block:NoteCount}
  683. <div class="entry-footer-section notecount">
  684. <h3>{NoteCount} Notes</h3>
  685. <div class="notecontainer">
  686. {PostNotes}
  687. </div>
  688. </div>
  689. {/block:NoteCount}
  690.  
  691. </footer>
  692.  
  693. {/block:Date}
  694.  
  695. </div><!-- container -->
  696.  
  697. </article>
  698.  
  699. {/block:Posts}
  700. {/block:PermalinkPage}
  701.  
  702. <!-- permalink pagination -->
  703. {block:PermalinkPagination}
  704. <div class="pagenation pagenation-permalink">
  705. {block:NextPost}
  706. <a href="{NextPost}" class="next" rel="next">Newer Post</a>
  707. {/block:NextPost}
  708. {block:PreviousPost}
  709. <a href="{PreviousPost}">Older Post</a>
  710. {/block:PreviousPost}
  711. </div>
  712. {/block:PermalinkPagination}
  713.  
  714. <footer id="footer">
  715. <div class="container">
  716.  
  717. {block:PermalinkPage}
  718. <div class="footer-container">
  719. <div class="row">
  720. <div class="span4">
  721. <h4>About</h4>
  722. <div class="footer-content blog-description">
  723. {Description}
  724. </div>
  725. </div>
  726. {block:IfYourName}
  727. <div class="span4">
  728. <h4>Profile</h4>
  729. <div class="footer-content profile">
  730. <div class="profile-image">
  731. <img src="{PortraitURL-128}" class="profile-image-url">
  732. </div>
  733. <div class="profile-content">
  734. <h3>{text:Your Name}</h3>
  735. <p>{text:Profile}</p>
  736. </div>
  737. </div>
  738. </div>
  739. {/block:IfYourName}
  740. <div class="span4">
  741. <h4>Contact Me</h4>
  742. <div class="footer-content contact">
  743. <ul class="list">
  744. {block:IfYourWebsiteURL}
  745. <li class="li-website">
  746. <a href="{text:Your Website URL}" target="_blank">
  747. Website
  748. </a>
  749. </li>
  750. {/block:IfYourWebsiteURL}
  751. {block:IfYourTwitterUsername}
  752. <li class="li-twitter">
  753. <a href="http://twitter.com/{text:Your Twitter Username}" target="_blank">
  754. Twitter
  755. </a>
  756. </li>
  757. {/block:IfYourTwitterUsername}
  758. {block:IfYourFacebookUsername}
  759. <li class="li-facebook">
  760. <a href="http://www.facebook.com/{text:Your Facebook Username}" target="_blank">
  761. Facebook
  762. </a>
  763. </li>
  764. {/block:IfYourFacebookUsername}
  765. {block:IfYourGooglePlusID}
  766. <li class="li-googleplus">
  767. <a href="http://plus.google.com/{text:Your Google Plus ID}" target="_blank">
  768. Google+
  769. </a>
  770. </li>
  771. {/block:IfYourGooglePlusID}
  772. {block:IfYourPixivID}
  773. <li class="li-pixiv">
  774. <a href="http://www.pixiv.net/member.php?id={text:Your Pixiv ID}" target="_blank">
  775. Pixiv
  776. </a>
  777. </li>
  778. {/block:IfYourPixivID}
  779. {block:IfYourInstagramUsername}
  780. <li class="li-instagram">
  781. <a href="http://instagram.com/{text:Your Instagram Username}" target="_blank">
  782. Instagram
  783. </a>
  784. </li>
  785. {/block:IfYourInstagramUsername}
  786. </ul>
  787. </div>
  788. </div>
  789. </div>
  790. </div>
  791. {/block:PermalinkPage}
  792.  
  793. <div class="copyright">
  794. ©{CopyrightYears} {Title}<br/>
  795.  
  796. <!-- Note: Do not delete this link. -->
  797. <a href="http://sanographix.github.io/tumblr/illustfolio3/" target="_blank">Illustfolio 3</a> theme designed by <a href="http://www.sanographix.net/" target="_blank">SANOGRAPHIX.NET</a>
  798. <div class="install-button">
  799. <a href="http://sanographix.github.io/tumblr/illustfolio3/" class="btn btn-ghost" target="_blank">Install theme</a>
  800. </div>
  801. </div>
  802. </div>
  803. </footer>
  804.  
  805. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  806. <script>
  807. // resize
  808. $(document).ready(function () {
  809. hsize = $(window).height();
  810. $(".cover-image").css("height", hsize + "px");
  811. });
  812. $(window).resize(function () {
  813. hsize = $(window).height();
  814. $(".cover-image").css("height", hsize + "px");
  815. });
  816. </script>
  817. <script src="http://static.tumblr.com/xlsgtjb/mt5o305mz/scripts.min.js" charset="UTF-8"></script>
  818.  
  819. </body>
  820. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement