Showing preview only (365K chars total). Download the full file or copy to clipboard to get everything.
Repository: sanographix/tumblr
Branch: master
Commit: 2d0df188cb4f
Files: 39
Total size: 309.3 KB
Directory structure:
gitextract_bmt4usi_/
├── .gitignore
├── apollo/
│ ├── apollo.html
│ ├── license.md
│ └── readme.md
├── croquis/
│ ├── license.md
│ └── readme.md
├── illustfolio/
│ ├── 1.2.x/
│ │ └── illustfolio.html
│ ├── illustfolio.html
│ ├── license.md
│ └── readme.md
├── illustfolio2/
│ ├── illustfolio2.html
│ ├── license.md
│ └── readme.md
├── illustfolio3/
│ └── readme.md
├── memographix/
│ ├── license.md
│ ├── memographix.html
│ ├── readme.md
│ └── screenshot/
│ ├── memographix-screenshot.psd
│ └── memographix-thumb.psd
├── readme.md
├── reblographix/
│ ├── license.md
│ ├── readme.md
│ └── reblographix.html
├── reblographix2/
│ ├── license.md
│ ├── readme.md
│ └── reblographix2.html
├── tokusetsu/
│ ├── license.md
│ ├── readme.md
│ ├── tokusetsu-demo.html
│ └── tokusetsu.html
├── tokusetsu2/
│ ├── license.md
│ ├── readme.md
│ ├── tokusetsu2-demo.html
│ └── tokusetsu2.html
└── zen/
├── 1.x/
│ ├── zen-en.html
│ └── zen_1.2.8.html
├── license.md
├── readme.md
└── zen.html
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
.DS_Store
*~
*.swp
node_modules
.sass-cache
================================================
FILE: apollo/apollo.html
================================================
<!--
Theme: Apollo
by @sanographix
http://www.sanographix.net
(c) 2014 Showkaku Sano
Free to use under the MIT license.
Please leave at least ONE credit link. Do not delete this comment.
-->
<html prefix="og: http://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<!-- Variables -->
<meta name="text:Hatena Star Token" content="" />
<meta name="text:Google Author" content="" />
<meta name="text:Author" content="" />
<meta name="if:Enable Hatena Star" content="1" />
<meta name="if:Enable Like Button" content="1" />
<meta name="if:Enable Tweet Button" content="1" />
<meta name="if:Enable Plus1 Button" content="1" />
<meta name="if:Enable Hatena Bookmark Button" content="1" />
<meta name="if:Enable Pocket Button" content="1" />
<meta name="if:Enable Syntax Highlight" content="0" />
<meta name="if:Enable Recent Post Module" content="1" />
<title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
{block:TagPage}
<meta name="robots" content="noindex,follow"/>
{/block:TagPage}
{block:DayPage}
<meta name="robots" content="noindex,follow"/>
{/block:DayPage}
<meta charset="UTF-8">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<link href="//sanographix.github.io/public/tumblr/apollo/css/style.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8"/>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<!-- OGP -->
<meta property="og:title" content="{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}" />
<meta property="og:type" content="article" />
<!-- Twitter tags -->
<meta name="twitter:image" content="{PortraitURL-128}" />
<!-- photo だったら og-image は photoURL にする -->
{block:PermalinkPage}
{block:Posts}
{block:Photo}
<meta property="og:image" content="{PhotoURL-HighRes}" />
{/block:Photo}
{block:Photoset}
{block:Photos}
<meta property="og:image" content="{PhotoURL-HighRes}" />
{/block:Photos}
{/block:Photoset}
{/block:Posts}
{/block:PermalinkPage}
<meta property="og:site_name" content="{Title}" />
{block:Description}
<meta property="og:description" content="{MetaDescription}">
{/block:Description}
{block:IfGoogleAuthor}
<link rel="author" href="{text:Google Author}" />
{/block:IfGoogleAuthor}
{block:IndexPage}
<link rel="canonical" href="{BlogURL}"/>
<meta property="og:url" content="{BlogURL}" />
{/block:IndexPage}
{block:PermalinkPage}
<link rel="canonical" href="{Permalink}"/>
<meta property="og:url" content="{Permalink}" />
{/block:PermalinkPage}
<!--[if lt IE 9]>
<script src="//sanographix.github.io/public/tumblr/apollo/js/html5shiv.js"></script>
<![endif]-->
</head>
<body class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage}page-permalink page-{PostID}{/block:PermalinkPage}">
{block:PermalinkPage}
{block:IfEnableLikeButton}
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
{/block:IfEnableLikeButton}
{/block:PermalinkPage}
<style>
{CustomCSS}
</style>
<div id="container">
<div class="mobile-nav-panel">
<i class="icon-reorder icon-large"></i>
</div>
<header id="header" role="banner">
<h1 class="blog-title">
<a href="/">{Title}</a>
</h1>
<nav class="nav" role="navigation">
<ul>
{block:HasPages}
{block:Pages}
<li>
<a href="{URL}">{Label}</a>
</li>
{/block:Pages}
{/block:HasPages}
<li>
<a href="/archive">Archive</a>
</li>
</ul>
</nav>
</header>
<div id="main" class="autopagerize_page_element" role="main">
{block:TagPage}
<h2 class="tagged">Posts tagged "{Tag}"</h2>
{/block:TagPage}
<!-- 投稿 -->
{block:Posts}
<article class="post {TagsAsClasses} {PostType}">
<footer class="entry-meta-header" role="contentinfo">
{block:Date}
<span class="meta-elements date">
<a href="{Permalink}"><time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{ShortMonth} {DayOfMonthWithZero}, {Year}</time></a>
</span>
{/block:Date}
{block:IfAuthor}
<span class="meta-elements author">
by {text:Author}
</span>
{/block:IfAuthor}
</footer>
<!-- post: テキスト -->
{block:Text}
<header class="entry-header">
{block:Title}
<h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
</header>
<div class="entry-content">
{Body}
</div>
{/block:Text}
<!-- post: 画像 -->
{block:Photo}
<div class="entry-content">
{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
</div>
{/block:Photo}
<!-- post: フォトセット -->
{block:Photoset}
<div class="entry-content">
{Photoset-700}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
</div>
{/block:Photoset}
<!-- post: 引用 -->
{block:Quote}
<div class="entry-content {Length}">
<blockquote>“{Quote}”</blockquote>
{block:Source}
<p class="quote-source">
{Source}
</p>
{/block:Source}
</div>
{/block:Quote}
<!-- post: リンク -->
{block:Link}
<header class="entry-header">
<h1 class="entry-title">
<a href="{URL}" class="link-url" {Target}>{Name}</a>
</h1>
</header>
<div class="entry-content">
{block:Description}
<div class="link-description">{Description}</div>
{/block:Description}
</div>
{/block:Link}
<!-- post: チャット -->
{block:Chat}
<div class="entry-content">
{block:Title}
<h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
<ul class="ul-chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
<!-- post: ビデオ -->
{block:Video}
<div class="entry-content video-iframe">
{Video-700}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
</div>
{/block:Video}
<!-- post: オーディオ -->
{block:Audio}
<div class="entry-content">
{AudioPlayerBlack}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
</div>
{/block:Audio}
<!-- post: Answer -->
{block:Answer}
<div class="entry-content">
<div class="question bubble">
{Question}
</div>
<div class="asker-group">
<img src="{AskerPortraitURL-24}" width="24" height="24" /> {Asker}
</div>
<div class="answer cont">{Answer}</div>
</div>
{/block:Answer}
<!-- Content Source -->
{block:ContentSource}
<p class="cont content_source">
<a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceTitle}
{/block:NoSourceLogo}
</a>
</p>
{/block:ContentSource}
<!-- 記事フッタ -->
<footer class="entry-footer">
<div class="entry-meta-footer">
{block:RebloggedFrom}
<div class="meta meta-reblog">
<span class="meta-elements rebloggedfrom">
Reblogged from <a href="{ReblogParentURL}"><img
src="{ReblogParentPortraitURL-16}" class="favicon"/> {ReblogParentName}</a>
·
Originally posted by <a href="{ReblogRootURL}"><img
src="{ReblogRootPortraitURL-16}" class="favicon"/> {ReblogRootName}</a>
</span>
</div>
{/block:RebloggedFrom}
<div class="meta meta-footer">
<span class="meta-elements timeago">
<a href="{Permalink}">{TimeAgo}</a>
</span>
{block:NoteCount}
·
<span class="meta-elements notecount">
<a href="{Permalink}">{NoteCount} Notes</a>
</span>
{/block:NoteCount}
{block:HasTags}
·
<span class="meta-elements hastags">
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</span>
{/block:HasTags}
</div>
</div>
{block:PermalinkPage}
<!-- パーマリンクだけ -->
{block:Date}
<ul class="like_and_reblog_buttons">
<li>{ReblogButton size="18"}</li>
<li>{LikeButton size="18"}</li>
</ul>
{/block:Date}
<div class="social-buttons">
<span class="social-buttons-line1">
{block:IfEnableTweetButton}
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja" data-count="vertical">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
{/block:IfEnableTweetButton}
{block:IfEnableLikeButton}
<div class="fb-like" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div>
{/block:IfEnableLikeButton}
{block:IfEnableHatenaBookmarkButton}
<a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button" data-hatena-bookmark-layout="vertical-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
{/block:IfEnableHatenaBookmarkButton}
</span>
<span class="social-buttons-line2">
{block:IfEnablePlus1Button}
<div class="g-plusone" data-size="tall"></div>
<script type="text/javascript">
window.___gcfg = {lang: 'ja'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
{/block:IfEnablePlus1Button}
{block:IfEnablePocketButton}
<a data-pocket-label="pocket" data-pocket-count="vertical" class="pocket-btn" data-lang="en"></a>
<script type="text/javascript">!function(d,i){
if(!d.getElementById(i)){
var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);
}
}(document,"pocket-btn-js");
</script>
{/block:IfEnablePocketButton}
</span>
</div>
{block:IfEnableRecentPostModule}
<div id="recent">
<h3>Recent Posts</h3>
<span class="loading">Loading...</span>
</div>
{/block:IfEnableRecentPostModule}
{/block:PermalinkPage}
{block:PostNotes}
<h3 class="notecount-header">{NoteCount} Notes</h3>
<div class="notecontainer">{PostNotes}</div>
{/block:PostNotes}
</footer>
</article>
{block:IndexPage}
<hr class="article-devider">
{/block:IndexPage}
{/block:Posts}
<!-- パーマリンクのページャ -->
{block:PermalinkPagination}
<div class="pagenation pagenation-permalink">
{block:NextPost}
<a href="{NextPost}" class="next" rel="next">Newer Post</a>
{/block:NextPost}
{block:PreviousPost}
<a href="{PreviousPost}">Older Post</a>
{/block:PreviousPost}
</div>
{/block:PermalinkPagination}
<!-- ページごとのページャ -->
{block:Pagination}
<div class="pagenation pagenation-index">
{block:PreviousPage}
<a href="{PreviousPage}">Prev</a>
{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump-page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}
<a href="{NextPage}" class="next" rel="next">Next</a>
{/block:NextPage}
</div>
{/block:Pagination}
</div>
<footer id="footer">
<h1 class="footer-blog-title">
<a href="/">{Title}</a>
</h1>
<span class="copyright">
Copyright(C) {CopyrightYears} {Title}<br/>
<!-- ↓ ここ消さないでほしいっス. -->
<a href="http://sanographix.github.io/tumblr/apollo/" target="_blank">Apollo</a> theme designed by <a href="http://www.sanographix.net/" target="_blank">SANOGRAPHIX.NET</a>
/ <a href="http://sanographix.github.io/tumblr/apollo/" target="_blank">Install theme</a>
</span>
</footer>
</div>
<script src="//sanographix.github.io/public/tumblr/apollo/js/apollo-js.min.js"></script>
{block:IfEnableSyntaxHighlight}
<script src="//sanographix.github.io/public/tumblr/apollo/js/prettify.js"></script>
<script>$(function(){prettyPrint()});</script>
{/block:IfEnableSyntaxHighlight}
{block:IfEnableRecentPostModule}
<!-- 最近の記事 -->
<script src="{BlogURL}api/read/json?callback=tumblr&num=8" type="text/javascript"></script>
{/block:IfEnableRecentPostModule}
{block:IfEnableHatenaStar}
<script type="text/javascript" src="https://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '{text:Hatena Star Token}';
</script>
<script type="text/javascript">
Hatena.Star.SiteConfig = {
entryNodes: {
'article.post': {
uri: '.entry-title a',
title: 'document.title',
container: 'div.meta-footer'
}
}
};
</script>
<script type="text/javascript">
Hatena.Star.EntryLoader.headerTagAndClassName = ['div','meta-footer'];
</script>
{/block:IfEnableHatenaStar}
</body>
</html>
================================================
FILE: apollo/license.md
================================================
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: apollo/readme.md
================================================
# Apollo
- <http://sanographix.github.io/tumblr/apollo/>
#### Free responsive tumblr template
Apollo は、穏やかに日記を書きたい人のための無料Tumblrテンプレートです。[@sanographix](https://twitter.com/sanographix)がデザインしています。詳細は[こちらの紹介ページ](http://sanographix.github.io/tumblr/apollo)をご覧ください。
## Install
- <https://www.tumblr.com/theme/38889>
## インストールする
Apolloには2種類のバージョンがあり、それぞれインストール方法が異なります。
1. tumblrのテーマガーデンから自動でインストールする（推奨）
- こちらからインストールしてください: <https://www.tumblr.com/theme/38889>
2. GitHubから手動でインストールする
- インストール方法は後述します
## 機能の違いについて
テーマガーデン版, GitHub版の違いは下記の通りです。テーマガーデン版はTumblrの審査に通す関係で、実験的機能を削減しています。また、海外ユーザー対応している関係で、国内向け機能を一部削減しています。
|/|テーマガーデン|GitHub|
|---|---|---|
|テーマの自動更新|○|×|
|はてなスター|×|○|
|はてなブックマークボタン|×|○|
|テキスト投稿の記事下に最新記事一覧|×|○|
<hr>
## GitHub版 Readme
ここから先は、GitHub版ApolloのReadmeです。
## Demo
デモページはこちらです
<http://apollo-theme.tumblr.com/>
## 1. インストールする
* [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/apollo/apollo.html)します。[ここからコピー](https://raw.github.com/sanographix/tumblr/master/apollo/apollo.html)するとやりやすい
* Tumblrのテーマカスタマイズ画面を開いて、「HTMLを編集」を押します。
* （元のhtmlはバックアップを取っておいたほうが良いです）
* もとのhtmlを削除してapollo.htmlを貼り付けて保存します。
* 保存すると以前のテーマの設定はすべて消えます。
#### [注意] ZEN 2.0 からアップグレードする方へ
- このテーマは、ZEN 2.0との互換性は **ありません** 。Apolloテーマを適用すると、ZENで設定したオプション設定は消えます。
## 2. カスタマイズする
テーマカスタマイズ画面でカスタマイズできます。
### はじめに行うおすすめ設定
* 「▾ 詳細設定」の「モバイルレイアウトを使用する」の **チェックを外す**
* このチェックを外すとレスポンシブ的なデザインになります。Tumblr 純正モバイルレイアウトを使いたい場合はチェックを入れたままにしてください。
### デザイン設定
下記の設定がカスタマイズできます。
| 設定項目 | 説明 |
| --- | --- |
| Google Author | 自分のGoogle+プロフィールURLを入力します。 |
| Hatena Star Token | ここにはてなスターのトークンを入力すると、スターが押されたときにはてなの「あなたへのお知らせ」に通知が届くようになります。詳しい設定方法は[はてなスターのヘルプ](http://d.hatena.ne.jp/hatenastar/20070707/1184453490)を参照してください。 |
| Author | 自分の名前を入力します。著者名として記事に表示されます。 |
| Enable Recent Post Module | 記事パーマリンクに最新記事一覧を表示します。 |
| Enable Like Button | 記事パーマリンクにFacebook Likeボタンを表示します。 |
| Enable Hatena Star | 記事にはてなスターボタンを表示します。 |
| Enable Plus1 Button | 記事パーマリンクにGoogle +1ボタンを表示します。 |
| Enable Tweet Button | 記事パーマリンクにツイートボタンを表示します。 |
| Enable Pocket Button | 記事パーマリンクにPocketボタンを表示します。 |
| Enable Syntax Highlight | シンタックスハイライトを有効にします。 |
## 3. ページを追加する
- Aboutページなど、トップページとは別の固定ページを作成したいときは「ページ管理」の「ページを作成」をクリックして固定ページを作成します。
- 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダにそのページへのリンクが追加されます。
## 4. Tips
### 投稿タイプ「テキスト」で大きい画像を貼る
投稿タイプが「テキスト」のときに画像をアップロードしても、tumblrの仕様で幅500px未満に強制的にリサイズされてしまいます。大きい画像を貼りたいときは外部サイトに画像をアップロードしておいて、画像のURLを貼りつける方法を推奨します。アップロードする外部サイトはFlickrかGoogle+がおすすめです。
## 困ったときは
問い合わせる前にFAQを読みましょう。
### 一般的なよくある質問
よくある質問を下記にまとめたので参照してください。
* <https://github.com/sanographix/tumblr#faq>
### このテーマのよくある質問
##### Q: パーマリンクの下に最新記事モジュールが出ません
* 最新記事モジュールで表示するのは「記事タイトルが存在するテキスト投稿」のみです。他の投稿タイプには対応していません。
## Author
#### Showkaku Sano (sanographix)
Graphic designer from Kyoto.
* [http://www.sanographix.net/](http://www.sanographix.net/)
* [Twitter: @sanographix](https://twitter.com/sanographix)
* [GitHub: sanographix](https://github.com/sanographix)
本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。
## Changelog
### 1.1.0 (2014/10/17)
* テキスト投稿の「続きを読む」にスタイルをあてる
* スマホとかで記事タイトルのフォントサイズ少し小さめに
### 1.0.10 (2014/05/25)
* タブレット端末でPhotosetの端が切れる問題を修正
### 1.0.9 (2014/04/24)
* スマホから見たときのナビゲーションの挙動変更
### 1.0.8 (2014/04/21)
* {text: Blog Domain} の入力を不要にした
### 1.0.7 (2014/04/18)
* スマートフォンから見たときナビゲーションの色味変更
### 1.0.6 (2014/04/16)
* フォトセットをレスポンシブデザイン対応
* iPhoneで正常に動作しなかったのでやっぱり戻した
### 1.0.5 (2014/03/28)
* ブラウザ幅狭いとき iframe がはみ出る問題を修正
### 1.0.4 (2014/03/25)
* ブラウザ幅狭いときの table の見え方を修正
### 1.0.3 (2014/03/20)
* 引用投稿で引用部分以外のフォントサイズが大きくなっていた問題を修正
### 1.0.2 (2014/03/10)
* 新着記事モジュール見出しのマージン調整
### 1.0.1 (2014/03/07)
* 固定ページではReblogボタンを表示しないように
### 1.0.0 (2014/03/05)
* とりあえず公開
## License
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: croquis/license.md
================================================
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: croquis/readme.md
================================================
# Croquis
Croquis は、Tumblrで気軽に落描きを投稿しやすいテンプレートです。
[@sanographix](http://www.sanographix.net) がデザインしています。
#### Note:
このテーマを利用するには、[同人作家のためのTumblr入門](http://www.jadda.info/2013winter/)の冊子が必要です。
## 1. インストールする
* 冊子に記載されているURLから「GET CROQUIS THEME」をクリックし、`croquis.html`のコードを全選択してコピーします。
* Tumblrのテーマカスタマイズ画面を開いて、「HTMLを編集」を押します。
* もとのhtmlを削除して`cruquis.html`のコードを貼り付けて保存します。
* 保存すると以前のテーマの設定はすべて消えます。必要であればバックアップをとってください。
## 2. カスタマイズする
テーマカスタマイズ画面でカスタマイズできます。
### 推奨設定
* 「▾ 詳細設定」の「モバイルレイアウトを使用する」に **チェックを入れる**
* このチェックを入れるとスマートフォンなどで Tumblr 純正のモバイルレイアウトになります。このテーマも一応レスポンシブデザイン対応していますが、フォトセットなどがレスポンシブデザインでうまく再現しきれていないため、特にフォトセットをよく投稿する方はモバイルレイアウトを使用した方が無難です。
### デザイン設定
下記の設定がカスタマイズできます。
| 設定項目 | 説明 |
|-------|-----|
| Enable Facebook Button | 記事パーマリンクに Facebook の Like ボタンを表示します。 |
| Enable Plus1 Button | 記事パーマリンクに Google +1 ボタンを表示します。 |
| Enable Tweet Button | 記事パーマリンクにツイートボタンを表示します。 |
| Show Description | 「説明」欄に入力したテキストを、ブログタイトル下に表示します。 |
| Show Profile Image | ブログタイトルの隣にプロフィール画像を表示します。 |
| Google Analytics ID | Google Analytics を使う場合はここにトラッキングIDを入力します。（例： UA-0000000-0） |
| Google Author | ここに自分の Google+ プロフィールURLを入力することで、Google検索結果に著者情報を表示させることができます。（例：`https://plus.google.com/109963703491503474788`）詳しい情報は[Googleのヘルプ](http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=1408986)を参照してください。 |
| OGP Facebook Admin Number | Facebok Admin ID（**fb:admins**） を入力します。自分の Admin IDの調べ方は、「fb:admins」とかで検索すると分かると思います。 |
| OGP Facebook Page URL | Facebook ページ持ってる人はここに Facebook ページの URL を入力してください。ブログ記事が Fb にシェアされたときに「いいね！」ボタンを表示できるみたいです。[詳しくは Fb 開発ブログ参照。](https://developers.facebook.com/blog/post/2013/06/19/platform-updates--new-open-graph-tags-for-media-publishers-and-more/)これか後述の`OGP Facebook URL`の**どちらか**を入力してください。 |
| OGP Facebook URL | Facebook アカウント持ってる人はここに Facebook の URL を入力してください。ブログ記事が Fb にシェアされたときに「フィードを購読」ボタンを表示できるみたいです。[詳しくは Fb 開発ブログ参照。](https://developers.facebook.com/blog/post/2013/06/19/platform-updates--new-open-graph-tags-for-media-publishers-and-more/)これか先述の`OGP Facebook Page URL`の**どちらか**を入力してください。 |
| Disqus Shortname | 記事にコメント欄を設置したい場合は、ここに Disqus Shortname を入力します。 |
## 3. ページを追加する
- Aboutページなど、トップページとは別の固定ページを作成したいときは「ページ管理」の「ページを作成」をクリックして固定ページを作成します。
- 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダにそのページへのリンクが追加されます。
## 困ったときは
問い合わせる前にFAQを読みましょう。
### 一般的なよくある質問
よくある質問を下記にまとめたので参照してください。
* <https://github.com/sanographix/tumblr#faq>
## Changelog
### 1.0.2 (2014/05/25)
* `Blog Domain`の入力を不要にした
* タブレット端末でPhotosetの端が切れる問題を修正
### 1.0.1 (2014/01/02)
* `Blog Domain`を入力してない場合カノニカルと og:url を表示しないようにした
### 1.0.0 (2013/12/31)
* 公開
## Author
#### Showkaku Sano (sanographix)
Graphic designer from Kyoto.
* [http://www.sanographix.net/](http://www.sanographix.net/)
* [Twitter: @sanographix](https://twitter.com/sanographix)
* [GitHub: sanographix](https://github.com/sanographix)
本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。
## License
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: illustfolio/1.2.x/illustfolio.html
================================================
<!DOCTYPE html>
<!--
Theme: Illustfolio
by @sanographix
http://www.sanographix.net
(c) 2012-2013 Showkaku Sano
Free to use under the MIT license.
Please leave at least ONE credit link. Do not delete this box.
-->
<html lang="ja">
<head>
<!-- 変数 -->
<meta name="if:Show Your Twitter Username" content="1"/>
<meta name="if:Show Your Facebook Username" content="1"/>
<meta name="if:Show Your Google Plus ID" content="1"/>
<meta name="if:Show Your Pixiv ID" content="1"/>
<meta name="if:Show Tweet Button" content="1"/>
<meta name="if:Show Like Button" content="1"/>
<meta name="if:Show Plus One Button" content="1"/>
<meta name="if:Show Pin It Button" content="1"/>
<!-- User info -->
<meta name="text:Your Name" content=""/>
<meta name="text:Your Profile" content="" />
<meta name="text:Your Twitter Username" content=""/>
<meta name="text:Your Facebook Username" content=""/>
<meta name="text:Your Google Plus ID" content="1000000000000"/>
<meta name="text:Your Pixiv ID" content="000000"/>
<meta name="text:Google Analytics Tracking ID" content="UA-000000-00" />
<meta charset="utf-8">
<title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="viewport" content="width=device-width">
<link rel="alternate" type="application/rss+xml" href="{RSS}"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" media="screen" href="http://sanographix.github.io/public/tumblr/illustfolio/css/style.css" charset="utf-8"/>
<link rel="shortcut icon" href="{Favicon}">
<!--[if IE]>
<script src="http://sanographix.github.io/public/tumblr/illustfolio/js/libs/html5shiv.js"></script>
<![endif]-->
<script src="http://sanographix.github.io/public/tumblr/illustfolio/js/libs/jquery-1.8.3.min.js" charset="utf-8"></script>
<script src="http://sanographix.github.io/public/tumblr/illustfolio/js/libs/jquery.easing.1.3.js" charset="utf-8"></script>
<script src="http://sanographix.github.io/public/tumblr/illustfolio/js/libs/jquery.flexslider-min.js" charset="utf-8"></script>
<script src="http://sanographix.github.io/public/tumblr/illustfolio/js/jquery.options.js" charset="utf-8"></script>
<!--Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics Tracking ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage}page-permalink{/block:PermalinkPage}">
<!-- Facebook SDK -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- END Facebook SDK -->
<style>
{CustomCSS}
</style>
<!--ヘッダ-->
<header id="header" class="container">
<div class="row">
<div class="span12">
<h1>
<a href="/">
<img src="{PortraitURL-64}" class="profile-image" />
{Title}
</a>
</h1>
<nav class="nav">
<ul>
<li><a href="/">Home</a></li>
{block:HasPages}
{block:Pages}
<li>
<a href="{URL}">{Label}</a>
</li>
{/block:Pages}
{/block:HasPages}
</ul>
</nav>
</div>
</div>
</header>
<!--ここからトップページ-->
{block:IndexPage}
<!--スライドショー-->
<div class="flexslider">
<ul class="slides">
{block:Posts}
{block:Photo}
<li>
<a href="{Permalink}">
<div class="slide-img" style="background-image: url('{PhotoURL-HighRes}');"></div>
</a>
</li>
{/block:Photo}
{/block:Posts}
</ul>
</div>
<!--ポートフォリオ-->
<div id="portfolio" class="section">
<div class="container">
<div class="row">
<div class="span12">
<h2>Portfolio</h2>
</div>
{block:Posts}
{block:Photo}
<div class="span4 item">
<a href="{Permalink}" data-class="{PhotoURL-HighRes}">
<div class="thumb" style="background-image: url('{PhotoURL-400}');"></div>
<div class="caption-wrapper">
<div class="caption">
{Caption}
</div>
<div class="detail">
<i class="icon-search"></i>View Detail
</div>
</div>
</a>
</div>
{/block:Photo}
{block:Photoset}
<div class="span4 item">
<a href="{Permalink}">
{block:Photos}
<div class="thumb" style="background-image: url('{PhotoURL-400}');"></div>
{/block:Photos}
<div class="caption-wrapper">
<div class="caption">
{Caption}
</div>
<div class="detail">
<i class="icon-search"></i>View Photoset
</div>
</div>
</a>
</div>
{/block:Photoset}
{/block:Posts}
</div><!--row-->
</div><!--container-->
</div><!--section-->
<!-- ページャ -->
{block:Pagination}
<div id="pager" class="container">
<div class="row">
<div class="span12">
{block:PreviousPage}
<a href="{PreviousPage}"><i class="icon-chevron-left"></i>Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next" rel="next">Next<i class="icon-chevron-right"></i></a>
{/block:NextPage}
</div>
</div>
</div>
{/block:Pagination}
<!-- ここまでindex -->
{/block:IndexPage}
<!--パーマリンク-->
{block:PermalinkPage}
<div class="container section">
<div class="row">
{block:Posts}
{block:Photo}
<article class="post photo">
<div class="span8">
{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
{LinkCloseTag}
</div>
<div class="span4">
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
<hr class="soften" />
<!-- メタ情報 -->
<div class="meta">
{block:Date}
<div class="date">
<i class="icon-time"></i>
{Month} {DayOfMonth}, {Year}
</div>
{/block:Date}
<div class="permalink">
<a href="{Permalink}"><i class="icon-link"></i>Permalink</a>
</div>
{block:HasTags}
<div class="tags">
<ul>
{block:Tags}
<li><a href="{TagURL}"><i class="icon-tag"></i>{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
<hr class="soften" />
<ul class="like_and_reblog_buttons">
<li>{ReblogButton}</li>
<li>{LikeButton}</li>
</ul>
<!--ソーシャルボタン-->
<ul class="socialbuttons">
<!--tw-->
{block:IfShowTweetButton}
<li>
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<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>
</li>
{/block:IfShowTweetButton}
<!--fb-->
{block:IfShowLikeButton}
<li>
<div class="fb-like" data-href="{Permalink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
</li>
{/block:IfShowLikeButton}
<!--g+-->
{block:IfShowPlusOneButton}
<li>
<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="200"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</li>
{/block:IfShowPlusOneButton}
<!--pin-->
{block:IfShowPinItButton}
<li>
<a href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
</li>
{/block:IfShowPinItButton}
</ul>
<hr class="soften" />
{block:NoteCount}
<div class="notecount">
<i class="icon-retweet"></i>{NoteCount} Notes
</div>
{/block:NoteCount}
{block:PostNotes}
<div class="notecontainer meta">
{PostNotes}
</div>
{/block:PostNotes}
</div>
</div>
</article>
{/block:Photo}
<!-- Photoset -->
{block:Photoset}
<article class="post photo">
<div class="span8">
{block:Photos}
<img src="{PhotoURL-500}" class="img-photoset"/>
{/block:Photos}
</div>
<div class="span4">
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
<hr class="soften" />
<!-- メタ情報 -->
<div class="meta">
{block:Date}
<div class="date">
<i class="icon-time"></i>
{Month} {DayOfMonth}, {Year}
</div>
{/block:Date}
<div class="permalink">
<a href="{Permalink}"><i class="icon-link"></i>Permalink</a>
</div>
{block:HasTags}
<div class="tags">
<ul>
{block:Tags}
<li><a href="{TagURL}"><i class="icon-tag"></i>{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
<hr class="soften" />
<ul class="like_and_reblog_buttons">
<li>{ReblogButton}</li>
<li>{LikeButton}</li>
</ul>
<!--ソーシャルボタン-->
<ul class="socialbuttons">
<!--tw-->
{block:IfShowTweetButton}
<li>
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<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>
</li>
{/block:IfShowTweetButton}
<!--fb-->
{block:IfShowLikeButton}
<li>
<div class="fb-like" data-href="{Permalink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
</li>
{/block:IfShowLikeButton}
<!--g+-->
{block:IfShowPlusOneButton}
<li>
<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="200"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</li>
{/block:IfShowPlusOneButton}
<!--pin-->
{block:IfShowPinItButton}
<li>
<a href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
</li>
{/block:IfShowPinItButton}
</ul>
<hr class="soften" />
{block:NoteCount}
<div class="notecount">
<i class="icon-retweet"></i>{NoteCount} Notes
</div>
{/block:NoteCount}
{block:PostNotes}
<div class="notecontainer meta">
{PostNotes}
</div>
{/block:PostNotes}
</div>
</div>
</article>
{/block:Photoset}
<!--テキスト（固定ページ用）-->
{block:Text}
<article class="post text">
<div class="span12">
{block:Title}
<h2 class="entry-title"><a href="{Permalink}" class="permalink">{Title}</a></h2>
{/block:Title}
<div class="entry-content">
{Body}
</div>
</div>
</article>
{/block:Text}
{/block:Posts}
</div>
</div>
<!-- ページャ -->
{block:PermalinkPagination}
<div id="pager" class="container">
<div class="row">
<div class="span12">
{block:PreviousPost}
<a href="{PreviousPost}"><i class="icon-chevron-left"></i>Previous</a>
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}" class="next" rel="next">Next<i class="icon-chevron-right"></i></a>
{/block:NextPost}
</div>
</div>
</div>
{/block:PermalinkPagination}
{/block:PermalinkPage}
<!--ここまでパーマリンク-->
<!--フッタ-->
<footer id="footer">
<div class="container">
<div class="row">
<div class="span4">
<h4>{Title}</h4>
<div class="footer-content">
<p>{Description}</p>
</div>
</div>
<div class="span4">
<h4>Profile</h4>
<div class="footer-content">
<img src="{PortraitURL-128}" class="profile-image" />
<h5>{text:Your Name}</h5>
<p>
{text:Your Profile}
</p>
</div>
</div>
<div class="span4">
<h4>Find me elsewhere</h4>
<div class="footer-content">
<ul class="bigger">
{block:IfShowYourTwitterUsername}
<li><a href="http://twitter.com/{text:Your Twitter Username}" target="_blank">Twitter</a></li>
{/block:IfShowYourTwitterUsername}
{block:IfShowYourFacebookUsername}
<li><a href="http://www.facebook.com/{text:Your Facebook Username}" target="_blank">Facebook</a></li>
{/block:IfShowYourFacebookUsername}
{block:IfShowYourGooglePlusID}
<li><a href="http://plus.google.com/{text:Your Google Plus ID}?rel=author" target="_blank">Google+</a></li>
{/block:IfShowYourGooglePlusID}
{block:IfShowYourPixivID}
<li><a href="http://www.pixiv.net/member.php?id={text:Your Pixiv ID}" target="_blank">Pixiv</a></li>
{/block:IfShowYourPixivID}
</ul>
</div>
</div>
</div>
<div class="row">
<div class="span12 copyright">
©{CopyrightYears} {Title}<br/>
<!-- ↓ Please do not delete this anchor. -->
<a href="http://sanographix.github.io/tumblr/illustfolio/" target="_blank">Illustfolio</a> theme designed by <a href="http://www.sanographix.net/" target="_blank">sanographix</a>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
</body>
</html>
================================================
FILE: illustfolio/illustfolio.html
================================================
<!--
Theme: Illustfolio 1.3.0
by @sanographix
http://www.sanographix.net
(c) 2012-2013 Showkaku Sano
Free to use under the MIT license.
Please leave at least ONE credit link. Do not delete this box.
-->
<html lang="ja">
<head>
<!-- 変数 -->
<meta name="if:Show Your Twitter Username" content="1"/>
<meta name="if:Show Your Facebook Username" content="1"/>
<meta name="if:Show Your Google Plus ID" content="1"/>
<meta name="if:Show Your Pixiv ID" content="1"/>
<meta name="if:Show Tweet Button" content="1"/>
<meta name="if:Show Like Button" content="1"/>
<meta name="if:Show Plus One Button" content="1"/>
<meta name="if:Show Pin It Button" content="1"/>
<!-- User info -->
<meta name="text:Your Name" content=""/>
<meta name="text:Your Profile" content="" />
<meta name="text:Your Twitter Username" content=""/>
<meta name="text:Your Facebook Username" content=""/>
<meta name="text:Your Google Plus ID" content="1000000000000"/>
<meta name="text:Your Pixiv ID" content="000000"/>
<meta name="text:Google Analytics Tracking ID" content="UA-000000-00" />
<meta charset="utf-8">
<title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="viewport" content="width=device-width">
<link rel="alternate" type="application/rss+xml" href="{RSS}"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" media="screen" href="http://sanographix.github.io/public/tumblr/illustfolio/1.3.x/css/style.css" charset="utf-8"/>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link rel="shortcut icon" href="{Favicon}">
<!--[if IE]>
<script src="http://sanographix.github.io/public/tumblr/illustfolio/js/libs/html5shiv.js"></script>
<![endif]-->
<script src="http://sanographix.github.io/public/tumblr/illustfolio/js/libs/jquery-1.8.3.min.js" charset="utf-8"></script>
<script src="http://sanographix.github.io/public/tumblr/illustfolio/js/libs/jquery.easing.1.3.js" charset="utf-8"></script>
<script src="http://sanographix.github.io/public/tumblr/illustfolio/js/libs/jquery.flexslider-min.js" charset="utf-8"></script>
<script src="http://sanographix.github.io/public/tumblr/illustfolio/js/jquery.options.js" charset="utf-8"></script>
<!--Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics Tracking ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage}page-permalink{/block:PermalinkPage}">
<!-- Facebook SDK -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- END Facebook SDK -->
<style>
{CustomCSS}
</style>
<!--ヘッダ-->
<header id="header" class="container">
<div class="row">
<div class="span12">
<h1>
<a href="/">
<img src="{PortraitURL-64}" class="profile-image" />
{Title}
</a>
</h1>
<nav class="nav">
<ul>
<li><a href="/">Home</a></li>
{block:HasPages}
{block:Pages}
<li>
<a href="{URL}">{Label}</a>
</li>
{/block:Pages}
{/block:HasPages}
</ul>
</nav>
</div>
</div>
</header>
<!--ここからトップページ-->
{block:IndexPage}
<!--スライドショー-->
<div class="flexslider">
<ul class="slides">
{block:Posts}
{block:Photo}
<li>
<a href="{Permalink}">
<div class="slide-img" style="background-image: url('{PhotoURL-HighRes}');"></div>
</a>
</li>
{/block:Photo}
{/block:Posts}
</ul>
</div>
<!--ポートフォリオ-->
<div id="portfolio" class="section">
<div class="container">
<div class="row">
<div class="span12">
<h2>Portfolio</h2>
</div>
{block:Posts}
{block:Photo}
<div class="span4 item">
<a href="{Permalink}" data-class="{PhotoURL-HighRes}">
<div class="thumb" style="background-image: url('{PhotoURL-400}');"></div>
<div class="caption-wrapper">
<div class="caption">
{Caption}
</div>
<div class="detail">
<i class="fa fa-search"></i>View Detail
</div>
</div>
</a>
</div>
{/block:Photo}
{block:Photoset}
<div class="span4 item">
<a href="{Permalink}">
{block:Photos}
<div class="thumb" style="background-image: url('{PhotoURL-400}');"></div>
{/block:Photos}
<div class="caption-wrapper">
<div class="caption">
{Caption}
</div>
<div class="detail">
<i class="fa fa-search"></i>View Photoset
</div>
</div>
</a>
</div>
{/block:Photoset}
{/block:Posts}
</div><!--row-->
</div><!--container-->
</div><!--section-->
<!-- ページャ -->
{block:Pagination}
<div id="pager" class="container">
<div class="row">
<div class="span12">
{block:PreviousPage}
<a href="{PreviousPage}"><i class="fa fa-chevron-left"></i>Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next" rel="next">Next<i class="fa fa-chevron-right"></i></a>
{/block:NextPage}
</div>
</div>
</div>
{/block:Pagination}
<!-- ここまでindex -->
{/block:IndexPage}
<!--パーマリンク-->
{block:PermalinkPage}
<div class="container section">
<div class="row">
{block:Posts}
{block:Photo}
<article class="post photo">
<div class="span8">
{LinkOpenTag}
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
{LinkCloseTag}
</div>
<div class="span4">
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
<hr class="soften" />
<!-- メタ情報 -->
<div class="meta">
{block:Date}
<div class="date">
<i class="fa fa-clock-o"></i>
{Month} {DayOfMonth}, {Year}
</div>
{/block:Date}
<div class="permalink">
<a href="{Permalink}"><i class="fa fa-link"></i>Permalink</a>
</div>
{block:HasTags}
<div class="tags">
<ul>
{block:Tags}
<li><a href="{TagURL}"><i class="fa fa-tag"></i>{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
<hr class="soften" />
<ul class="like_and_reblog_buttons">
<li>{ReblogButton}</li>
<li>{LikeButton}</li>
</ul>
<!--ソーシャルボタン-->
<ul class="socialbuttons">
<!--tw-->
{block:IfShowTweetButton}
<li>
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<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>
</li>
{/block:IfShowTweetButton}
<!--fb-->
{block:IfShowLikeButton}
<li>
<div class="fb-like" data-href="{Permalink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
</li>
{/block:IfShowLikeButton}
<!--g+-->
{block:IfShowPlusOneButton}
<li>
<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="200"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</li>
{/block:IfShowPlusOneButton}
<!--pin-->
{block:IfShowPinItButton}
<li>
<a href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
</li>
{/block:IfShowPinItButton}
</ul>
<hr class="soften" />
{block:NoteCount}
<div class="notecount">
<i class="fa fa-retweet"></i>{NoteCount} Notes
</div>
{/block:NoteCount}
{block:PostNotes}
<div class="notecontainer meta">
{PostNotes}
</div>
{/block:PostNotes}
</div>
</div>
</article>
{/block:Photo}
<!-- Photoset -->
{block:Photoset}
<article class="post photo">
<div class="span8">
{block:Photos}
<img src="{PhotoURL-500}" class="img-photoset"/>
{/block:Photos}
</div>
<div class="span4">
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
<hr class="soften" />
<!-- メタ情報 -->
<div class="meta">
{block:Date}
<div class="date">
<i class="fa fa-clock-o"></i>
{Month} {DayOfMonth}, {Year}
</div>
{/block:Date}
<div class="permalink">
<a href="{Permalink}"><i class="fa fa-link"></i>Permalink</a>
</div>
{block:HasTags}
<div class="tags">
<ul>
{block:Tags}
<li><a href="{TagURL}"><i class="fa fa-tag"></i>{Tag}</a></li>
{/block:Tags}
</ul>
</div>
{/block:HasTags}
<hr class="soften" />
<ul class="like_and_reblog_buttons">
<li>{ReblogButton}</li>
<li>{LikeButton}</li>
</ul>
<!--ソーシャルボタン-->
<ul class="socialbuttons">
<!--tw-->
{block:IfShowTweetButton}
<li>
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<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>
</li>
{/block:IfShowTweetButton}
<!--fb-->
{block:IfShowLikeButton}
<li>
<div class="fb-like" data-href="{Permalink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
</li>
{/block:IfShowLikeButton}
<!--g+-->
{block:IfShowPlusOneButton}
<li>
<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="200"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</li>
{/block:IfShowPlusOneButton}
<!--pin-->
{block:IfShowPinItButton}
<li>
<a href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
</li>
{/block:IfShowPinItButton}
</ul>
<hr class="soften" />
{block:NoteCount}
<div class="notecount">
<i class="fa fa-retweet"></i>{NoteCount} Notes
</div>
{/block:NoteCount}
{block:PostNotes}
<div class="notecontainer meta">
{PostNotes}
</div>
{/block:PostNotes}
</div>
</div>
</article>
{/block:Photoset}
<!--テキスト（固定ページ用）-->
{block:Text}
<article class="post text">
<div class="span12">
{block:Title}
<h2 class="entry-title"><a href="{Permalink}" class="permalink">{Title}</a></h2>
{/block:Title}
<div class="entry-content">
{Body}
</div>
</div>
</article>
{/block:Text}
{/block:Posts}
</div>
</div>
<!-- ページャ -->
{block:PermalinkPagination}
<div id="pager" class="container">
<div class="row">
<div class="span12">
{block:PreviousPost}
<a href="{PreviousPost}"><i class="fa fa-chevron-left"></i>Previous</a>
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}" class="next" rel="next">Next<i class="fa fa-chevron-right"></i></a>
{/block:NextPost}
</div>
</div>
</div>
{/block:PermalinkPagination}
{/block:PermalinkPage}
<!--ここまでパーマリンク-->
<!--フッタ-->
<footer id="footer">
<div class="container">
<div class="row">
<div class="span4">
<h4>{Title}</h4>
<div class="footer-content">
<p>{Description}</p>
</div>
</div>
<div class="span4">
<h4>Profile</h4>
<div class="footer-content">
<img src="{PortraitURL-128}" class="profile-image" />
<h5>{text:Your Name}</h5>
<p>
{text:Your Profile}
</p>
</div>
</div>
<div class="span4">
<h4>Find me elsewhere</h4>
<div class="footer-content">
<ul class="bigger">
{block:IfShowYourTwitterUsername}
<li><a href="http://twitter.com/{text:Your Twitter Username}" target="_blank">Twitter</a></li>
{/block:IfShowYourTwitterUsername}
{block:IfShowYourFacebookUsername}
<li><a href="http://www.facebook.com/{text:Your Facebook Username}" target="_blank">Facebook</a></li>
{/block:IfShowYourFacebookUsername}
{block:IfShowYourGooglePlusID}
<li><a href="http://plus.google.com/{text:Your Google Plus ID}?rel=author" target="_blank">Google+</a></li>
{/block:IfShowYourGooglePlusID}
{block:IfShowYourPixivID}
<li><a href="http://www.pixiv.net/member.php?id={text:Your Pixiv ID}" target="_blank">Pixiv</a></li>
{/block:IfShowYourPixivID}
</ul>
</div>
</div>
</div>
<div class="row">
<div class="span12 copyright">
©{CopyrightYears} {Title}<br/>
<!-- ↓ Please do not delete this anchor. -->
<a href="http://sanographix.github.io/tumblr/illustfolio/" target="_blank">Illustfolio</a> theme designed by <a href="http://www.sanographix.net/" target="_blank">sanographix</a>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>
</body>
</html>
================================================
FILE: illustfolio/license.md
================================================
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: illustfolio/readme.md
================================================
# Illustfolio
## ⛔ このテーマはサポートしていません
**このテーマはサポートを終了しました。以下の表にある後継テーマからお選びください。それでも本テーマを使いたい場合、自己責任でご利用ください。**
**This theme is no longer supported. If you still want to use it, please do so at your own risk.**
## 後継テーマ
||[Illustfolio Lumina](https://illustfolio-lumina.sanographix.net/ja/)|[Illustfolio 4](https://sanographix.github.io/illustfolio4/)|[Illustfolio 3](https://sanographix.github.io/tumblr/illustfolio3/)|
|-|-|-|-|
||シンプルで、クライアントにも伝わりやすい|シンプルなギャラリー|シンプルなギャラリー|
|自己紹介欄|ページ上部|ページ下部|ページ中部|
|自己紹介下に問い合わせボタン設置|✅|—|—|
|タグ表示|任意のタグを選んでナビゲーションを作成|すべてのタグを一覧表示|すべてのタグを一覧表示|
|無限スクロール|✅|—|✅|
|フォントの変更|✅|✅|—|
|ヘッダ背景色の変更|✅|—|✅|
|タイトル文字色の変更|✅|—|—|
|強調文字色の変更|✅|✅|—|
|サムネイル表示方法|トリミングする・しないを選択可|トリミングする|トリミングしない|
|サムネイルの角を丸める|✅|—|—|
|Tumblr新投稿フォーマット（NPF）対応|✅|△（部分的）|—|
|対応するSNSアイコン|7種類|4種類|4種類|
<hr />
## 概要
llustfolioは、イラストのポートフォリオサイトに特化した無料Tumblrテンプレートです。
Tumblrに画像をアップロードするだけで簡単にポートフォリオサイトが作れます。
[@sanographix](https://twitter.com/sanographix)がデザインしています。
デモページ: [http://illustfolio.tumblr.com/](http://illustfolio.tumblr.com/)
## インストール
### ポートフォリオ用に新しくブログを作成する場合（推奨）
* [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/illustfolio/illustfolio.html)する
* Tumblrでブログを新規作成する
* Tumblrは1つのアカウントで複数ブログ作れます
* Tumblrのテーマカスタマイズ画面を開く
* もとのhtmlを削除してillustfolio.htmlを貼り付ける
### 既存のTumblrブログを使う場合
* [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/illustfolio/illustfolio.html)する
* Tumblrのテーマカスタマイズ画面を開く
* （元のhtmlはバックアップを取っておいたほうが良いです）
* もとのhtmlを削除してillustfolio.htmlを貼り付ける
## 投稿
* 「画像」形式で投稿します。
* **現状、画像以外の形式に対応していません（投稿してもページに表示されません）。**
### 画像にタイトルを設定する
Tumblrは画像投稿にタイトルを設定できません。そこで、キャプション欄に見出しタグを設けることでタイトルっぽくできます。タイトルの書き方は下記を参考にしてください。
<h2>画像のタイトル</h2>
<p>画像のキャプション画像のキャプション画像のキャプション…</p>
## オプション
### おすすめ設定
- 1ページあたりの投稿数を「9」に
- 「モバイルレイアウトを使用する」の **チェックを外す**
### デザイン設定
| 設定項目 | 説明 |
|-------|-----|
|Show Like Button|イラスト詳細ページにFacebookの「いいね！」ボタンを表示します。|
|Show Pin It Button|イラスト詳細ページにPinterestの「Pin It」ボタンを表示します。|
|Show Plus One Button|イラスト詳細ページにGoogle+の「+1」ボタンを表示します。|
|Show Tweet Button|イラスト詳細ページにツイートボタンを表示します。|
| 設定項目 | 説明 |
|-------|-----|
|Show Your Facebook Username|ページのフッタにあなたのFacebookアカウントのリンクを表示します。|
|Show Your Twitter Username|ページのフッタにあなたのTwitterアカウントへのリンクを表示します。|
|Show Your Google Plus ID|ページのフッタにあなたのGoogle+アカウントへのリンクを表示します。|
|Show Your Pixiv ID|ページのフッタにあなたのPixivアカウントへのリンクを表示します。|
| 設定項目 | 説明 |
|-------|-----|
|Your Name|あなたのハンドルネームを入力してください。|
|Your Profile|自己紹介を入力してください。|
|Your Facebook Username|あなたのFacebookアカウントを入力してください。|
|Your Twitter Username|あなたのTwitterアカウントを入力してください。|
|Your Google Plus ID|あなたのGoogle+ IDを入力してください。|
|Your Pixiv ID|あなたのPixiv IDを入力してください。|
|Google Analytics Tracking ID|Googleアナリティクスを使いたい場合は、ここにトラッキングIDを入力してください。|
### ページ管理
- 自己紹介ページなど、投稿とは別の固定ページを作成したいときは「ページを作成」をクリックしてページを作成します。
- 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダのナビゲーションにそのページへのリンクが追加されます。
## Special Thanks
デモページは[火曜さん](http://twitter.com/kayou_bi)のイラストを使用させていただきました。ありがとうございます！
[http://www.pixiv.net/member_illust.php?id=62835](http://www.pixiv.net/member_illust.php?id=62835)
## Known Issues
* IE7以下でFont Awesomeが表示されない
* 画像以外も投稿したい
## 困ったときは
問い合わせる前にFAQを読みましょう。
### 一般的なよくある質問
よくある質問を下記にまとめたので参照してください。
* <https://github.com/sanographix/tumblr#faq>
## Author
#### Showkaku Sano (sanographix)
Graphic designer from Kyoto.
* [http://www.sanographix.net/](http://www.sanographix.net/)
* [Twitter: @sanographix](https://twitter.com/sanographix)
* [GitHub: sanographix](https://github.com/sanographix)
本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。
## Changelog
### 1.4.0 (2014/04/16)
* フォトセットをレスポンシブデザイン対応
### 1.3.0 (2014/01/12)
* フォントをイタリックから Normal に変更
* font-awesome を最新版に
### 1.2.0 (2013/05/05)
* パーマリンクに Like & Reblog ボタンを表示
### 1.1.1 (2013/03/04)
* Photosetのパーマリンク表示に対応
* 今まではトップページのサムネイルをクリックするとその場で画像が展開されましたが、パーマリンクに飛べるようにしました
* パーマリンク先ではPhotosetの画像は1枚ずつ表示され、iframeによるレイアウトはされません（レスポンシブデザイン対応のため）
### 1.1.0 (2012/12/16)
* Photosetの投稿に対応
* パーマリンクにページャを追加
### 1.0.2 (2012/12/12)
* Pixiv IDとGoogle+ IDが反映されない不具合を修正
* FirefoxとIE9でwebfontが表示されない不具合を修正
### 1.0.1 (2012/12/10)
* IE8以下でスライドショーが崩れるのを修正
* パーマリンクのCSSを修正
* Analyticsの変数がちゃんと指定されてなかったのを修正
### 1.0.0 (2012/12/09)
* 公開
<hr />
# Illustfolio
#### Illustfolio is free responsive tumblr theme for illustrators.
## Features
* Easy to create portfolio for illustrators
* Customizable
* Retina ready
* Responsive design
* Including slideshow module
## Usage
1. [Copy this HTML file](https://github.com/sanographix/tumblr/blob/master/illustfolio/illustfolio.html).
2. Create a new tumblr blog, and open design settings.
3. Press "Edit HTML", delete current HTML and paste Illustfolio HTML.
4. Select **"Photo post"**, post your works to tumblr.
## Options
### Recommended settings
* **9 entries** per page
* **Don't** use mobile layout
## License
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: illustfolio2/illustfolio2.html
================================================
<!--
Theme: Illustfolio 2
by @sanographix
ver 2.3.0
http://www.sanographix.net
(c) 2013 Showkaku Sano
Free to use under the MIT license.
Please leave at least ONE credit link. Do not delete this comment.
-->
<html lang="ja" prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">
<head>
<!-- Variables -->
<meta name="text:Google Analytics ID" content="UA-000000-00" />
<!-- User info -->
<meta name="text:Your Name" content=""/>
<meta name="text:Your Twitter Username" content=""/>
<meta name="text:Your Facebook Username" content=""/>
<meta name="text:Your Google Plus ID" content=""/>
<meta name="text:Your Pixiv ID" content=""/>
<meta name="text:Tumblr API Key" content="" />
<meta name="text:Disqus Shortname" content="" />
<meta name="if:Show Exif" content="1" />
<meta name="image:Background" content="" />
<meta name="font:Font" content="" />
<title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">
{block:IndexPage}
<link rel="canonical" href="{BlogURL}"/>
<meta property="og:url" content="{BlogURL}" />
{/block:IndexPage}
{block:PermalinkPage}
<link rel="canonical" href="{Permalink}"/>
<meta property="og:url" content="{Permalink}" />
{/block:PermalinkPage}
<!-- OGP -->
<meta property="og:title" content="{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}" />
<meta property="og:type" content="article" />
<meta property="og:image" content="{PortraitURL-128}" />
<!-- Twitter tags -->
<meta name="twitter:image" content="{PortraitURL-128}" />
<!-- photo だったら og-image はphotoURLにする -->
{block:PermalinkPage}
{block:Posts}
{block:Photo}
<meta property="og:image" content="{PhotoURL-400}" />
{/block:Photo}
{block:Photoset}
{block:Photos}
<meta property="og:image" content="{PhotoURL-400}" />
{/block:Photos}
{/block:Photoset}
{/block:Posts}
{/block:PermalinkPage}
<meta property="og:site_name" content="{Title}" />
<meta property="og:description" content="{block:Description}{MetaDescription}{/block:Description}">
{block:IfYourGooglePlusID}
<link rel="author" href="http://plus.google.com/{text:Your Google Plus ID}" />
{/block:IfYourGooglePlusID}
<link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/illustfolio2/css/style.css" charset="utf-8"/>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- END Google Analytics -->
</head>
<body class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage} page-permalink page-id{PostID}{/block:PermalinkPage}">
<style>
body {
background-image: url('{image:Background}');
font-family: {font:Font};
}
@media (-webkit-min-device-pixel-ratio: 2) {
body {
background-image: url('{image:Background}');
}
}
{CustomCSS}
</style>
<header id="header">
<div class="header-inner">
<ul class="header-nav nav-left">
<li>
<h1 class="blog-title">
<a href="/">{Title}</a>
</h1>
</li>
</ul>
<!-- モバイル用 -->
<div class="mobile-nav-panel">
<i class="icon-reorder icon-large"></i>
</div>
<ul class="header-nav pull-right">
{block:HasPages}
{block:Pages}
<li>
<a href="{URL}">{Label}</a>
</li>
{/block:Pages}
{/block:HasPages}
<li><a href="/archive">Archive</a></li>
<li class="header-tags"><a href="">Tags</a></li>
</ul>
</div>
</header>
<!-- タグリスト -->
<div class="tag-list">
<div class="container">
<h3>Tags</h3>
<ul id="tags" class="tagCloud"></ul>
</div>
</div>
<div class="container">
<!-- Index ページ -->
{block:IndexPage}
<!--スライドショー-->
<div class="flexslider">
<ul class="slides">
{block:Posts}
{block:Photo}
<li>
<a href="{Permalink}">
<div class="slide-img" style="background-image: url('{PhotoURL-HighRes}');"></div>
</a>
</li>
{/block:Photo}
{/block:Posts}
</ul>
</div>
{block:TagPage}
<h3 class="tagged">Posts tagged "{Tag}"</h3>
{/block:TagPage}
<!-- 投稿 -->
<div class="post-thumb-wrapper autopagerize_page_element">
{block:Posts}
<article class="post {TagsAsClasses}
{block:Text}text{/block:Text}
{block:Photo}photo{/block:Photo}
{block:Photoset}photoset{/block:Photoset}
{block:Quote}quote{/block:Quote}
{block:Link}link{/block:Link}
{block:Chat}chat{/block:Chat}
{block:Video}video{/block:Video}
{block:Audio}audio{/block:Audio}
{block:Answer}answer{/block:Answer}
">
<!-- post: テキスト -->
{block:Text}
<a href="{Permalink}">
<div class="post-thumb">
<i class="icon-file-alt"></i>
{block:Title}
<h1 class="entry-title">{Title}</h1>
{/block:Title}
</div>
</a>
{/block:Text}
<!-- post: 画像 -->
{block:Photo}
<a href="{Permalink}">
<div class="photo-thumb" style="background-image:url({PhotoURL-400});">
</div>
</a>
{/block:Photo}
<!-- post: フォトセット -->
{block:Photoset}
{block:Photos}
<a href="{Permalink}">
<div class="photo-thumb" style="background-image: url('{PhotoURL-400}');">
</div>
</a>
{/block:Photos}
{/block:Photoset}
<!-- post: 引用 -->
{block:Quote}
<a href="{Permalink}">
<div class="post-thumb">
<i class="icon-quote-left"></i>
<h1 class="entry-title">
{block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
{block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
Quote
</h1>
</div>
</a>
{/block:Quote}
<!-- post: リンク -->
{block:Link}
<a href="{Permalink}">
<div class="post-thumb">
<i class="icon-link"></i>
<h1 class="entry-title">
{block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
{block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
Link
</h1>
</div>
</a>
{/block:Link}
<!-- post: チャット -->
{block:Chat}
<a href="{Permalink}">
<div class="post-thumb">
<i class="icon-comments"></i>
<h1 class="entry-title">
{block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
{block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
Chat
</h1>
</div>
</a>
{/block:Chat}
<!-- post: ビデオ -->
{block:Video}
<a href="{Permalink}">
<div class="post-thumb">
<i class="icon-film"></i>
<h1 class="entry-title">
{block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
{block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
Video
</h1>
</div>
</a>
{/block:Video}
<!-- post: オーディオ -->
{block:Audio}
<a href="{Permalink}">
<div class="post-thumb">
<i class="icon-music"></i>
<h1 class="entry-title">
{block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
{block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
Audio
</h1>
</div>
</a>
{/block:Audio}
<!-- post: Answer -->
{block:Answer}
<a href="{Permalink}">
<div class="post-thumb">
<i class="icon-question-sign"></i>
<h1 class="entry-title">
{block:NewDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:NewDayDate}
{block:SameDayDate}{Year}{MonthNumberWithZero}{DayOfMonthWithZero}{/block:SameDayDate}<br/>
Answer
</h1>
</div>
</a>
{/block:Answer}
</article>
{/block:Posts}
</div>
<!-- indexページのページャ -->
{block:Pagination}
<div id="pager">
{block:PreviousPage}
<a href="{PreviousPage}" class="btn">Prev</a>
{/block:PreviousPage}
<span class="number">
{CurrentPage}/{TotalPages}
</span>
{block:NextPage}
<a href="{NextPage}" class="next btn" rel="next">Next</a>
{/block:NextPage}
</div>
{/block:Pagination}
{/block:IndexPage}
<!-- パーマリンク -->
{block:PermalinkPage}
<!-- pager -->
<div id="pager">
<div class="main">
{block:PermalinkPagination}
<div class="btn-group">
{block:PreviousPost}
<a href="{PreviousPost}" class="btn"><i class="icon-double-angle-left"></i> Prev</a>
{/block:PreviousPost}
{block:NextPost}
<a href="{NextPost}" class="next btn" rel="next">Next <i class="icon-double-angle-right"></i></a>
{/block:NextPost}
</div>
{/block:PermalinkPagination}
</div>
</div>
{block:Posts}
<div class="main">
<article class="post {TagsAsClasses}
{block:Text}text{/block:Text}
{block:Photo}photo{/block:Photo}
{block:Photoset}photoset{/block:Photoset}
{block:Quote}quote{/block:Quote}
{block:Link}link{/block:Link}
{block:Chat}chat{/block:Chat}
{block:Video}video{/block:Video}
{block:Audio}audio{/block:Audio}
{block:Answer}answer{/block:Answer}
">
<!-- post: 画像 -->
{block:Photo}
{block:HighRes}
<a href="{PhotoURL-HighRes}" class="btn highres"><i class="icon-zoom-in"></i> View in High-Res</a>
{/block:HighRes}
<div class="photo-image">
{LinkOpenTag}
<img src="{PhotoURL-1280}" alt="{PhotoAlt}">
{LinkCloseTag}
</div>
{block:Caption}
<div class="card caption">
<div class="card-section entry-content">
{Caption}
</div>
</div>
{/block:Caption}
{/block:Photo}
<!-- post: フォトセット -->
{block:Photoset}
<div class="photo-image">
{Photoset-700}
</div>
{block:Caption}
<div class="card caption">
<div class="card-section entry-content">
{Caption}
</div>
</div>
{/block:Caption}
{/block:Photoset}
<!-- post: テキスト -->
{block:Text}
<div class="card">
<div class="card-section">
<header class="entry-header">
{block:Title}
<h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
</header>
<div class="entry-content">
{Body}
</div>
</div>
</div>
{/block:Text}
<!-- post: 引用 -->
{block:Quote}
<div class="card">
<div class="card-section">
<div class="entry-content {Length}">
<blockquote>“{Quote}”</blockquote>
{block:Source}
<div class="quote-source">
{Source}
</div>
{/block:Source}
</div>
</div>
</div>
{/block:Quote}
<!-- post: リンク -->
{block:Link}
<div class="card">
<div class="card-section">
<header class="entry-header">
<h1 class="entry-title">
<a href="{URL}" class="link-url" {Target}>{Name}</a>
</h1>
</header>
<div class="entry-content">
{block:Description}
<div class="link-description">{Description}</div>
{/block:Description}
</div>
</div>
</div>
{/block:Link}
<!-- post: チャット -->
{block:Chat}
<div class="card">
<div class="card-section">
<div class="entry-content">
{block:Title}
<h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
<ul class="ul-chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
</div>
</div>
{/block:Chat}
<!-- post: ビデオ -->
{block:Video}
<div class="video-iframe">
{Video-700}
</div>
{block:Caption}
<div class="card">
<div class="card-section caption">
{Caption}
</div>
</div>
{/block:Caption}
{/block:Video}
<!-- post: オーディオ -->
{block:Audio}
<div class="card">
<div class="card-section">
<div class="entry-content">
{AudioPlayerBlack}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
</div>
</div>
</div>
{/block:Audio}
<!-- post: Answer -->
{block:Answer}
<div class="card">
<div class="card-section">
<div class="entry-content">
<div class="question bubble">
{Question}
</div>
<div class="asker-group">
<img src="{AskerPortraitURL-24}" width="24" height="24" class="user-icon" /> {Asker}
</div>
<hr/>
<div class="answer cont">{Answer}</div>
</div>
</div>
</div>
{/block:Answer}
</article>
{block:IfDisqusShortname}
<div class="card">
<div class="card-section">
<div id="disqus_thread"></div>
</div>
</div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = '{text:Disqus Shortname}'; // Required - Replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
{/block:IfDisqusShortname}
</div>
<div class="sidebar">
<div class="card postedby">
<img src="{PortraitURL-128}" class="user-icon">
<div class="card-section">
<h2 class="user-name">
<a href="/">{text:Your Name}</a>
</h2>
<div class="user-findme">
<ul>
{block:IfYourTwitterUsername}
<li>
<a href="http://twitter.com/{text:Your Twitter Username}" target="_blank"><i class="icon-twitter"></i></a>
</li>
{/block:IfYourTwitterUsername}
{block:IfYourFacebookUsername}
<li>
<a href="http://www.facebook.com/{text:Your Facebook Username}" target="_blank"><i class="icon-facebook-sign"></i></a>
</li>
{/block:IfYourFacebookUsername}
{block:IfYourGooglePlusID}
<li>
<a href="http://plus.google.com/{text:Your Google Plus ID}?rel=author" target="_blank"><i class="icon-google-plus-sign"></i></a>
</li>
{/block:IfYourGooglePlusID}
{block:IfYourPixivID}
<li><a href="http://www.pixiv.net/member.php?id={text:Your Pixiv ID}" target="_blank"><i class="icon-pixiv"></i></a></li>
{/block:IfYourPixivID}
</ul>
</div>
</div>
</div>
{block:RebloggedFrom}
<div class="card reblog">
<div class="card-section rebloggedfrom">
<a href="{ReblogParentURL}">
<img src="{ReblogParentPortraitURL-128}" class="user-icon" alt="{ReblogParentName}">
</a>
<span class="label">
<i class="icon-retweet"></i> Reblogged from
</span>
<a href="{ReblogParentURL}" class="user-name">
{ReblogParentName}
</a>
</div>
<div class="card-section original">
<a href="{ReblogRootURL}">
<img src="{ReblogRootPortraitURL-128}" class="user-icon" alt="{ReblogRootName}">
</a>
<span class="label">
Originally posted by
</span>
<a href="{ReblogRootURL}" class="user-name">
{ReblogRootName}
</a>
</div>
</div>
{/block:RebloggedFrom}
<div class="card like-reblog-card">
<div class="card-section">
<ul class="like-reblog-buttons">
<li class="reblog-button"><a href="{ReblogURL}" class="btn"><i class="icon-retweet"></i> Reblog</a></li>
<li class="like-button btn">{LikeButton size="16"}</li>
<li class="share-button"><span class="btn"><i class="icon-share"></i></span>
<!-- シェアボタン押したときのプルダウン -->
<div class="share-pulldown">
<ul class="list">
<li>
<a href="http://twitter.com/intent/tweet?text={block:PostSummary}{PostSummary}{/block:PostSummary}&url={Permalink}"><i class="icon-twitter"></i> Tweet</a>
</li>
<li>
<a href="http://www.facebook.com/sharer.php?u={Permalink}&t={block:PostSummary}{PostSummary}{/block:PostSummary}"><i class="icon-facebook-sign"></i> Facebook</a>
</li>
<li>
<a href="mailto:?subject={Title}&body={block:PostSummary}{PostSummary}{/block:PostSummary}%0D%0A{Permalink}" target="_blank"><i class="icon-envelope"></i> Email</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="card meta">
<div class="card-section">
<table><tbody>
{block:ContentSource}
<tr>
<th>Source</th>
<td>
<a href="{SourceURL}">
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceTitle}
{/block:NoSourceLogo}
</a>
</td>
</tr>
{/block:ContentSource}
<tr>
<th>Published</th>
<td>
{block:NewDayDate}{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}{/block:NewDayDate}
{block:SameDayDate}{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}{/block:SameDayDate}
</td>
</tr>
{block:HasTags}
<tr>
<th>Tag</th>
<td>
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</td>
</tr>
{/block:HasTags}
</tbody></table>
</div>
</div>
<div id="related">
</div>
{block:IfShowExif}
{block:Exif}
<div class="card meta exif">
<div class="card-section">
<table><tbody>
{block:Camera}
<tr>
<th>Camera</th>
<td>{Camera}</td>
</tr>
{/block:Camera}
{block:Aperture}
<tr>
<th>Aperture</th>
<td>{Aperture}</td>
</tr>
{/block:Aperture}
{block:Exposure}
<tr>
<th>Exposure</th>
<td>{Exposure}</td>
</tr>
{/block:Exposure}
{block:FocalLength}
<tr>
<th>Focal length</th>
<td>{FocalLength}</td>
</tr>
{/block:FocalLength}
</tbody></table>
</div>
</div>
{/block:Exif}
{/block:IfShowExif}
{block:NoteCount}
<div class="card notecount">
<h4>
<strong>{NoteCount}</strong> Notes
</h4>
{block:PostNotes}
<div class="card-section">
<div class="notecontainer">{PostNotes}</div>
</div>
{/block:PostNotes}
</div>
{/block:NoteCount}
</div>
{/block:Posts}
{/block:PermalinkPage}
</div>
<!--フッタ-->
<footer id="footer">
<div class="container">
<div class="copyright">
©{CopyrightYears} {Title}<br/>
<!-- ↓ これ消さないでください -->
<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>
</div>
</div>
</footer>
<script src="//sanographix.github.io/public/tumblr/illustfolio2/2.2/js/options.min.js" charset="utf-8"></script>
<script>
// 最近の記事出す
$(function(){
$("#related").jq_tumblrPostList({
api_key:"{text:Tumblr API Key}",
domain: location.host, //取得先となるTumblrサイトのドメイン
limit:3 //記事の数
});
});
</script>
</body>
</html>
================================================
FILE: illustfolio2/license.md
================================================
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: illustfolio2/readme.md
================================================
# Illustfolio 2
## ⛔ このテーマはサポートしていません
**このテーマはサポートを終了しました。以下の表にある後継テーマからお選びください。それでも本テーマを使いたい場合、自己責任でご利用ください。**
**This theme is no longer supported. If you still want to use it, please do so at your own risk.**
## 後継テーマ
||[Illustfolio Lumina](https://illustfolio-lumina.sanographix.net/ja/)|[Illustfolio 4](https://sanographix.github.io/illustfolio4/)|[Illustfolio 3](https://sanographix.github.io/tumblr/illustfolio3/)|
|-|-|-|-|
||シンプルで、クライアントにも伝わりやすい|シンプルなギャラリー|シンプルなギャラリー|
|自己紹介欄|ページ上部|ページ下部|ページ中部|
|自己紹介下に問い合わせボタン設置|✅|—|—|
|タグ表示|任意のタグを選んでナビゲーションを作成|すべてのタグを一覧表示|すべてのタグを一覧表示|
|無限スクロール|✅|—|✅|
|フォントの変更|✅|✅|—|
|ヘッダ背景色の変更|✅|—|✅|
|タイトル文字色の変更|✅|—|—|
|強調文字色の変更|✅|✅|—|
|サムネイル表示方法|トリミングする・しないを選択可|トリミングする|トリミングしない|
|サムネイルの角を丸める|✅|—|—|
|Tumblr新投稿フォーマット（NPF）対応|✅|△（部分的）|—|
|対応するSNSアイコン|7種類|4種類|4種類|
## 概要
llustfolio 2 は、イラストのポートフォリオサイトに特化した無料 Tumblr テンプレートです。
Tumblr に画像をアップロードするだけで簡単にポートフォリオサイトが作れます。
[@sanographix](https://twitter.com/sanographix) がデザインしています。
デモページ: [http://illustfolio2.tumblr.com/](http://illustfolio2.tumblr.com/)
## インストール手順
事前に [tumblr のユーザー登録](https://www.tumblr.com/register)を行なってください。
1. [テーマのhtmlファイル](https://github.com/sanographix/tumblr/blob/master/illustfolio2/illustfolio2.html)をコピーします。[ここからコピー](https://raw.github.com/sanographix/tumblr/master/illustfolio2/illustfolio2.html)するとやりやすい
2. Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize)を開いて、「HTMLを編集」を押します。
3. (オプション) 元の html のバックアップをとっておきます。
4. もとの html を削除して `illustfolio2.html` を貼り付けて保存します。
5. 下記の「カスタマイズ手順」に従って設定を行います。
#### Illustfolio 1 からアップグレードする方への注意
* Illustfolio 1 にあるカスタマイズ項目「Your Profile」は、 Illustfolio 2 では廃止しました。上記手順"4"のHTMLを上書き保存すると項目ごと削除されます。必要であれば自己紹介文のバックアップをとってください。Illustfolio 2 で自己紹介ページを作りたい場合は固定ページを作ってください。
## カスタマイズ手順
テーマの機能を正しく使用できるようにするため、ステップ1から順に必ず設定を行なってください。
### ステップ1: テーマカスタマイズ画面
Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize)を開いて、下記の設定をします。
* 「▾ 詳細設定」の「1ページあたりの投稿数」を「8」か「12」に
* 「▾ 詳細設定」の「モバイルレイアウトを使用する」の **チェックを外す**
* このチェックが外れていないとレスポンシブ的なデザインにならないです。
* ただし、スマートフォンから見たとき重いと思ったらチェックをつけても構いません。
### ステップ2: APIキーの取得
パーマリンクに他の記事のサムネイルを表示させるために、Tumblr API キーの登録が必要です。このステップを省略すると他記事サムネイル表示機能は使えません。
1. [API キー登録ページ](http://www.tumblr.com/oauth/apps)へ行き、「アプリを登録する」を押します。
2. 下図のように「Application name」「Administrative contact email」「Default callback URL」のフォームを埋めて「Register」を押します。
3. OAuth Consumer Key: ○○ と書いてある文字列をメモします。
<img src="http://static.tumblr.com/xlsgtjb/BoXmo0i85/apikey-register.png" width="300px">
### ステップ3: テーマカスタマイズ画面のデザイン設定
ふたたび Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize)を開いて、下記の設定をします。
| 設定項目 | 説明 |
|-------|-----|
|Disqus Shortname|記事にコメント欄を設置したい場合は、ここに Disqus Shortname を入力します。|
|Google Analytics ID|Googleアナリティクスを使いたい場合は、ここにトラッキングIDを入力します。（例： UA-0000000-0）|
|Tumblr API Key|ステップ2で取得した API キーを入力します。|
| 設定項目 | 説明 |
|-------|-----|
|Your Name|あなたのハンドルネームを入力してください。|
|Your Facebook Username|あなたの Facebook アカウントを入力してください。|
|Your Twitter Username|あなたの Twitter アカウントを入力してください。|
|Your Google Plus ID|あなたの Google+ ID を入力してください。|
|Your Pixiv ID|あなたの Pixiv ID を入力してください。|
| 設定項目 | 説明 |
|-------|-----|
|Font|フォントを選べます。|
|Background|背景画像をアップロードできます。|
|Show Exif|画像の Exif 情報を表示します。写真ブログに便利です。|
これで設定は終了です。お疲れ様でした。
## イラストを投稿する
* [ダッシュボード](tumblr.com/dashboard) を開いて、「画像」形式で投稿します。
* そのほかの投稿形式にも対応していますが、イラストは画像形式で投稿するのをおすすめします。
### 画像にタイトルを設定する
Tumblrは画像投稿にタイトルを設定できません。そこで、キャプション欄に見出しタグを設けることでタイトルっぽくできます。タイトルの書き方は下記を参考にしてください。
#### HTML編集モード
<h2>画像のタイトル</h2>
<p>画像のキャプション画像のキャプション画像のキャプション…</p>
#### Markdownモード
## 画像のタイトル
画像のキャプション画像のキャプション画像のキャプション…
Markdown については[こちらの解説記事](http://blog.2310.net/archives/6)が詳しいです。
## 自己紹介ページを作る
- 自己紹介ページやリンク集など、投稿とは別の固定ページを作成したいときは[テーマカスタマイズ画面](http://www.tumblr.com/customize)の「ページを作成」をクリックしてページを作成します。
- 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダのナビゲーションにそのページへのリンクが追加されます。
## Special Thanks
デモページは[火曜さん](http://twitter.com/kayou_bi)のイラストを使用させていただきました。ありがとうございます！
[http://www.pixiv.net/member_illust.php?id=62835](http://www.pixiv.net/member_illust.php?id=62835)
## 困ったときは
問い合わせる前にFAQを読みましょう。
### 一般的なよくある質問
よくある質問を下記にまとめたので参照してください。
* <https://github.com/sanographix/tumblr#faq>
### このテーマのよくある質問
##### Q: Video とか Link 投稿だと index ページでタイトルもサムネイルも出ません
* 仕様です。Tumblr テーマの仕様上の制限によって表示できません。
##### Q: パーマリンクに他の記事のサムネイルを表示する機能が正しく動きません
* オプションの`Tumblr API Key`が未入力ではありませんか？ 上記手順の「ステップ2: APIキーの取得」を行ってください。
##### Q: 「常にブログをSSLで処理する」を有効にするとタグが表示されなくなります
* 問題を認識していますが、対応時期は未定です。Illustfolio 2に限らず、私が作成した古いテーマではSSLがオンのとき一部機能が正しく動かないことがあります。
##### Q: Disqusコメントフォームが真っ白です
* Disqus設定画面で、カラースキームが「for Light Background」になっているか確認してください。まれに「Dark」になっている場合があるようです。
##### Q: フォトセットの投稿がスライドショーに表示されません
* 仕様です。
##### Q: スライドショーの画像が粗いような気がします
* 画像の解像度が足りないと思われます。横 1180px 以上の画像を投稿されることをおすすめします。
##### Q: スライドショーの画像のトリミング位置は指定できないんですか？
* さまざまな構図のイラストを出来るだけ見栄え良く見せるため、
多くのイラストで顔が描かれているであろう「画面中央より少し上側」をスライドショーに表示しています。
この表示位置は変更できません。できるだけ設定項目を減らして簡単に使えることを優先しているためです。
## Author
#### Showkaku Sano (sanographix)
Graphic designer from Kyoto.
* [http://www.sanographix.net/](http://www.sanographix.net/)
* [Twitter: @sanographix](https://twitter.com/sanographix)
* [GitHub: sanographix](https://github.com/sanographix)
本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。
## Changelog
### 2.3.1 (2014/08/27)
* `Blog Domain`オプションを廃止
* ブログURLを取得するテンプレートタグがTumblr側で実装されたため
### 2.3.0 (2014/04/16)
* フォトセットをレスポンシブデザイン対応
* （追記）不具合があったので元の状態に戻した
### 2.2.0 (2013/12/09)
* js の位置を下にしてページ読み込み速度を高速化
### 2.1.0 (2013/07/03)
* タグリストと最新記事を自動で表示するようにした
### 2.0.3 (2013/06/11)
* メタ情報が長いときテーブルからはみ出ないようにした
### 2.0.2 (2013/06/09)
* フォントを変更可能にした
### 2.0.1 (2013/06/01)
* 1投稿しかしてないときにページャが崩れる不具合を修正
* Exif 情報の絞りの欄をなぜかタグって書いてた（凡ミスですすみませんでした）
### 2.0.0 (2013/05/31)
* 公開
* 1.x からの変更点
* 新しくなったデザイン
* 最新記事のサムネイル表示
* パーマリンクの大幅な改善
* すべての投稿タイプに対応
* Reblogの場合オリジナルの投稿元を表示
* 画像の表示幅の拡大
* Disqus 対応
* タグ一覧表示
* Exif 表示
* 背景画像変更可
* OGP 設定済
* ソースコードの大幅な整理
## License
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: illustfolio3/readme.md
================================================
# [Illustfolio 3](http://sanographix.github.io/tumblr/illustfolio3/)
llustfolio 3 は、イラストのポートフォリオサイトに特化した無料 Tumblr テーマです。Tumblrに画像をアップロードするだけで簡単にポートフォリオサイトが作れます。
[@sanographix](https://twitter.com/sanographix)がデザインしています。
デモページ: <http://illustfolio3-sanographixtheme.tumblr.com/>
# Illustfolio テーマラインナップ
||[Illustfolio Lumina](https://illustfolio-lumina.sanographix.net/ja/)|[Illustfolio 4](https://sanographix.github.io/illustfolio4/)|[Illustfolio 3](https://sanographix.github.io/tumblr/illustfolio3/)|
|-|-|-|-|
||シンプルで、クライアントにも伝わりやすい|シンプルなギャラリー|シンプルなギャラリー|
|自己紹介欄|ページ上部|ページ下部|ページ中部|
|自己紹介下に問い合わせボタン設置|✅|—|—|
|タグ表示|任意のタグを選んでナビゲーションを作成|すべてのタグを一覧表示|すべてのタグを一覧表示|
|無限スクロール|✅|—|✅|
|フォントの変更|✅|✅|—|
|ヘッダ背景色の変更|✅|—|✅|
|タイトル文字色の変更|✅|—|—|
|強調文字色の変更|✅|✅|—|
|サムネイル表示方法|トリミングする・しないを選択可|トリミングする|トリミングしない|
|サムネイルの角を丸める|✅|—|—|
|Tumblr新投稿フォーマット（NPF）対応|✅|△（部分的）|—|
|対応するSNSアイコン|7種類|4種類|4種類|
# Install
- <https://www.tumblr.com/theme/39341>
## インストール手順
1. 次のURLから「設定する」ボタンを押します。
- <https://www.tumblr.com/theme/39341>
2. Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize) を開き、「▾ 詳細設定」の「デフォルトのモバイルテーマを使用」の **チェックを外します** 。
* このチェックを外さないとスマートフォンで Illustfolio 3 が有効にならないので、外すことを推奨します
3. 下記の「カスタマイズ手順」に従って設定を行います。
#### Note: Illustfolio 1 または 2 からアップグレードする方への注意
* このテーマは、Illustfolio 1 や 2 との互換性は**ありません**。一度インストールすると、以前のテーマの設定が消えます。（投稿などは消えません）
## カスタマイズ手順
### テーマカスタマイズ画面のデザイン設定
Tumblr の[テーマカスタマイズ画面](http://www.tumblr.com/customize)を開いて、下記の設定をします。
| 設定項目 | 説明 |
|-------|-----|
|ヘッダ画像|ヘッダ画像をアップロードできます。|
|プロフィール画像|プロフィール画像をアップロードできます。|
|Accent|アクセントカラーを選べます。リンクやプロフィールモジュールの色として使われます。なお、白っぽい色を選ぶと文字が見えなくなるのでおすすめしません。|
|Header Color|ヘッダの色を白と黒から選べます。ヘッダ画像の雰囲気に合わせて選んでください。|
|Enable Header Image|ヘッダ画像を有効にします（デフォルト：オン）。|
|Enable Tag List|ヘッダのタグ一覧リンクを有効にします（デフォルト：オン）。|
|Enable Profile Section|トップページのプロフィール表示を有効にします（デフォルト：オン）。|
| 設定項目 | 説明 |
|-------|-----|
|Google Analytics ID|Googleアナリティクスを使いたい場合は、ここにトラッキングIDを入力します。（例： UA-0000000-0）|
| 設定項目 | 説明 |
|-------|-----|
|Your Name|あなたのハンドルネームを入力してください。|
|Your Website URL|あなたのウェブサイトのURLを入力してください。|
|Your Facebook Username|あなたの Facebook アカウントを入力してください。|
|Your Twitter Username|あなたの Twitter アカウントを入力してください。|
|Your Google Plus ID|あなたの Google+ ID を入力してください。|
|Your Pixiv ID|あなたの Pixiv ID を入力してください。|
|Your Instagram Username|あなたの Instagram アカウントを入力してください。|
これで設定は終了です。お疲れ様でした。
## イラストを投稿する
* [ダッシュボード](tumblr.com/dashboard) を開いて、「画像」形式で投稿します。
* そのほかの投稿形式にも対応していますが、イラストは画像形式で投稿するのをおすすめします。
### 画像にタイトルを設定する
Tumblrは画像投稿にタイトルを設定できません。そこで、キャプション欄に見出しタグを設けることでタイトルっぽくできます。タイトルの書き方は下記を参考にしてください。
#### HTML編集モード
<h2>画像のタイトル</h2>
<p>画像のキャプション画像のキャプション画像のキャプション…</p>
#### Markdownモード
## 画像のタイトル
画像のキャプション画像のキャプション画像のキャプション…
## 固定ページを作る
- 自己紹介ページやリンク集など、投稿とは別の固定ページを作成したいときは[テーマカスタマイズ画面](http://www.tumblr.com/customize)の「ページを作成」をクリックしてページを作成します。
- 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダのナビゲーションにそのページへのリンクが追加されます。
## Special Thanks
デモページは[ゆつかさん](https://twitter.com/jam0v0)のイラストを使用させていただきました。ありがとうございます！
- <http://www.pixiv.net/member.php?id=639736>
## 困ったときは
問い合わせる前にFAQを読みましょう。
### 一般的なよくある質問
よくある質問を下記にまとめたので参照してください。
* <https://github.com/sanographix/tumblr#faq>
## Author
#### Showkaku Sano (sanographix)
Graphic designer from Kyoto.
* [http://www.sanographix.net/](http://www.sanographix.net/)
* [Twitter: @sanographix](https://twitter.com/sanographix)
* [GitHub: sanographix](https://github.com/sanographix)
本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。
## ソースコード
ここにあります。
- <https://github.com/sanographix/tumblr-theme-garden/tree/master/illustfolio3>
## Changelog
### 3.0.3 (2014/11/29)
* Androidでツイートボタンが動作しない不具合を修正
### 3.0.2 (2014/11/24)
* テキスト投稿で長い文字列がカラムからはみ出る不具合を修正
### 3.0.1 (2014/11/06)
* 「リアクション」欄が意図せず開閉する不具合を修正
* ヘッダ画像の`max-height`を設定
* プロフィールのテキストが短い時に崩れる不具合を修正
### 3.0.0 (2014/11/04)
* 公開
* 2.x からの変更点
* 新しくなったデザイン
* 無限スクロール
* ヘッダ画像の表示
* アクセントカラー変更可
* 自分のソーシャルアカウントへのリンク
* ソースコードの大幅な整理
## License
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: memographix/license.md
================================================
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: memographix/memographix.html
================================================
<!DOCTYPE html>
<!--
Theme: Memographix
by @sanographix
http://www.sanographix.net
(c) 2012 Showkaku Sano
Free to use under the MIT license.
Please leave at least ONE credit link. Do not delete this box.
-->
<html>
<head>
<!-- Default Variables -->
<meta name="text:Google Analytics Tracking ID" content="UA-000000-00" />
<meta name="text:Hatena Star Token" content="" />
<meta name="if:Enable Hatena Star" content="0"/>
<title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.com/public/tumblr/memographix/css/style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="//weloveiconfonts.com/api/?family=entypo|fontawesome" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="//sanographix.github.com/public/tumblr/memographix/js/jquery.tipsy.js"></script>
<script src="//sanographix.github.com/public/tumblr/memographix/js/options.js"></script>
{block:IfEnableHatenaStar}
<script type="text/javascript" src="//s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Strar.Token = '{text:Hatena Star Token}';
</script>
<script type="text/javascript">
Hatena.Star.EntryLoader.headerTagAndClassName = ['div','meta'];
</script>
{/block:IfEnableHatenaStar}
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics Tracking ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- END Google Analytics -->
</head>
<body class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage}page-permalink{/block:PermalinkPage}">
<style>
{CustomCSS}
</style>
<div id="wrapper">
<div id="wrapper-inner">
<header class="header">
<h1 class="blog-title"><a href="/">{Title}</a></h1>
{block:Description}
<p class="blog-description">{Description}</p>
{/block:Description}
<nav class="nav fade">
<a href="/">Home</a>
{block:HasPages}
{block:Pages}
<a href="{URL}">{Label}</a>
{/block:Pages}
{/block:HasPages}
<a href="/archive">Archive</a>
<a href="{RSS}">RSS</a>
</nav>
</header>
<div id="container" class="autopagerize_page_element">
<div id="container-inner">
<!-- START POSTS -->
{block:Posts}
<!-- Text -->
{block:Text}
<article class="post text">
<header>
{block:Title}
<h1 class="entry-title"><a href="{Permalink}" class="permalink">{Title}</a></h1>
{/block:Title}
</header>
<hr/>
<div class="entry-content">
{Body}
</div>
<!-- Content Source -->
{block:ContentSource}
<div class="cont content_source">
<a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceTitle}
{/block:NoSourceLogo}
</a>
</div>
{/block:ContentSource}
<!-- meta（重複してるので避けたい） -->
<footer class="entry-footer">
<div class="meta">
<span class="meta-elements">
<i class="entypo-clock"></i> {TimeAgo}
</span>
{block:RebloggedFrom}
<span class="meta-elements">
<i class="entypo-loop"></i> Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
</span>
{/block:RebloggedFrom}
{block:NoteCount}
<span class="meta-elements">
<i class="fontawesome-heart"></i> <a href="{Permalink}">{NoteCount} Notes</a>
</span>
{/block:NoteCount}
{block:HasTags}
<span class="meta-elements">
<i class="fontawesome-tag"></i>
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</span>
{/block:HasTags}
<span class="meta-elements">
<i class="fontawesome-link"></i> <a href="{Permalink}">Permalink</a>
</span>
</div>
{block:PostNotes}
<div class="notecontainer">{PostNotes}</div>
{/block:PostNotes}
</footer>
</article>
{/block:Text}
<!-- Photo -->
{block:Photo}
<article class="post photo">
<header>
<h1 class="entry-title"><a href="{Permalink}" class="permalink"><i class="fontawesome-picture"></i></a></h1>
</header>
<hr/>
<div class="entry-content">
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{LinkCloseTag}
</div>
<footer class="entry-footer">
{block:Caption}
<div class="meta caption">
{Caption}
</div>
{/block:Caption}
{block:ContentSource}
<div class="meta">
<i class="entypo-share"></i> Source: <a href="{SourceURL}">{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
</div>
{/block:ContentSource}
<div class="meta">
<span>
<i class="fontawesome-link"></i> <a href="{Permalink}">Permalink</a>
</span>
<span>
<i class="entypo-clock"></i> {TimeAgo}
</span>
{block:RebloggedFrom}
<span>
<i class="entypo-loop"></i> Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
</span>
{/block:RebloggedFrom}
{block:NoteCount}
<span>
<i class="fontawesome-heart"></i> <a href="{Permalink}">{NoteCount} Notes</a>
</span>
{/block:NoteCount}
{block:HasTags}
<span>
<i class="fontawesome-tag"></i>
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</span>
{/block:HasTags}
</div>
{block:PostNotes}
<div class="notecontainer">{PostNotes}</div>
{/block:PostNotes}
</footer>
</article>
{/block:Photo}
<!-- Photoset -->
{block:Photoset}
<article class="post photoset">
<header>
<h1 class="entry-title"><a href="{Permalink}" class="permalink"><i class="entypo-picture"></i></a></h1>
</header>
<hr/>
<div class="entry-content">
{Photoset-500}
</div>
<footer class="entry-footer">
{block:Caption}
<div class="meta caption">
{Caption}
</div>
{/block:Caption}
{block:ContentSource}
<div class="meta">
<i class="entypo-share"></i> Source: <a href="{SourceURL}">{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
</div>
{/block:ContentSource}
<div class="meta">
<span>
<i class="fontawesome-link"></i> <a href="{Permalink}">Permalink</a>
</span>
<span>
<i class="entypo-clock"></i> {TimeAgo}
</span>
{block:RebloggedFrom}
<span>
<i class="entypo-loop"></i> Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
</span>
{/block:RebloggedFrom}
{block:NoteCount}
<span>
<i class="fontawesome-heart"></i> <a href="{Permalink}">{NoteCount} Notes</a>
</span>
{/block:NoteCount}
{block:HasTags}
<span>
<i class="fontawesome-tag"></i>
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</span>
{/block:HasTags}
</div>
{block:PostNotes}
<div class="notecontainer">{PostNotes}</div>
{/block:PostNotes}
</footer>
</article>
{/block:Photoset}
<!-- Quote -->
{block:Quote}
<article class="post quote">
<header>
<h1 class="entry-title"><a href="{Permalink}" class="permalink"><i class="entypo-quote"></i></a></h1>
</header>
<hr/>
<div class="entry-content">
“{Quote}”
</div>
<footer class="entry-footer">
{block:Source}
<div class="meta">
<i class="entypo-share"></i> {Source}
</div>
{/block:Source}
<div class="meta">
<span>
<i class="fontawesome-link"></i> <a href="{Permalink}">Permalink</a>
</span>
<span>
<i class="entypo-clock"></i> {TimeAgo}
</span>
{block:RebloggedFrom}
<span>
<i class="entypo-loop"></i> Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
</span>
{/block:RebloggedFrom}
{block:NoteCount}
<span>
<i class="fontawesome-heart"></i> <a href="{Permalink}">{NoteCount} Notes</a>
</span>
{/block:NoteCount}
{block:HasTags}
<span>
<i class="fontawesome-tag"></i>
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</span>
{/block:HasTags}
</div>
{block:PostNotes}
<div class="notecontainer">{PostNotes}</div>
{/block:PostNotes}
</footer>
</article>
{/block:Quote}
<!-- Link -->
{block:Link}
<article class="post link">
<header>
<h1 class="entry-title"><a href="{Permalink}" class="permalink"><i class="fontawesome-link"></i></a></h1>
</header>
<hr/>
<div class="entry-content">
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
<footer class="entry-footer">
<div class="meta">
<a href="{Permalink}">{TimeAgo}</a>
{block:NoteCount}
<a href="{Permalink}">{NoteCount} Notes</a>
{/block:NoteCount}
</div>
{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
</footer>
</article>
{/block:Link}
<!-- Chat -->
{block:Chat}
<article class="post chat">
<header>
<h1 class="entry-title"><a href="{Permalink}" class="permalink"><i class="fontawesome-comments-alt"></i></a></h1>
</header>
<hr/>
<div class="entry-content">
{block:Title}
<h2>{Title}</h2>
{/block:Title}
<ul class="ul-chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
</article>
{/block:Chat}
<!-- Video -->
{block:Video}
<article class="post video">
<header>
<h1 class="entry-title"><a href="{Permalink}" class="permalink"><i class="entypo-video"></i></a></h1>
</header>
<hr/>
<div class="entry-content">
{Video-500}
</div>
<footer class="entry-footer">
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</footer>
</article>
{/block:Video}
<!-- Audio -->
{block:Audio}
<article class="post audio">
<header>
<h1 class="entry-title"><a href="{Permalink}" class="permalink"><i class="fontawesome-headphones"></i></a></h1>
</header>
<hr/>
<div class="entry-content">
{AudioPlayerBlack}
</div>
<footer class="entry-footer">
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</footer>
</article>
{/block:Audio}
<!-- Answer (途中) -->
{block:Answer}
<section class="caption group">
<div class="cont group">
<div class="question bubble">
{Question}
<span class="arrow border"></span>
<span class="arrow fill"></span>
</div>
<div class="asker group">
<img src="{AskerPortraitURL-24}" width="24" height="24" /> {Asker}
</div>
<div class="answer cont">{Answer}</div>
</div>
{block:ContentSource}
<div class="cont content_source">
<a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceTitle}
{/block:NoSourceLogo}
</a>
</div>
{/block:ContentSource}
</section>
{/block:Answer}
{/block:Posts}
<!-- END POSTS -->
</div>
</div>
<div id="pager">
{block:PreviousPage}
<a href="{PreviousPage}">Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next" rel="next">Next</a>
{/block:NextPage}
</div>
<div class="copyright">
©{CopyrightYears} {Title}<br/>
<a href="https://github.com/sanographix/tumblr/tree/master/memographix" target="_blank">Memographix</a> theme designed by <a href="http://www.sanographix.net/" target="_blank">SANOGRAPHIX.NET</a>
</div>
</div>
</div>
</body>
</html>
================================================
FILE: memographix/readme.md
================================================
# Memographix
#### Simple, Single column theme for Tumblr.
## 【⛔ Notice】 このテーマはサポートしていません
* このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。
## GitHub版を手動でインストールする
* [このHTMLをコピーしてTumblrに貼り付けて](https://github.com/sanographix/tumblr/blob/master/memographix/memographix.html)ください。
* GitHub版は[@sanographix](https://twitter.com/sanographix)がたまにデザインの修正・変更を行います。いきなり勝手に見た目が変わったりします。
* それでもいいという場合のみご利用ください。
## オプション
* Enable Hatena Star
* スターを表示するか
* Google Analytics Tracking ID
* 例）UA-000000-00
* TypeSquare Embed Code
* <a href="https://typesquare.com/alicense/script">https://typesquare.com/alicense/script</a> ←にあるコード
* TypeSquareは今年一杯は無料で使えます
* 見出しが見出ゴMB31、本文が中ゴシックBBBになります
* 何も入力しなかった場合はフォントがヒラギノとかになります
* Hatena Star Token
* 例）4238bd2ff9df2bb2a6ab11393da28c291ab022eb
* <a href="http://s.hatena.ne.jp/">http://s.hatena.ne.jp/</a>の「マイページ」でブログのURLを登録する
* Hatena.Star.Token = 'ここの文字列をtumblrのオプションにコピペしてください'
* スターについて詳しくは<a href="http://d.hatena.ne.jp/hatenastar/20070707/1184453490">http://d.hatena.ne.jp/hatenastar/20070707/1184453490</a>を参照
* トークンを設定しなくてもスターは使えます
## ページ作成
* 「ページへのリンクを表示する」にチェックを入れると、ヘッダのメニューにリンクが追加されます
* Aboutページとか作るとよいかもです。<a href="http://memo.sanographix.net/about">こういうやつ</a>
# Changelog
### 2.1 (2013.01.06)
* ブログタイトルとナビゲーションとかのフォントを変更
* 記事内tableにスタイルあたってなかったの修正
* 記事内で.btnとか使えるようにした
* その他スタイル調整
### 2.0 (2012.12.26)
* 見た目を大幅に変更
* タイトルをセンタリング
* リンク色を緑に
* フォントファミリをOpen Sans + ヒラギノに
* TypeSquareやめた
* 自動カーニングやめた
* はてなスターの出る位置をフッタに
* その他CSSの修正
### 1.0 (2012.05.29)
* 公開
### テーマガーデン版
* テーマガーデン版は1.0のまま変更しません
## Author
#### Showkaku Sano (sanographix)
Graphic designer from Kyoto.
* [http://www.sanographix.net/](http://www.sanographix.net/)
* [Twitter: @sanographix](https://twitter.com/sanographix)
* [GitHub: sanographix](https://github.com/sanographix)
本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。
================================================
FILE: readme.md
================================================
# Tumblr Themes by sanographix
* Tumblrで使えるテーマです
# View All Themes
* <https://sanographix.github.io/tumblr/>
# License
テーマはそれぞれのライセンスのもとで自由に利用できます。詳細は各テーマのライセンスをご確認ください。
# FAQ
## 不具合かな？ と思ったら
**サポート情報は下記URLに移動しました。**
- <https://sanographix.gitbook.io/themes-support/>
# Author
#### Showkaku Sano (sanographix)
Graphic designer from Kyoto.
* <http://www.sanographix.net/>
* Twitter: [@sanographix](https://twitter.com/sanographix)
* GitHub: [sanographix](https://github.com/sanographix)
================================================
FILE: reblographix/license.md
================================================
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: reblographix/readme.md
================================================
# Reblographix
## 【⛔ Notice】 このテーマはサポートしていません
* このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。
## 手動でインストールする
* <a href="http://www.tumblr.com/customize">http://www.tumblr.com/customize</a>に行く
* 「HTMLを編集」を押す
* （元のhtmlはバックアップを取っておいたほうが良いです）
* もとのhtmlを削除してreblographix.htmlをコピペする
## オプション
* Google Analytics Tracking ID
* 例）UA-000000-00
* Your Domain
* example.tumblr.com
* ヘッダの検索フォーム用
## 詳細設定
* 1ページあたり投稿数をMAX（15）にするとよさそう
## Author
#### Showkaku Sano (sanographix)
Graphic designer from Kyoto.
* [http://www.sanographix.net/](http://www.sanographix.net/)
* [Twitter: @sanographix](https://twitter.com/sanographix)
* [GitHub: sanographix](https://github.com/sanographix)
本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。
================================================
FILE: reblographix/reblographix.html
================================================
<!DOCTYPE html>
<!--
Theme: Reblographix
by @sanographix
http://www.sanographix.net
(c) 2012 Showkaku Sano
Free to use under the MIT license.
Please leave at least ONE credit link. Do not delete this box.
-->
<html>
<head>
<!-- Default Variables -->
<meta name="text:Google Analytics Tracking ID" content="UA-000000-00" />
<meta name="text:Your Domain" content="hoge.tumblr.com" />
<title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}"><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<link rel="stylesheet" media="screen" href="http://static.tumblr.com/xlsgtjb/jU8m3w2kx/style.css" />
<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://static.tumblr.com/9snku1k/nq2ly5vr1/jquery.1.7.1.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/9snku1k/bQtlxyt6n/jquery.infinitescroll.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/xlsgtjb/7UMm3vj1b/jquery.masonry.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/xlsgtjb/oFhm3vj32/tinybox.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/xlsgtjb/0Dsm3vj3k/jquery.nanoscroller.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/xlsgtjb/EJHm3vj4n/options.js"></script>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics Tracking ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- END Google Analytics -->
</head>
<body class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage}page-permalink nano" id="scrollbar{/block:PermalinkPage}">
<style>
{CustomCSS}
</style>
<div id="wrapper"{block:PermalinkPage} class="content"{/block:PermalinkPage}>
{block:IndexPage}
<header>
<nav class="nav">
<a href="{RSS}"><img src="http://static.tumblr.com/xlsgtjb/tYkm3vj6e/rss.png"></a>
<a href="/archive"><img src="http://static.tumblr.com/xlsgtjb/uLem3vj6w/drawers-alt-1.png"></a>
</nav>
<div id="cse">
<form id="search" method="get" action="http://www.google.co.jp/search">
<input id="stext" name="q" type="text" value="">
<input type="image" src="http://static.tumblr.com/xlsgtjb/80hm3vj5r/search.png" alt="Search" name="searchBtn" id="searchBtn" />
<input name="domains" type="hidden" value="{text:Your Domain}">
<input name="sitesearch" type="hidden" value="{text:Your Domain}">
</form>
</div>
<h1 class="heading blog-title"><a href="/">{Title}</a></h1>
{block:Description}
<!--<p class="blog-description">{Description}</p>-->
{/block:Description}
</header>
{/block:IndexPage}
<div id="container-outer">
<div id="container">
{block:Posts}
{block:Text}
<div class="post text"{block:IndexPage} onClick="TINY.box.show({iframe:'{Permalink}',boxid:'frameless',width:700,top:0,fixed:true,maskid:'whitemask',maskopacity:93,closejs:function(){closeJS()}})"{/block:IndexPage}>
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
{Body}
<div class="caption">
{block:NoteCount}
<div class="meta"><a href="{Permalink}">{NoteCount}</a> Notes</div>
{/block:NoteCount}
{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
</div>
</div>
{/block:Text}
{block:Photo}
<div class="post photo"{block:IndexPage} onClick="TINY.box.show({iframe:'{Permalink}',boxid:'frameless',width:700,top:0,fixed:true,maskid:'whitemask',maskopacity:93,closejs:function(){closeJS()}})"{/block:IndexPage}>
{LinkOpenTag}
<img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{block:PermalinkPage}
{block:Caption}
<div class="caption">
{Caption}
{block:ContentSource}
<div class="meta">Source: <a href="{SourceURL}">{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></div>
{/block:ContentSource}
{block:NoteCount}
<div class="meta"><a href="{Permalink}">{NoteCount}</a> Notes</div>
{/block:NoteCount}
{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
</div>
{/block:Caption}
{/block:PermalinkPage}
</div>
{/block:Photo}
{block:Photoset}
<div class="post photoset"{block:IndexPage} onClick="TINY.box.show({iframe:'{Permalink}',boxid:'frameless',width:700,top:0,fixed:true,maskid:'whitemask',maskopacity:93,closejs:function(){closeJS()}})"{/block:IndexPage}>
{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{block:PermalinkPage}
{block:Caption}
<div class="caption">
{Caption}
{block:ContentSource}
<div class="meta">Source: <a href="{SourceURL}">{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a></div>
{/block:ContentSource}
{block:NoteCount}
<div class="meta"><a href="{Permalink}">{NoteCount}</a> Notes</div>
{/block:NoteCount}
{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
</div>
{/block:Caption}
{/block:PermalinkPage}
</div>
{/block:Photoset}
{block:Quote}
<div class="post quote"{block:IndexPage} onClick="TINY.box.show({iframe:'{Permalink}',boxid:'frameless',width:700,top:0,fixed:true,maskid:'whitemask',maskopacity:93,closejs:function(){closeJS()}})"{/block:IndexPage}>
“{Quote}”
{block:PermalinkPage}
{block:Source}
<div class="source">
{Source}
{block:NoteCount}
<div class="meta"><a href="{Permalink}">{NoteCount}</a> Notes</div>
{/block:NoteCount}
{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
</div>
{/block:Source}
{block:PermalinkPage}
</div>
{/block:Quote}
{block:Link}
<div class="post link"{block:IndexPage} onClick="TINY.box.show({iframe:'{Permalink}',boxid:'frameless',width:700,top:0,fixed:true,maskid:'whitemask',maskopacity:93,closejs:function(){closeJS()}})"{/block:IndexPage}>
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
{block:NoteCount}
<div class="meta"><a href="{Permalink}">{NoteCount}</a> Notes</div>
{/block:NoteCount}
{block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
</div>
{/block:Link}
{block:Chat}
<div class="post chat"{block:IndexPage} onClick="TINY.box.show({iframe:'{Permalink}',boxid:'frameless',width:700,top:0,fixed:true,maskid:'whitemask',maskopacity:93,closejs:function(){closeJS()}})"{/block:IndexPage}>
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Video}
<div class="post video"{block:IndexPage} onClick="TINY.box.show({iframe:'{Permalink}',boxid:'frameless',width:700,top:0,fixed:true,maskid:'whitemask',maskopacity:93,closejs:function(){closeJS()}})"{/block:IndexPage}>
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Video}
{block:Audio}
<div class="post audio"{block:IndexPage} onClick="TINY.box.show({iframe:'{Permalink}',boxid:'frameless',width:700,top:0,fixed:true,maskid:'whitemask',maskopacity:93,closejs:function(){closeJS()}})"{/block:IndexPage}>
{AudioPlayerBlack}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}
{block:PermalinkPage}
<div class="hom">
<a href="/"><img src="http://static.tumblr.com/xlsgtjb/5NJm3vj7l/home.png">↩ほむ</a>
</div>
{/block:PermalinkPage}
{/block:Posts}
</div>
</div>
<div id="pagination">
{block:PreviousPage}
<a href="{PreviousPage}">« Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next">Next »</a>
{/block:NextPage}
</div>
</div>
<div id="akkarin"></div>
</body>
</html>
================================================
FILE: reblographix2/license.md
================================================
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: reblographix2/readme.md
================================================
# Reblographix 2
## 【⛔ Notice】 このテーマはサポートしていません
* このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。
## Free responsive tumblr template
Reblographix 2 は、大量の画像を Reblog する人のための Tumblr テーマです。
[@sanographix](https://twitter.com/sanographix)がデザインしています。
詳細はこちらの紹介ページをご覧ください。
[http://sanographix.github.com/tumblr/reblographix2](http://sanographix.github.com/tumblr/reblographix2)
## 1. インストールする
* [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/reblographix2/reblographix2.html)する
* Tumblrのダッシュボードから、設定 -> テーマカスタマイズ画面を開く
* （元のhtmlはバックアップを取っておいたほうが良いです）
* もとのhtmlを削除してreblographix2.htmlを貼り付けて保存する
## 2. カスタマイズする
テーマカスタマイズ画面でカスタマイズできます。
### はじめに行う設定
* 「▾ 詳細設定」の「モバイルレイアウトを使用する」の **チェックを外す**
* このチェックが外れていないとレスポンシブ的なデザインにならないです。
* ただし画像の多いブログだと比較的重いので、もし重かったら諦めてモバイルレイアウトを使ってください。
### デザイン設定
| 設定項目 | 説明 |
|-------|-----|-----|
| Hide Tumblr Controls | 右上の「ダッシュボード」とか「リブログ」とか書いてある黒いリンクを非表示にします。（モバイルで見た時デザインの都合上邪魔なので消せるようにしています） |
| Blog Domain | 検索フォーム用に自分のブログドメイン（`http://`とかは入れない）を入力します。（例：foo.tumblr.com） |
| Google Analytics ID | Google Analytics を使う場合はここにトラッキングIDを入力します。 |
## 3. ページを追加する
- Aboutページなど、トップページとは別の固定ページを作成したいときは「ページ管理」の「ページを作成」をクリックして固定ページを作成します。
- 「ページへのリンクを表示する」チェックボックスを入れると、ナビゲーションにそのページへのリンクが追加されます。
## Author
#### Showkaku Sano (sanographix)
Graphic designer from Kyoto.
* [http://www.sanographix.net/](http://www.sanographix.net/)
* [Twitter: @sanographix](https://twitter.com/sanographix)
* [GitHub: sanographix](https://github.com/sanographix)
本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。
## Changelog
### 2.2.1 (2014/07/04)
* 動画投稿のときサムネイルを表示するように
### 2.2.0 (2014/04/16)
* フォトセットをレスポンシブデザイン対応
### 2.1.2 (2014/03/07)
* 固定ページではReblogボタンを表示しないように
### 2.1.1 (2013/07/18)
* Tumblr Control を消すのをデフォルトではオフにした
### 2.1 (2013/05/04)
* Like & Reblog ボタンを [Tumblr 公式のもの](http://nihongo.tumblr.com/post/49435671970)に変更
### 2.0.1 beta (2013/04/07)
* `Hide Tumblr Controls` に文言変更
* タグページの修正
### 2.0.0 beta (2013/04/07)
* 公開
* 1.x からの変更点
* [Reblographix](http://www.tumblr.com/theme/35965)をベースに完全に作りなおした
* パーマリンクの大幅な改善
* すべての投稿タイプに対応
* index ページ表示高速化
* スライドするナビゲーション
* より広いブラウザ幅のサポート
* Retina ディスプレイのサポート
* よりネイティブアプリ感のある見た目
<hr />
# Reblographix 2
#### Reblographix2 is free responsive, HTML5 tumblr template.
## Usage
1. [Copy this HTML file](https://github.com/sanographix/tumblr/blob/master/reblographix2/reblographix2.html).
2. Go to Tumblr dashboard, and open design settings.
3. Press "Edit HTML", delete current HTML and paste reblographix2 HTML.
## Options
### Recommended settings
* **Don't** use mobile layout
================================================
FILE: reblographix2/reblographix2.html
================================================
<!DOCTYPE html>
<!--
Theme: Reblographix 2
by @sanographix
http://www.sanographix.net
(c) 2013 Showkaku Sano
Free to use under the MIT license.
-->
<html lang="ja" prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">
<head>
<!-- Variables -->
<meta name="text:Google Analytics ID" content="" />
<meta name="text:Blog Domain" content="" />
<meta name="if:Hide Tumblr Controls" content="0" />
<title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
<meta charset="UTF-8">
<meta name="viewport" content="width = device-width, initial-scale = 1, user-scalable = no">
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<link rel="canonical" href="{Permalink}"/>
<!-- OGP -->
<meta property="og:title" content="{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}" />
<meta property="og:type" content="article" />
<meta property="og:image" content="{PortraitURL-128}" />
<!-- Twitter tags -->
<meta name="twitter:image" content="{PortraitURL-128}" />
<!-- photo だったら og-image はphotoURLにする -->
{block:PermalinkPage}
{block:Posts}
{block:Photo}
<meta property="og:image" content="{PhotoURL-400}" />
{/block:Photo}
{block:Photoset}
{block:Photos}
<meta property="og:image" content="{PhotoURL-400}" />
{/block:Photos}
{/block:Photoset}
{/block:Posts}
{/block:PermalinkPage}
<meta property="og:site_name" content="{Title}" />
<meta property="og:description" content="{block:Description}{MetaDescription}{/block:Description}">
<link rel="stylesheet" type="text/css" media="screen" href="//sanographix.github.io/public/tumblr/reblographix2/css/style.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fitvids/1.0.1/jquery.fitvids.min.js"></script>
<script src="//sanographix.github.io/public/tumblr/reblographix2/js/options.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.nanoscroller/0.6.8/jquery.nanoscroller.min.js"></script>
<script src="//sanographix.github.io/public/tumblr/reblographix2/js/jquery.infinitescroll.js"></script>
{block:IndexPage}
<script src="//sanographix.github.io/public/tumblr/reblographix2/js/tinybox.js"></script>
{/block:IndexPage}
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- END Google Analytics -->
</head>
<body class="{block:IndexPage}page-index{/block:IndexPage}{block:PermalinkPage}page-permalink nano" id="scrollbar{/block:PermalinkPage}">
<style>
{CustomCSS}
{block:IfHideTumblrControls}
#tumblr_controls {
display: none;
}
{/block:IfHideTumblrControls}
</style>
<!-- ここから index page -->
{block:IndexPage}
<div class="header-wrapper">
<header id="header">
<a id="nav" href="#sidr" class="first btn btn-dark"><i class="icon-reorder icon-large"></i></a>
<h1 class="blog-title">
<a href="/">{Title}</a>
</h1>
</header>
</div>
<!-- iOSっぽい横から出てくるメニュー -->
<nav id="sidr">
<div id="cse">
<form id="search" method="get" action="http://www.google.co.jp/search" target="_blank">
<input type="submit" id="searchBtn" value="Search" />
<input type="text" id="stext" name="q" value="" placeholder="Search">
<input name="domains" type="hidden" value="{text:Blog Domain}">
<input name="sitesearch" type="hidden" value="{text:Blog Domain}">
</form>
</div>
<ul class="list blog-title">
<li>
<img src="{PortraitURL-48}" class="portrait-image">{Title}
{block:Description}
<div class="blog-description">{Description}</div>
{/block:Description}
</li>
</ul>
<h3>MENU</h3>
<ul class="list">
{block:HasPages}
{block:Pages}
<li>
<a href="{URL}"><i class="icon-info-sign"></i> {Label}</a>
</li>
{/block:Pages}
{/block:HasPages}
<li>
<a href="/archive"><i class="icon-calendar"></i> Archive</a>
</li>
<li>
<a href="{RSS}"><i class="icon-rss"></i> RSS</a>
</li>
<li>
<a href="http://www.tumblr.com/dashboard"><i class="icon-dashboard"></i> Dashboard</a>
</li>
</ul>
<footer id="footer">
<span class="copyright">
©{CopyrightYears} {Title}
</span>
<a href="http://sanographix.github.io/tumblr/reblographix2/" target="_blank">Reblographix 2</a> designed by <a href="http://www.sanographix.net/" target="_blank">@sanographix</a>
</footer>
</nav>
<div id="container">
{block:TagPage}
<h3 class="tagged">Posts tagged "{Tag}"</h3>
{/block:TagPage}
<!-- 投稿 -->
{block:Posts}
<article class="post {TagsAsClasses}
{block:Text}text{/block:Text}
{block:Photo}photo{/block:Photo}
{block:Photoset}photoset{/block:Photoset}
{block:Quote}quote{/block:Quote}
{block:Link}link{/block:Link}
{block:Chat}chat{/block:Chat}
{block:Video}video{/block:Video}
{block:Audio}audio{/block:Audio}
{block:Answer}answer{/block:Answer}
"
onClick="TINY.box.show({iframe:'{Permalink}',boxid:'frameless',width:700,top:0,fixed:true,maskid:'whitemask',maskopacity:100,animate:false,closejs:function(){closeJS()}})">
<!-- post: テキスト -->
{block:Text}
<div class="post-thumb">
{block:Title}
<h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
<div class="entry-content">
{Body}
</div>
</div>
{/block:Text}
<!-- post: 画像 -->
{block:Photo}
<div class="photo-thumb" style="background-image:url({PhotoURL-250});">
</div>
{/block:Photo}
<!-- post: フォトセット -->
{block:Photoset}
{block:Photos}
<div class="photo-thumb" style="background-image: url('{PhotoURL-250}');">
</div>
{/block:Photos}
{/block:Photoset}
<!-- post: 引用 -->
{block:Quote}
<div class="post-thumb">
<blockquote>“{Quote}”</blockquote>
</div>
{/block:Quote}
<!-- post: リンク -->
{block:Link}
<div class="post-thumb">
<h1 class="entry-title">
<a href="{URL}" class="link-url" {Target}>{Name}</a>
</h1>
<div class="entry-content">
{block:Description}
<div class="link-description">{Description}</div>
{/block:Description}
</div>
</div>
{/block:Link}
<!-- post: チャット -->
{block:Chat}
<div class="post-thumb">
<div class="entry-content">
{block:Title}
<h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
<ul class="ul-chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
</div>
{/block:Chat}
<!-- post: ビデオ -->
{block:Video}
{block:VideoThumbnail}
<div class="photo-thumb" style="background-image:url({VideoThumbnailURL});">
</div>
{/block:VideoThumbnail}
<i class="icon-film"></i>
{block:Caption}
<div class="post-thumb">
<div class="caption">
{Caption}
</div>
</div>
{/block:Caption}
{/block:Video}
<!-- post: オーディオ -->
{block:Audio}
<i class="icon-music"></i>
{block:Caption}
<div class="post-thumb">
<div class="caption">
{Caption}
</div>
</div>
{/block:Caption}
{/block:Audio}
<!-- post: Answer -->
{block:Answer}
<div class="post-thumb">
<div class="entry-content">
<div class="question bubble">
{Question}
</div>
<div class="asker-group">
<img src="{AskerPortraitURL-24}" width="24" height="24" class="user-icon" /> {Asker}
</div>
<hr/>
<div class="answer cont">{Answer}</div>
</div>
</div>
{/block:Answer}
</article>
{/block:Posts}
</div><!-- container -->
<!-- ページャ -->
{block:Pagination}
<div id="pager">
{block:PreviousPage}
<a href="{PreviousPage}">Prev</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}" class="next" rel="next">Next</a>
{/block:NextPage}
</div>
{/block:Pagination}
<!-- iOSっぽいサイドバーメニュー -->
<script src="http://static.tumblr.com/xlsgtjb/kCemks9ds/jquery.pageslide.min.js"></script>
<script>
$("a.first").pageslide({ direction: "left" });
</script>
{/block:IndexPage}
<!-- ここまで index page -->
<!-- ここからパーマリンクページ -->
{block:PermalinkPage}
<div class="content"><!-- nanoscroller 用 -->
<div id="container">
<!-- 投稿 -->
{block:Posts}
<article class="post {TagsAsClasses}
{block:Text}text{/block:Text}
{block:Photo}photo{/block:Photo}
{block:Photoset}photoset{/block:Photoset}
{block:Quote}quote{/block:Quote}
{block:Link}link{/block:Link}
{block:Chat}chat{/block:Chat}
{block:Video}video{/block:Video}
{block:Audio}audio{/block:Audio}
{block:Answer}answer{/block:Answer}
">
<!-- post: テキスト -->
{block:Text}
<header class="entry-header">
{block:Title}
<h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
</header>
<div class="entry-content">
{Body}
</div>
{/block:Text}
<!-- post: 画像 -->
{block:Photo}
<div class="entry-content">
<div class="photo-image">
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{LinkCloseTag}
</div>
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
</div>
{/block:Photo}
<!-- post: フォトセット -->
{block:Photoset}
<div class="entry-content">
<div class="photo-image">
{Photoset-500}
</div>
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
</div>
{/block:Photoset}
<!-- post: 引用 -->
{block:Quote}
<div class="entry-content {Length}">
<blockquote>“{Quote}”</blockquote>
{block:Source}
<div class="quote-source">
{Source}
</div>
{/block:Source}
</div>
{/block:Quote}
<!-- post: リンク -->
{block:Link}
<header class="entry-header">
<h1 class="entry-title">
<a href="{URL}" class="link-url" {Target}>{Name}</a>
</h1>
</header>
<div class="entry-content">
{block:Description}
<div class="link-description">{Description}</div>
{/block:Description}
</div>
{/block:Link}
<!-- post: チャット -->
{block:Chat}
<div class="entry-content">
{block:Title}
<h1 class="entry-title"><a href="{Permalink}">{Title}</a></h1>
{/block:Title}
<ul class="ul-chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
<!-- post: ビデオ -->
{block:Video}
<div class="entry-content video-iframe">
{Video-700}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
</div>
{/block:Video}
<!-- post: オーディオ -->
{block:Audio}
<div class="entry-content">
{AudioPlayerBlack}
{block:Caption}
<div class="caption">
{Caption}
</div>
{/block:Caption}
</div>
{/block:Audio}
<!-- post: Answer -->
{block:Answer}
<div class="entry-content">
<div class="question bubble">
{Question}
</div>
<div class="asker-group">
<img src="{AskerPortraitURL-24}" width="24" height="24" class="user-icon" /> {Asker}
</div>
<hr/>
<div class="answer cont">{Answer}</div>
</div>
{/block:Answer}
<!-- 記事フッタ -->
<footer class="entry-footer">
<!-- Content Source -->
{block:ContentSource}
<div class="meta content-source">
<a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceTitle}
{/block:NoSourceLogo}
</a>
</div>
{/block:ContentSource}
{block:Date}
<div class="meta buttons">
<div class="btn-group">
<span class="btn">
{LikeButton}
</span>
<span class="btn">
{ReblogButton}
</span>
</div>
</div>
{/block:Date}
<div class="meta timeago">
{TimeAgo}
<span class="date">
{block:NewDayDate} ({Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}){/block:NewDayDate}
{block:SameDayDate} ({Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}){/block:SameDayDate}
</span>
</div>
{block:RebloggedFrom}
<div class="meta reblog">
<div class="meta-from">
<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-64}" class="favicon"/></a>
<span class="label"><i class="icon-retweet"></i> Reblogged from</span>
<a href="{ReblogParentURL}" class="reblog-user-name">{ReblogParentName}</a>
</div>
<div class="meta-originally">
<a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-64}" class="favicon"/></a>
<span class="label">Originally posted by</span>
<a href="{ReblogRootURL}" class="reblog-user-name">{ReblogRootName}</a>
</div>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="meta hastags">
<i class="icon-tag icon-large"></i>
{block:Tags}
<a href="{TagURL}">#{Tag}</a>
{/block:Tags}
</div>
{/block:HasTags}
{block:NoteCount}
<div class="meta notecount">
<strong>{NoteCount}</strong> Notes
</div>
{/block:NoteCount}
{block:PostNotes}
<div class="notecontainer">{PostNotes}</div>
{/block:PostNotes}
<div class="meta home">
<a href="/" class="btn"><i class="icon-home"></i> Home</a>
</div>
<div class="meta credit">
<!-- ↓ Please do not delete this anchor. -->
<a href="http://sanographix.github.io/tumblr/reblographix2/" target="_blank">Reblographix 2</a> designed by <a href="http://www.sanographix.net/" target="_blank">@sanographix</a>
</div>
</footer>
</article>
{/block:Posts}
</div>
</div>
{/block:PermalinkPage}
<!-- ここまでパーマリンクページ -->
</body>
</html>
================================================
FILE: tokusetsu/license.md
================================================
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: tokusetsu/readme.md
================================================
# Tokusetsu
## 【⛔ Notice】 このテーマはサポートしていません
* このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。
#### Free responsive tumblr template for doujin music artists
Tokusetsuは、同人音楽CDの特設サイトが簡単に作れる無料Tumblrテンプレートです。
HTMLの知識を必要とせず、フォームに情報を入力していくだけで特設サイトが作れます。
[@sanographix](https://twitter.com/sanographix)がデザインしています。
<hr/>
## [おしらせ] Tokusetsu 2 を作りました
Tokusetsu をベースに、新しいデザインと多数の新機能を盛り込んだ [Tokusetsu 2](http://sanographix.github.io/tumblr/tokusetsu2/) を作りました。これから Tokusetsu を使いはじめるなら Tokusetsu 2 をおすすめします。
紹介ページ→ <http://sanographix.github.io/tumblr/tokusetsu2/>
（お知らせ終わり）
<hr/>
# 設定手順
## 1. インストールする
### 特設サイト用に新しくTumblrブログを作成する場合（推奨）
* [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/tokusetsu/tokusetsu.html)する
* Tumblrでブログを新規作成する
* Tumblrは1つのアカウントで複数ブログ作れます
* Tumblrの設定 -> テーマカスタマイズ画面を開く
* もとのhtmlを削除してtokusetsu.htmlを貼り付ける
### 既存のTumblrブログを使う場合
* [テーマのhtmlをコピー](https://github.com/sanographix/tumblr/blob/master/tokusetsu/tokusetsu.html)する
* Tumblrの設定 -> テーマカスタマイズ画面を開く
* （元のhtmlはバックアップを取っておいたほうが良いです）
* もとのhtmlを削除してtokusetsu.htmlを貼り付ける
## 2. カスタマイズする
テーマカスタマイズ画面でカスタマイズできます。
### 【!!!重要!!!】はじめに必ず行ってください
* 「▾ 詳細設定」の<font color="red">「モバイルレイアウトを使用する」の **チェックを外す**</font>
* このチェックが外れていないとスマートフォンでうまく表示されないので必ず外してください。
### デザイン設定
* 必要な項目だけ入力すれば良いです。すべての項目を埋める必要はありません。
* ※tumblrの設定画面だとアルファベット順に並んでいます。
| 設定項目 | 説明 | 設定例 |
|-------|-----|-----|
| タイトル | CDのタイトルを入力します。 | THE EXAMPLES THE BEST |
| 説明 | CDについて簡単な説明を入力します。 | オリジナルアルバムです!! |
| 設定項目 | 説明 | 設定例 |
|-------|-----|-----|
| font | フォントを選択できます。 | 初期設定は Open Sans |
| Dark Theme | 黒いテーマに切り替えられます。 | |
| Enable Facebook Button | Facebookのいいね！ボタンを表示します。 | |
| Enable Tweet Button | ツイートボタンを表示します。 | |
| Enable Bookmark Button | はてなブックマークボタンを表示します。 | |
| Enable Plus1 Button | Google+「+1」ボタンを表示します。| |
| 設定項目 | 説明 | 設定例 |
|-------|-----|-----|
|Main Image | ヘッダに表示するメイン画像をアップロードできます。幅1170pxの画像を推奨します（高さは何でもいいです）。 | |
|Jacket | CDジャケット画像をアップロードできます。幅300pxで表示されます。| |
| Banner1, Banner2 | バナーを2種類までアップロードできます。 | |
|Background | 背景画像をアップロードできます。 | |
| 設定項目 | 説明 | 設定例 |
|-------|-----|-----|
|Circle Name | サークル名を入力します。 | |
|Circle URL | サークルのURLを入力します。| |
|Event Space Number | イベントのスペース番号を入力します。| 東ポ - 99 自宅警備員詰所 |
| Introduction Heading | 見出しです。CDのかっこいいキャッチフレーズとかを入力します。デフォルトでは「Introduction」となります。 | |
| Introduction | CDの説明やアピールしたいことを入力します。テキストエリアが狭いですが気持ち長めに書いたほうが見栄えが良いです。 | |
| Price | CDの価格を入力します。 | |
| Release Date | 頒布日を入力します。 | 2199年12月34日 コミックエクストリームマーケット99 |
| Spec | 仕様を入力します。 | オリジナルCD（プレスCD） |
| Store01〜04 Name | 委託販売する場合は委託先を入力します。4つまで入力できます。 | |
| Store01〜04 URL | 委託販売する場合はストアの商品ページのURLを入力します。| |
| 設定項目 | 説明 | 設定例 |
|-------|-----|-----|
| Track01〜10 Title | 曲名を入力します。10曲まで入力できます。 | あずにゃんの歌 |
| Staff01〜10 Description | 曲に補足説明がある場合は入力します。二次創作の場合は原曲とか書くと良さそうです。 | ボーカル：中野梓 |
| 設定項目 | 説明 | 設定例 |
|-------|-----|-----|
| Staff01〜10 Name | スタッフの名前を入力します。10人まで入力できます。 | |
| Staff01〜10 Role | スタッフ01〜10までの、それぞれの役割を入力します。 | Arrange, Vocal, etc |
| Staff01〜10 URL | スタッフ01〜10までの、それぞれのURLを入力します。webサイトを持っていないスタッフは空欄で良いです。 | |
| 設定項目 | 説明 | 設定例 |
|-------|-----|-----|
| Soundcloud Embed Code | Soundcloudを貼り付けたい時は貼り付けタグを入力します。貼り付けタグは、Widget Code の中に書いてあるコードの、https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F<<ここの8桁の数字>> です。<br/> | 78607110 |
| Youtube Embed Code | Youtubeを貼り付けたい時は貼り付けタグを入力します。貼り付けタグは、「共有」-> 「埋め込みコード」の中に書いてあるコードの、http://www.youtube.com/embed/<<ここの文字列>> です。 | hQPbpjdfbJM |
| Nicovideo Embed Code | ニコニコ動画を貼り付けたい時は貼り付けタグを入力します。貼り付けタグは動画のURLに記載されているsm12345678のような文字列です。 | sm12345678 |
|Google Analytics ID|Googleアナリティクスを使う場合は、ここにトラッキングIDを入力してください。| UA-12345678-1 |
|Footer Text |ページの最後に表示するテキストを入力します。二次創作の場合は注意書きとかあると良いかもです | 当作品は二次創作作品であり、上海アリス幻樂団様とは一切関係ありません。 |
以上で基本的な設定は完了です。お疲れ様でした。
## 3. ページを追加する
- 配布物置き場ページなど、トップページとは別の固定ページを作成したいときは「ページ管理」の「ページを作成」をクリックして固定ページを作成します。
- 「ページへのリンクを表示する」チェックボックスを入れると、ヘッダにそのページへのリンクが追加されます。
## Special Thanks
デモページは[火曜さん](http://twitter.com/kayou_bi)のイラストを使用させていただきました。ありがとうございます！
[http://www.pixiv.net/member_illust.php?id=62835](http://www.pixiv.net/member_illust.php?id=62835)
## 困ったときは
問い合わせる前にFAQを読みましょう。
### 一般的なよくある質問
よくある質問を下記にまとめたので参照してください。
* <https://github.com/sanographix/tumblr#faq>
### このテーマのよくある質問
##### Q: 曲が10曲以上あるから入力欄を増やしたい
* HTMLを直接編集してください。分からなかったらHTMLの分かるお友達などに手伝ってもらってください。
##### Q: 記事書いて投稿しても何も起きないよ
* ごめんなさい、仕様です。このテンプレートをブログ的に使うことはできません。ブログとして使いたい場合は別のTumblrテンプレートを使ってください。
## Author
#### Showkaku Sano (sanographix)
Graphic designer from Kyoto.
* [http://www.sanographix.net/](http://www.sanographix.net/)
* [Twitter: @sanographix](https://twitter.com/sanographix)
* [GitHub: sanographix](https://github.com/sanographix)
本テーマの利用に関するいかなる被害・損害について、作者は一切の責任を負わないものとします。
## Changelog
### 1.0.1 (2013/2/10)
* ストアを4つまで指定できるように
* Introduction の見出しを指定できるように
* CSS調整
### 1.0.0 (2013/2/10)
* 公開
<hr />
# Tokusetsu
#### Tokusetsu is free responsive tumblr template for doujin music artists
## Features
* Easy to create doujin music website
* Customizable
* Responsive design
* Embeddable Soundcloud, Youtube, Niconico player
## Usage
1. [Copy this HTML file](https://github.com/sanographix/tumblr/blob/master/tokusetsu/tokusetsu.html).
2. Create a new tumblr blog, and open design settings.
3. Press "Edit HTML", delete current HTML and paste Tokusetsu HTML.
4. Fill "Design settings".
## Options
### Recommended settings
* **Don't** use mobile layout
## License
Copyright (c) SANOGRAPHIX.NET
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
================================================
FILE: tokusetsu/tokusetsu-demo.html
================================================
<!DOCTYPE html>
<!--
Theme: Tokusetsu
by @sanographix
http://www.sanographix.net
(c) 2013 Showkaku Sano
Free to use under the MIT license.
Please leave at least ONE credit link. Do not delete this comment.
-->
<html lang="ja" prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">
<head>
<!-- Variables -->
<meta name="text:Google Analytics ID" content="" />
<meta name="text:Introduction" content="" />
<meta name="text:Introduction Heading" content="Introduction" />
<meta name="text:Youtube Embed Code" content="" />
<meta name="text:Soundcloud Embed Code" content="" />
<meta name="text:Nicovideo Embed Code" content="" />
<meta name="text:Footer Text" content="" />
<meta name="text:Circle Name" content="" />
<meta name="text:Circle URL" content="" />
<meta name="text:Spec" content="" />
<meta name="text:Release Date" content="" />
<meta name="text:Event Space Number" content="" />
<meta name="text:Price" content="" />
<meta name="text:Store01 Name" content="" />
<meta name="text:Store01 URL" content="" />
<meta name="text:Store02 Name" content="" />
<meta name="text:Store02 URL" content="" />
<meta name="text:Store03 Name" content="" />
<meta name="text:Store03 URL" content="" />
<meta name="text:Store04 Name" content="" />
<meta name="text:Store04 URL" content="" />
<meta name="text:Track01 Title" content="" />
<meta name="text:Track01 Description" content="" />
<meta name="text:Track02 Title" content="" />
<meta name="text:Track02 Description" content="" />
<meta name="text:Track03 Title" content="" />
<meta name="text:Track03 Description" content="" />
<meta name="text:Track04 Title" content="" />
<meta name="text:Track04 Description" content="" />
<meta name="text:Track05 Title" content="" />
<meta name="text:Track05 Description" content="" />
<meta name="text:Track06 Title" content="" />
<meta name="text:Track06 Description" content="" />
<meta name="text:Track07 Title" content="" />
<meta name="text:Track07 Description" content="" />
<meta name="text:Track08 Title" content="" />
<meta name="text:Track08 Description" content="" />
<meta name="text:Track09 Title" content="" />
<meta name="text:Track09 Description" content="" />
<meta name="text:Track10 Title" content="" />
<meta name="text:Track10 Description" content="" />
<meta name="text:Staff01 Name" content="" />
<meta name="text:Staff01 Role" content="" />
<meta name="text:Staff01 URL" content="" />
<meta name="text:Staff02 Name" content="" />
<meta name="text:Staff02 Role" content="" />
<meta name="text:Staff02 URL" content="" />
<meta name="text:Staff03 Name" content="" />
<meta name="text:Staff03 Role" content="" />
<meta name="text:Staff03 URL" content="" />
<meta name="text:Staff04 Name" content="" />
<meta name="text:Staff04 Role" content="" />
<meta name="text:Staff04 URL" content="" />
<meta name="text:Staff05 Name" content="" />
<meta name="text:Staff05 Role" content="" />
<meta name="text:Staff05 URL" content="" />
<meta name="text:Staff06 Name" content="" />
<meta name="text:Staff06 Role" content="" />
<meta name="text:Staff06 URL" content="" />
<meta name="text:Staff07 Name" content="" />
<meta name="text:Staff07 Role" content="" />
<meta name="text:Staff07 URL" content="" />
<meta name="text:Staff08 Name" content="" />
<meta name="text:Staff08 Role" content="" />
<meta name="text:Staff08 URL" content="" />
<meta name="text:Staff09 Name" content="" />
<meta name="text:Staff09 Role" content="" />
<meta name="text:Staff09 URL" content="" />
<meta name="text:Staff10 Name" content="" />
<meta name="text:Staff10 Role" content="" />
<meta name="text:Staff10 URL" content="" />
<meta name="if:Dark Theme" content="0"/>
<meta name="if:Enable Facebook Button" content="1"/>
<meta name="if:Enable Tweet Button" content="1"/>
<meta name="if:Enable Bookmark Button" content="1"/>
<meta name="if:Enable Plus1 Button" content="1"/>
<meta name="image:Main Image" content="http://static.tumblr.com/131a45f66a50ec2a0fd3417386257c7e/xlsgtjb/H4Amhy1rn/tumblr_static_header-noimage.gif"/>
<meta name="image:Jacket" content=""/>
<meta name="image:Banner1" content=""/>
<meta name="image:Banner2" content=""/>
<meta name="image:Background" content=""/>
<meta name="font:Font" content="'Open Sans', 'Helvetica', 'Arial', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif"/>
<!-- END Variables -->
<meta charset="utf-8">
<title>{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}</title>
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta name="viewport" content="width=device-width">
<meta property="og:title" content="{block:PostTitle}{PostTitle} - {/block:PostTitle}{Title}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{Permalink}" />
<meta property="og:image" content="{block:IfJacketImage}{image:Jacket}{/block:IfJacketImage}{block:IfNotJacketImage}{PortraitURL-128}{/block:IfNotJacketImage}" />
<meta property="og:site_name" content="{Title}" />
<meta property="og:description" content="{block:Description}{MetaDescription}{/block:Description}">
<link rel="stylesheet" media="screen" href="http://sanographix.github.com/public/tumblr/tokusetsu/css/style.css" />
<link rel="shortcut icon" href="{Favicon}">
<link rel="apple-touch-icon" href="{PortraitURL-128}">
<!--[if IE]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script>
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" media="screen" href="//sanographix.github.com/public/tumblr/tokusetsu/css/font-awesome-ie7.css" />
<![endif]-->
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- END Google Analytics -->
</head>
<body class="{block:IndexPage}page-index{/block:IndexPage}
{block:PermalinkPage}page-permalink{/block:PermalinkPage}
{block:IfDarkTheme}theme-dark{/block:IfDarkTheme}
">
<style>
body {
background-image: url('{image:Background}');
font-family: {font:Font};
}
{CustomCSS}
</style>
{block:IfEnableFacebookButton}
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
{/block:IfEnableFacebookButton}
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="/">{Title}</a>
<ul class="nav">
{block:HasPages}
{block:Pages}
<li>
<a href="{URL}">{Label}</a>
</li>
{/block:Pages}
{/block:HasPages}
</ul>
</div>
</div>
</div>
<div class="main container">
<div class="wrapper section">
{block:IndexPage}<!-- index -->
<div class="header">
<img class="header-image" src="{image:Main Image}" alt="{Title}">
</div>
<div class="navbar social-buttons">
<div class="navbar-inner">
<ul class="nav">
{block:IfEnableFacebookButton}
<li class="social-button">
<div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
</li>
{/block:IfEnableFacebookButton}
{block:IfEnableTweetButton}
<li class="social-button">
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a>
<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>
</li>
{/block:IfEnableTweetButton}
{block:IfEnableBookmarkButton}
<li class="social-button">
<a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard-balloon" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
</li>
{/block:IfEnableBookmarkButton}
{block:IfEnablePlus1Button}
<li class="social-button">
<div class="g-plusone" data-size="medium"></div>
<script type="text/javascript">
window.___gcfg = {lang: 'ja'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</li>
{/block:IfEnablePlus1Button}
{block:IfStore01Name}
<li>
<a href="#buy" class="btn btn-primary"><i class="icon-shopping-cart"></i> 購入する</a>
</li>
{/block:IfStore01Name}
</ul>
</div>
</div>
<div class="content">
<section class="section" id="spec">
<div class="page-header">
<h1>
{Title}
</h1>
</div>
{block:IfIntroduction}
<h3>{text:Introduction Heading}</h3>
<p class="introduction">
{text:Introduction}
</p>
{/block:IfIntroduction}
<!-- デモ -->
<div class="alert alert-block alert-info">
<h4>これはデモサイトです</h4>
<p style="margin-bottom: 10px">
このサイトは、同人音楽CDの特設サイトが簡単につくれる無料Tubmlrテンプレート「Tokusetsu」のデモサイトです。<br/>
イラストは<a href="http://www.pixiv.net/member_illust.php?id=62835">火曜さん</a>のイラストを使用させていただきました。
</p>
<a href="http://sanographix.github.com/tumblr/tokusetsu/" target="_blank" class="btn btn-info">このテンプレートについて詳しく</a>
</div>
<div class="jacket-image">
{block:IfJacketImage}
<img src="{image:Jacket}" alt="{Title}">
{/block:IfJacketImage}
{block:IfNotJacketImage}
<div class="jacket-noimage">
NOW PRINTING
</div>
{/block:IfNotJacketImage}
</div>
<table class="table" id="buy">
<tbody>
<tr>
<th>タイトル</th>
<td>{Title}</td>
</tr>
<tr>
<th>サークル</th>
<td>{block:IfCircleURL}<a href="{text:Circle URL}" target="_blank">{/block:IfCircleURL}{text:Circle Name}{block:IfCircleURL}</a>{/block:IfCircleURL}</td>
</tr>
<tr>
<th>仕様</th>
<td>{text:Spec}</td>
</tr>
<tr>
<th>頒布日</th>
<td>{text:Release Date}</td>
</tr>
<tr>
<th>頒布場所</th>
<td>{text:Event Space Number}</td>
</tr>
<tr>
<th>価格</th>
<td>{text:Price}</td>
</tr>
{block:IfStore01Name}
<tr>
<th>購入</th>
<td>
<ul>
<li>
<a href="{text:Store01 URL}" target="_blank">{text:Store01 Name}</a>
</li>
{block:IfStore02Name}
<li>
<a href="{text:Store02 URL}" target="_blank">{text:Store02 Name}</a>
</li>
{/block:IfStore02Name}
{block:IfStore03Name}
<li>
<a href="{text:Store03 URL}" target="_blank">{text:Store03 Name}</a>
</li>
{/block:IfStore03Name}
{block:IfStore04Name}
<li>
<a href="{text:Store04 URL}" target="_blank">{text:Store04 Name}</a>
</li>
{/block:IfStore04Name}
</ul>
</td>
{block:IfStore01Name}
</tr>
{/block:IfStore01Name}
</tbody>
</table>
</section>
{block:IfYoutubeEmbedCode}
<section class="section" id="youtube">
<h3>Youtube</h3>
<div id="youtube-iframe">
<iframe width="300" height="169" src="http://www.youtube.com/embed/{text:Youtube Embed Code}" frameborder="0" allowfullscreen></iframe>
</div>
</section>
{/block:IfYoutubeEmbedCode}
{block:IfNicovideoEmbedCode}
<section class="section" id="nicovideo">
<h3>NicoNico</h3>
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/{text:Nicovideo Embed Code}"></script>
</section>
{/block:IfNicovideoEmbedCode}
{block:IfSoundcloudEmbedCode}
<section class="section" id="demo">
<h3>Soundcloud</h3>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F{text:Soundcloud Embed Code}&color=ff6600&auto_play=false&show_artwork=true"></iframe>
</section>
{/block:IfSoundcloudEmbedCode}
<section class="section" id="tracklist">
<div class="page-header">
<h1>Tracklist</h1>
</div>
<table class="table">
<tbody>
{block:IfTrack01Title}
<tr>
<td class="track-number">01</td>
<td>
<span class="track-title">{text:Track01 Title}</span>
<span class="track-meta">{text:Track01 Description}</span>
</td>
</tr>
{/block:IfTrack01Title}
{block:IfTrack02Title}
<tr>
<td class="track-number">02</td>
<td>
<span class="track-title">{text:Track02 Title}</span>
<span class="track-meta">{text:Track02 Description}</span>
</td>
</tr>
{/block:IfTrack02Title}
{block:IfTrack03Title}
<tr>
<td class="track-number">03</td>
<td>
<span class="track-title">{text:Track03 Title}</span>
<span class="track-meta">{text:Track03 Description}</span>
</td>
</tr>
{/block:IfTrack03Title}
{block:IfTrack04Title}
<tr>
<td class="track-number">04</td>
<td>
<span class="track-title">{text:Track04 Title}</span>
<span class="track-meta">{text:Track04 Description}</span>
</td>
</tr>
{/block:IfTrack04Title}
{block:IfTrack05Title}
<tr>
<td class="track-number">05</td>
<td>
<span class="track-title">{text:Track05 Title}</span>
<span class="track-meta">{text:Track05 Description}</span>
</td>
</tr>
{/block:IfTrack05Title}
{block:IfTrack06Title}
<tr>
<td class="track-number">06</td>
<td>
<span class="track-title">{text:Track06 Title}</span>
<span class="track-meta">{text:Track06 Description}</span>
</td>
</tr>
{/block:IfTrack06Title}
{block:IfTrack07Title}
<tr>
<td class="track-number">07</td>
<td>
<span class="track-title">{text:Track07 Title}</span>
<span class="track-meta">{text:Track07 Description}</span>
</td>
</tr>
{/block:IfTrack07Title}
{block:IfTrack08Title}
<tr>
<td class="track-number">08</td>
<td>
<span class="track-title">{text:Track08 Title}</span>
<span class="track-meta">{text:Track08 Description}</span>
</td>
</tr>
{/block:IfTrack08Title}
{block:IfTrack09Title}
<tr>
<td class="track-number">09</td>
<td>
<span class="track-title">{text:Track09 Title}</span>
<span class="track-meta">{text:Track09 Description}</span>
</td>
</tr>
{/block:IfTrack09Title}
{block:IfTrack10Title}
<tr>
<td class="track-number">10</td>
<td>
<span class="track-title">{text:Track10 Title}</span>
<span class="track-meta">{text:Track10 Description}</span>
</td>
</tr>
{/block:IfTrack10Title}
</tbody>
</table>
</section>
<section class="section" id="staff">
<div class="page-header">
<h1>Staff</h1>
</div>
<ul class="thumbnails">
{block:IfStaff01Name}
<li class="span3">
<dl>
<dt>{text:Staff01 Role}</dt>
<dd>{text:Staff01 Name}
{block:IfStaff01URL}
<a class="website" href="{text:Staff01 URL}" target="_blank">
Website
</a>
{/block:IfStaff01URL}
</dd>
</dl>
</li>
{/block:IfStaff01Name}
{block:IfStaff02Name}
<li class="span3">
<dl>
<dt>{text:Staff02 Role}</dt>
<dd>{text:Staff02 Name}
{block:IfStaff02URL}
<a class="website" href="{text:Staff02 URL}" target="_blank">
Website
</a>
{/block:IfStaff02URL}
</dd>
</dl>
</li>
{/block:IfStaff02Name}
{block:IfStaff03Name}
<li class="span3">
<dl>
<dt>{text:Staff03 Role}</dt>
<dd>{text:Staff03 Name}
{block:IfStaff03URL}
<a class="website" href="{text:Staff03 URL}" target="_blank">
Website
</a>
{/block:IfStaff03URL}
</dd>
</dl>
</li>
{/block:IfStaff03Name}
{block:IfStaff04Name}
<li class="span3">
<dl>
<dt>{text:Staff04 Role}</dt>
<dd>{text:Staff04 Name}
{block:IfStaff04URL}
<a class="website" href="{text:Staff04 URL}" target="_blank">
Website
</a>
{/block:IfStaff04URL}
</dd>
</dl>
</li>
{/block:IfStaff04Name}
{block:IfStaff05Name}
<li class="span3">
<dl>
<dt>{text:Staff05 Role}</dt>
<dd>{text:Staff05 Name}
{block:IfStaff05URL}
<a class="website" href="{text:Staff05 URL}" target="_blank">
Website
</a>
{/block:IfStaff05URL}
</dd>
</dl>
</li>
{/block:IfStaff05Name}
{block:IfStaff06Name}
<li class="span3">
<dl>
<dt>{text:Staff06 Role}</dt>
<dd>{text:Staff06 Name}
{block:IfStaff06URL}
<a class="website" href="{text:Staff06 URL}" target="_blank">
Website
</a>
{/block:IfStaff06URL}
</dd>
</dl>
</li>
{/block:IfStaff06Name}
{block:IfStaff07Name}
<li class="span3">
<dl>
<dt>{text:Staff07 Role}</dt>
<dd>{text:Staff07 Name}
{block:IfStaff07URL}
<a class="website" href="{text:Staff07 URL}" target="_blank">
Website
</a>
{/block:IfStaff07URL}
</dd>
</dl>
</li>
{/block:IfStaff07Name}
{block:IfStaff08Name}
<li class="span3">
<dl>
<dt>{text:Staff08 Role}</dt>
<dd>{text:Staff08 Name}
{block:IfStaff08URL}
<a class="website" href="{text:Staff08 URL}" target="_blank">
Website
</a>
{/block:IfStaff08URL}
</dd>
</dl>
</li>
{/block:IfStaff08Name}
{block:IfStaff09Name}
<li class="span3">
<dl>
<dt>{text:Staff09 Role}</dt>
<dd>{text:Staff09 Name}
{block:IfStaff09URL}
<a class="website" href="{text:Staff09 URL}" target="_blank">
Website
</a>
{/block:IfStaff09URL}
</dd>
</dl>
</li>
{/block:IfStaff09Name}
{block:IfStaff10Name}
<li class="span3">
<dl>
<dt>{text:Staff10 Role}</dt>
<dd>{text:Staff10 Name}
{block:IfStaff10URL}
<a class="website" href="{text:Staff10 URL}" target="_blank">
Website
</a>
{/block:IfStaff10URL}
</dd>
</dl>
</li>
{/block:IfStaff10Name}
</ul>
</section>
{block:IfBanner1Image}
<section id="banner">
<div class="page-header">
<h1>Banner</h1>
</div>
<span class="banner-box">
<img src="{image:Banner1}" alt="{Title}">
</span>
{/block:IfBanner1Image}
{block:IfBanner2Image}
<span class="banner-box">
<img src="{image:Banner2}" alt="{Title}">
</span>
{/block:IfBanner2Image}
{block:IfBanner1Image}
</section>
{/block:IfBanner1Image}
</div><!-- /content -->
{/block:IndexPage}<!-- END Index -->
{block:PermalinkPage}<!-- Permalink -->
{block:Posts}
<div class="content">
{block:Text}<!-- 固定ページ -->
{block:Title}
<div class="page-header">
<h1><a href="{Permalink}" class="permalink">{Title}</a></h1>
</div>
{/block:Title}
<div class="entry-content">
{Body}
</div>
{/block:Text}
</div>
{/block:Posts}
{/block:PermalinkPage}<!-- END Permalink -->
</div><!-- /wrapper -->
</div><!-- /main container -->
<footer id="footer">
<div class="container">
<small>
<p>
©{CopyrightYears} {Title}<br/>
{text:Footer Text}
</p>
<p>
<a href="http://sanographix.github.io/tumblr/tokusetsu/" target="_blank">Tokusetsu</a> theme designed by <a href="http://www.sanographix.net/" target="_blank">SANOGRAPHIX.NET</a>
</p>
</small>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/retina.js/1.0.1/retina.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fitvids/1.0.1/jquery.fitvids.min.js"></script>
<script src="http://sanographix.github.com/public/tumblr/tokusetsu/js/jquery.options.js"></script>
</body>
</html>
================================================
FILE: tokusetsu/tokusetsu.html
================================================
<!--
Theme: Tokusetsu
by @sanographix
http://www.sanographix.net
(c) 2013 Showkaku Sano
Free to use under the MIT license.
Please leave at least ONE credit link. Do not delete this comment.
-->
<html lang="ja" prefix="og: http://ogp.me/ns# fb: http://www.facebook.com/2008/fbml">
<head>
<!-- Variables -->
<meta name="text:Google Analytics ID" content="" />
<meta name="text:Introduction" content="" />
<meta name="text:Introduction Heading" content="Introduction" />
<meta name="text:Youtube Embed Code" content="" />
<meta name="text:Soundcloud Embed Code" content="" />
<meta name="text:Nicovideo Embed Code" content="" />
<meta name="text:Footer Text" content="" />
<meta name="text:Circle Name" content="" />
<meta name="text:Circle URL" content="" />
<meta name="text:Spec" content="" />
<meta name="text:Release Date" content="" />
<meta name="text:Event Space Number" content="" />
<meta name="text:Price" content="" />
<meta name="text:Store01 Name" content="" />
<meta name="text:Store01 URL" content="" />
<meta name="text:Store02 Name" content="" />
<meta name="text:Store02 URL" content="" />
<meta name="text:Store03 Name" content="" />
<meta name="text:Store03 URL" content="" />
<meta name="text:Store04 Name" content="" />
<meta name="text:Store04 URL" content="" />
<meta name="text:Track01 Title" content="" />
<meta name="text:Track01 Description" content="" />
<meta name="text:Track02 Title" content="" />
<meta name="text:Track02 Description" content="" />
<meta name="text:Track03 Title" content="" />
<meta name="text:Track03 Description" content="" />
<meta name="text:Track04 Title" content="" />
<meta name="text:Track04 Description" content="" />
<meta name="text:Track05 Title" content="" />
<meta name="text:Track05 Description" content="" />
<meta name="text:Track06 Title" content="" />
<meta name="text:Track06 Description" content="" />
<meta name="text:Track07 Title" content="" />
<meta name="text:Track07 Description" content="" />
<meta name="text:Track08 Title" content="" />
<meta name="text:Track08 Description" content="" />
<meta name="text:Track09 Title" content="" />
<meta name="text:Track09 Description" content="" />
<meta name="text:Track10 Title" content="" />
<meta name="text:Track10 Description" content="" />
<meta name="text:Staff01 Name" content="" />
<meta name="text:Staff01 Role" content="" />
<meta name="text:Staff01 URL" content="" />
<meta name="text:Staff02 Name" content="" />
<meta name="text:Staff02 Role" content="" />
<meta name="text:Staff02 URL" content="" />
<meta name="text:Staff03 Name" content="" />
<meta
gitextract_bmt4usi_/
├── .gitignore
├── apollo/
│ ├── apollo.html
│ ├── license.md
│ └── readme.md
├── croquis/
│ ├── license.md
│ └── readme.md
├── illustfolio/
│ ├── 1.2.x/
│ │ └── illustfolio.html
│ ├── illustfolio.html
│ ├── license.md
│ └── readme.md
├── illustfolio2/
│ ├── illustfolio2.html
│ ├── license.md
│ └── readme.md
├── illustfolio3/
│ └── readme.md
├── memographix/
│ ├── license.md
│ ├── memographix.html
│ ├── readme.md
│ └── screenshot/
│ ├── memographix-screenshot.psd
│ └── memographix-thumb.psd
├── readme.md
├── reblographix/
│ ├── license.md
│ ├── readme.md
│ └── reblographix.html
├── reblographix2/
│ ├── license.md
│ ├── readme.md
│ └── reblographix2.html
├── tokusetsu/
│ ├── license.md
│ ├── readme.md
│ ├── tokusetsu-demo.html
│ └── tokusetsu.html
├── tokusetsu2/
│ ├── license.md
│ ├── readme.md
│ ├── tokusetsu2-demo.html
│ └── tokusetsu2.html
└── zen/
├── 1.x/
│ ├── zen-en.html
│ └── zen_1.2.8.html
├── license.md
├── readme.md
└── zen.html
Condensed preview — 39 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (376K chars).
[
{
"path": ".gitignore",
"chars": 47,
"preview": ".DS_Store\r\n*~\r\n*.swp\r\nnode_modules\r\n.sass-cache"
},
{
"path": "apollo/apollo.html",
"chars": 17222,
"preview": "<!--\n Theme: Apollo\n by @sanographix\n http://www.sanographix.net\n (c) 2014 Showkaku Sano\n Free to use under the MIT"
},
{
"path": "apollo/license.md",
"chars": 1053,
"preview": "Copyright (c) SANOGRAPHIX.NET\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this soft"
},
{
"path": "apollo/readme.md",
"chars": 4800,
"preview": "# Apollo\n\n- <http://sanographix.github.io/tumblr/apollo/>\n\n#### Free responsive tumblr template\n\nApollo は、穏やかに日記を書きたい人のた"
},
{
"path": "croquis/license.md",
"chars": 1053,
"preview": "Copyright (c) SANOGRAPHIX.NET\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this soft"
},
{
"path": "croquis/readme.md",
"chars": 3965,
"preview": "# Croquis\n\nCroquis は、Tumblrで気軽に落描きを投稿しやすいテンプレートです。 \n[@sanographix](http://www.sanographix.net) がデザインしています。\n\n#### Note:\n"
},
{
"path": "illustfolio/1.2.x/illustfolio.html",
"chars": 15888,
"preview": "<!DOCTYPE html>\n<!--\n Theme: Illustfolio\n by @sanographix\n http://www.sanographix.net\n (c) 2012-2013 Showkaku Sano\n "
},
{
"path": "illustfolio/illustfolio.html",
"chars": 16115,
"preview": "<!--\n Theme: Illustfolio 1.3.0\n by @sanographix\n http://www.sanographix.net\n (c) 2012-2013 Showkaku Sano\n Free to u"
},
{
"path": "illustfolio/license.md",
"chars": 1053,
"preview": "Copyright (c) SANOGRAPHIX.NET\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this soft"
},
{
"path": "illustfolio/readme.md",
"chars": 5867,
"preview": "# Illustfolio\n\n## ⛔ このテーマはサポートしていません\n\n**このテーマはサポートを終了しました。以下の表にある後継テーマからお選びください。それでも本テーマを使いたい場合、自己責任でご利用ください。**\n\n**This "
},
{
"path": "illustfolio2/illustfolio2.html",
"chars": 25904,
"preview": "<!--\n Theme: Illustfolio 2\n by @sanographix\n ver 2.3.0\n http://www.sanographix.net\n (c) 2013 Showkaku Sano\n Free t"
},
{
"path": "illustfolio2/license.md",
"chars": 1053,
"preview": "Copyright (c) SANOGRAPHIX.NET\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this soft"
},
{
"path": "illustfolio2/readme.md",
"chars": 6949,
"preview": "# Illustfolio 2\n\n## ⛔ このテーマはサポートしていません\n\n**このテーマはサポートを終了しました。以下の表にある後継テーマからお選びください。それでも本テーマを使いたい場合、自己責任でご利用ください。**\n\n**Thi"
},
{
"path": "illustfolio3/readme.md",
"chars": 4963,
"preview": "# [Illustfolio 3](http://sanographix.github.io/tumblr/illustfolio3/)\n\nllustfolio 3 は、イラストのポートフォリオサイトに特化した無料 Tumblr テーマです"
},
{
"path": "memographix/license.md",
"chars": 1053,
"preview": "Copyright (c) SANOGRAPHIX.NET\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this soft"
},
{
"path": "memographix/memographix.html",
"chars": 17699,
"preview": "<!DOCTYPE html>\n<!--\n Theme: Memographix\n by @sanographix\n http://www.sanographix.net\n (c) 2012 Showkaku Sano\n Free"
},
{
"path": "memographix/readme.md",
"chars": 1910,
"preview": "# Memographix\n\n#### Simple, Single column theme for Tumblr.\n\n## 【⛔ Notice】 このテーマはサポートしていません\n\n* このテーマは **もうサポートしていません** 。"
},
{
"path": "readme.md",
"chars": 499,
"preview": "# Tumblr Themes by sanographix\n\n* Tumblrで使えるテーマです\n\n# View All Themes\n\n* <https://sanographix.github.io/tumblr/>\n\n# Licen"
},
{
"path": "reblographix/license.md",
"chars": 1053,
"preview": "Copyright (c) SANOGRAPHIX.NET\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this soft"
},
{
"path": "reblographix/readme.md",
"chars": 746,
"preview": "# Reblographix\n\n## 【⛔ Notice】 このテーマはサポートしていません\n\n* このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。\n\n## 手動でインストールする\n\n* "
},
{
"path": "reblographix/reblographix.html",
"chars": 10155,
"preview": "<!DOCTYPE html>\n<!--\n Theme: Reblographix\n by @sanographix\n http://www.sanographix.net\n (c) 2012 Showkaku Sano\n Fre"
},
{
"path": "reblographix2/license.md",
"chars": 1053,
"preview": "Copyright (c) SANOGRAPHIX.NET\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this soft"
},
{
"path": "reblographix2/readme.md",
"chars": 2604,
"preview": "# Reblographix 2\n\n## 【⛔ Notice】 このテーマはサポートしていません\n\n* このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。\n\n## Free responsi"
},
{
"path": "reblographix2/reblographix2.html",
"chars": 18124,
"preview": "<!DOCTYPE html>\n\n<!--\n Theme: Reblographix 2\n by @sanographix\n http://www.sanographix.net\n (c) 2013 Showkaku Sano\n "
},
{
"path": "tokusetsu/license.md",
"chars": 1053,
"preview": "Copyright (c) SANOGRAPHIX.NET\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this soft"
},
{
"path": "tokusetsu/readme.md",
"chars": 6577,
"preview": "# Tokusetsu\n\n## 【⛔ Notice】 このテーマはサポートしていません\n\n* このテーマは **もうサポートしていません** 。どうしても使いたい場合は自己責任でご利用ください。\n\n#### Free responsive "
},
{
"path": "tokusetsu/tokusetsu-demo.html",
"chars": 25223,
"preview": "<!DOCTYPE html>\n<!--\n Theme: Tokusetsu\n by @sanographix\n http://www.sanographix.net\n (c) 2013 Showkaku Sano\n Free t"
},
{
"path": "tokusetsu/tokusetsu.html",
"chars": 24763,
"preview": "<!--\n Theme: Tokusetsu\n by @sanographix\n http://www.sanographix.net\n (c) 2013 Showkaku Sano\n Free to use under the "
},
{
"path": "tokusetsu2/license.md",
"chars": 1053,
"preview": "Copyright (c) SANOGRAPHIX.NET\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this soft"
},
{
"path": "tokusetsu2/readme.md",
"chars": 7689,
"preview": "# Tokusetsu 2\n\n- <http://sanographix.github.io/tumblr/tokusetsu2/>\n\n#### Free responsive tumblr template for doujin musi"
},
{
"path": "tokusetsu2/tokusetsu2-demo.html",
"chars": 415,
"preview": " <div class=\"alert\">\n <h3>これはデモサイトです</h3>\n <p style=\"margin-bottom: 10px\">\n このサイトは、同"
},
{
"path": "tokusetsu2/tokusetsu2.html",
"chars": 24290,
"preview": "<!--\n Theme: Tokusetsu 2\n by @sanographix\n http://www.sanographix.net\n (c) 2013 Showkaku Sano\n Free to use under th"
},
{
"path": "zen/1.x/zen-en.html",
"chars": 17543,
"preview": "<!DOCTYPE html>\n\n<!--\n Theme: Zen\n by @sanographix\n http://www.sanographix.net\n (c) 2013 Showkaku Sano\n Free to use"
},
{
"path": "zen/1.x/zen_1.2.8.html",
"chars": 17503,
"preview": "<!DOCTYPE html>\n\n<!--\n Theme: Zen\n by @sanographix\n http://www.sanographix.net\n (c) 2013 Showkaku Sano\n Free to use"
},
{
"path": "zen/license.md",
"chars": 1053,
"preview": "Copyright (c) SANOGRAPHIX.NET\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this soft"
},
{
"path": "zen/readme.md",
"chars": 9493,
"preview": "# ZEN 2.0\n\n- <http://sanographix.github.io/tumblr/zen>\n\n##### A ultra-simple and zen-style tumblr theme\n\nZENは、Tumblrで普通"
},
{
"path": "zen/zen.html",
"chars": 19262,
"preview": "<!--\n Theme: Zen\n by @sanographix\n http://www.sanographix.net\n (c) 2014 Showkaku Sano\n Free to use under the MIT li"
}
]
// ... and 2 more files (download for full content)
About this extraction
This page contains the full source code of the sanographix/tumblr GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 39 files (309.3 KB), approximately 90.4k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.