API tools faq
paste
Advertisement
feiinho

Theme: Zen by @sanographix http://www.sanographix.net

feiinho
Jun 20th, 2013
325
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. Theme: Zen
  5. by @sanographix
  6. http://www.sanographix.net
  7. (c) 2013 Showkaku Sano [sanographix@gmail.com]
  8. Free to use under the MIT license.
  9. Please leave at least ONE credit link. Do not delete this box.
  10. -->
  11.  
  12. <html lang="ja"
  13. xmlns:og="http://ogp.me/ns#"
  14. xmlns:fb="http://www.facebook.com/2008/fbml">
  15. <head>
  16.  
  17. <!-- Variables -->
  18. <meta name="text:Google Analytics ID" content="" />
  19. <meta name="text:OGP Facebook Admin Number" content="" />
  20. <meta name="text:OGP Toppage URL" content="" />
  21. <meta name="text:Hatena Star Token" content="" />
  22. <meta name="text:Google Author" content="" />
  23. <meta name="text:Disqus Shortname" content="" />
  24.  
  25. <meta name="image:Title Logo" content="" />
  26.  
  27. <meta name="if:Show Description" content="1" />
  28. <meta name="if:Show Profile Image" content="0" />
  29. <meta name="if:Enable Hatena Star" content="0" />
  30. <meta name="if:Enable Facebook Button" content="1" />
  31. <meta name="if:Enable Tweet Button" content="1" />
  32. <meta name="if:Enable Plus1 Button" content="1" />
  33. <meta name="if:Enable Syntax Highlight" content="1" />
  34.  
  35. <title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  36.  
  37. <meta charset="UTF-8">
  38. {block:Description}
  39. <meta name="description" content="{MetaDescription}" />
  40. {/block:Description}
  41. <meta name="viewport" content="width=device-width">
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44. <link rel="apple-touch-icon" href="{PortraitURL-128}">
  45. <link rel="canonical" href="{Permalink}"/>
  46. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/zen/css/style.css" charset="utf-8"/>
  47.  
  48. <!-- OGP -->
  49. <meta property="og:title" content="{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}" />
  50. <meta property="og:type" content="article" />
  51. <meta property="og:url" content="{block:IndexPage}{text:OGP Toppage URL}{/block:IndexPage}{block:PermalinkPage}{Permalink}{/block:PermalinkPage}" />
  52. <meta property="og:image" content="{PortraitURL-128}" />
  53. <!-- Twitter tags -->
  54. <meta name="twitter:image" content="{PortraitURL-128}" />
  55. <!-- photo だったら og-image は photoURL にする -->
  56. {block:PermalinkPage}
  57. {block:Posts}
  58. {block:Photo}
  59. <meta property="og:image" content="{PhotoURL-400}" />
  60. {/block:Photo}
  61. {block:Photoset}
  62. {block:Photos}
  63. <meta property="og:image" content="{PhotoURL-400}" />
  64. {/block:Photos}
  65. {/block:Photoset}
  66. {/block:Posts}
  67. {/block:PermalinkPage}
  68. <meta property="og:site_name" content="{Title}" />
  69. <meta property="og:description" content="{block:Description}{MetaDescription}{/block:Description}">
  70. <meta property="fb:admins" content="{text:OGP Facebook Admin Number}" />
  71. <link rel="author" href="{text:Google Author}" />
  72.  
  73. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  74. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
  75. {block:IfEnableSyntaxHighlight}
  76. <script src="//cdnjs.cloudflare.com/ajax/libs/prettify/r224/prettify.js"></script>
  77. {/block:IfEnableSyntaxHighlight}
  78. <script src="//sanographix.github.io/public/tumblr/zen/js/jquery.options.min.js"></script>
  79.  
  80. {block:IfEnableHatenaStar}
  81. <script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
  82. <script type="text/javascript">
  83. Hatena.Strar.Token = '{text:Hatena Star Token}';
  84. </script>
  85. <script type="text/javascript">
  86. Hatena.Star.SiteConfig = {
  87. entryNodes: {
  88. 'article.post': {
  89. uri: '.entry-title a',
  90. title: '.entry-title',
  91. container: 'div.meta'
  92. }
  93. }
  94. };
  95. </script>
  96. <script type="text/javascript">
  97. Hatena.Star.EntryLoader.headerTagAndClassName = ['div','meta'];
  98. </script>
  99. {/block:IfEnableHatenaStar}
  100.  
  101. <!--[if IE]>
  102. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  103. <script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  104. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/zen/css/fuck-ie.css" charset="utf-8"/>
  105. <link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/zen/css/font-awesome-ie7.min.css" charset="utf-8"/>
  106. <![endif]-->
  107.  
  108. <!-- Google Analytics -->
  109. <script type="text/javascript">
  110. var _gaq = _gaq || [];
  111. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  112. _gaq.push(['_trackPageview']);
  113. (function() {
  114. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  115. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  116. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  117. })();
  118. </script>
  119. <!-- END Google Analytics -->
  120.  
  121. </head>
  122. <body onload="prettyPrint()" class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage}page-permalink page-{PostID}{/block:PermalinkPage}">
  123.  
  124. <style>
  125. {CustomCSS}
  126. </style>
  127.  
  128. {block:IfEnableFacebookButton}
  129. <div id="fb-root"></div>
  130. <script>(function(d, s, id) {
  131. var js, fjs = d.getElementsByTagName(s)[0];
  132. if (d.getElementById(id)) return;
  133. js = d.createElement(s); js.id = id;
  134. js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
  135. fjs.parentNode.insertBefore(js, fjs);
  136. }(document, 'script', 'facebook-jssdk'));</script>
  137. {/block:IfEnableFacebookButton}
  138.  
  139. <div id="container">
  140.  
  141. <div class="mobile-nav-panel">
  142. <i class="icon-reorder icon-large"></i>
  143. </div>
  144. <nav class="nav">
  145. <ul>
  146. <li>
  147. <a href="/">Home</a>
  148. </li>
  149. {block:HasPages}
  150. {block:Pages}
  151. <li>
  152. <a href="{URL}">{Label}</a>
  153. </li>
  154. {/block:Pages}
  155. {/block:HasPages}
  156. <li>
  157. <a href="/archive">Archive</a>
  158. </li>
  159. <li>
  160. <a href="{RSS}">RSS</a>
  161. </li>
  162. </ul>
  163. </nav>
  164.  
  165. <header id="header">
  166. {block:IfShowProfileImage}
  167. <img src="{PortraitURL-128}" class="profile-image" />
  168. {/block:IfShowProfileImage}
  169. <h1 class="blog-title">
  170. {block:IfTitleLogoImage}
  171. <div class="title-logo">
  172. <a href="/"><img src="{image:Title Logo}" alt="{Title}" class="logo-image"></a>
  173. </div>
  174. {/block:IfTitleLogoImage}
  175. {block:IfNotTitleLogoImage}
  176. <a href="/">{Title}</a>
  177. {/block:IfNotTitleLogoImage}
  178. </h1>
  179. {block:IfShowDescription}
  180. <h2 class="blog-description">{Description}</h2>
  181. {/block:IfShowDescription}
  182. </header>
  183.  
  184. <div id="main" class="autopagerize_page_element">
  185.  
  186. {block:TagPage}
  187. <h2 class="tagged">Posts tagged "{Tag}"</h2>
  188. {/block:TagPage}
  189.  
  190. <!-- 投稿 -->
  191. {block:Posts}
  192. <article class="post {TagsAsClasses}
  193. {block:Text}text{/block:Text}
  194. {block:Photo}photo{/block:Photo}
  195. {block:Photoset}photoset{/block:Photoset}
  196. {block:Quote}quote{/block:Quote}
  197. {block:Link}link{/block:Link}
  198. {block:Chat}chat{/block:Chat}
  199. {block:Video}video{/block:Video}
  200. {block:Audio}audio{/block:Audio}
  201. {block:Answer}answer{/block:Answer}
  202. ">
  203. {block:Date}
  204. <div class="date">
  205. {block:NewDayDate}<p><a href="{Permalink}">{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}</a></p>{/block:NewDayDate}
  206. {block:SameDayDate}<p><a href="{Permalink}">{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}</a></p>{/block:SameDayDate}
  207. </div>
  208. {/block:Date}
  209.  
  210. <!-- post: テキスト -->
  211. {block:Text}
  212. <header class="entry-header">
  213. {block:Title}
  214. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  215. {/block:Title}
  216. </header>
  217. <div class="entry-content">
  218. {Body}
  219. </div>
  220. {/block:Text}
  221.  
  222. <!-- post: 画像 -->
  223. {block:Photo}
  224. <div class="entry-content">
  225. {LinkOpenTag}
  226. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  227. {LinkCloseTag}
  228. {block:Caption}
  229. <div class="caption">
  230. {Caption}
  231. </div>
  232. {/block:Caption}
  233. </div>
  234. {/block:Photo}
  235.  
  236. <!-- post: フォトセット -->
  237. {block:Photoset}
  238. <div class="entry-content">
  239. {Photoset-700}
  240. {block:Caption}
  241. <div class="caption">
  242. {Caption}
  243. </div>
  244. {/block:Caption}
  245. </div>
  246. {/block:Photoset}
  247.  
  248. <!-- post: 引用 -->
  249. {block:Quote}
  250. <div class="entry-content {Length}">
  251. <blockquote>“{Quote}”</blockquote>
  252. {block:Source}
  253. <div class="quote-source">
  254. {Source}
  255. </div>
  256. {/block:Source}
  257. </div>
  258. {/block:Quote}
  259.  
  260. <!-- post: リンク -->
  261. {block:Link}
  262. <header class="entry-header">
  263. <h1 class="entry-title">
  264. <a href="{URL}" class="link-url" {Target}>{Name}</a>
  265. </h1>
  266. </header>
  267. <div class="entry-content">
  268. {block:Description}
  269. <div class="link-description">{Description}</div>
  270. {/block:Description}
  271. </div>
  272. {/block:Link}
  273.  
  274. <!-- post: チャット -->
  275. {block:Chat}
  276. <div class="entry-content">
  277. {block:Title}
  278. <h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
  279. {/block:Title}
  280. <ul class="ul-chat">
  281. {block:Lines}
  282. <li class="{Alt} user_{UserNumber}">
  283. {block:Label}
  284. <span class="label">{Label}</span>
  285. {/block:Label}
  286. {Line}
  287. </li>
  288. {/block:Lines}
  289. </ul>
  290. </div>
  291. {/block:Chat}
  292.  
  293. <!-- post: ビデオ -->
  294. {block:Video}
  295. <div class="entry-content video-iframe">
  296. {Video-700}
  297. {block:Caption}
  298. <div class="caption">
  299. {Caption}
  300. </div>
  301. {/block:Caption}
  302. </div>
  303. {/block:Video}
  304.  
  305. <!-- post: オーディオ -->
  306. {block:Audio}
  307. <div class="entry-content">
  308. {AudioPlayerBlack}
  309. {block:Caption}
  310. <div class="caption">
  311. {Caption}
  312. </div>
  313. {/block:Caption}
  314. </div>
  315. {/block:Audio}
  316.  
  317. <!-- post: Answer -->
  318. {block:Answer}
  319. <div class="entry-content">
  320. <div class="question bubble">
  321. {Question}
  322. </div>
  323. <div class="asker-group">
  324. <img src="{AskerPortraitURL-24}" width="24" height="24" class="user-icon" /> {Asker}
  325. </div>
  326. <hr/>
  327. <div class="answer cont">{Answer}</div>
  328. </div>
  329. {/block:Answer}
  330.  
  331. <!-- Content Source -->
  332. {block:ContentSource}
  333. <div class="cont content_source">
  334. <a href="{SourceURL}">
  335. {lang:Source}:
  336. {block:SourceLogo}
  337. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  338. {/block:SourceLogo}
  339. {block:NoSourceLogo}
  340. {SourceTitle}
  341. {/block:NoSourceLogo}
  342. </a>
  343. </div>
  344. {/block:ContentSource}
  345.  
  346. <!-- 記事フッタ -->
  347. <footer class="entry-footer">
  348. {block:RebloggedFrom}
  349. <div class="meta meta-reblog">
  350. <span class="meta-elements rebloggedfrom">
  351. Reblogged from <a href="{ReblogParentURL}"><img
  352. src="{ReblogParentPortraitURL-16}" class="favicon"/> {ReblogParentName}</a>
  353. ·
  354. Originally posted by <a href="{ReblogRootURL}"><img
  355. src="{ReblogRootPortraitURL-16}" class="favicon"/> {ReblogRootName}</a>
  356. </span>
  357. </div>
  358. {/block:RebloggedFrom}
  359. <div class="meta">
  360. <span class="meta-elements timeago">
  361. <a href="{Permalink}">{TimeAgo}</a>
  362. </span>
  363. {block:NoteCount}
  364. ·
  365. <span class="meta-elements notecount">
  366. <a href="{Permalink}">{NoteCount} Notes</a>
  367. </span>
  368. {/block:NoteCount}
  369. {block:HasTags}
  370. ·
  371. <span class="meta-elements hastags">
  372. {block:Tags}
  373. <a href="{TagURL}">#{Tag}</a>
  374. {/block:Tags}
  375. </span>
  376. {/block:HasTags}
  377.  
  378. </div>
  379.  
  380. <!-- パーマリンクだけソーシャルボタン出す -->
  381. {block:PermalinkPage}
  382.  
  383. <ul class="like_and_reblog_buttons">
  384. <li>{ReblogButton size="16"}</li>
  385. <li>{LikeButton size="16"}</li>
  386. </ul>
  387.  
  388. <ul class="social-buttons">
  389. {block:IfEnableTweetButton}
  390. <li class="social-button">
  391. <a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a>
  392. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  393. </li>
  394. {/block:IfEnableTweetButton}
  395. {block:IfEnableFacebookButton}
  396. <li class="social-button">
  397. <div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
  398. </li>
  399. {/block:IfEnableFacebookButton}
  400. {block:IfEnablePlus1Button}
  401. <li class="social-button">
  402. <div class="g-plusone" data-size="medium"></div>
  403. <script type="text/javascript">
  404. window.___gcfg = {lang: 'ja'};
  405.  
  406. (function() {
  407. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  408. po.src = 'https://apis.google.com/js/plusone.js';
  409. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  410. })();
  411. </script>
  412. </li>
  413. {/block:IfEnablePlus1Button}
  414. </ul>
  415.  
  416. {block:IfDisqusShortname}
  417.  
  418. <div id="disqus_thread"></div>
  419. <script type="text/javascript">
  420. /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  421. var disqus_shortname = '{text:Disqus Shortname}'; // Required - Replace example with your forum shortname
  422.  
  423. /* * * DON'T EDIT BELOW THIS LINE * * */
  424. (function() {
  425. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  426. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  427. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  428. })();
  429. </script>
  430. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  431. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  432.  
  433. {/block:IfDisqusShortname}
  434.  
  435. {/block:PermalinkPage}
  436.  
  437. {block:PostNotes}
  438. <div class="notecontainer">{PostNotes}</div>
  439. {/block:PostNotes}
  440. </footer>
  441. </article>
  442. {/block:Posts}
  443. </div>
  444.  
  445. {block:PermalinkPagination}
  446. <div id="pager">
  447. <!-- パーマリンク -->
  448. {block:PreviousPost}
  449. <a href="{PreviousPost}">Prev</a>
  450. {/block:PreviousPost}
  451. {block:NextPost}
  452. <a href="{NextPost}" class="next" rel="next">Next</a>
  453. {/block:NextPost}
  454. </div>
  455. {/block:PermalinkPagination}
  456.  
  457. {block:Pagination}
  458. <div id="pager">
  459. <!-- ページごと -->
  460. {block:PreviousPage}
  461. <a href="{PreviousPage}">Prev</a>
  462. {/block:PreviousPage}
  463. {block:NextPage}
  464. <a href="{NextPage}" class="next" rel="next">Next</a>
  465. {/block:NextPage}
  466. </div>
  467. {/block:Pagination}
  468.  
  469. <footer id="footer">
  470. <span class="copyright">
  471. ©{CopyrightYears} {Title}
  472. </span>
  473. <a href="http://sanographix.github.io/tumblr/zen/" target="_blank">Zen</a> theme designed by <a href="http://www.sanographix.net/" target="_blank">SANOGRAPHIX.NET</a>
  474. </footer>
  475.  
  476. </div>
  477.  
  478. </body>
  479. </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!