API tools faq
paste
Advertisement
feiinho

Illustfolio 3 Tumblr Theme by sanographix

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