API tools faq
paste
Advertisement
feiinho

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

feiinho
Jun 23rd, 2016
186
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.52 KB | None | 0 0
raw download clone embed print report
  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
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!