Repository: mattvh/solar-theme-jekyll
Branch: master
Commit: 20d4f9f7300c
Files: 17
Total size: 20.9 KB
Directory structure:
gitextract_n6s4x6gh/
├── .gitignore
├── Gemfile
├── README.md
├── _config.yml
├── _layouts/
│ ├── default.html
│ └── post.html
├── _posts/
│ ├── 2013-06-05-france-removes-internet-cut-off.markdown
│ ├── 2013-06-05-jekyll-documentation.markdown
│ └── 2013-06-05-welcome-to-jekyll.markdown
├── about/
│ └── index.markdown
├── archives/
│ └── index.html
├── assets/
│ ├── css/
│ │ ├── colors-dark.css
│ │ ├── colors-light.css
│ │ └── style.css
│ └── fonts/
│ └── config.json
├── feed.xml
└── index.html
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
_site
================================================
FILE: Gemfile
================================================
gem 'jekyll-paginate'
================================================
FILE: README.md
================================================
Solar Theme for Jekyll
======================
A stylish theme for [Jekyll](http://jekyllrb.com/) blogs, based on the [Solarized](http://ethanschoonover.com/solarized) color palette.

Features
-------
* **Two color schemes** — One for Solarized Dark and one for Solarized Light. Just swap the reference to the `colors-dark.css` file with `colors-light.css` if you don't like light-on-dark.
* **Linkblog support** — Solar will turn your post title into an external link if you add `external-url: http://example.org` to a post's YAML front matter.
* **Responsive Design** — Solarized adapts to fit any screen size.
Installation
--------------
There are two ways to use Solar. You can either clone-and-go, copying the repository and tweaking the contents to taste, or you can cherry-pick the files you want and integrate them into an existing Jekyll instance.
If you're starting a new blog, you want to clone-and-go. Just `git clone https://github.com/redwallhp/solar-theme-jekyll.git`, make any changes you want to the template, pages or `_config.yml` and start blogging with Jekyll. Easy.
If you're wanting to replace the theme of an existing Jekyll blog, either option should work. If you want to replace files individually, the files and directories you want to make sure to copy are:
1. `_layouts`
2. `archives`
3. `assets`
4. `feed.xml`
5. `index.xml`
You'll also want to compare Solar's `_config.yml` with your own, making any appropriate changes.
Demo
-------
You can see a demo of Solar [right here on GitHub Pages.](http://mattvh.github.io/solar-theme-jekyll/)
License
---------
GPLv2 or higher
================================================
FILE: _config.yml
================================================
name: Solar Theme
url: http://example.org
description: A stylish blog using the Solarized color palette
permalink: /:year/:month/:day/:title/
paginate: 10
gems: [jekyll-paginate]
exclude: ['README.md', 'Gemfile.lock', 'Gemfile', 'Rakefile']
================================================
FILE: _layouts/default.html
================================================
{% if page.external-url %}
{% else %}
{% endif %}
{{ content }}
Posted on {{ page.date | date: "%b %d, %Y" }}
================================================
FILE: _posts/2013-06-05-france-removes-internet-cut-off.markdown
================================================
---
layout: post
title: "France Removes Internet Cut-Off Threat From its Anti-Piracy Law"
date: 2013-06-05 20:33:11
external-url: http://arstechnica.com/tech-policy/2013/06/france-removes-internet-cut-off-threat-from-its-anti-piracy-law/
---
================================================
FILE: _posts/2013-06-05-jekyll-documentation.markdown
================================================
---
layout: post
title: "Jekyll Documentation"
date: 2013-06-05 20:03:11
external-url: http://jekyllrb.com/docs/home/
---
================================================
FILE: _posts/2013-06-05-welcome-to-jekyll.markdown
================================================
---
layout: post
title: "Welcome to Jekyll!"
date: 2013-06-05 17:06:25
categories: jekyll update
---
You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes!
To add new posts, simply add a file in the `_posts` directory that follows the convention: YYYY-MM-DD-name-of-post.ext.
Jekyll also offers powerful support for code snippets:
{% highlight ruby %}
def print_hi(name)
puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.
{% endhighlight %}
Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh].
[jekyll-gh]: https://github.com/mojombo/jekyll
[jekyll]: http://jekyllrb.com
================================================
FILE: about/index.markdown
================================================
---
layout: default
title: About
---
This is where you would but a short bio, and/or a description of your site. It also serves as an example of how to set up a standalone page. For example:
{% for post in site.posts %}
{% if post.external-url %}
{% else %}
{% endif %}
{% endfor %}
================================================
FILE: assets/css/colors-dark.css
================================================
html, body {
background-color: #002a35;
color: #839496;
}
a, a:visited, a:active {
color: #2aa198;
border-color: #073642;
}
a:hover {
background-color: #073642;
border-color: #073642;
color: #2aa198;
}
h1, h2, h3 {
color: #cb4b16;
}
h1 a, h1 a:visited, h1 a:active {
color: #cb4b16;
}
h1 a:hover {
background-color: #073642;
border-color: #073642;
color: #cb4b16;
}
article h1 a.anchor {
color: #2aa198;
}
blockquote {
border-color: #cb4b16;
}
#sidebar a:hover {
color: #2aa198;
background-color: #073642;
}
#footer {
border-color: #073642;
}
/*** Pygments ***/
.highlight{
background-color: #073642;
color: #93a1a1;
border: 1px solid #2d6472;
border-radius: 3px 3px 3px 3px;
overflow: auto;
padding: 6px 10px;
}
.highlight .c{color:#586e75 !important;font-style:italic !important}.highlight .cm{color:#586e75 !important;font-style:italic !important}.highlight .cp{color:#586e75 !important;font-style:italic !important}.highlight .c1{color:#586e75 !important;font-style:italic !important}.highlight .cs{color:#586e75 !important;font-weight:bold !important;font-style:italic !important}.highlight .err{color:#dc322f !important;background:none !important}.highlight .k{color:#cb4b16 !important}.highlight .o{color:#93a1a1 !important;font-weight:bold !important}.highlight .p{color:#93a1a1 !important}.highlight .ow{color:#2aa198 !important;font-weight:bold !important}.highlight .gd{color:#93a1a1 !important;background-color:#372c34 !important;display:inline-block}.highlight .gd .x{color:#93a1a1 !important;background-color:#4d2d33 !important;display:inline-block}.highlight .ge{color:#93a1a1 !important;font-style:italic !important}.highlight .gr{color:#aa0000}.highlight .gh{color:#586e75 !important}.highlight .gi{color:#93a1a1 !important;background-color:#1a412b !important;display:inline-block}.highlight .gi .x{color:#93a1a1 !important;background-color:#355720 !important;display:inline-block}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{color:#93a1a1 !important;font-weight:bold !important}.highlight .gu{color:#6c71c4 !important}.highlight .gt{color:#aa0000}.highlight .kc{color:#859900 !important;font-weight:bold !important}.highlight .kd{color:#268bd2 !important}.highlight .kp{color:#cb4b16 !important;font-weight:bold !important}.highlight .kr{color:#d33682 !important;font-weight:bold !important}.highlight .kt{color:#2aa198 !important}.highlight .n{color:#268bd2 !important}.highlight .na{color:#268bd2 !important}.highlight .nb{color:#859900 !important}.highlight .nc{color:#d33682 !important}.highlight .no{color:#b58900 !important}.highlight .ni{color:#800080}.highlight .nl{color:#859900 !important}.highlight .ne{color:#268bd2 !important;font-weight:bold !important}.highlight .nf{color:#268bd2 !important;font-weight:bold !important}.highlight .nn{color:#b58900 !important}.highlight .nt{color:#268bd2 !important;font-weight:bold !important}.highlight .nx{color:#b58900 !important}.highlight .bp{color:#999999}.highlight .vc{color:#008080}.highlight .vg{color:#268bd2 !important}.highlight .vi{color:#268bd2 !important}.highlight .nv{color:#268bd2 !important}.highlight .w{color:#bbbbbb}.highlight .mf{color:#2aa198 !important}.highlight .m{color:#2aa198 !important}.highlight .mh{color:#2aa198 !important}.highlight .mi{color:#2aa198 !important}.highlight .mo{color:#009999}.highlight .s{color:#2aa198 !important}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#2aa198 !important}.highlight .s2{color:#2aa198 !important}.highlight .se{color:#dc322f !important}.highlight .sh{color:#d14}.highlight .si{color:#268bd2 !important}.highlight .sx{color:#d14}.highlight .sr{color:#2aa198 !important}.highlight .s1{color:#2aa198 !important}.highlight .ss{color:#990073}.highlight .il{color:#009999}.highlight div .gd,.highlight div .gd .x,.highlight div .gi,.highlight div .gi .x{display:inline-block;width:100%}
================================================
FILE: assets/css/colors-light.css
================================================
html, body {
background-color: #fdf6e3;
color: #839496;
}
a, a:visited, a:active {
color: #2aa198;
border-color: #eee8d5;
}
a:hover {
background-color: #eee8d5;
border-color: #eee8d5;
color: #2aa198;
}
h1, h2, h3 {
color: #cb4b16;
}
h1 a, h1 a:visited, h1 a:active {
color: #cb4b16;
}
h1 a:hover {
background-color: #eee8d5;
border-color: #eee8d5;
}
article h1 a.anchor {
color: #2aa198;
}
blockquote {
border-color: #cb4b16;
}
#sidebar a:hover {
color: #2aa198;
background-color: #eee8d5;
}
#footer {
border-color: #eee8d5;
}
/*** Pygments ***/
.highlight{
background-color: #eee8d5;
color: #657b83;
border: 1px solid #d6ceb6;
border-radius: 3px 3px 3px 3px;
overflow: auto;
padding: 6px 10px;
}
.highlight .c { color: #586E75 } .highlight .err { color: #93A1A1 } .highlight .g { color: #93A1A1 } .highlight .k { color: #859900 } .highlight .l { color: #93A1A1 } .highlight .n { color: #93A1A1 } .highlight .o { color: #859900 } .highlight .x { color: #CB4B16 } .highlight .p { color: #93A1A1 } .highlight .cm { color: #586E75 } .highlight .cp { color: #859900 } .highlight .c1 { color: #586E75 } .highlight .cs { color: #859900 } .highlight .gd { color: #2AA198 } .highlight .ge { color: #93A1A1; font-style: italic } .highlight .gr { color: #DC322F } .highlight .gh { color: #CB4B16 } .highlight .gi { color: #859900 } .highlight .go { color: #93A1A1 } .highlight .gp { color: #93A1A1 } .highlight .gs { color: #93A1A1; font-weight: bold } .highlight .gu { color: #CB4B16 } .highlight .gt { color: #93A1A1 } .highlight .kc { color: #CB4B16 } .highlight .kd { color: #268BD2 } .highlight .kn { color: #859900 } .highlight .kp { color: #859900 } .highlight .kr { color: #268BD2 } .highlight .kt { color: #DC322F } .highlight .ld { color: #93A1A1 } .highlight .m { color: #2AA198 } .highlight .s { color: #2AA198 } .highlight .na { color: #93A1A1 } .highlight .nb { color: #B58900 } .highlight .nc { color: #268BD2 } .highlight .no { color: #CB4B16 } .highlight .nd { color: #268BD2 } .highlight .ni { color: #CB4B16 } .highlight .ne { color: #CB4B16 } .highlight .nf { color: #268BD2 } .highlight .nl { color: #93A1A1 } .highlight .nn { color: #93A1A1 } .highlight .nx { color: #93A1A1 } .highlight .py { color: #93A1A1 } .highlight .nt { color: #268BD2 } .highlight .nv { color: #268BD2 } .highlight .ow { color: #859900 } .highlight .w { color: #93A1A1 } .highlight .mf { color: #2AA198 } .highlight .mh { color: #2AA198 } .highlight .mi { color: #2AA198 } .highlight .mo { color: #2AA198 } .highlight .sb { color: #586E75 } .highlight .sc { color: #2AA198 } .highlight .sd { color: #93A1A1 } .highlight .s2 { color: #2AA198 } .highlight .se { color: #CB4B16 } .highlight .sh { color: #93A1A1 } .highlight .si { color: #2AA198 } .highlight .sx { color: #2AA198 } .highlight .sr { color: #DC322F } .highlight .s1 { color: #2AA198 } .highlight .ss { color: #2AA198 } .highlight .bp { color: #268BD2 } .highlight .vc { color: #268BD2 } .highlight .vg { color: #268BD2 } .highlight .vi { color: #268BD2 } .highlight .il { color: #2AA198 }
================================================
FILE: assets/css/style.css
================================================
/*** Reset ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: bullet;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*** Basics ***/
body {
font-family: Verdana, serif;
font-size: 13px;
line-height: 1.7;
}
a, a:active, a:visited {
text-decoration: none;
border-bottom: 1px solid #839496;
padding-bottom: 2px;
}
a:hover {
background-color: #839496;
color: #000000;
}
p, pre { margin-bottom: 15px; }
ul, ol { padding: 0 0 18px 30px; }
ol li, ul li { margin-top: 10px; margin-bottom: 10px; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: 0.85em; }
sup { vertical-align: super; font-size: 0.85em; }
sub { vertical-align: sub; font-size: 0.85em; }
code {
font: 0.85em Monaco, Courier, Monospace;
}
blockquote {
margin: 22px 22px;
padding: 0 20px;
border-left: 2px solid #000000;
font-size: 1.2em;
font-style: italic;
line-height: 1.5em;
}
acronym, abbr {
cursor: help;
letter-spacing: 1px;
border-bottom: 1px dashed;
}
h1 {
font-size: 17px;
margin: 0 0 10px 0;
}
h2 {
font-size: 15px;
margin: 0 0 10px 0;
}
h3 {
font-size: 14px;
margin: 0 0 10px 0;
}
/*** Useful Classes ***/
.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.img-left { float: left; margin: 4px 10px 4px 0; }
.img-right { float: right; margin: 4px 0 4px 10px; }
.img-middle { vertical-align: middle; }
.nopadding { padding: 0; }
.nounderline { text-decoration: underline; }
/*** Structure ***/
#page {
width: 500px;
margin: 0 auto;
position: relative;
}
#header {
width: 500px;
margin: 40px auto 50px auto;
}
#header h1 {
font-size: 32px;
margin-bottom: 4px;
}
#header h1 a {
border: none;
}
#footer {
width: 500px;
margin: 50px auto 20px auto;
padding-top: 10px;
font-size: 0.85em;
border-top: 1px solid #073642;
}
#content {
width: 500px;
margin: 0 auto;
}
#sidebar {
position: absolute;
text-align: right;
width: 160px;
top: 0;
left: -240px;
}
#sidebar li {
list-style: none;
margin: 2px 0;
}
#sidebar a {
border: none;
font-family: "Helvetica Neue", "Helvetica", serif;
font-size: 1.2em;
padding: 2px 4px;
}
/*** Posts ***/
article {
margin-bottom: 40px;
}
article h1 {
font-size: 17px;
margin: 0 0 10px 0;
}
article h1 a {
border: none;
}
article h1 a.anchor {
margin-left: 8px;
}
article img {
display: block;
text-align: center;
margin: 0 auto 1em auto;
}
article .meta {
padding-top: 6px;
font-size: 0.85em;
font-style: italic;
}
img.left {
float: left;
margin: 0 1em 1em 0;
}
img.right {
float: right;
margin: 0 0 1em 1em;
}
img.center {
display: block;
text-align: center;
margin: 0 auto 1em auto;
}
/*** Pagination ***/
.postnavigation {
padding-top: 10px;
text-align: center;
font-size: 0.85em;
}
.postnavigation .left {
float: left;
}
.postnavigation .right {
float: right;
}
/*** Media Queries ***/
@media all and (max-width: 870px) {
#page, #header, #content, #footer {
width: inherit;
padding-left: 10px;
padding-right: 10px;
}
#sidebar {
position: relative;
text-align: left;
width: 100%;
left: 0;
margin: 10px 10px 20px 10px;
}
#sidebar nav select.mnav {
display: block;
margin-bottom: 15px;
}
}
/*** Icons ***/
@font-face {
font-family: 'solarthemeicons';
src: url('../fonts/solarthemeicons.eot');
src: url('../fonts/solarthemeicons.eot#iefix') format('embedded-opentype'),
url('../fonts/solarthemeicons.woff') format('woff'),
url('../fonts/solarthemeicons.ttf') format('truetype'),
url('../fonts/solarthemeicons.svg#solarthemeicons') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "solarthemeicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1.7;
}
.icon-sun:before { content: '\e801'; }
.icon-anchor:before { content: '\e800'; }
.icon-anchor {
font-size: 65%;
}
================================================
FILE: assets/fonts/config.json
================================================
{
"name": "solarthemeicons",
"css_prefix_text": "icon-",
"css_use_suffix": false,
"glyphs": [
{
"uid": "7a9d73c640892d4b917c706ad95d6fec",
"css": "anchor",
"code": 59392,
"src": "fontawesome"
},
{
"uid": "c1306ee779029bed4f5a2b9b4f5c79e8",
"css": "sun",
"code": 59393,
"src": "meteocons"
}
]
}
================================================
FILE: feed.xml
================================================
---
layout: null
---
{% if paginator.previous_page %}
{% if paginator.page == 2 %}
← Newer
{% else %}
← Newer
{% endif %}
{% else %}
← Newer
{% endif %}
Page {{ paginator.page }} of {{ paginator.total_pages }}
{% if paginator.next_page %}
Older →
{% else %}
Older →
{% endif %}
{% endif %}