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. ![Screenshot](http://i.imgur.com/UnnRhkt.png) 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 ================================================ {{ page.title }}
{{ content }}
================================================ FILE: _layouts/post.html ================================================ --- layout: default ---
{% if page.external-url %}

{{ page.title }}

{% else %}

{{ page.title }}

{% endif %}
{{ content }}

Posted on

================================================ 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: **William Shakespeare** (26 April 1564 – 23 April 1616) was an English poet and playwright, widely regarded as the greatest writer in the English language and the world's pre-eminent dramatist. He is often called England's national poet and the "Bard of Avon". His extant works, including some collaborations, consist of about 38 plays, 154 sonnets, two long narrative poems, and a few other verses, the authorship of some of which is uncertain. His plays have been translated into every major living language and are performed more often than those of any other playwright. Shakespeare was born and brought up in Stratford-upon-Avon. At the age of 18, he married Anne Hathaway—no, not *that* Anne Hathaway—with whom he had three children. ================================================ FILE: archives/index.html ================================================ --- layout: default title: Archives ---
{% for post in site.posts %}
{% if post.external-url %}

{{ post.title }}

{% else %}

{{ post.title }}

{% 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 --- {{ site.title | xml_escape }} {{ site.description | xml_escape }} {{ site.url }}{{ site.baseurl }}/ {{ site.time | date_to_rfc822 }} {{ site.time | date_to_rfc822 }} Jekyll v{{ jekyll.version }} {% for post in site.posts limit:10 %} {{ post.title | xml_escape }} {{ post.content | xml_escape }} {{ post.date | date_to_rfc822 }} {{ post.url | prepend: site.baseurl | prepend: site.url }} {{ post.url | prepend: site.baseurl | prepend: site.url }} {% for tag in post.tags %} {{ tag | xml_escape }} {% endfor %} {% for cat in post.categories %} {{ cat | xml_escape }} {% endfor %} {% endfor %} ================================================ FILE: index.html ================================================ --- layout: default title: Solar Theme --- {% for post in paginator.posts %}
{% if post.external-url %}

{{ post.title }}

{% else %}

{{ post.title }}

{% endif %}
{{ post.content }}
{% endfor %} {% if paginator.total_pages > 1 %}
{% if paginator.previous_page %} {% if paginator.page == 2 %} {% else %} {% endif %} {% else %} ← Newer {% endif %} Page {{ paginator.page }} of {{ paginator.total_pages }} {% if paginator.next_page %} {% else %} Older → {% endif %}
{% endif %}