Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit cc8b1a3
Showing
20 changed files
with
3,002 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,34 @@ | ||
## Theme info | ||
|
||
Theme Name: the\_program | ||
Description: A minimumlist theme for [jekyll](https://github.com/mojombo/jekyll). Theming is done on [Jekyll-Bootstrap](http://jekyllbootstrap.com/). | ||
Author: Yuya Saito @ cssradar@gmail.com | ||
Demo URL: http://layouts-the.me.s3-website-us-east-1.amazonaws.com/themes/the-program/ | ||
Version: 1.0 | ||
|
||
## About the\_program | ||
|
||
the_program is inspired by [docco.coffee](http://jashkenas.github.com/docco/). | ||
Designed for documenting programming language, but you can certenly use this | ||
any other purpose. | ||
|
||
- Design is simple so is the code behind it. You can easily customize it. | ||
- Built with mobile first. | ||
- Written with [LESS](http://lesscss.org/) so if you need to edit it, you should get [Codekit](http://incident57.com/codekit/). I use this app to develop this theme. | ||
|
||
## About me | ||
|
||
I'm Yuya Saito who is a web designer/front-end developer from Tokyo, Japan. | ||
|
||
## How to use it? | ||
|
||
There are 2 places you should go look. | ||
|
||
1. [Jekyll](https://github.com/mojombo/jekyll) / Jekyll repo page on Github | ||
2. [Jekyll-Bootstrap](http://jekyllbootstrap.com/) / (Almost) complete how-to and bootstrap for Jekyll created by [Jade Dominguez](http://plusjade.com/) | ||
|
||
## Code I didn't write | ||
|
||
- [Jekyll-Bootstrap](http://jekyllbootstrap.com/) / [CC BY-NC-SA 3.0](http://creativecommons.org/licenses/by-nc-sa/3.0/) | ||
- [Modernizr](http://www.modernizr.com/) / MIT/BSD license | ||
- [HTML5 Boilerplate](http://html5boilerplate.com/): [The Unlicense](http://unlicense.org) (aka: Public Domain) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,84 @@ | ||
<!DOCTYPE html> | ||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 ie" lang="en"> <![endif]--> | ||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8 ie" lang="en"> <![endif]--> | ||
<!--[if IE 8]> <html class="no-js lt-ie9 ie" lang="en"> <![endif]--> | ||
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width,initial-scale=1"> | ||
<title>{{ page.title }}</title> | ||
<meta name="author" content="{{ site.author.name }}"> | ||
<link href='{{ ASSET_PATH }}/css/style.css' rel="stylesheet" media="all"> | ||
<link href="http://feeds.feedburner.com/{{ site.author.feedbaname }}" rel="alternate" title="{{ page.title }}" type="application/atom+xml"> | ||
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.0.6/modernizr.min.js"></script> | ||
</head> | ||
<body> | ||
|
||
<div id="page" class="hentry"> | ||
<header class="the-header"> | ||
<div class="unit-head"> | ||
<div class="unit-inner unit-head-inner"> | ||
<nav class="nav-global"> | ||
<ul> | ||
<li class="logo"><a href="/">{{ site.title }}</a></li> | ||
<li class="archive"><a href="/archive.html">archive</a></li> | ||
<li class="page"><a href="/pages.html">pages</a></li> | ||
<li class="category"><a href="/categories.html">categories</a></li> | ||
<li class="tag"><a href="/tags.html">tags</a></li> | ||
<li class="forkme"><div><iframe src="http://markdotto.github.com/github-buttons/github-btn.html?user=plusjade&repo=jekyll-bootstrap&type=fork&count=true" | ||
allowtransparency="true" frameborder="0" scrolling="0" width="95px" height="20px"></iframe></div></li> | ||
</ul> | ||
</nav> | ||
</div><!-- unit-inner --> | ||
</div><!-- unit-head --> | ||
</header> | ||
<div class="body" role="main"> | ||
<div class="unit-body"> | ||
<div class="unit-inner unit-body-inner"> | ||
<div class="entry-content"> | ||
{{ content }} | ||
</div> | ||
</div><!-- unit-inner --> | ||
</div><!-- unit-body --> | ||
</div><!-- body --> | ||
<footer class="the-footer"> | ||
<div class="unit-foot"> | ||
<div class="unit-inner unit-foot-inner"> | ||
<div class="misc vcard"> | ||
<h4>about</h4> | ||
<ul> | ||
<li class="contact"><address><span class="author fn n">{{ site.author.name }}</span> - <span class="fn email">{{ site.author.email }}</span></address></li> | ||
<li class="github"><a href="http://github.com/{{ site.author.github }}/" rel="me">github.com/{{ site.author.github }}</a></li> | ||
<li class="twitter"><a href="http://twitter.com/{{ site.author.twitter }}/" rel="me">twitter.com/{{ site.author.twitter }}</a></li> | ||
<li class="rss"><a href="http://feeds.feedburner.com/{{ site.author.feedname }}">Subscribe to RSS Feed</a></li> | ||
</ul> | ||
</div><!-- misc --> | ||
<p class="licence"> | ||
Theme: <a href="http://layouts-the.me">the_minimum</a> based on <a href="http://jekyllbootstrap.com/">Jekyll-bootstrap</a>.<br> | ||
Powered by <a href="https://github.com/mojombo/jekyll">Jekyll</a>. | ||
</p> | ||
</div><!-- unit-foot-inner --> | ||
</div><!-- unit-foot --> | ||
</footer> | ||
</div><!-- page --> | ||
<script> | ||
(function(d, s) { | ||
var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) { | ||
if (d.getElementById(id)) {return;} | ||
js = d.createElement(s); js.src = url; js.id = id; | ||
fjs.parentNode.insertBefore(js, fjs); | ||
}; | ||
load('//platform.twitter.com/widgets.js', 'tweetjs'); | ||
// load('https://apis.google.com/js/plusone.js', 'gplus1js'); // Checkout http://j.mp/ApDgMr for usage html for this is <div class="g-plusone" data-size="medium"></div> | ||
// load('//connect.facebook.net/en_US/all.js#xfbml=1', 'fbjssdk'); // Checkout http://j.mp/wZw2xR for using open graph protorol html for this is <div class="fb-like" data-href="{{ page.url }}" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="verdana"></div> | ||
}(document, 'script')); | ||
</script> | ||
<script> | ||
/*! A fix for the iOS orientationchange zoom bug.Script by @scottjehl, rebound by @wilto. MIT License.*/ | ||
(function(j){var i=j.document;if(!i.querySelectorAll){return}var l=i.querySelectorAll("meta[name=viewport]")[0],a=l&&l.getAttribute("content"),h=a+", maximum-scale=1.0",d=a+", maximum-scale=10.0",g=true,c=j.orientation,k=0;if(!l){return}function f(){l.setAttribute("content",d);g=true}function b(){l.setAttribute("content",h);g=false}function e(m){c=Math.abs(j.orientation);k=Math.abs(m.gamma);if(k>8&&c===0){if(g){b()}}else{if(!g){f()}}}j.addEventListener("orientationchange",f,false);j.addEventListener("deviceorientation",e,false)})(this); | ||
</script> | ||
{% if site.safe %} | ||
{% include production/analytics.html %} | ||
{% endif %} | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
<article class="unit-article layout-page"> | ||
<div class="unit-inner unit-article-inner"> | ||
<div class="content"> | ||
<header> | ||
<div class="unit-head"> | ||
<div class="unit-inner unit-head-inner"> | ||
<h1 class="h2 entry-title">{{ page.title }}</h1> | ||
</div><!-- unit-inner --> | ||
</div><!-- unit-head --> | ||
</header> | ||
|
||
<div class="bd"> | ||
<div class="entry-content"> | ||
{{ content }} | ||
</div><!-- entry-content --> | ||
</div><!-- bd --> | ||
|
||
<footer class="unit-foot"> | ||
<div class="unit-inner unit-foot-inner"> | ||
<p class="gotop"> | ||
<a href="#page">Back to Top</a> | ||
</p> | ||
</div> | ||
</footer> | ||
|
||
</div><!-- content --> | ||
</div><!-- unit-inner --> | ||
</article> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,71 @@ | ||
<article class="unit-article layout-post"> | ||
<div class="unit-inner unit-article-inner"> | ||
<div class="content"> | ||
<header> | ||
<div class="unit-head"> | ||
<div class="unit-inner unit-head-inner"> | ||
<h1 class="h2 entry-title">{{ page.title }}</h1> | ||
</div><!-- unit-inner --> | ||
</div><!-- unit-head --> | ||
</header> | ||
|
||
<div class="bd"> | ||
<div class="entry-content"> | ||
{{ content }} | ||
<div class="meta"> | ||
<p class="date-publish"> | ||
Published: | ||
<date class="date-pub" title="{{ page.date | date_to_xmlschema }}" datetime="{{ page.date | date_to_xmlschema }}" pubdate> | ||
<span class="month"><abbr>{{ page.date | date: '%B' }}</abbr></span> | ||
<span class="day">{{ page.date | date: '%d' }}</span> | ||
<span class="year">{{ page.date | date: '%Y' }}</span> | ||
</date> | ||
</p> | ||
<ul class="list-category list-linear"> | ||
<li class="list-head">category: </li> | ||
{% assign categories_list = page.categories %} | ||
{% include JB/categories_list %} | ||
</ul> | ||
<ul class="list-tag list-linear"> | ||
<li class="list-head">tags: </li> | ||
{% assign tags_list = page.tags %} | ||
{% include JB/tags_list %} | ||
</ul> | ||
</div><!-- meta --> | ||
</div><!-- entry-content --> | ||
<div class="misc-content"> | ||
<div class="social"> | ||
<ul class="list-linear"> | ||
<li><div class="twitter-tweet"><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="{{ site.author.twitter }}" data-lang="en">Tweet</a></div></li> | ||
<li><div class="twitter-follow"><a href="https://twitter.com/{{ site.author.twitter }}" class="twitter-follow-button" data-show-count="false" data-lang="en"></a></div></li> | ||
</ul> | ||
</div> | ||
<div class="comment"> | ||
{% include JB/comments %} | ||
</div> | ||
</div><!-- misc-content --> | ||
</div><!-- bd --> | ||
<footer class="unit-foot"> | ||
<div class="unit-inner unit-foot-inner"> | ||
<nav class="pagination"> | ||
<ul> | ||
{% if page.previous %} | ||
<li class="prev"><a class="internal" rel="prev" href="{{ page.previous.url }}" title="View {{ page.previous.title }}">« {{ page.previous.title }}</a></li> | ||
{% endif %} | ||
{% if page.previous and page.next %} | ||
<li class="pipe"> | </li> | ||
{% endif %} | ||
{% if page.next %} | ||
<li class="next"><a class="internal" rel="next" href="{{ page.next.url }}" title="View {{ page.next.title }}">{{ page.next.title }} »</a></li> | ||
{% endif %} | ||
</ul> | ||
</nav> | ||
<p class="gotop"> | ||
<a href="#page">Back to Top</a> | ||
</p> | ||
</div> | ||
</footer> | ||
|
||
</div><!-- content --> | ||
</div><!-- unit-inner --> | ||
</article> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
theme : | ||
name : the-program |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,153 @@ | ||
/* | ||
HTML5 display definitions from [HTML5 Boilerplate](http://j.mp/rP0wmY) | ||
No styleguide reference. | ||
*/ | ||
|
||
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } | ||
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } | ||
audio:not([controls]) { display: none; } | ||
[hidden] { display: none; } | ||
|
||
/* | ||
Base from [HTML5 Boilerplate](http://j.mp/rP0wmY) | ||
- Correct text resizing oddly in IE6/7 when body font-size is set using em units | ||
- Force vertical scrollbar in non-IE | ||
- Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g | ||
- Remove text-shadow in selection highlight: h5bp.com/i | ||
- These selection declarations have to be separate | ||
- Also: hot pink! (or customize the background color to match your design) | ||
No styleguide reference. | ||
*/ | ||
|
||
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } | ||
body { margin: 0; font-size: 1em; line-height: 1.4; -webkit-tap-highlight-color: rgba(255,0,0, 0.62); } | ||
body, button, input, select, textarea { font-family: sans-serif; } | ||
::-moz-selection { background: #073642; color: #fff; text-shadow: none; } | ||
::selection { background: #073642; color: #fff; text-shadow: none; } | ||
|
||
/* | ||
Links from [HTML5 Boilerplate](http://j.mp/rP0wmY) | ||
No styleguide reference. | ||
*/ | ||
|
||
a { color: #00e; } | ||
a:visited { color: #551a8b; } | ||
a:hover { color: #06e; } | ||
a:focus { outline: thin dotted; } | ||
a:hover, a:active { outline: 0; } | ||
|
||
/* | ||
Typography from [HTML5 Boilerplate](http://j.mp/rP0wmY) | ||
No styleguide reference. | ||
*/ | ||
|
||
abbr[title] { border-bottom: 1px dotted; } | ||
b, strong { font-weight: bold; } | ||
blockquote { margin: 1em 40px; } | ||
dfn { font-style: italic; } | ||
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } | ||
ins { background: #ff9; color: #000; text-decoration: none; } | ||
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } | ||
/* Redeclare monospace font family: h5bp.com/j */ | ||
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } | ||
/* Improve readability of pre-formatted text in all browsers */ | ||
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } | ||
q { quotes: none; } | ||
q:before, q:after { content: ""; content: none; } | ||
small { font-size: 85%; } | ||
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } | ||
sup { top: -0.5em; } | ||
sub { bottom: -0.25em; } | ||
|
||
/* | ||
Lists from [HTML5 Boilerplate](http://j.mp/rP0wmY) | ||
No styleguide reference. | ||
*/ | ||
|
||
ul, ol { margin: 0; padding: 0 0 0 40px; } | ||
dd { margin: 0 0 0 40px; } | ||
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } | ||
|
||
/* | ||
Embedded content from [HTML5 Boilerplate](http://j.mp/rP0wmY) | ||
- Improve image quality when scaled in IE7: h5bp.com/d | ||
- Remove the gap between images and borders on image containers: h5bp.com/e | ||
No styleguide reference. | ||
*/ | ||
|
||
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } | ||
svg:not(:root) { overflow: hidden; } /* Correct overflow not hidden in IE9 */ | ||
|
||
/* | ||
Figures from [HTML5 Boilerplate](http://j.mp/rP0wmY) | ||
No styleguide reference. | ||
*/ | ||
|
||
figure { margin: 0; } | ||
|
||
/* | ||
Forms from [HTML5 Boilerplate](http://j.mp/rP0wmY) | ||
See inline comments for detail | ||
No styleguide reference. | ||
*/ | ||
|
||
form { margin: 0; } | ||
fieldset { border: 0; margin: 0; padding: 0; } | ||
/* Indicate that 'label' will shift focus to the associated form element */ | ||
label { cursor: pointer; } | ||
/* | ||
* 1. Correct color not inheriting in IE6/7/8/9 | ||
* 2. Correct alignment displayed oddly in IE6/7 | ||
*/ | ||
legend { border: 0; *margin-left: -7px; padding: 0; } | ||
/* | ||
* 1. Correct font-size not inheriting in all browsers | ||
* 2. Remove margins in FF3/4 S5 Chrome | ||
* 3. Define consistent vertical alignment display in all browsers | ||
*/ | ||
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } | ||
/* | ||
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) | ||
*/ | ||
button, input { line-height: normal; } | ||
/* | ||
* 1. Display hand cursor for clickable form elements | ||
* 2. Allow styling of clickable form elements in iOS | ||
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6) | ||
*/ | ||
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } | ||
/* | ||
* Consistent box sizing and appearance | ||
*/ | ||
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } | ||
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } | ||
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } | ||
/* | ||
* Remove inner padding and border in FF3/4: h5bp.com/l | ||
*/ | ||
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } | ||
/* | ||
* 1. Remove default vertical scrollbar in IE6/7/8/9 | ||
* 2. Allow only vertical resizing | ||
*/ | ||
textarea { overflow: auto; vertical-align: top; resize: vertical; } | ||
/* Colors for form validity */ | ||
input:valid, textarea:valid { } | ||
input:invalid, textarea:invalid { background-color: #f0dddd; } | ||
|
||
/* | ||
Tables from [HTML5 Boilerplate](http://j.mp/rP0wmY) | ||
No styleguide reference. | ||
*/ | ||
|
||
table { border-collapse: collapse; border-spacing: 0; } | ||
td { vertical-align: top; } |
Oops, something went wrong.