Advertisement
feiinho

Theme: Illustfolio 2 by @sanographix

Aug 27th, 2014
397
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.86 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. Theme: Illustfolio 2
  5. by @sanographix
  6. ver 2.3.0
  7. http://www.sanographix.net
  8. (c) 2013 Showkaku Sano
  9. Free to use under the MIT license.
  10. Please leave at least ONE credit link. Do not delete this comment.
  11. -->
  12.  
  13. <html lang="ja" prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">
  14. <head>
  15.  
  16. <!-- Variables -->
  17. <meta name="text:Google Analytics ID" content="UA-000000-00" />
  18.  
  19. <!-- User info -->
  20. <meta name="text:Your Name" content=""/>
  21. <meta name="text:Your Twitter Username" content=""/>
  22. <meta name="text:Your Facebook Username" content=""/>
  23. <meta name="text:Your Google Plus ID" content=""/>
  24. <meta name="text:Your Pixiv ID" content=""/>
  25. <meta name="text:Tumblr API Key" content="" />
  26. <meta name="text:Disqus Shortname" content="" />
  27.  
  28. <meta name="if:Show Exif" content="1" />
  29.  
  30. <meta name="image:Background" content="" />
  31. <meta name="font:Font" content="" />
  32.  
  33. <title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  34.  
  35. <meta charset="UTF-8">
  36. <meta name="viewport" content="width=device-width">
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  40. {block:IndexPage}
  41. <link rel="canonical" href="{BlogURL}"/>
  42. <meta property="og:url" content="{BlogURL}" />
  43. {/block:IndexPage}
  44. {block:PermalinkPage}
  45. <link rel="canonical" href="{Permalink}"/>
  46. <meta property="og:url" content="{Permalink}" />
  47. {/block:PermalinkPage}
  48.  
  49.  
  50. <!-- OGP -->
  51. <meta property="og:title" content="{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}" />
  52. <meta property="og:type" content="article" />
  53. <meta property="og:image" content="{PortraitURL-128}" />
  54. <!-- Twitter tags -->
  55. <meta name="twitter:image" content="{PortraitURL-128}" />
  56.  
  57. <!-- photo だったら og-image はphotoURLにする -->
  58. {block:PermalinkPage}
  59. {block:Posts}
  60. {block:Photo}
  61. <meta property="og:image" content="{PhotoURL-400}" />
  62. {/block:Photo}
  63. {block:Photoset}
  64. {block:Photos}
  65. <meta property="og:image" content="{PhotoURL-400}" />
  66. {/block:Photos}
  67. {/block:Photoset}
  68. {/block:Posts}
  69. {/block:PermalinkPage}
  70.  
  71. <meta property="og:site_name" content="{Title}" />
  72. <meta property="og:description" content="{block:Description}{MetaDescription}{/block:Description}">
  73. {block:IfYourGooglePlusID}
  74. <link rel="author" href="http://plus.google.com/{text:Your Google Plus ID}" />
  75. {/block:IfYourGooglePlusID}
  76.  
  77. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/illustfolio2/css/style.css" charset="utf-8"/>
  78.  
  79. <!--[if lt IE 9]>
  80. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  81. <script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  82. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/illustfolio2/css/fuck-ie.css" charset="utf-8">
  83. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/illustfolio2/css/font-awesome-ie7.min.css" charset="utf-8">
  84. <![endif]-->
  85.  
  86. <!-- Google Analytics -->
  87. <script type="text/javascript">
  88. var _gaq = _gaq || [];
  89. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  90. _gaq.push(['_trackPageview']);
  91. (function() {
  92. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  93. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  94. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  95. })();
  96. </script>
  97. <!-- END Google Analytics -->
  98.  
  99. </head>
  100. <body class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage} page-permalink page-id{PostID}{/block:PermalinkPage}">
  101.  
  102. <style>
  103. body {
  104. background-image: url('{image:Background}');
  105. font-family: {font:Font};
  106. }
  107. @media (-webkit-min-device-pixel-ratio: 2) {
  108. body {
  109. background-image: url('{image:Background}');
  110. }
  111. }
  112. {CustomCSS}
  113. </style>
  114.  
  115. <header id="header">
  116. <div class="header-inner">
  117. <ul class="header-nav nav-left">
  118. <li>
  119. <h1 class="blog-title">
  120. <a href="/">{Title}</a>
  121. </h1>
  122. </li>
  123. </ul>
  124. <!-- モバイル用 -->
  125. <div class="mobile-nav-panel">
  126. <i class="icon-reorder icon-large"></i>
  127. </div>
  128. <ul class="header-nav pull-right">
  129. {block:HasPages}
  130. {block:Pages}
  131. <li>
  132. <a href="{URL}">{Label}</a>
  133. </li>
  134. {/block:Pages}
  135. {/block:HasPages}
  136. <li><a href="/archive">Archive</a></li>
  137. <li class="header-tags"><a href="">Tags</a></li>
  138. </ul>
  139. </div>
  140. </header>
  141.  
  142. <!-- タグリスト -->
  143. <div class="tag-list">
  144. <div class="container">
  145. <h3>Tags</h3>
  146. <ul id="tags" class="tagCloud"></ul>
  147. </div>
  148. </div>
  149.  
  150. <div class="container">
  151.  
  152. <!-- Index ページ -->
  153. {block:IndexPage}
  154.  
  155. <!--スライドショー-->
  156. <div class="flexslider">
  157. <ul class="slides">
  158. {block:Posts}
  159. {block:Photo}
  160. <li>
  161. <a href="{Permalink}">
  162. <div class="slide-img" style="background-image: url('{PhotoURL-HighRes}');"></div>
  163. </a>
  164. </li>
  165. {/block:Photo}
  166. {/block:Posts}
  167. </ul>
  168. </div>
  169.  
  170. {block:TagPage}
  171. <h3 class="tagged">Posts tagged "{Tag}"</h3>
  172. {/block:TagPage}
  173.  
  174. <!-- 投稿 -->
  175. <div class="post-thumb-wrapper autopagerize_page_element">
  176. {block:Posts}
  177.  
  178. <article class="post {TagsAsClasses}
  179. {block:Text}text{/block:Text}
  180. {block:Photo}photo{/block:Photo}
  181. {block:Photoset}photoset{/block:Photoset}
  182. {block:Quote}quote{/block:Quote}
  183. {block:Link}link{/block:Link}
  184. {block:Chat}chat{/block:Chat}
  185. {block:Video}video{/block:Video}
  186. {block:Audio}audio{/block:Audio}
  187. {block:Answer}answer{/block:Answer}
  188. ">
  189.  
  190. <!-- post: テキスト -->
  191. {block:Text}
  192. <a href="{Permalink}">
  193. <div class="post-thumb">
  194. <i class="icon-file-alt"></i>
  195. {block:Title}
  196. <h1 class="entry-title">{Title}</h1>
  197. {/block:Title}
  198. </div>
  199. </a>
  200. {/block:Text}
  201.  
  202. <!-- post: 画像 -->
  203. {block:Photo}
  204. <a href="{Permalink}">
  205. <div class="photo-thumb" style="background-image:url({PhotoURL-400});">
  206. </div>
  207. </a>
  208. {/block:Photo}
  209.  
  210. <!-- post: フォトセット -->
  211. {block:Photoset}
  212. {block:Photos}
  213. <a href="{Permalink}">
  214. <div class="photo-thumb" style="background-image: url('{PhotoURL-400}');">
  215. </div>
  216. </a>
  217. {/block:Photos}
  218. {/block:Photoset}
  219.  
  220. <!-- post: 引用 -->
  221. {block:Quote}
  222. <a href="{Permalink}">
  223. <div class="post-thumb">
  224. <i class="icon-quote-left"></i>
  225. <h1 class="entry-title">
  226. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  227. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  228. Quote
  229. </h1>
  230. </div>
  231. </a>
  232. {/block:Quote}
  233.  
  234. <!-- post: リンク -->
  235. {block:Link}
  236. <a href="{Permalink}">
  237. <div class="post-thumb">
  238. <i class="icon-link"></i>
  239. <h1 class="entry-title">
  240. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  241. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  242. Link
  243. </h1>
  244. </div>
  245. </a>
  246. {/block:Link}
  247.  
  248. <!-- post: チャット -->
  249. {block:Chat}
  250. <a href="{Permalink}">
  251. <div class="post-thumb">
  252. <i class="icon-comments"></i>
  253. <h1 class="entry-title">
  254. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  255. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  256. Chat
  257. </h1>
  258. </div>
  259. </a>
  260. {/block:Chat}
  261.  
  262. <!-- post: ビデオ -->
  263. {block:Video}
  264. <a href="{Permalink}">
  265. <div class="post-thumb">
  266. <i class="icon-film"></i>
  267. <h1 class="entry-title">
  268. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  269. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  270. Video
  271. </h1>
  272. </div>
  273. </a>
  274. {/block:Video}
  275.  
  276. <!-- post: オーディオ -->
  277. {block:Audio}
  278. <a href="{Permalink}">
  279. <div class="post-thumb">
  280. <i class="icon-music"></i>
  281. <h1 class="entry-title">
  282. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  283. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  284. Audio
  285. </h1>
  286. </div>
  287. </a>
  288. {/block:Audio}
  289.  
  290. <!-- post: Answer -->
  291. {block:Answer}
  292. <a href="{Permalink}">
  293. <div class="post-thumb">
  294. <i class="icon-question-sign"></i>
  295. <h1 class="entry-title">
  296. {block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
  297. {block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
  298. Answer
  299. </h1>
  300. </div>
  301. </a>
  302. {/block:Answer}
  303. </article>
  304. {/block:Posts}
  305. </div>
  306.  
  307. <!-- indexページのページャ -->
  308. {block:Pagination}
  309. <div id="pager">
  310. {block:PreviousPage}
  311. <a href="{PreviousPage}" class="btn">Prev</a>
  312. {/block:PreviousPage}
  313. <span class="number">
  314. {CurrentPage}/{TotalPages}
  315. </span>
  316. {block:NextPage}
  317. <a href="{NextPage}" class="next btn" rel="next">Next</a>
  318. {/block:NextPage}
  319. </div>
  320. {/block:Pagination}
  321.  
  322.  
  323. {/block:IndexPage}
  324.  
  325.  
  326. <!-- パーマリンク -->
  327. {block:PermalinkPage}
  328.  
  329. <!-- pager -->
  330. <div id="pager">
  331. <div class="main">
  332. {block:PermalinkPagination}
  333. <div class="btn-group">
  334. {block:PreviousPost}
  335. <a href="{PreviousPost}" class="btn"><i class="icon-double-angle-left"></i> Prev</a>
  336. {/block:PreviousPost}
  337. {block:NextPost}
  338. <a href="{NextPost}" class="next btn" rel="next">Next <i class="icon-double-angle-right"></i></a>
  339. {/block:NextPost}
  340. </div>
  341. {/block:PermalinkPagination}
  342. </div>
  343. </div>
  344.  
  345. {block:Posts}
  346. <div class="main">
  347.  
  348. <article class="post {TagsAsClasses}
  349. {block:Text}text{/block:Text}
  350. {block:Photo}photo{/block:Photo}
  351. {block:Photoset}photoset{/block:Photoset}
  352. {block:Quote}quote{/block:Quote}
  353. {block:Link}link{/block:Link}
  354. {block:Chat}chat{/block:Chat}
  355. {block:Video}video{/block:Video}
  356. {block:Audio}audio{/block:Audio}
  357. {block:Answer}answer{/block:Answer}
  358. ">
  359.  
  360. <!-- post: 画像 -->
  361. {block:Photo}
  362. {block:HighRes}
  363. <a href="{PhotoURL-HighRes}" class="btn highres"><i class="icon-zoom-in"></i> View in High-Res</a>
  364. {/block:HighRes}
  365. <div class="photo-image">
  366. {LinkOpenTag}
  367. <img src="{PhotoURL-1280}" alt="{PhotoAlt}">
  368. {LinkCloseTag}
  369. </div>
  370. {block:Caption}
  371. <div class="card caption">
  372. <div class="card-section entry-content">
  373. {Caption}
  374. </div>
  375. </div>
  376. {/block:Caption}
  377. {/block:Photo}
  378.  
  379. <!-- post: フォトセット -->
  380. {block:Photoset}
  381. <div class="photo-image">
  382. {Photoset-700}
  383. </div>
  384. {block:Caption}
  385. <div class="card caption">
  386. <div class="card-section entry-content">
  387. {Caption}
  388. </div>
  389. </div>
  390. {/block:Caption}
  391. {/block:Photoset}
  392.  
  393. <!-- post: テキスト -->
  394. {block:Text}
  395. <div class="card">
  396. <div class="card-section">
  397. <header class="entry-header">
  398. {block:Title}
  399. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  400. {/block:Title}
  401. </header>
  402. <div class="entry-content">
  403. {Body}
  404. </div>
  405. </div>
  406. </div>
  407. {/block:Text}
  408.  
  409. <!-- post: 引用 -->
  410. {block:Quote}
  411. <div class="card">
  412. <div class="card-section">
  413. <div class="entry-content {Length}">
  414. <blockquote>“{Quote}”</blockquote>
  415. {block:Source}
  416. <div class="quote-source">
  417. {Source}
  418. </div>
  419. {/block:Source}
  420. </div>
  421. </div>
  422. </div>
  423. {/block:Quote}
  424.  
  425. <!-- post: リンク -->
  426. {block:Link}
  427. <div class="card">
  428. <div class="card-section">
  429. <header class="entry-header">
  430. <h1 class="entry-title">
  431. <a href="{URL}" class="link-url" {Target}>{Name}</a>
  432. </h1>
  433. </header>
  434. <div class="entry-content">
  435. {block:Description}
  436. <div class="link-description">{Description}</div>
  437. {/block:Description}
  438. </div>
  439. </div>
  440. </div>
  441. {/block:Link}
  442.  
  443. <!-- post: チャット -->
  444. {block:Chat}
  445. <div class="card">
  446. <div class="card-section">
  447. <div class="entry-content">
  448. {block:Title}
  449. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  450. {/block:Title}
  451. <ul class="ul-chat">
  452. {block:Lines}
  453. <li class="{Alt} user_{UserNumber}">
  454. {block:Label}
  455. <span class="label">{Label}</span>
  456. {/block:Label}
  457. {Line}
  458. </li>
  459. {/block:Lines}
  460. </ul>
  461. </div>
  462. </div>
  463. </div>
  464. {/block:Chat}
  465.  
  466. <!-- post: ビデオ -->
  467. {block:Video}
  468. <div class="video-iframe">
  469. {Video-700}
  470. </div>
  471. {block:Caption}
  472. <div class="card">
  473. <div class="card-section caption">
  474. {Caption}
  475. </div>
  476. </div>
  477. {/block:Caption}
  478. {/block:Video}
  479.  
  480. <!-- post: オーディオ -->
  481. {block:Audio}
  482. <div class="card">
  483. <div class="card-section">
  484. <div class="entry-content">
  485. {AudioPlayerBlack}
  486. {block:Caption}
  487. <div class="caption">
  488. {Caption}
  489. </div>
  490. {/block:Caption}
  491. </div>
  492. </div>
  493. </div>
  494. {/block:Audio}
  495.  
  496. <!-- post: Answer -->
  497. {block:Answer}
  498. <div class="card">
  499. <div class="card-section">
  500. <div class="entry-content">
  501. <div class="question bubble">
  502. {Question}
  503. </div>
  504. <div class="asker-group">
  505. <img src="{AskerPortraitURL-24}" width="24" height="24" class="user-icon" /> {Asker}
  506. </div>
  507. <hr/>
  508. <div class="answer cont">{Answer}</div>
  509. </div>
  510. </div>
  511. </div>
  512. {/block:Answer}
  513.  
  514. </article>
  515.  
  516. {block:IfDisqusShortname}
  517. <div class="card">
  518. <div class="card-section">
  519. <div id="disqus_thread"></div>
  520. </div>
  521. </div>
  522. <script type="text/javascript">
  523. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  524. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Replace example with your forum shortname
  525. /* * * DON'T EDIT BELOW THIS LINE * * */
  526. (function() {
  527. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  528. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  529. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  530. })();
  531. </script>
  532. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  533. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  534. {/block:IfDisqusShortname}
  535.  
  536. </div>
  537. <div class="sidebar">
  538.  
  539. <div class="card postedby">
  540. <img src="{PortraitURL-128}" class="user-icon">
  541. <div class="card-section">
  542. <h2 class="user-name">
  543. <a href="/">{text:Your Name}</a>
  544. </h2>
  545. <div class="user-findme">
  546. <ul>
  547. {block:IfYourTwitterUsername}
  548. <li>
  549. <a href="http://twitter.com/{text:Your Twitter Username}" target="_blank"><i class="icon-twitter"></i></a>
  550. </li>
  551. {/block:IfYourTwitterUsername}
  552. {block:IfYourFacebookUsername}
  553. <li>
  554. <a href="http://www.facebook.com/{text:Your Facebook Username}" target="_blank"><i class="icon-facebook-sign"></i></a>
  555. </li>
  556. {/block:IfYourFacebookUsername}
  557. {block:IfYourGooglePlusID}
  558. <li>
  559. <a href="http://plus.google.com/{text:Your Google Plus ID}?rel=author" target="_blank"><i class="icon-google-plus-sign"></i></a>
  560. </li>
  561. {/block:IfYourGooglePlusID}
  562. {block:IfYourPixivID}
  563. <li><a href="http://www.pixiv.net/member.php?id={text:Your Pixiv ID}" target="_blank"><i class="icon-pixiv"></i></a></li>
  564. {/block:IfYourPixivID}
  565. </ul>
  566. </div>
  567. </div>
  568. </div>
  569.  
  570. {block:RebloggedFrom}
  571. <div class="card reblog">
  572. <div class="card-section rebloggedfrom">
  573. <a href="{ReblogParentURL}">
  574. <img src="{ReblogParentPortraitURL-128}" class="user-icon" alt="{ReblogParentName}">
  575. </a>
  576. <span class="label">
  577. <i class="icon-retweet"></i> Reblogged from
  578. </span>
  579. <a href="{ReblogParentURL}" class="user-name">
  580. {ReblogParentName}
  581. </a>
  582. </div>
  583. <div class="card-section original">
  584. <a href="{ReblogRootURL}">
  585. <img src="{ReblogRootPortraitURL-128}" class="user-icon" alt="{ReblogRootName}">
  586. </a>
  587. <span class="label">
  588. Originally posted by
  589. </span>
  590. <a href="{ReblogRootURL}" class="user-name">
  591. {ReblogRootName}
  592. </a>
  593. </div>
  594. </div>
  595. {/block:RebloggedFrom}
  596.  
  597. <div class="card like-reblog-card">
  598. <div class="card-section">
  599. <ul class="like-reblog-buttons">
  600. <li class="reblog-button"><a href="{ReblogURL}" class="btn"><i class="icon-retweet"></i> Reblog</a></li>
  601. <li class="like-button btn">{LikeButton size="16"}</li>
  602. <li class="share-button"><span class="btn"><i class="icon-share"></i></span>
  603. <!-- シェアボタン押したときのプルダウン -->
  604. <div class="share-pulldown">
  605. <ul class="list">
  606. <li>
  607. <a href="http://twitter.com/intent/tweet?text={block:PostSummary}{PostSummary}{/block:PostSummary}&url={Permalink}"><i class="icon-twitter"></i> Tweet</a>
  608. </li>
  609. <li>
  610. <a href="http://www.facebook.com/sharer.php?u={Permalink}&t={block:PostSummary}{PostSummary}{/block:PostSummary}"><i class="icon-facebook-sign"></i> Facebook</a>
  611. </li>
  612. <li>
  613. <a href="mailto:?subject={Title}&amp;body={block:PostSummary}{PostSummary}{/block:PostSummary}%0D%0A{Permalink}" target="_blank"><i class="icon-envelope"></i> Email</a>
  614. </li>
  615. </ul>
  616. </div>
  617. </li>
  618. </ul>
  619. </div>
  620. </div>
  621.  
  622. <div class="card meta">
  623. <div class="card-section">
  624. <table><tbody>
  625. {block:ContentSource}
  626. <tr>
  627. <th>Source</th>
  628. <td>
  629. <a href="{SourceURL}">
  630. {block:SourceLogo}
  631. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  632. {/block:SourceLogo}
  633. {block:NoSourceLogo}
  634. {SourceTitle}
  635. {/block:NoSourceLogo}
  636. </a>
  637. </td>
  638. </tr>
  639. {/block:ContentSource}
  640. <tr>
  641. <th>Published</th>
  642. <td>
  643. {block:NewDayDate}{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}{/block:NewDayDate}
  644. {block:SameDayDate}{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}{/block:SameDayDate}
  645. </td>
  646. </tr>
  647. {block:HasTags}
  648. <tr>
  649. <th>Tag</th>
  650. <td>
  651. {block:Tags}
  652. <a href="{TagURL}">#{Tag}</a>
  653. {/block:Tags}
  654. </td>
  655. </tr>
  656. {/block:HasTags}
  657. </tbody></table>
  658. </div>
  659. </div>
  660.  
  661. <div id="related">
  662. </div>
  663.  
  664. {block:IfShowExif}
  665. {block:Exif}
  666. <div class="card meta exif">
  667. <div class="card-section">
  668. <table><tbody>
  669. {block:Camera}
  670. <tr>
  671. <th>Camera</th>
  672. <td>{Camera}</td>
  673. </tr>
  674. {/block:Camera}
  675. {block:Aperture}
  676. <tr>
  677. <th>Aperture</th>
  678. <td>{Aperture}</td>
  679. </tr>
  680. {/block:Aperture}
  681. {block:Exposure}
  682. <tr>
  683. <th>Exposure</th>
  684. <td>{Exposure}</td>
  685. </tr>
  686. {/block:Exposure}
  687. {block:FocalLength}
  688. <tr>
  689. <th>Focal length</th>
  690. <td>{FocalLength}</td>
  691. </tr>
  692. {/block:FocalLength}
  693. </tbody></table>
  694. </div>
  695. </div>
  696. {/block:Exif}
  697. {/block:IfShowExif}
  698.  
  699. {block:NoteCount}
  700. <div class="card notecount">
  701. <h4>
  702. <strong>{NoteCount}</strong> Notes
  703. </h4>
  704. {block:PostNotes}
  705. <div class="card-section">
  706. <div class="notecontainer">{PostNotes}</div>
  707. </div>
  708. {/block:PostNotes}
  709. </div>
  710. {/block:NoteCount}
  711.  
  712. </div>
  713.  
  714. {/block:Posts}
  715.  
  716. {/block:PermalinkPage}
  717.  
  718. </div>
  719.  
  720. <!--フッタ-->
  721. <footer id="footer">
  722. <div class="container">
  723. <div class="copyright">
  724. ©{CopyrightYears} {Title}<br/>
  725. <!-- ↓ これ消さないでください -->
  726. <a href="http://sanographix.github.io/tumblr/illustfolio2/" target="_blank">Illustfolio 2</a> theme designed by <a href="http://www.sanographix.net/" target="_blank">SANOGRAPHIX.NET</a>
  727. </div>
  728. </div>
  729. </footer>
  730.  
  731. <script src="//sanographix.github.io/public/tumblr/illustfolio2/2.2/js/options.min.js" charset="utf-8"></script>
  732.  
  733. <script>
  734. // 最近の記事出す
  735. $(function(){
  736. $("#related").jq_tumblrPostList({
  737. api_key:"{text:Tumblr API Key}",
  738. domain: location.host, //取得先となるTumblrサイトのドメイン
  739. limit:3 //記事の数
  740. });
  741. });
  742. </script>
  743.  
  744. </body>
  745. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement