Brian Picciano
11 years ago
parent
7a5172710b
commit
5405686b0e
@ -0,0 +1,21 @@ |
||||
The MIT License |
||||
|
||||
Copyright (c) Matt Swanson, http://mdswanson.com |
||||
|
||||
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. |
||||
@ -0,0 +1,72 @@ |
||||
# Lagom |
||||
|
||||
> #### *Lagom* is a Swedish word with no direct English equivalent, meaning "just the right amount" |
||||
|
||||
Lagom, a [Jekyll][j] blog theme with just the right amount of style. |
||||
|
||||
Extracted lovingly from [http://mdswanson.com][mds] for your enjoyment! |
||||
|
||||
* Responsive, based on [Skeleton][skeleton] |
||||
* [Font Awesome][font-awesome] for icons |
||||
* Open Sans from [Google web fonts][gfonts] |
||||
* Built-in Atom RSS feed |
||||
|
||||
## Action Shots |
||||
 |
||||
 |
||||
 |
||||
|
||||
## Installation |
||||
|
||||
- Install Jekyll: `gem install jekyll` |
||||
- [Fork this repository][fork] |
||||
- Clone it: `git clone https://github.com/YOUR-USER/lagom` |
||||
- Run the jekyll server: `jekyll serve` |
||||
|
||||
You should have a server up and running locally at <http://localhost:4000>. |
||||
|
||||
## Customization |
||||
|
||||
Next you'll want to change a few things. Most of them can be changed directly in |
||||
[_config.yml][config]. That's where you can add your social links, change the accent |
||||
color, stuff like that. |
||||
|
||||
There's a few other places that you'll want to change, too: |
||||
|
||||
- [CNAME][cname]: If you're using this on GitHub Pages with a custom domain name, |
||||
you'll want to change this to be the domain you're going to use. All that should |
||||
be in here is a domain name on the first line and nothing else (like: `example.com`). |
||||
- [favicon.png][favicon]: This is the icon in your browser's address bar. You should |
||||
change it to whatever you'd like. |
||||
- [logo.png][logo]: A square-ish image that appears in the upper-left corner |
||||
|
||||
## Deployment |
||||
|
||||
You should deploy with [GitHub Pages][pages] - it's just easier. |
||||
|
||||
All you should have to do is rename your repository on GitHub to be |
||||
`username.github.io`. Since everything is on the `gh-pages` branch, you |
||||
should be able to see your new site at <http://username.github.io>. |
||||
|
||||
## Licensing |
||||
|
||||
[MIT](https://github.com/swanson/lagom/blob/master/LICENSE) with no |
||||
added caveats, so feel free to use this on your site without linking back to |
||||
me or using a disclaimer or anything silly like that. |
||||
|
||||
## Contact |
||||
I'd love to hear from you at [@_swanson][twitter]. Feel free to open issues if you |
||||
run into trouble or have suggestions. Pull Requests always welcome. |
||||
|
||||
[j]: http://jekyllrb.com/ |
||||
[mds]: http://mdswanson.com |
||||
[skeleton]: http://www.getskeleton.com/ |
||||
[font-awesome]: http://fortawesome.github.io/Font-Awesome/ |
||||
[gfonts]: http://www.google.com/fonts/specimen/Open+Sans |
||||
[fork]: https://github.com/swanson/lagom/fork |
||||
[config]: https://github.com/swanson/lagom/blob/master/_config.yml |
||||
[cname]: https://github.com/swanson/lagom/blob/master/CNAME |
||||
[favicon]: https://github.com/swanson/lagom/blob/master/favicon.png |
||||
[logo]: https://github.com/swanson/lagom/blob/master/logo.png |
||||
[pages]: http://pages.github.com |
||||
[twitter]: https://twitter.com/_swanson |
||||
@ -0,0 +1,24 @@ |
||||
# General Jekyll Config |
||||
pygments: true |
||||
url: http://mediocregopher.com |
||||
lsi: false |
||||
exclude: [LICENSE, CNAME, README.md, .gitignore] |
||||
markdown: redcarpet |
||||
|
||||
# Theme customization - please change from the defaults! |
||||
theme: |
||||
# Color for top bar, links, etc |
||||
highlight_color: '#434343' |
||||
|
||||
# Profile links on the left sidebar, leave blank to ignore |
||||
social: |
||||
github: mediocregopher |
||||
hacker_news: mediocregopher |
||||
|
||||
# "Hi, I'm _______" |
||||
name: Brian Picciano |
||||
email: mediocregopher@gmail.com |
||||
tagline: "A blog about code, languages, and systems" |
||||
|
||||
# Toggle "Postings are my own" disclaimer in footer |
||||
show_disclaimer: false |
||||
@ -0,0 +1,335 @@ |
||||
/* |
||||
* Skeleton V1.1 |
||||
* Copyright 2011, Dave Gamache |
||||
* www.getskeleton.com |
||||
* Free to use under the MIT license. |
||||
* http://www.opensource.org/licenses/mit-license.php |
||||
* 8/17/2011 |
||||
*/ |
||||
|
||||
|
||||
/* Table of Content |
||||
================================================== |
||||
#Reset & Basics |
||||
#Basic Styles |
||||
#Site Styles |
||||
#Typography |
||||
#Links |
||||
#Lists |
||||
#Images |
||||
#Buttons |
||||
#Tabs |
||||
#Forms |
||||
#Misc */ |
||||
|
||||
|
||||
/* #Reset & Basics (Inspired by E. Meyers) |
||||
================================================== */ |
||||
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: none; } |
||||
blockquote, q { |
||||
quotes: none; } |
||||
blockquote:before, blockquote:after, |
||||
q:before, q:after { |
||||
content: ''; |
||||
content: none; } |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; } |
||||
|
||||
|
||||
/* #Basic Styles |
||||
================================================== */ |
||||
body { |
||||
background: #fff; |
||||
font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
color: #444; |
||||
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ |
||||
-webkit-text-size-adjust: 100%; |
||||
} |
||||
|
||||
|
||||
/* #Typography |
||||
================================================== */ |
||||
h1, h2, h3, h4, h5, h6 { |
||||
color: #181818; |
||||
font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; |
||||
font-weight: normal; } |
||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } |
||||
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} |
||||
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; } |
||||
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; } |
||||
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } |
||||
h5 { font-size: 17px; line-height: 24px; } |
||||
h6 { font-size: 14px; line-height: 21px; } |
||||
.subheader { color: #777; } |
||||
|
||||
p { margin: 0 0 20px 0; } |
||||
p img { margin: 0; } |
||||
p.lead { font-size: 21px; line-height: 27px; color: #777; } |
||||
|
||||
em { font-style: italic; } |
||||
strong { font-weight: bold; color: #333; } |
||||
small { font-size: 80%; } |
||||
|
||||
/* Blockquotes */ |
||||
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } |
||||
blockquote { margin: 0px; padding: 0px 20px 0 15px; border-left: 2px solid #ddd; } |
||||
blockquote cite { display: block; font-size: 12px; color: #555; } |
||||
blockquote cite:before { content: "\2014 \0020"; } |
||||
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: {{ site.colors.highlight }}; } |
||||
|
||||
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } |
||||
|
||||
|
||||
/* #Links |
||||
================================================== */ |
||||
a, a:visited { color: #333; text-decoration: underline; outline: 0; } |
||||
a:hover, a:focus { color: #000; } |
||||
p a, p a:visited { line-height: inherit; } |
||||
|
||||
|
||||
/* #Lists |
||||
================================================== */ |
||||
ul, ol { margin-bottom: 20px; } |
||||
ul { list-style: none outside; } |
||||
ol { list-style: decimal; } |
||||
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } |
||||
ul.square { list-style: square outside; } |
||||
ul.circle { list-style: circle outside; } |
||||
ul.disc { list-style: disc outside; } |
||||
ul ul, ul ol, |
||||
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } |
||||
ul ul li, ul ol li, |
||||
ol ol li, ol ul li { margin-bottom: 6px; } |
||||
li { line-height: 18px; margin-bottom: 12px; } |
||||
ul.large li { line-height: 21px; } |
||||
li p { line-height: 21px; } |
||||
|
||||
/* #Images |
||||
================================================== */ |
||||
|
||||
img.scale-with-grid { |
||||
max-width: 100%; |
||||
height: auto; } |
||||
|
||||
|
||||
/* #Buttons |
||||
================================================== */ |
||||
|
||||
a.button, |
||||
button, |
||||
input[type="submit"], |
||||
input[type="reset"], |
||||
input[type="button"] { |
||||
background: #eee; /* Old browsers */ |
||||
background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ |
||||
background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ |
||||
background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ |
||||
background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ |
||||
background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ |
||||
background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ |
||||
border: 1px solid #aaa; |
||||
border-top: 1px solid #ccc; |
||||
border-left: 1px solid #ccc; |
||||
padding: 4px 12px; |
||||
-moz-border-radius: 3px; |
||||
-webkit-border-radius: 3px; |
||||
border-radius: 3px; |
||||
color: #444; |
||||
display: inline-block; |
||||
font-size: 11px; |
||||
font-weight: bold; |
||||
text-decoration: none; |
||||
text-shadow: 0 1px rgba(255, 255, 255, .75); |
||||
cursor: pointer; |
||||
margin-bottom: 20px; |
||||
line-height: 21px; |
||||
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } |
||||
|
||||
a.button:hover, |
||||
button:hover, |
||||
input[type="submit"]:hover, |
||||
input[type="reset"]:hover, |
||||
input[type="button"]:hover { |
||||
color: #222; |
||||
background: #ddd; /* Old browsers */ |
||||
background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ |
||||
background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ |
||||
background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ |
||||
background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ |
||||
background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ |
||||
background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ |
||||
border: 1px solid #888; |
||||
border-top: 1px solid #aaa; |
||||
border-left: 1px solid #aaa; } |
||||
|
||||
a.button:active, |
||||
button:active, |
||||
input[type="submit"]:active, |
||||
input[type="reset"]:active, |
||||
input[type="button"]:active { |
||||
border: 1px solid #666; |
||||
background: #ccc; /* Old browsers */ |
||||
background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ |
||||
background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ |
||||
background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ |
||||
background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ |
||||
background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ |
||||
background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } |
||||
|
||||
.button.full-width, |
||||
button.full-width, |
||||
input[type="submit"].full-width, |
||||
input[type="reset"].full-width, |
||||
input[type="button"].full-width { |
||||
width: 100%; |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
text-align: center; } |
||||
|
||||
|
||||
/* #Tabs (activate in tabs.js) |
||||
================================================== */ |
||||
ul.tabs { |
||||
display: block; |
||||
margin: 0 0 20px 0; |
||||
padding: 0; |
||||
border-bottom: solid 1px #ddd; } |
||||
ul.tabs li { |
||||
display: block; |
||||
width: auto; |
||||
height: 30px; |
||||
padding: 0; |
||||
float: left; |
||||
margin-bottom: 0; } |
||||
ul.tabs li a { |
||||
display: block; |
||||
text-decoration: none; |
||||
width: auto; |
||||
height: 29px; |
||||
padding: 0px 20px; |
||||
line-height: 30px; |
||||
border: solid 1px #ddd; |
||||
border-width: 1px 1px 0 0; |
||||
margin: 0; |
||||
background: #f5f5f5; |
||||
font-size: 13px; } |
||||
ul.tabs li a.active { |
||||
background: #fff; |
||||
height: 30px; |
||||
position: relative; |
||||
top: -4px; |
||||
padding-top: 4px; |
||||
border-left-width: 1px; |
||||
margin: 0 0 0 -1px; |
||||
color: #111; |
||||
-moz-border-radius-topleft: 2px; |
||||
-webkit-border-top-left-radius: 2px; |
||||
border-top-left-radius: 2px; |
||||
-moz-border-radius-topright: 2px; |
||||
-webkit-border-top-right-radius: 2px; |
||||
border-top-right-radius: 2px; } |
||||
ul.tabs li:first-child a.active { |
||||
margin-left: 0; } |
||||
ul.tabs li:first-child a { |
||||
border-width: 1px 1px 0 1px; |
||||
-moz-border-radius-topleft: 2px; |
||||
-webkit-border-top-left-radius: 2px; |
||||
border-top-left-radius: 2px; } |
||||
ul.tabs li:last-child a { |
||||
-moz-border-radius-topright: 2px; |
||||
-webkit-border-top-right-radius: 2px; |
||||
border-top-right-radius: 2px; } |
||||
|
||||
ul.tabs-content { margin: 0; display: block; } |
||||
ul.tabs-content > li { display:none; } |
||||
ul.tabs-content > li.active { display: block; } |
||||
|
||||
/* Clearfixing tabs for beautiful stacking */ |
||||
ul.tabs:before, |
||||
ul.tabs:after { |
||||
content: '\0020'; |
||||
display: block; |
||||
overflow: hidden; |
||||
visibility: hidden; |
||||
width: 0; |
||||
height: 0; } |
||||
ul.tabs:after { |
||||
clear: both; } |
||||
ul.tabs { |
||||
zoom: 1; } |
||||
|
||||
|
||||
/* #Forms |
||||
================================================== */ |
||||
|
||||
form { |
||||
margin-bottom: 20px; } |
||||
fieldset { |
||||
margin-bottom: 20px; } |
||||
input[type="text"], |
||||
input[type="password"], |
||||
input[type="email"], |
||||
textarea, |
||||
select { |
||||
border: 1px solid #ccc; |
||||
padding: 6px 4px; |
||||
outline: none; |
||||
-moz-border-radius: 2px; |
||||
-webkit-border-radius: 2px; |
||||
border-radius: 2px; |
||||
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
color: #777; |
||||
margin: 0; |
||||
width: 210px; |
||||
max-width: 100%; |
||||
display: block; |
||||
margin-bottom: 20px; |
||||
background: #fff; } |
||||
select { |
||||
padding: 0; } |
||||
input[type="text"]:focus, |
||||
input[type="password"]:focus, |
||||
input[type="email"]:focus, |
||||
textarea:focus { |
||||
border: 1px solid #aaa; |
||||
color: #444; |
||||
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2); |
||||
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); |
||||
box-shadow: 0 0 3px rgba(0,0,0,.2); } |
||||
textarea { |
||||
min-height: 60px; } |
||||
label, |
||||
legend { |
||||
display: block; |
||||
font-weight: bold; |
||||
font-size: 13px; } |
||||
select { |
||||
width: 220px; } |
||||
input[type="checkbox"] { |
||||
display: inline; } |
||||
label span, |
||||
legend span { |
||||
font-weight: normal; |
||||
font-size: 13px; |
||||
color: #444; } |
||||
|
||||
/* #Misc |
||||
================================================== */ |
||||
.remove-bottom { margin-bottom: 0 !important; } |
||||
.half-bottom { margin-bottom: 10px !important; } |
||||
.add-bottom { margin-bottom: 20px !important; } |
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,74 @@ |
||||
/* |
||||
* Skeleton V1.1 |
||||
* Copyright 2011, Dave Gamache |
||||
* www.getskeleton.com |
||||
* Free to use under the MIT license. |
||||
* http://www.opensource.org/licenses/mit-license.php |
||||
* 8/17/2011 |
||||
*/ |
||||
|
||||
/* Smaller than standard 960 (devices and browsers) */ |
||||
@media only screen and (max-width: 959px) { |
||||
#logo { |
||||
font-size: 21px; |
||||
margin-bottom: 15px; } |
||||
nav .button { |
||||
padding: 9px 20px 11px; } |
||||
} |
||||
|
||||
/* Tablet Portrait size to standard 960 (devices and browsers) */ |
||||
@media only screen and (min-width: 768px) and (max-width: 959px) { |
||||
nav { |
||||
width: 160px; } |
||||
.sidebar h2 { |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.sidebar ul { |
||||
font-size: 14px; |
||||
} |
||||
} |
||||
|
||||
/* All Mobile Sizes (devices and browser) */ |
||||
@media only screen and (max-width: 767px) { |
||||
header h1 { font-size: 34px; line-height: 37px; } |
||||
nav { position: relative; } |
||||
nav ul, |
||||
#logo { text-align: left; } |
||||
.sidebar { |
||||
display: none; |
||||
} |
||||
.content { |
||||
border: 0px; |
||||
padding-left: 0px; |
||||
} |
||||
} |
||||
|
||||
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ |
||||
@media only screen and (min-width: 480px) and (max-width: 767px) { |
||||
.sidebar { |
||||
display: none; |
||||
} |
||||
|
||||
h1 { |
||||
font-size: 28px; |
||||
line-height: 36px; |
||||
} |
||||
} |
||||
|
||||
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ |
||||
@media only screen and (max-width: 479px) { |
||||
.sidebar { |
||||
display: none; |
||||
} |
||||
|
||||
h1 { |
||||
font-size: 24px; |
||||
line-height: 32px; |
||||
} |
||||
|
||||
h2 { |
||||
font-size: 22px; |
||||
line-height: 24px; |
||||
} |
||||
} |
||||
@ -0,0 +1,255 @@ |
||||
* { |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
html, body { |
||||
height: 100%; |
||||
} |
||||
|
||||
body { |
||||
font-size: 16px; |
||||
background-color: white; |
||||
color: #222222; |
||||
line-height: 24px; |
||||
margin: 0; |
||||
border-top: 7px solid {{ site.theme.highlight_color }}; |
||||
} |
||||
|
||||
h1, h2, h3, h4, h5, h6 { |
||||
color: #181818; |
||||
font-family: "open sans", sans-serif; |
||||
font-weight: 600; |
||||
} |
||||
|
||||
h1.title { |
||||
font-weight: 800; |
||||
} |
||||
|
||||
h1 { |
||||
font-size: 32px; |
||||
line-height: 40px; |
||||
} |
||||
|
||||
h2 { |
||||
font-size: 24px; |
||||
line-height: 30px; |
||||
} |
||||
|
||||
h3 { |
||||
font-size: 21px; |
||||
line-height: 24px; |
||||
margin: 1em 0; |
||||
} |
||||
|
||||
ul { |
||||
margin: 1em 0; |
||||
list-style: disc; |
||||
} |
||||
|
||||
a { |
||||
color: {{ site.theme.highlight_color }}; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
a:hover { |
||||
color: {{ site.theme.highlight_color }}; |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
a:visited { |
||||
color: {{ site.theme.highlight_color }}; |
||||
} |
||||
|
||||
table { |
||||
font-size: inherit; |
||||
font: 100%; |
||||
} |
||||
|
||||
img { |
||||
display: block; |
||||
margin-left: auto; |
||||
margin-right: auto; |
||||
} |
||||
|
||||
ul.posts { |
||||
margin-top: 0; |
||||
list-style-type: none; |
||||
margin-bottom: 10px; |
||||
} |
||||
|
||||
ul.posts li { |
||||
line-height: 22px; |
||||
font-size: 16px; |
||||
margin-bottom: 0px; |
||||
} |
||||
|
||||
ul.posts span { |
||||
font-family: 'Lucida Console', 'Andale Mono', monospace; |
||||
color: #aaa; |
||||
padding-right: 5px; |
||||
font-size:14px; |
||||
} |
||||
|
||||
.meta { |
||||
color: #aaa; |
||||
margin: 0 0 10px 0; |
||||
} |
||||
|
||||
.site .footer { |
||||
font-size: 80%; |
||||
color: #666; |
||||
border-top: 4px solid #eee; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
nav h1, nav h2 { |
||||
text-align: center; |
||||
} |
||||
|
||||
nav hr { |
||||
margin-top: 10px; |
||||
margin-bottom: 15px; |
||||
border: dotted #ddd; |
||||
border-width: 1px 0 0; |
||||
} |
||||
|
||||
#social { |
||||
margin-bottom: 10px; |
||||
font-size: 13px; |
||||
} |
||||
|
||||
#post pre { |
||||
border: 1px solid #ddd; |
||||
background-color: #eef; |
||||
padding: 0 .4em; |
||||
margin-bottom: 20px !important; |
||||
} |
||||
|
||||
#post ul, |
||||
#post ol { |
||||
margin-left: 1.35em; |
||||
} |
||||
|
||||
#post code { |
||||
border: 1px solid #ddd; |
||||
background-color: #eef; |
||||
font-size: 85%; |
||||
padding: 0 .2em; |
||||
} |
||||
|
||||
#post pre code { |
||||
border: none; |
||||
} |
||||
|
||||
.sidebar { |
||||
padding-top: 25px; |
||||
font-family: "open sans", sans-serif; |
||||
} |
||||
|
||||
.sidebar p { |
||||
font-weight: 200; |
||||
} |
||||
|
||||
.sidebar a { |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.content { |
||||
font: 400 16px/22px "open sans", sans-serif; |
||||
border-left: 1px solid #DDD; |
||||
padding-left: 40px; |
||||
padding-top: 25px; |
||||
min-height: 400px; |
||||
} |
||||
|
||||
.footer { |
||||
width: 100%; |
||||
} |
||||
|
||||
.footer { |
||||
font-size: 80%; |
||||
color: #666; |
||||
border-top: 4px solid #EEE; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.aside { |
||||
font-size: 75%; |
||||
color: #666; |
||||
} |
||||
|
||||
#home h2 { |
||||
color: {{ site.theme.highlight_color }}; |
||||
} |
||||
|
||||
#logo { |
||||
margin-bottom: 25px; |
||||
} |
||||
|
||||
#stalker { |
||||
display: inline-block; |
||||
height: 18px; |
||||
margin-left: 5px; |
||||
} |
||||
|
||||
#stalker a { |
||||
width: 29px; |
||||
overflow: hidden; |
||||
float: left; |
||||
} |
||||
|
||||
#stalker i { |
||||
font-size: 28px; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
#stalker a:hover { |
||||
text-decoration: none; |
||||
color: {{ site.theme.highlight_color }}; |
||||
} |
||||
|
||||
span.icon-hn { |
||||
font-family: "open sans", sans-serif; |
||||
line-height: 20px; |
||||
text-align: center; |
||||
font-weight: bold; |
||||
position: relative; |
||||
left: 7px; |
||||
} |
||||
|
||||
.home { |
||||
font-size: 24px; |
||||
float: right; |
||||
color: #AAA; |
||||
} |
||||
|
||||
.home:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.disclaimer p { |
||||
margin-top: 5px; |
||||
font-size: 11px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.footnotes { |
||||
font-size: 14px; |
||||
font-style: italic; |
||||
} |
||||
|
||||
.icon-overlay { |
||||
font-size: 16px !important; |
||||
position: relative; |
||||
bottom: 27px; |
||||
left: 5px; |
||||
color: white; |
||||
} |
||||
|
||||
.caption { |
||||
margin: 0 auto; |
||||
text-align: center; |
||||
font-size: smaller; |
||||
padding-bottom: 10px |
||||
} |
||||
@ -0,0 +1,236 @@ |
||||
/* |
||||
* Skeleton V1.1 |
||||
* Copyright 2011, Dave Gamache |
||||
* www.getskeleton.com |
||||
* Free to use under the MIT license. |
||||
* http://www.opensource.org/licenses/mit-license.php |
||||
* 8/17/2011 |
||||
*/ |
||||
|
||||
|
||||
/* Table of Contents |
||||
================================================== |
||||
#Base 960 Grid |
||||
#Tablet (Portrait) |
||||
#Mobile (Portrait) |
||||
#Mobile (Landscape) |
||||
#Clearing */ |
||||
|
||||
|
||||
|
||||
/* #Base 960 Grid |
||||
================================================== */ |
||||
|
||||
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; } |
||||
.column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } |
||||
.row { margin-bottom: 20px; } |
||||
|
||||
/* Nested Column Classes */ |
||||
.column.alpha, .columns.alpha { margin-left: 0; } |
||||
.column.omega, .columns.omega { margin-right: 0; } |
||||
|
||||
/* Base Grid */ |
||||
.container .one.column { width: 40px; } |
||||
.container .two.columns { width: 100px; } |
||||
.container .three.columns { width: 160px; } |
||||
.container .four.columns { width: 220px; } |
||||
.container .five.columns { width: 280px; } |
||||
.container .six.columns { width: 340px; } |
||||
.container .seven.columns { width: 400px; } |
||||
.container .eight.columns { width: 460px; } |
||||
.container .nine.columns { width: 520px; } |
||||
.container .ten.columns { width: 580px; } |
||||
.container .eleven.columns { width: 640px; } |
||||
.container .twelve.columns { width: 700px; } |
||||
.container .thirteen.columns { width: 760px; } |
||||
.container .fourteen.columns { width: 820px; } |
||||
.container .fifteen.columns { width: 880px; } |
||||
.container .sixteen.columns { width: 940px; } |
||||
|
||||
.container .one-third.column { width: 300px; } |
||||
.container .two-thirds.column { width: 620px; } |
||||
|
||||
/* Offsets */ |
||||
.container .offset-by-one { padding-left: 60px; } |
||||
.container .offset-by-two { padding-left: 120px; } |
||||
.container .offset-by-three { padding-left: 180px; } |
||||
.container .offset-by-four { padding-left: 240px; } |
||||
.container .offset-by-five { padding-left: 300px; } |
||||
.container .offset-by-six { padding-left: 360px; } |
||||
.container .offset-by-seven { padding-left: 420px; } |
||||
.container .offset-by-eight { padding-left: 480px; } |
||||
.container .offset-by-nine { padding-left: 540px; } |
||||
.container .offset-by-ten { padding-left: 600px; } |
||||
.container .offset-by-eleven { padding-left: 660px; } |
||||
.container .offset-by-twelve { padding-left: 720px; } |
||||
.container .offset-by-thirteen { padding-left: 780px; } |
||||
.container .offset-by-fourteen { padding-left: 840px; } |
||||
.container .offset-by-fifteen { padding-left: 900px; } |
||||
|
||||
|
||||
|
||||
/* #Tablet (Portrait) |
||||
================================================== */ |
||||
|
||||
/* Note: Design for a width of 768px */ |
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 959px) { |
||||
.container { width: 768px; } |
||||
.container .column, |
||||
.container .columns { margin-left: 10px; margin-right: 10px; } |
||||
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } |
||||
.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } |
||||
|
||||
.container .one.column { width: 28px; } |
||||
.container .two.columns { width: 76px; } |
||||
.container .three.columns { width: 124px; } |
||||
.container .four.columns { width: 172px; } |
||||
.container .five.columns { width: 220px; } |
||||
.container .six.columns { width: 268px; } |
||||
.container .seven.columns { width: 316px; } |
||||
.container .eight.columns { width: 364px; } |
||||
.container .nine.columns { width: 412px; } |
||||
.container .ten.columns { width: 460px; } |
||||
.container .eleven.columns { width: 508px; } |
||||
.container .twelve.columns { width: 556px; } |
||||
.container .thirteen.columns { width: 604px; } |
||||
.container .fourteen.columns { width: 652px; } |
||||
.container .fifteen.columns { width: 700px; } |
||||
.container .sixteen.columns { width: 748px; } |
||||
|
||||
.container .one-third.column { width: 236px; } |
||||
.container .two-thirds.column { width: 492px; } |
||||
|
||||
/* Offsets */ |
||||
.container .offset-by-one { padding-left: 48px; } |
||||
.container .offset-by-two { padding-left: 96px; } |
||||
.container .offset-by-three { padding-left: 144px; } |
||||
.container .offset-by-four { padding-left: 192px; } |
||||
.container .offset-by-five { padding-left: 240px; } |
||||
.container .offset-by-six { padding-left: 288px; } |
||||
.container .offset-by-seven { padding-left: 336px; } |
||||
.container .offset-by-eight { padding-left: 348px; } |
||||
.container .offset-by-nine { padding-left: 432px; } |
||||
.container .offset-by-ten { padding-left: 480px; } |
||||
.container .offset-by-eleven { padding-left: 528px; } |
||||
.container .offset-by-twelve { padding-left: 576px; } |
||||
.container .offset-by-thirteen { padding-left: 624px; } |
||||
.container .offset-by-fourteen { padding-left: 672px; } |
||||
.container .offset-by-fifteen { padding-left: 720px; } |
||||
} |
||||
|
||||
|
||||
/* #Mobile (Portrait) |
||||
================================================== */ |
||||
|
||||
/* Note: Design for a width of 320px */ |
||||
|
||||
@media only screen and (max-width: 767px) { |
||||
.container { width: 300px; } |
||||
.columns, .column { margin: 0; } |
||||
|
||||
.container .one.column, |
||||
.container .two.columns, |
||||
.container .three.columns, |
||||
.container .four.columns, |
||||
.container .five.columns, |
||||
.container .six.columns, |
||||
.container .seven.columns, |
||||
.container .eight.columns, |
||||
.container .nine.columns, |
||||
.container .ten.columns, |
||||
.container .eleven.columns, |
||||
.container .twelve.columns, |
||||
.container .thirteen.columns, |
||||
.container .fourteen.columns, |
||||
.container .fifteen.columns, |
||||
.container .sixteen.columns, |
||||
.container .one-third.column, |
||||
.container .two-thirds.column { width: 300px; } |
||||
|
||||
/* Offsets */ |
||||
.container .offset-by-one, |
||||
.container .offset-by-two, |
||||
.container .offset-by-three, |
||||
.container .offset-by-four, |
||||
.container .offset-by-five, |
||||
.container .offset-by-six, |
||||
.container .offset-by-seven, |
||||
.container .offset-by-eight, |
||||
.container .offset-by-nine, |
||||
.container .offset-by-ten, |
||||
.container .offset-by-eleven, |
||||
.container .offset-by-twelve, |
||||
.container .offset-by-thirteen, |
||||
.container .offset-by-fourteen, |
||||
.container .offset-by-fifteen { padding-left: 0; } |
||||
|
||||
} |
||||
|
||||
|
||||
/* #Mobile (Landscape) |
||||
================================================== */ |
||||
|
||||
/* Note: Design for a width of 480px */ |
||||
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) { |
||||
.container { width: 420px; } |
||||
.columns, .column { margin: 0; } |
||||
|
||||
.container .one.column, |
||||
.container .two.columns, |
||||
.container .three.columns, |
||||
.container .four.columns, |
||||
.container .five.columns, |
||||
.container .six.columns, |
||||
.container .seven.columns, |
||||
.container .eight.columns, |
||||
.container .nine.columns, |
||||
.container .ten.columns, |
||||
.container .eleven.columns, |
||||
.container .twelve.columns, |
||||
.container .thirteen.columns, |
||||
.container .fourteen.columns, |
||||
.container .fifteen.columns, |
||||
.container .sixteen.columns, |
||||
.container .one-third.column, |
||||
.container .two-thirds.column { width: 420px; } |
||||
} |
||||
|
||||
|
||||
/* #Clearing |
||||
================================================== */ |
||||
|
||||
/* Self Clearing Goodness */ |
||||
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } |
||||
|
||||
/* Use clearfix class on parent to clear nested columns, |
||||
or wrap each row of columns in a <div class="row"> */ |
||||
.clearfix:before, |
||||
.clearfix:after, |
||||
.row:before, |
||||
.row:after { |
||||
content: '\0020'; |
||||
display: block; |
||||
overflow: hidden; |
||||
visibility: hidden; |
||||
width: 0; |
||||
height: 0; } |
||||
.row:after, |
||||
.clearfix:after { |
||||
clear: both; } |
||||
.row, |
||||
.clearfix { |
||||
zoom: 1; } |
||||
|
||||
/* You can also use a <br class="clear" /> to clear columns */ |
||||
.clear { |
||||
clear: both; |
||||
display: block; |
||||
overflow: hidden; |
||||
visibility: hidden; |
||||
width: 0; |
||||
height: 0; |
||||
} |
||||
|
||||
|
||||
@ -0,0 +1,3 @@ |
||||
.highlight{background-color:#073642;color:#93a1a1}.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%} |
||||
pre { white-space: pre; overflow: auto; } |
||||
code, pre { font-family: Monaco,Menlo,Consolas,"Courier New",monospace; } |
||||
@ -0,0 +1,12 @@ |
||||
<div class="disclaimer"> |
||||
{% if site.theme.show_disclaimer %} |
||||
<p> |
||||
The postings on this site are my own and don't necessarily represent my |
||||
employer’s positions, strategies or opinions. |
||||
</p> |
||||
{% endif %} |
||||
|
||||
<p> |
||||
© {{ site.theme.name }}, 2013 — built with Jekyll using Lagom theme |
||||
</p> |
||||
</div> |
||||
@ -0,0 +1,14 @@ |
||||
<nav> |
||||
<!-- <a href="/"> |
||||
<img src="/logo.png" id="logo" alt="Blog logo"/> |
||||
</a> --> |
||||
<h2><a href="/">{{ site.theme.name }}</a></h2> |
||||
<hr/> |
||||
<p>{{ site.theme.tagline }}</p> |
||||
<hr/> |
||||
<div> |
||||
<div id="social"> |
||||
{% include social.html %} |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
@ -0,0 +1,19 @@ |
||||
Follow me: |
||||
<div id="stalker"> |
||||
{% if site.theme.social.github %} |
||||
<a title="{{ site.theme.social.github }} on Github" href="http://github.com/{{ site.theme.social.github }}"> |
||||
<i class="icon-github-sign"></i> |
||||
</a> |
||||
{% endif %} |
||||
|
||||
{% if site.theme.social.hacker_news %} |
||||
<a title="{{ site.theme.social.hacker_news }} on Hacker News" href="http://news.ycombinator.com/user?id={{site.theme.social.hacker_news }}"> |
||||
<i class="icon-sign-blank"></i> |
||||
<span class="icon-overlay icon-hn">Y</span> |
||||
</a> |
||||
{% endif %} |
||||
|
||||
<a title="RSS feed" id="rss" href="/atom.xml"> |
||||
<i class="icon-rss-sign"></i> |
||||
</a> |
||||
</div> |
||||
@ -0,0 +1,40 @@ |
||||
<!DOCTYPE html> |
||||
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> |
||||
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> |
||||
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> |
||||
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>{{ site.theme.name }} - {{ page.title }}</title> |
||||
<meta name="author" content="{{ site.theme.name }}" /> |
||||
<meta name="description" content="The blog of {{ site.theme.name }}" /> |
||||
<link rel="canonical" href="{{ site.url }}{{ page.url | replace:'index.html','' }}" /> |
||||
|
||||
<link href="//fonts.googleapis.com/css?family=Open+Sans:600,800" rel="stylesheet" type="text/css"> |
||||
<link rel="shortcut icon" href="/favicon.png"> |
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.theme.name }}" href="{{site.url}}/atom.xml" /> |
||||
|
||||
<link rel="stylesheet" href="/assets/css/all.css"> |
||||
<!--[if IE 7]> |
||||
<link rel="stylesheet" href="/assets/css/font-awesome-ie7.min.css"> |
||||
<![endif]--> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<div class="four columns sidebar"> |
||||
{% include sidebar.html %} |
||||
</div> |
||||
|
||||
<div class="eleven columns content"> |
||||
{{ content }} |
||||
|
||||
<div class="footer"> |
||||
{% include footer.html %} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
{% include analytics.html %} |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,27 @@ |
||||
--- |
||||
layout: default |
||||
--- |
||||
|
||||
<p class="meta"> |
||||
{{ page.date | date: "%B %d, %Y" }} |
||||
<a href="/"> |
||||
<i class="home icon-home"></i> |
||||
</a> |
||||
</p> |
||||
|
||||
<h1 class="title">{{ page.title }}</h1> |
||||
|
||||
<div id="post"> |
||||
{{ content }} |
||||
</div> |
||||
|
||||
<div id="related"> |
||||
<h3>Related Posts</h3> |
||||
<ul class="posts"> |
||||
{% for post in site.related_posts limit:3 %} |
||||
<li> |
||||
<span>{{ post.date | date_to_string }} »</span> <a href="{{ post.url }}">{{ post.title }}</a> |
||||
</li> |
||||
{% endfor %} |
||||
</ul> |
||||
</div> |
||||
@ -0,0 +1,42 @@ |
||||
--- |
||||
layout: post |
||||
title: Another sample |
||||
categories: |
||||
- blog |
||||
--- |
||||
|
||||
Tattooed roof party *vinyl* freegan single-origin coffee wayfarers tousled, umami yr |
||||
meggings hella selvage. Butcher bespoke seitan, cornhole umami gentrify put a bird |
||||
on it occupy trust fund. Umami whatever kitsch, locavore fingerstache Tumblr pork belly |
||||
[keffiyeh](#). Chia Echo Park Pitchfork, Blue Bottle [hashtag](#) stumptown skateboard selvage |
||||
mixtape. Echo Park retro butcher banjo cardigan, seitan flannel Brooklyn paleo fixie |
||||
Truffaut. Forage mustache Thundercats next level disrupt. Bicycle rights forage tattooed |
||||
chia, **wayfarers** swag raw denim hashtag biodiesel occupy gastropub! |
||||
|
||||
--- |
||||
|
||||
# It's all in the game. |
||||
## You come at the king, you best not miss. |
||||
### Be subtle with it, man. You know what subtle means? |
||||
|
||||
VHS post-ironic cred **bespoke** banjo. Yr wayfarers literally gentrify, flexitarian fap |
||||
dreamcatcher plaid cornhole Intelligentsia paleo. Beard try-hard direct trade, shabby chic |
||||
Helvetica `look ma, I can code`. Lo-fi American Apparel tattooed [Vice](#) tofu, yr vinyl. |
||||
Williamsburg butcher hella mumblecore fixie mlkshk, cliche wolf keytar mixtape kitsch banh mi |
||||
salvia. High Life Odd Future *chambray* kale chips hoodie, cray pop-up. Helvetica narwhal |
||||
iPhone try-hard jean shorts. |
||||
|
||||
> This is a quote from someone famous about productivity |
||||
|
||||
|
||||
Syntax highlighting with Solarized theme. |
||||
|
||||
{% highlight ruby %} |
||||
class User < ActiveRecord::Base |
||||
attr_accessible :email, :name |
||||
|
||||
... tons of other crap ... |
||||
|
||||
end |
||||
|
||||
{% endhighlight %} |
||||
@ -0,0 +1,42 @@ |
||||
--- |
||||
layout: post |
||||
title: Sample post |
||||
categories: |
||||
- blog |
||||
--- |
||||
|
||||
Tattooed roof party *vinyl* freegan single-origin coffee wayfarers tousled, umami yr |
||||
meggings hella selvage. Butcher bespoke seitan, cornhole umami gentrify put a bird |
||||
on it occupy trust fund. Umami whatever kitsch, locavore fingerstache Tumblr pork belly |
||||
[keffiyeh](#). Chia Echo Park Pitchfork, Blue Bottle [hashtag](#) stumptown skateboard selvage |
||||
mixtape. Echo Park retro butcher banjo cardigan, seitan flannel Brooklyn paleo fixie |
||||
Truffaut. Forage mustache Thundercats next level disrupt. Bicycle rights forage tattooed |
||||
chia, **wayfarers** swag raw denim hashtag biodiesel occupy gastropub! |
||||
|
||||
--- |
||||
|
||||
# It's all in the game. |
||||
## You come at the king, you best not miss. |
||||
### Be subtle with it, man. You know what subtle means? |
||||
|
||||
VHS post-ironic cred **bespoke** banjo. Yr wayfarers literally gentrify, flexitarian fap |
||||
dreamcatcher plaid cornhole Intelligentsia paleo. Beard try-hard direct trade, shabby chic |
||||
Helvetica `look ma, I can code`. Lo-fi American Apparel tattooed [Vice](#) tofu, yr vinyl. |
||||
Williamsburg butcher hella mumblecore fixie mlkshk, cliche wolf keytar mixtape kitsch banh mi |
||||
salvia. High Life Odd Future *chambray* kale chips hoodie, cray pop-up. Helvetica narwhal |
||||
iPhone try-hard jean shorts. |
||||
|
||||
> This is a quote from someone famous about productivity |
||||
|
||||
|
||||
Syntax highlighting with Solarized theme. |
||||
|
||||
{% highlight ruby %} |
||||
class User < ActiveRecord::Base |
||||
attr_accessible :email, :name |
||||
|
||||
... tons of other crap ... |
||||
|
||||
end |
||||
|
||||
{% endhighlight %} |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
Binary file not shown.
@ -0,0 +1,104 @@ |
||||
<?xml version="1.0" encoding="utf-8"?> |
||||
<feed xmlns="http://www.w3.org/2005/Atom"> |
||||
|
||||
<title>The blog of Brian Picciano</title> |
||||
<link href="http://mediocregopher.com/atom.xml" rel="self"/> |
||||
<link href="http://mediocregopher.com"/> |
||||
<updated>2013-10-16T20:18:24-04:00</updated> |
||||
<id>http://mediocregopher.com</id> |
||||
<author> |
||||
<name>Brian Picciano</name> |
||||
<email>mediocregopher@gmail.com</email> |
||||
</author> |
||||
|
||||
|
||||
<entry> |
||||
<title>Sample post</title> |
||||
<link href="http://mediocregopher.com/blog/2013/08/20/sample-post.html"/> |
||||
<updated>2013-08-20T00:00:00-04:00</updated> |
||||
<id>http://mediocregopher.com/blog/2013/08/20/sample-post</id> |
||||
<content type="html"><p>Tattooed roof party <em>vinyl</em> freegan single-origin coffee wayfarers tousled, umami yr |
||||
meggings hella selvage. Butcher bespoke seitan, cornhole umami gentrify put a bird |
||||
on it occupy trust fund. Umami whatever kitsch, locavore fingerstache Tumblr pork belly |
||||
<a href="#">keffiyeh</a>. Chia Echo Park Pitchfork, Blue Bottle <a href="#">hashtag</a> stumptown skateboard selvage |
||||
mixtape. Echo Park retro butcher banjo cardigan, seitan flannel Brooklyn paleo fixie |
||||
Truffaut. Forage mustache Thundercats next level disrupt. Bicycle rights forage tattooed |
||||
chia, <strong>wayfarers</strong> swag raw denim hashtag biodiesel occupy gastropub!</p> |
||||
|
||||
<hr> |
||||
|
||||
<h1>It&#39;s all in the game.</h1> |
||||
|
||||
<h2>You come at the king, you best not miss.</h2> |
||||
|
||||
<h3>Be subtle with it, man. You know what subtle means?</h3> |
||||
|
||||
<p>VHS post-ironic cred <strong>bespoke</strong> banjo. Yr wayfarers literally gentrify, flexitarian fap |
||||
dreamcatcher plaid cornhole Intelligentsia paleo. Beard try-hard direct trade, shabby chic |
||||
Helvetica <code>look ma, I can code</code>. Lo-fi American Apparel tattooed <a href="#">Vice</a> tofu, yr vinyl. |
||||
Williamsburg butcher hella mumblecore fixie mlkshk, cliche wolf keytar mixtape kitsch banh mi |
||||
salvia. High Life Odd Future <em>chambray</em> kale chips hoodie, cray pop-up. Helvetica narwhal |
||||
iPhone try-hard jean shorts.</p> |
||||
|
||||
<blockquote> |
||||
<p>This is a quote from someone famous about productivity</p> |
||||
</blockquote> |
||||
|
||||
<p>Syntax highlighting with Solarized theme.</p> |
||||
|
||||
<div class="highlight"><pre><code class="ruby"><span class="k">class</span> <span class="nc">User</span> <span class="o">&lt;</span> <span class="ss">ActiveRecord</span><span class="p">:</span><span class="ss">:Base</span> |
||||
<span class="n">attr_accessible</span> <span class="ss">:email</span><span class="p">,</span> <span class="ss">:name</span> |
||||
|
||||
<span class="o">.</span><span class="n">.</span><span class="o">.</span> <span class="n">tons</span> <span class="n">of</span> <span class="n">other</span> <span class="n">crap</span> <span class="o">.</span><span class="n">.</span><span class="o">.</span> |
||||
|
||||
<span class="k">end</span> |
||||
</code></pre></div> |
||||
</content> |
||||
</entry> |
||||
|
||||
<entry> |
||||
<title>Another sample</title> |
||||
<link href="http://mediocregopher.com/blog/2013/08/12/another-sample.html"/> |
||||
<updated>2013-08-12T00:00:00-04:00</updated> |
||||
<id>http://mediocregopher.com/blog/2013/08/12/another-sample</id> |
||||
<content type="html"><p>Tattooed roof party <em>vinyl</em> freegan single-origin coffee wayfarers tousled, umami yr |
||||
meggings hella selvage. Butcher bespoke seitan, cornhole umami gentrify put a bird |
||||
on it occupy trust fund. Umami whatever kitsch, locavore fingerstache Tumblr pork belly |
||||
<a href="#">keffiyeh</a>. Chia Echo Park Pitchfork, Blue Bottle <a href="#">hashtag</a> stumptown skateboard selvage |
||||
mixtape. Echo Park retro butcher banjo cardigan, seitan flannel Brooklyn paleo fixie |
||||
Truffaut. Forage mustache Thundercats next level disrupt. Bicycle rights forage tattooed |
||||
chia, <strong>wayfarers</strong> swag raw denim hashtag biodiesel occupy gastropub!</p> |
||||
|
||||
<hr> |
||||
|
||||
<h1>It&#39;s all in the game.</h1> |
||||
|
||||
<h2>You come at the king, you best not miss.</h2> |
||||
|
||||
<h3>Be subtle with it, man. You know what subtle means?</h3> |
||||
|
||||
<p>VHS post-ironic cred <strong>bespoke</strong> banjo. Yr wayfarers literally gentrify, flexitarian fap |
||||
dreamcatcher plaid cornhole Intelligentsia paleo. Beard try-hard direct trade, shabby chic |
||||
Helvetica <code>look ma, I can code</code>. Lo-fi American Apparel tattooed <a href="#">Vice</a> tofu, yr vinyl. |
||||
Williamsburg butcher hella mumblecore fixie mlkshk, cliche wolf keytar mixtape kitsch banh mi |
||||
salvia. High Life Odd Future <em>chambray</em> kale chips hoodie, cray pop-up. Helvetica narwhal |
||||
iPhone try-hard jean shorts.</p> |
||||
|
||||
<blockquote> |
||||
<p>This is a quote from someone famous about productivity</p> |
||||
</blockquote> |
||||
|
||||
<p>Syntax highlighting with Solarized theme.</p> |
||||
|
||||
<div class="highlight"><pre><code class="ruby"><span class="k">class</span> <span class="nc">User</span> <span class="o">&lt;</span> <span class="ss">ActiveRecord</span><span class="p">:</span><span class="ss">:Base</span> |
||||
<span class="n">attr_accessible</span> <span class="ss">:email</span><span class="p">,</span> <span class="ss">:name</span> |
||||
|
||||
<span class="o">.</span><span class="n">.</span><span class="o">.</span> <span class="n">tons</span> <span class="n">of</span> <span class="n">other</span> <span class="n">crap</span> <span class="o">.</span><span class="n">.</span><span class="o">.</span> |
||||
|
||||
<span class="k">end</span> |
||||
</code></pre></div> |
||||
</content> |
||||
</entry> |
||||
|
||||
|
||||
</feed> |
||||
@ -0,0 +1,137 @@ |
||||
<!DOCTYPE html> |
||||
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> |
||||
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> |
||||
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> |
||||
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>Brian Picciano - Another sample</title> |
||||
<meta name="author" content="Brian Picciano" /> |
||||
<meta name="description" content="The blog of Brian Picciano" /> |
||||
<link rel="canonical" href="http://mediocregopher.com/blog/2013/08/12/another-sample.html" /> |
||||
|
||||
<link href="//fonts.googleapis.com/css?family=Open+Sans:600,800" rel="stylesheet" type="text/css"> |
||||
<link rel="shortcut icon" href="/favicon.png"> |
||||
<link rel="alternate" type="application/rss+xml" title="Brian Picciano" href="http://mediocregopher.com/atom.xml" /> |
||||
|
||||
<link rel="stylesheet" href="/assets/css/all.css"> |
||||
<!--[if IE 7]> |
||||
<link rel="stylesheet" href="/assets/css/font-awesome-ie7.min.css"> |
||||
<![endif]--> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<div class="four columns sidebar"> |
||||
<nav> |
||||
<!-- <a href="/"> |
||||
<img src="/logo.png" id="logo" alt="Blog logo"/> |
||||
</a> --> |
||||
<h2><a href="/">Brian Picciano</a></h2> |
||||
<hr/> |
||||
<p>A blog about code, languages, and systems</p> |
||||
<hr/> |
||||
<div> |
||||
<div id="social"> |
||||
Follow me: |
||||
<div id="stalker"> |
||||
|
||||
<a title="mediocregopher on Github" href="http://github.com/mediocregopher"> |
||||
<i class="icon-github-sign"></i> |
||||
</a> |
||||
|
||||
|
||||
|
||||
<a title="mediocregopher on Hacker News" href="http://news.ycombinator.com/user?id=mediocregopher"> |
||||
<i class="icon-sign-blank"></i> |
||||
<span class="icon-overlay icon-hn">Y</span> |
||||
</a> |
||||
|
||||
|
||||
<a title="RSS feed" id="rss" href="/atom.xml"> |
||||
<i class="icon-rss-sign"></i> |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
</div> |
||||
|
||||
<div class="eleven columns content"> |
||||
<p class="meta"> |
||||
August 12, 2013 |
||||
<a href="/"> |
||||
<i class="home icon-home"></i> |
||||
</a> |
||||
</p> |
||||
|
||||
<h1 class="title">Another sample</h1> |
||||
|
||||
<div id="post"> |
||||
<p>Tattooed roof party <em>vinyl</em> freegan single-origin coffee wayfarers tousled, umami yr |
||||
meggings hella selvage. Butcher bespoke seitan, cornhole umami gentrify put a bird |
||||
on it occupy trust fund. Umami whatever kitsch, locavore fingerstache Tumblr pork belly |
||||
<a href="#">keffiyeh</a>. Chia Echo Park Pitchfork, Blue Bottle <a href="#">hashtag</a> stumptown skateboard selvage |
||||
mixtape. Echo Park retro butcher banjo cardigan, seitan flannel Brooklyn paleo fixie |
||||
Truffaut. Forage mustache Thundercats next level disrupt. Bicycle rights forage tattooed |
||||
chia, <strong>wayfarers</strong> swag raw denim hashtag biodiesel occupy gastropub!</p> |
||||
|
||||
<hr> |
||||
|
||||
<h1>It's all in the game.</h1> |
||||
|
||||
<h2>You come at the king, you best not miss.</h2> |
||||
|
||||
<h3>Be subtle with it, man. You know what subtle means?</h3> |
||||
|
||||
<p>VHS post-ironic cred <strong>bespoke</strong> banjo. Yr wayfarers literally gentrify, flexitarian fap |
||||
dreamcatcher plaid cornhole Intelligentsia paleo. Beard try-hard direct trade, shabby chic |
||||
Helvetica <code>look ma, I can code</code>. Lo-fi American Apparel tattooed <a href="#">Vice</a> tofu, yr vinyl. |
||||
Williamsburg butcher hella mumblecore fixie mlkshk, cliche wolf keytar mixtape kitsch banh mi |
||||
salvia. High Life Odd Future <em>chambray</em> kale chips hoodie, cray pop-up. Helvetica narwhal |
||||
iPhone try-hard jean shorts.</p> |
||||
|
||||
<blockquote> |
||||
<p>This is a quote from someone famous about productivity</p> |
||||
</blockquote> |
||||
|
||||
<p>Syntax highlighting with Solarized theme.</p> |
||||
|
||||
<div class="highlight"><pre><code class="ruby"><span class="k">class</span> <span class="nc">User</span> <span class="o"><</span> <span class="ss">ActiveRecord</span><span class="p">:</span><span class="ss">:Base</span> |
||||
<span class="n">attr_accessible</span> <span class="ss">:email</span><span class="p">,</span> <span class="ss">:name</span> |
||||
|
||||
<span class="o">.</span><span class="n">.</span><span class="o">.</span> <span class="n">tons</span> <span class="n">of</span> <span class="n">other</span> <span class="n">crap</span> <span class="o">.</span><span class="n">.</span><span class="o">.</span> |
||||
|
||||
<span class="k">end</span> |
||||
</code></pre></div> |
||||
|
||||
</div> |
||||
|
||||
<div id="related"> |
||||
<h3>Related Posts</h3> |
||||
<ul class="posts"> |
||||
|
||||
<li> |
||||
<span>20 Aug 2013 »</span> <a href="/blog/2013/08/20/sample-post.html">Sample post</a> |
||||
</li> |
||||
|
||||
</ul> |
||||
</div> |
||||
|
||||
<div class="footer"> |
||||
<div class="disclaimer"> |
||||
|
||||
|
||||
<p> |
||||
© Brian Picciano, 2013 — built with Jekyll using Lagom theme |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,137 @@ |
||||
<!DOCTYPE html> |
||||
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> |
||||
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> |
||||
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> |
||||
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>Brian Picciano - Sample post</title> |
||||
<meta name="author" content="Brian Picciano" /> |
||||
<meta name="description" content="The blog of Brian Picciano" /> |
||||
<link rel="canonical" href="http://mediocregopher.com/blog/2013/08/20/sample-post.html" /> |
||||
|
||||
<link href="//fonts.googleapis.com/css?family=Open+Sans:600,800" rel="stylesheet" type="text/css"> |
||||
<link rel="shortcut icon" href="/favicon.png"> |
||||
<link rel="alternate" type="application/rss+xml" title="Brian Picciano" href="http://mediocregopher.com/atom.xml" /> |
||||
|
||||
<link rel="stylesheet" href="/assets/css/all.css"> |
||||
<!--[if IE 7]> |
||||
<link rel="stylesheet" href="/assets/css/font-awesome-ie7.min.css"> |
||||
<![endif]--> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<div class="four columns sidebar"> |
||||
<nav> |
||||
<!-- <a href="/"> |
||||
<img src="/logo.png" id="logo" alt="Blog logo"/> |
||||
</a> --> |
||||
<h2><a href="/">Brian Picciano</a></h2> |
||||
<hr/> |
||||
<p>A blog about code, languages, and systems</p> |
||||
<hr/> |
||||
<div> |
||||
<div id="social"> |
||||
Follow me: |
||||
<div id="stalker"> |
||||
|
||||
<a title="mediocregopher on Github" href="http://github.com/mediocregopher"> |
||||
<i class="icon-github-sign"></i> |
||||
</a> |
||||
|
||||
|
||||
|
||||
<a title="mediocregopher on Hacker News" href="http://news.ycombinator.com/user?id=mediocregopher"> |
||||
<i class="icon-sign-blank"></i> |
||||
<span class="icon-overlay icon-hn">Y</span> |
||||
</a> |
||||
|
||||
|
||||
<a title="RSS feed" id="rss" href="/atom.xml"> |
||||
<i class="icon-rss-sign"></i> |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
</div> |
||||
|
||||
<div class="eleven columns content"> |
||||
<p class="meta"> |
||||
August 20, 2013 |
||||
<a href="/"> |
||||
<i class="home icon-home"></i> |
||||
</a> |
||||
</p> |
||||
|
||||
<h1 class="title">Sample post</h1> |
||||
|
||||
<div id="post"> |
||||
<p>Tattooed roof party <em>vinyl</em> freegan single-origin coffee wayfarers tousled, umami yr |
||||
meggings hella selvage. Butcher bespoke seitan, cornhole umami gentrify put a bird |
||||
on it occupy trust fund. Umami whatever kitsch, locavore fingerstache Tumblr pork belly |
||||
<a href="#">keffiyeh</a>. Chia Echo Park Pitchfork, Blue Bottle <a href="#">hashtag</a> stumptown skateboard selvage |
||||
mixtape. Echo Park retro butcher banjo cardigan, seitan flannel Brooklyn paleo fixie |
||||
Truffaut. Forage mustache Thundercats next level disrupt. Bicycle rights forage tattooed |
||||
chia, <strong>wayfarers</strong> swag raw denim hashtag biodiesel occupy gastropub!</p> |
||||
|
||||
<hr> |
||||
|
||||
<h1>It's all in the game.</h1> |
||||
|
||||
<h2>You come at the king, you best not miss.</h2> |
||||
|
||||
<h3>Be subtle with it, man. You know what subtle means?</h3> |
||||
|
||||
<p>VHS post-ironic cred <strong>bespoke</strong> banjo. Yr wayfarers literally gentrify, flexitarian fap |
||||
dreamcatcher plaid cornhole Intelligentsia paleo. Beard try-hard direct trade, shabby chic |
||||
Helvetica <code>look ma, I can code</code>. Lo-fi American Apparel tattooed <a href="#">Vice</a> tofu, yr vinyl. |
||||
Williamsburg butcher hella mumblecore fixie mlkshk, cliche wolf keytar mixtape kitsch banh mi |
||||
salvia. High Life Odd Future <em>chambray</em> kale chips hoodie, cray pop-up. Helvetica narwhal |
||||
iPhone try-hard jean shorts.</p> |
||||
|
||||
<blockquote> |
||||
<p>This is a quote from someone famous about productivity</p> |
||||
</blockquote> |
||||
|
||||
<p>Syntax highlighting with Solarized theme.</p> |
||||
|
||||
<div class="highlight"><pre><code class="ruby"><span class="k">class</span> <span class="nc">User</span> <span class="o"><</span> <span class="ss">ActiveRecord</span><span class="p">:</span><span class="ss">:Base</span> |
||||
<span class="n">attr_accessible</span> <span class="ss">:email</span><span class="p">,</span> <span class="ss">:name</span> |
||||
|
||||
<span class="o">.</span><span class="n">.</span><span class="o">.</span> <span class="n">tons</span> <span class="n">of</span> <span class="n">other</span> <span class="n">crap</span> <span class="o">.</span><span class="n">.</span><span class="o">.</span> |
||||
|
||||
<span class="k">end</span> |
||||
</code></pre></div> |
||||
|
||||
</div> |
||||
|
||||
<div id="related"> |
||||
<h3>Related Posts</h3> |
||||
<ul class="posts"> |
||||
|
||||
<li> |
||||
<span>12 Aug 2013 »</span> <a href="/blog/2013/08/12/another-sample.html">Another sample</a> |
||||
</li> |
||||
|
||||
</ul> |
||||
</div> |
||||
|
||||
<div class="footer"> |
||||
<div class="disclaimer"> |
||||
|
||||
|
||||
<p> |
||||
© Brian Picciano, 2013 — built with Jekyll using Lagom theme |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
</html> |
||||
|
After Width: | Height: | Size: 3.8 KiB |
@ -0,0 +1,89 @@ |
||||
<!DOCTYPE html> |
||||
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> |
||||
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> |
||||
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> |
||||
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]--> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<title>Brian Picciano - Blog Posts</title> |
||||
<meta name="author" content="Brian Picciano" /> |
||||
<meta name="description" content="The blog of Brian Picciano" /> |
||||
<link rel="canonical" href="http://mediocregopher.com/" /> |
||||
|
||||
<link href="//fonts.googleapis.com/css?family=Open+Sans:600,800" rel="stylesheet" type="text/css"> |
||||
<link rel="shortcut icon" href="/favicon.png"> |
||||
<link rel="alternate" type="application/rss+xml" title="Brian Picciano" href="http://mediocregopher.com/atom.xml" /> |
||||
|
||||
<link rel="stylesheet" href="/assets/css/all.css"> |
||||
<!--[if IE 7]> |
||||
<link rel="stylesheet" href="/assets/css/font-awesome-ie7.min.css"> |
||||
<![endif]--> |
||||
</head> |
||||
<body> |
||||
<div class="container"> |
||||
<div class="four columns sidebar"> |
||||
<nav> |
||||
<!-- <a href="/"> |
||||
<img src="/logo.png" id="logo" alt="Blog logo"/> |
||||
</a> --> |
||||
<h2><a href="/">Brian Picciano</a></h2> |
||||
<hr/> |
||||
<p>A blog about code, languages, and systems</p> |
||||
<hr/> |
||||
<div> |
||||
<div id="social"> |
||||
Follow me: |
||||
<div id="stalker"> |
||||
|
||||
<a title="mediocregopher on Github" href="http://github.com/mediocregopher"> |
||||
<i class="icon-github-sign"></i> |
||||
</a> |
||||
|
||||
|
||||
|
||||
<a title="mediocregopher on Hacker News" href="http://news.ycombinator.com/user?id=mediocregopher"> |
||||
<i class="icon-sign-blank"></i> |
||||
<span class="icon-overlay icon-hn">Y</span> |
||||
</a> |
||||
|
||||
|
||||
<a title="RSS feed" id="rss" href="/atom.xml"> |
||||
<i class="icon-rss-sign"></i> |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
</div> |
||||
|
||||
<div class="eleven columns content"> |
||||
<div id="home"> |
||||
<h2><i class="icon-bookmark"></i> Posts</h2> |
||||
<ul id="blog-posts" class="posts"> |
||||
|
||||
<li><span>20 Aug 2013 »</span><a href="/blog/2013/08/20/sample-post.html">Sample post</a></li> |
||||
|
||||
<li><span>12 Aug 2013 »</span><a href="/blog/2013/08/12/another-sample.html">Another sample</a></li> |
||||
|
||||
</ul> |
||||
</div> |
||||
|
||||
|
||||
<div class="footer"> |
||||
<div class="disclaimer"> |
||||
|
||||
|
||||
<p> |
||||
© Brian Picciano, 2013 — built with Jekyll using Lagom theme |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</body> |
||||
</html> |
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
@ -0,0 +1,8 @@ |
||||
--- |
||||
--- |
||||
{% include css/font-awesome.css %} |
||||
{% include css/base.css %} |
||||
{% include css/skeleton.css %} |
||||
{% include css/screen.css %} |
||||
{% include css/layout.css %} |
||||
{% include css/syntax.css %} |
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
Binary file not shown.
@ -0,0 +1,27 @@ |
||||
--- |
||||
layout: nil |
||||
--- |
||||
<?xml version="1.0" encoding="utf-8"?> |
||||
<feed xmlns="http://www.w3.org/2005/Atom"> |
||||
|
||||
<title>The blog of {{ site.theme.name }}</title> |
||||
<link href="{{ site.url }}/atom.xml" rel="self"/> |
||||
<link href="{{ site.url }}"/> |
||||
<updated>{{ site.time | date_to_xmlschema }}</updated> |
||||
<id>{{ site.url }}</id> |
||||
<author> |
||||
<name>{{ site.theme.name }}</name> |
||||
<email>{{ site.theme.email }}</email> |
||||
</author> |
||||
|
||||
{% for post in site.posts %} |
||||
<entry> |
||||
<title>{{ post.title }}</title> |
||||
<link href="{{site.url}}{{ post.url }}"/> |
||||
<updated>{{ post.date | date_to_xmlschema }}</updated> |
||||
<id>{{ site.url }}{{ post.id }}</id> |
||||
<content type="html">{{ post.content | xml_escape }}</content> |
||||
</entry> |
||||
{% endfor %} |
||||
|
||||
</feed> |
||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.2 KiB |
@ -1,59 +1,13 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1"> |
||||
<title>The MediocreGopher Blog by mediocregopher</title> |
||||
<link rel="stylesheet" href="stylesheets/styles.css"> |
||||
<link rel="stylesheet" href="stylesheets/pygment_trac.css"> |
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> |
||||
<script src="javascripts/respond.js"></script> |
||||
<!--[if lt IE 9]> |
||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
||||
<![endif]--> |
||||
<!--[if lt IE 8]> |
||||
<link rel="stylesheet" href="stylesheets/ie.css"> |
||||
<![endif]--> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> |
||||
|
||||
</head> |
||||
<body> |
||||
<div id="header"> |
||||
<nav> |
||||
<li class="fork"><a href="https://github.com/mediocregopher/thoughts">View On GitHub</a></li> |
||||
<li class="downloads"><a href="https://github.com/mediocregopher/thoughts/zipball/master">ZIP</a></li> |
||||
<li class="downloads"><a href="https://github.com/mediocregopher/thoughts/tarball/master">TAR</a></li> |
||||
<li class="title">DOWNLOADS</li> |
||||
</nav> |
||||
</div><!-- end header --> |
||||
|
||||
<div class="wrapper"> |
||||
|
||||
<section> |
||||
<div id="title"> |
||||
<h1>The MediocreGopher Blog</h1> |
||||
<p>A blog by Brian Picciano about coding, languages, and systems</p> |
||||
<hr> |
||||
<span class="credits left">Project maintained by <a href="https://github.com/mediocregopher">mediocregopher</a></span> |
||||
<span class="credits right">Hosted on GitHub Pages — Theme by <a href="https://twitter.com/michigangraham">mattgraham</a></span> |
||||
</div> |
||||
|
||||
<p>This is my here blog. It's not much at the moment (one post? booyah!), but maybe it'll grow.</p> |
||||
|
||||
<p>Maybe not</p> |
||||
|
||||
<ul> |
||||
<li> |
||||
<a href="erlang-tcp-socket-pull-pattern.md">Erlang, tcp sockets, and active true</a> (originally posted March 9, 2013)</li> |
||||
<li> |
||||
<a href="goplus.md">go+</a> (originally posted July 11, 2013)</li> |
||||
<li> |
||||
<a href="generations.md">Generations</a> (originally posted October 8, 2013)</li> |
||||
</ul><p>That's all folks!</p> |
||||
</section> |
||||
|
||||
</div> |
||||
<!--[if !IE]><script>fixScale(document);</script><![endif]--> |
||||
|
||||
</body> |
||||
</html> |
||||
--- |
||||
layout: default |
||||
title: Blog Posts |
||||
--- |
||||
|
||||
<div id="home"> |
||||
<h2><i class="icon-bookmark"></i> Posts</h2> |
||||
<ul id="blog-posts" class="posts"> |
||||
{% for post in site.posts %} |
||||
<li><span>{{ post.date | date_to_string }} »</span><a href="{{ post.url }}">{{ post.title }}</a></li> |
||||
{% endfor %} |
||||
</ul> |
||||
</div> |
||||
|
||||
@ -1,779 +0,0 @@ |
||||
if(typeof Object.create!=="function"){ |
||||
Object.create=function(o){ |
||||
function F(){ |
||||
}; |
||||
F.prototype=o; |
||||
return new F(); |
||||
}; |
||||
} |
||||
var ua={toString:function(){ |
||||
return navigator.userAgent; |
||||
},test:function(s){ |
||||
return this.toString().toLowerCase().indexOf(s.toLowerCase())>-1; |
||||
}}; |
||||
ua.version=(ua.toString().toLowerCase().match(/[\s\S]+(?:rv|it|ra|ie)[\/: ]([\d.]+)/)||[])[1]; |
||||
ua.webkit=ua.test("webkit"); |
||||
ua.gecko=ua.test("gecko")&&!ua.webkit; |
||||
ua.opera=ua.test("opera"); |
||||
ua.ie=ua.test("msie")&&!ua.opera; |
||||
ua.ie6=ua.ie&&document.compatMode&&typeof document.documentElement.style.maxHeight==="undefined"; |
||||
ua.ie7=ua.ie&&document.documentElement&&typeof document.documentElement.style.maxHeight!=="undefined"&&typeof XDomainRequest==="undefined"; |
||||
ua.ie8=ua.ie&&typeof XDomainRequest!=="undefined"; |
||||
var domReady=function(){ |
||||
var _1=[]; |
||||
var _2=function(){ |
||||
if(!arguments.callee.done){ |
||||
arguments.callee.done=true; |
||||
for(var i=0;i<_1.length;i++){ |
||||
_1[i](); |
||||
} |
||||
} |
||||
}; |
||||
if(document.addEventListener){ |
||||
document.addEventListener("DOMContentLoaded",_2,false); |
||||
} |
||||
if(ua.ie){ |
||||
(function(){ |
||||
try{ |
||||
document.documentElement.doScroll("left"); |
||||
} |
||||
catch(e){ |
||||
setTimeout(arguments.callee,50); |
||||
return; |
||||
} |
||||
_2(); |
||||
})(); |
||||
document.onreadystatechange=function(){ |
||||
if(document.readyState==="complete"){ |
||||
document.onreadystatechange=null; |
||||
_2(); |
||||
} |
||||
}; |
||||
} |
||||
if(ua.webkit&&document.readyState){ |
||||
(function(){ |
||||
if(document.readyState!=="loading"){ |
||||
_2(); |
||||
}else{ |
||||
setTimeout(arguments.callee,10); |
||||
} |
||||
})(); |
||||
} |
||||
window.onload=_2; |
||||
return function(fn){ |
||||
if(typeof fn==="function"){ |
||||
_1[_1.length]=fn; |
||||
} |
||||
return fn; |
||||
}; |
||||
}(); |
||||
var cssHelper=function(){ |
||||
var _3={BLOCKS:/[^\s{][^{]*\{(?:[^{}]*\{[^{}]*\}[^{}]*|[^{}]*)*\}/g,BLOCKS_INSIDE:/[^\s{][^{]*\{[^{}]*\}/g,DECLARATIONS:/[a-zA-Z\-]+[^;]*:[^;]+;/g,RELATIVE_URLS:/url\(['"]?([^\/\)'"][^:\)'"]+)['"]?\)/g,REDUNDANT_COMPONENTS:/(?:\/\*([^*\\\\]|\*(?!\/))+\*\/|@import[^;]+;)/g,REDUNDANT_WHITESPACE:/\s*(,|:|;|\{|\})\s*/g,MORE_WHITESPACE:/\s{2,}/g,FINAL_SEMICOLONS:/;\}/g,NOT_WHITESPACE:/\S+/g}; |
||||
var _4,_5=false; |
||||
var _6=[]; |
||||
var _7=function(fn){ |
||||
if(typeof fn==="function"){ |
||||
_6[_6.length]=fn; |
||||
} |
||||
}; |
||||
var _8=function(){ |
||||
for(var i=0;i<_6.length;i++){ |
||||
_6[i](_4); |
||||
} |
||||
}; |
||||
var _9={}; |
||||
var _a=function(n,v){ |
||||
if(_9[n]){ |
||||
var _b=_9[n].listeners; |
||||
if(_b){ |
||||
for(var i=0;i<_b.length;i++){ |
||||
_b[i](v); |
||||
} |
||||
} |
||||
} |
||||
}; |
||||
var _c=function(_d,_e,_f){ |
||||
if(ua.ie&&!window.XMLHttpRequest){ |
||||
window.XMLHttpRequest=function(){ |
||||
return new ActiveXObject("Microsoft.XMLHTTP"); |
||||
}; |
||||
} |
||||
if(!XMLHttpRequest){ |
||||
return ""; |
||||
} |
||||
var r=new XMLHttpRequest(); |
||||
try{ |
||||
r.open("get",_d,true); |
||||
r.setRequestHeader("X_REQUESTED_WITH","XMLHttpRequest"); |
||||
} |
||||
catch(e){ |
||||
_f(); |
||||
return; |
||||
} |
||||
var _10=false; |
||||
setTimeout(function(){ |
||||
_10=true; |
||||
},5000); |
||||
document.documentElement.style.cursor="progress"; |
||||
r.onreadystatechange=function(){ |
||||
if(r.readyState===4&&!_10){ |
||||
if(!r.status&&location.protocol==="file:"||(r.status>=200&&r.status<300)||r.status===304||navigator.userAgent.indexOf("Safari")>-1&&typeof r.status==="undefined"){ |
||||
_e(r.responseText); |
||||
}else{ |
||||
_f(); |
||||
} |
||||
document.documentElement.style.cursor=""; |
||||
r=null; |
||||
} |
||||
}; |
||||
r.send(""); |
||||
}; |
||||
var _11=function(_12){ |
||||
_12=_12.replace(_3.REDUNDANT_COMPONENTS,""); |
||||
_12=_12.replace(_3.REDUNDANT_WHITESPACE,"$1"); |
||||
_12=_12.replace(_3.MORE_WHITESPACE," "); |
||||
_12=_12.replace(_3.FINAL_SEMICOLONS,"}"); |
||||
return _12; |
||||
}; |
||||
var _13={mediaQueryList:function(s){ |
||||
var o={}; |
||||
var idx=s.indexOf("{"); |
||||
var lt=s.substring(0,idx); |
||||
s=s.substring(idx+1,s.length-1); |
||||
var mqs=[],rs=[]; |
||||
var qts=lt.toLowerCase().substring(7).split(","); |
||||
for(var i=0;i<qts.length;i++){ |
||||
mqs[mqs.length]=_13.mediaQuery(qts[i],o); |
||||
} |
||||
var rts=s.match(_3.BLOCKS_INSIDE); |
||||
if(rts!==null){ |
||||
for(i=0;i<rts.length;i++){ |
||||
rs[rs.length]=_13.rule(rts[i],o); |
||||
} |
||||
} |
||||
o.getMediaQueries=function(){ |
||||
return mqs; |
||||
}; |
||||
o.getRules=function(){ |
||||
return rs; |
||||
}; |
||||
o.getListText=function(){ |
||||
return lt; |
||||
}; |
||||
o.getCssText=function(){ |
||||
return s; |
||||
}; |
||||
return o; |
||||
},mediaQuery:function(s,mql){ |
||||
s=s||""; |
||||
var not=false,_14; |
||||
var exp=[]; |
||||
var _15=true; |
||||
var _16=s.match(_3.NOT_WHITESPACE); |
||||
for(var i=0;i<_16.length;i++){ |
||||
var _17=_16[i]; |
||||
if(!_14&&(_17==="not"||_17==="only")){ |
||||
if(_17==="not"){ |
||||
not=true; |
||||
} |
||||
}else{ |
||||
if(!_14){ |
||||
_14=_17; |
||||
}else{ |
||||
if(_17.charAt(0)==="("){ |
||||
var _18=_17.substring(1,_17.length-1).split(":"); |
||||
exp[exp.length]={mediaFeature:_18[0],value:_18[1]||null}; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
return {getList:function(){ |
||||
return mql||null; |
||||
},getValid:function(){ |
||||
return _15; |
||||
},getNot:function(){ |
||||
return not; |
||||
},getMediaType:function(){ |
||||
return _14; |
||||
},getExpressions:function(){ |
||||
return exp; |
||||
}}; |
||||
},rule:function(s,mql){ |
||||
var o={}; |
||||
var idx=s.indexOf("{"); |
||||
var st=s.substring(0,idx); |
||||
var ss=st.split(","); |
||||
var ds=[]; |
||||
var dts=s.substring(idx+1,s.length-1).split(";"); |
||||
for(var i=0;i<dts.length;i++){ |
||||
ds[ds.length]=_13.declaration(dts[i],o); |
||||
} |
||||
o.getMediaQueryList=function(){ |
||||
return mql||null; |
||||
}; |
||||
o.getSelectors=function(){ |
||||
return ss; |
||||
}; |
||||
o.getSelectorText=function(){ |
||||
return st; |
||||
}; |
||||
o.getDeclarations=function(){ |
||||
return ds; |
||||
}; |
||||
o.getPropertyValue=function(n){ |
||||
for(var i=0;i<ds.length;i++){ |
||||
if(ds[i].getProperty()===n){ |
||||
return ds[i].getValue(); |
||||
} |
||||
} |
||||
return null; |
||||
}; |
||||
return o; |
||||
},declaration:function(s,r){ |
||||
var idx=s.indexOf(":"); |
||||
var p=s.substring(0,idx); |
||||
var v=s.substring(idx+1); |
||||
return {getRule:function(){ |
||||
return r||null; |
||||
},getProperty:function(){ |
||||
return p; |
||||
},getValue:function(){ |
||||
return v; |
||||
}}; |
||||
}}; |
||||
var _19=function(el){ |
||||
if(typeof el.cssHelperText!=="string"){ |
||||
return; |
||||
} |
||||
var o={mediaQueryLists:[],rules:[],selectors:{},declarations:[],properties:{}}; |
||||
var _1a=o.mediaQueryLists; |
||||
var ors=o.rules; |
||||
var _1b=el.cssHelperText.match(_3.BLOCKS); |
||||
if(_1b!==null){ |
||||
for(var i=0;i<_1b.length;i++){ |
||||
if(_1b[i].substring(0,7)==="@media "){ |
||||
_1a[_1a.length]=_13.mediaQueryList(_1b[i]); |
||||
ors=o.rules=ors.concat(_1a[_1a.length-1].getRules()); |
||||
}else{ |
||||
ors[ors.length]=_13.rule(_1b[i]); |
||||
} |
||||
} |
||||
} |
||||
var oss=o.selectors; |
||||
var _1c=function(r){ |
||||
var ss=r.getSelectors(); |
||||
for(var i=0;i<ss.length;i++){ |
||||
var n=ss[i]; |
||||
if(!oss[n]){ |
||||
oss[n]=[]; |
||||
} |
||||
oss[n][oss[n].length]=r; |
||||
} |
||||
}; |
||||
for(i=0;i<ors.length;i++){ |
||||
_1c(ors[i]); |
||||
} |
||||
var ods=o.declarations; |
||||
for(i=0;i<ors.length;i++){ |
||||
ods=o.declarations=ods.concat(ors[i].getDeclarations()); |
||||
} |
||||
var ops=o.properties; |
||||
for(i=0;i<ods.length;i++){ |
||||
var n=ods[i].getProperty(); |
||||
if(!ops[n]){ |
||||
ops[n]=[]; |
||||
} |
||||
ops[n][ops[n].length]=ods[i]; |
||||
} |
||||
el.cssHelperParsed=o; |
||||
_4[_4.length]=el; |
||||
return o; |
||||
}; |
||||
var _1d=function(el,s){ |
||||
el.cssHelperText=_11(s||el.innerHTML); |
||||
return _19(el); |
||||
}; |
||||
var _1e=function(){ |
||||
_5=true; |
||||
_4=[]; |
||||
var _1f=[]; |
||||
var _20=function(){ |
||||
for(var i=0;i<_1f.length;i++){ |
||||
_19(_1f[i]); |
||||
} |
||||
var _21=document.getElementsByTagName("style"); |
||||
for(i=0;i<_21.length;i++){ |
||||
_1d(_21[i]); |
||||
} |
||||
_5=false; |
||||
_8(); |
||||
}; |
||||
var _22=document.getElementsByTagName("link"); |
||||
for(var i=0;i<_22.length;i++){ |
||||
var _23=_22[i]; |
||||
if(_23.getAttribute("rel").indexOf("style")>-1&&_23.href&&_23.href.length!==0&&!_23.disabled){ |
||||
_1f[_1f.length]=_23; |
||||
} |
||||
} |
||||
if(_1f.length>0){ |
||||
var c=0; |
||||
var _24=function(){ |
||||
c++; |
||||
if(c===_1f.length){ |
||||
_20(); |
||||
} |
||||
}; |
||||
var _25=function(_26){ |
||||
var _27=_26.href; |
||||
_c(_27,function(_28){ |
||||
_28=_11(_28).replace(_3.RELATIVE_URLS,"url("+_27.substring(0,_27.lastIndexOf("/"))+"/$1)"); |
||||
_26.cssHelperText=_28; |
||||
_24(); |
||||
},_24); |
||||
}; |
||||
for(i=0;i<_1f.length;i++){ |
||||
_25(_1f[i]); |
||||
} |
||||
}else{ |
||||
_20(); |
||||
} |
||||
}; |
||||
var _29={mediaQueryLists:"array",rules:"array",selectors:"object",declarations:"array",properties:"object"}; |
||||
var _2a={mediaQueryLists:null,rules:null,selectors:null,declarations:null,properties:null}; |
||||
var _2b=function(_2c,v){ |
||||
if(_2a[_2c]!==null){ |
||||
if(_29[_2c]==="array"){ |
||||
return (_2a[_2c]=_2a[_2c].concat(v)); |
||||
}else{ |
||||
var c=_2a[_2c]; |
||||
for(var n in v){ |
||||
if(v.hasOwnProperty(n)){ |
||||
if(!c[n]){ |
||||
c[n]=v[n]; |
||||
}else{ |
||||
c[n]=c[n].concat(v[n]); |
||||
} |
||||
} |
||||
} |
||||
return c; |
||||
} |
||||
} |
||||
}; |
||||
var _2d=function(_2e){ |
||||
_2a[_2e]=(_29[_2e]==="array")?[]:{}; |
||||
for(var i=0;i<_4.length;i++){ |
||||
_2b(_2e,_4[i].cssHelperParsed[_2e]); |
||||
} |
||||
return _2a[_2e]; |
||||
}; |
||||
domReady(function(){ |
||||
var els=document.body.getElementsByTagName("*"); |
||||
for(var i=0;i<els.length;i++){ |
||||
els[i].checkedByCssHelper=true; |
||||
} |
||||
if(document.implementation.hasFeature("MutationEvents","2.0")||window.MutationEvent){ |
||||
document.body.addEventListener("DOMNodeInserted",function(e){ |
||||
var el=e.target; |
||||
if(el.nodeType===1){ |
||||
_a("DOMElementInserted",el); |
||||
el.checkedByCssHelper=true; |
||||
} |
||||
},false); |
||||
}else{ |
||||
setInterval(function(){ |
||||
var els=document.body.getElementsByTagName("*"); |
||||
for(var i=0;i<els.length;i++){ |
||||
if(!els[i].checkedByCssHelper){ |
||||
_a("DOMElementInserted",els[i]); |
||||
els[i].checkedByCssHelper=true; |
||||
} |
||||
} |
||||
},1000); |
||||
} |
||||
}); |
||||
var _2f=function(d){ |
||||
if(typeof window.innerWidth!="undefined"){ |
||||
return window["inner"+d]; |
||||
}else{ |
||||
if(typeof document.documentElement!="undefined"&&typeof document.documentElement.clientWidth!="undefined"&&document.documentElement.clientWidth!=0){ |
||||
return document.documentElement["client"+d]; |
||||
} |
||||
} |
||||
}; |
||||
return {addStyle:function(s,_30){ |
||||
var el=document.createElement("style"); |
||||
el.setAttribute("type","text/css"); |
||||
document.getElementsByTagName("head")[0].appendChild(el); |
||||
if(el.styleSheet){ |
||||
el.styleSheet.cssText=s; |
||||
}else{ |
||||
el.appendChild(document.createTextNode(s)); |
||||
} |
||||
el.addedWithCssHelper=true; |
||||
if(typeof _30==="undefined"||_30===true){ |
||||
cssHelper.parsed(function(_31){ |
||||
var o=_1d(el,s); |
||||
for(var n in o){ |
||||
if(o.hasOwnProperty(n)){ |
||||
_2b(n,o[n]); |
||||
} |
||||
} |
||||
_a("newStyleParsed",el); |
||||
}); |
||||
}else{ |
||||
el.parsingDisallowed=true; |
||||
} |
||||
return el; |
||||
},removeStyle:function(el){ |
||||
return el.parentNode.removeChild(el); |
||||
},parsed:function(fn){ |
||||
if(_5){ |
||||
_7(fn); |
||||
}else{ |
||||
if(typeof _4!=="undefined"){ |
||||
if(typeof fn==="function"){ |
||||
fn(_4); |
||||
} |
||||
}else{ |
||||
_7(fn); |
||||
_1e(); |
||||
} |
||||
} |
||||
},mediaQueryLists:function(fn){ |
||||
cssHelper.parsed(function(_32){ |
||||
fn(_2a.mediaQueryLists||_2d("mediaQueryLists")); |
||||
}); |
||||
},rules:function(fn){ |
||||
cssHelper.parsed(function(_33){ |
||||
fn(_2a.rules||_2d("rules")); |
||||
}); |
||||
},selectors:function(fn){ |
||||
cssHelper.parsed(function(_34){ |
||||
fn(_2a.selectors||_2d("selectors")); |
||||
}); |
||||
},declarations:function(fn){ |
||||
cssHelper.parsed(function(_35){ |
||||
fn(_2a.declarations||_2d("declarations")); |
||||
}); |
||||
},properties:function(fn){ |
||||
cssHelper.parsed(function(_36){ |
||||
fn(_2a.properties||_2d("properties")); |
||||
}); |
||||
},broadcast:_a,addListener:function(n,fn){ |
||||
if(typeof fn==="function"){ |
||||
if(!_9[n]){ |
||||
_9[n]={listeners:[]}; |
||||
} |
||||
_9[n].listeners[_9[n].listeners.length]=fn; |
||||
} |
||||
},removeListener:function(n,fn){ |
||||
if(typeof fn==="function"&&_9[n]){ |
||||
var ls=_9[n].listeners; |
||||
for(var i=0;i<ls.length;i++){ |
||||
if(ls[i]===fn){ |
||||
ls.splice(i,1); |
||||
i-=1; |
||||
} |
||||
} |
||||
} |
||||
},getViewportWidth:function(){ |
||||
return _2f("Width"); |
||||
},getViewportHeight:function(){ |
||||
return _2f("Height"); |
||||
}}; |
||||
}(); |
||||
domReady(function enableCssMediaQueries(){ |
||||
var _37; |
||||
var _38={LENGTH_UNIT:/[0-9]+(em|ex|px|in|cm|mm|pt|pc)$/,RESOLUTION_UNIT:/[0-9]+(dpi|dpcm)$/,ASPECT_RATIO:/^[0-9]+\/[0-9]+$/,ABSOLUTE_VALUE:/^[0-9]*(\.[0-9]+)*$/}; |
||||
var _39=[]; |
||||
var _3a=function(){ |
||||
var id="css3-mediaqueries-test"; |
||||
var el=document.createElement("div"); |
||||
el.id=id; |
||||
var _3b=cssHelper.addStyle("@media all and (width) { #"+id+" { width: 1px !important; } }",false); |
||||
document.body.appendChild(el); |
||||
var ret=el.offsetWidth===1; |
||||
_3b.parentNode.removeChild(_3b); |
||||
el.parentNode.removeChild(el); |
||||
_3a=function(){ |
||||
return ret; |
||||
}; |
||||
return ret; |
||||
}; |
||||
var _3c=function(){ |
||||
_37=document.createElement("div"); |
||||
_37.style.cssText="position:absolute;top:-9999em;left:-9999em;"+"margin:0;border:none;padding:0;width:1em;font-size:1em;"; |
||||
document.body.appendChild(_37); |
||||
if(_37.offsetWidth!==16){ |
||||
_37.style.fontSize=16/_37.offsetWidth+"em"; |
||||
} |
||||
_37.style.width=""; |
||||
}; |
||||
var _3d=function(_3e){ |
||||
_37.style.width=_3e; |
||||
var _3f=_37.offsetWidth; |
||||
_37.style.width=""; |
||||
return _3f; |
||||
}; |
||||
var _40=function(_41,_42){ |
||||
var l=_41.length; |
||||
var min=(_41.substring(0,4)==="min-"); |
||||
var max=(!min&&_41.substring(0,4)==="max-"); |
||||
if(_42!==null){ |
||||
var _43; |
||||
var _44; |
||||
if(_38.LENGTH_UNIT.exec(_42)){ |
||||
_43="length"; |
||||
_44=_3d(_42); |
||||
}else{ |
||||
if(_38.RESOLUTION_UNIT.exec(_42)){ |
||||
_43="resolution"; |
||||
_44=parseInt(_42,10); |
||||
var _45=_42.substring((_44+"").length); |
||||
}else{ |
||||
if(_38.ASPECT_RATIO.exec(_42)){ |
||||
_43="aspect-ratio"; |
||||
_44=_42.split("/"); |
||||
}else{ |
||||
if(_38.ABSOLUTE_VALUE){ |
||||
_43="absolute"; |
||||
_44=_42; |
||||
}else{ |
||||
_43="unknown"; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
var _46,_47; |
||||
if("device-width"===_41.substring(l-12,l)){ |
||||
_46=screen.width; |
||||
if(_42!==null){ |
||||
if(_43==="length"){ |
||||
return ((min&&_46>=_44)||(max&&_46<_44)||(!min&&!max&&_46===_44)); |
||||
}else{ |
||||
return false; |
||||
} |
||||
}else{ |
||||
return _46>0; |
||||
} |
||||
}else{ |
||||
if("device-height"===_41.substring(l-13,l)){ |
||||
_47=screen.height; |
||||
if(_42!==null){ |
||||
if(_43==="length"){ |
||||
return ((min&&_47>=_44)||(max&&_47<_44)||(!min&&!max&&_47===_44)); |
||||
}else{ |
||||
return false; |
||||
} |
||||
}else{ |
||||
return _47>0; |
||||
} |
||||
}else{ |
||||
if("width"===_41.substring(l-5,l)){ |
||||
_46=document.documentElement.clientWidth||document.body.clientWidth; |
||||
if(_42!==null){ |
||||
if(_43==="length"){ |
||||
return ((min&&_46>=_44)||(max&&_46<_44)||(!min&&!max&&_46===_44)); |
||||
}else{ |
||||
return false; |
||||
} |
||||
}else{ |
||||
return _46>0; |
||||
} |
||||
}else{ |
||||
if("height"===_41.substring(l-6,l)){ |
||||
_47=document.documentElement.clientHeight||document.body.clientHeight; |
||||
if(_42!==null){ |
||||
if(_43==="length"){ |
||||
return ((min&&_47>=_44)||(max&&_47<_44)||(!min&&!max&&_47===_44)); |
||||
}else{ |
||||
return false; |
||||
} |
||||
}else{ |
||||
return _47>0; |
||||
} |
||||
}else{ |
||||
if("device-aspect-ratio"===_41.substring(l-19,l)){ |
||||
return _43==="aspect-ratio"&&screen.width*_44[1]===screen.height*_44[0]; |
||||
}else{ |
||||
if("color-index"===_41.substring(l-11,l)){ |
||||
var _48=Math.pow(2,screen.colorDepth); |
||||
if(_42!==null){ |
||||
if(_43==="absolute"){ |
||||
return ((min&&_48>=_44)||(max&&_48<_44)||(!min&&!max&&_48===_44)); |
||||
}else{ |
||||
return false; |
||||
} |
||||
}else{ |
||||
return _48>0; |
||||
} |
||||
}else{ |
||||
if("color"===_41.substring(l-5,l)){ |
||||
var _49=screen.colorDepth; |
||||
if(_42!==null){ |
||||
if(_43==="absolute"){ |
||||
return ((min&&_49>=_44)||(max&&_49<_44)||(!min&&!max&&_49===_44)); |
||||
}else{ |
||||
return false; |
||||
} |
||||
}else{ |
||||
return _49>0; |
||||
} |
||||
}else{ |
||||
if("resolution"===_41.substring(l-10,l)){ |
||||
var res; |
||||
if(_45==="dpcm"){ |
||||
res=_3d("1cm"); |
||||
}else{ |
||||
res=_3d("1in"); |
||||
} |
||||
if(_42!==null){ |
||||
if(_43==="resolution"){ |
||||
return ((min&&res>=_44)||(max&&res<_44)||(!min&&!max&&res===_44)); |
||||
}else{ |
||||
return false; |
||||
} |
||||
}else{ |
||||
return res>0; |
||||
} |
||||
}else{ |
||||
return false; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}; |
||||
var _4a=function(mq){ |
||||
var _4b=mq.getValid(); |
||||
var _4c=mq.getExpressions(); |
||||
var l=_4c.length; |
||||
if(l>0){ |
||||
for(var i=0;i<l&&_4b;i++){ |
||||
_4b=_40(_4c[i].mediaFeature,_4c[i].value); |
||||
} |
||||
var not=mq.getNot(); |
||||
return (_4b&&!not||not&&!_4b); |
||||
} |
||||
}; |
||||
var _4d=function(mql){ |
||||
var mqs=mql.getMediaQueries(); |
||||
var t={}; |
||||
for(var i=0;i<mqs.length;i++){ |
||||
if(_4a(mqs[i])){ |
||||
t[mqs[i].getMediaType()]=true; |
||||
} |
||||
} |
||||
var s=[],c=0; |
||||
for(var n in t){ |
||||
if(t.hasOwnProperty(n)){ |
||||
if(c>0){ |
||||
s[c++]=","; |
||||
} |
||||
s[c++]=n; |
||||
} |
||||
} |
||||
if(s.length>0){ |
||||
_39[_39.length]=cssHelper.addStyle("@media "+s.join("")+"{"+mql.getCssText()+"}",false); |
||||
} |
||||
}; |
||||
var _4e=function(_4f){ |
||||
for(var i=0;i<_4f.length;i++){ |
||||
_4d(_4f[i]); |
||||
} |
||||
if(ua.ie){ |
||||
document.documentElement.style.display="block"; |
||||
setTimeout(function(){ |
||||
document.documentElement.style.display=""; |
||||
},0); |
||||
setTimeout(function(){ |
||||
cssHelper.broadcast("cssMediaQueriesTested"); |
||||
},100); |
||||
}else{ |
||||
cssHelper.broadcast("cssMediaQueriesTested"); |
||||
} |
||||
}; |
||||
var _50=function(){ |
||||
for(var i=0;i<_39.length;i++){ |
||||
cssHelper.removeStyle(_39[i]); |
||||
} |
||||
_39=[]; |
||||
cssHelper.mediaQueryLists(_4e); |
||||
}; |
||||
var _51=0; |
||||
var _52=function(){ |
||||
var _53=cssHelper.getViewportWidth(); |
||||
var _54=cssHelper.getViewportHeight(); |
||||
if(ua.ie){ |
||||
var el=document.createElement("div"); |
||||
el.style.position="absolute"; |
||||
el.style.top="-9999em"; |
||||
el.style.overflow="scroll"; |
||||
document.body.appendChild(el); |
||||
_51=el.offsetWidth-el.clientWidth; |
||||
document.body.removeChild(el); |
||||
} |
||||
var _55; |
||||
var _56=function(){ |
||||
var vpw=cssHelper.getViewportWidth(); |
||||
var vph=cssHelper.getViewportHeight(); |
||||
if(Math.abs(vpw-_53)>_51||Math.abs(vph-_54)>_51){ |
||||
_53=vpw; |
||||
_54=vph; |
||||
clearTimeout(_55); |
||||
_55=setTimeout(function(){ |
||||
if(!_3a()){ |
||||
_50(); |
||||
}else{ |
||||
cssHelper.broadcast("cssMediaQueriesTested"); |
||||
} |
||||
},500); |
||||
} |
||||
}; |
||||
window.onresize=function(){ |
||||
var x=window.onresize||function(){ |
||||
}; |
||||
return function(){ |
||||
x(); |
||||
_56(); |
||||
}; |
||||
}(); |
||||
}; |
||||
var _57=document.documentElement; |
||||
_57.style.marginLeft="-32767px"; |
||||
setTimeout(function(){ |
||||
_57.style.marginTop=""; |
||||
},20000); |
||||
return function(){ |
||||
if(!_3a()){ |
||||
cssHelper.addListener("newStyleParsed",function(el){ |
||||
_4e(el.cssHelperParsed.mediaQueryLists); |
||||
}); |
||||
cssHelper.addListener("cssMediaQueriesTested",function(){ |
||||
if(ua.ie){ |
||||
_57.style.width="1px"; |
||||
} |
||||
setTimeout(function(){ |
||||
_57.style.width=""; |
||||
_57.style.marginLeft=""; |
||||
},0); |
||||
cssHelper.removeListener("cssMediaQueriesTested",arguments.callee); |
||||
}); |
||||
_3c(); |
||||
_50(); |
||||
}else{ |
||||
_57.style.marginLeft=""; |
||||
} |
||||
_52(); |
||||
}; |
||||
}()); |
||||
try{ |
||||
document.execCommand("BackgroundImageCache",false,true); |
||||
} |
||||
catch(e){ |
||||
} |
||||
|
||||
Binary file not shown.
@ -0,0 +1,2 @@ |
||||
_site/ |
||||
.DS_Store |
||||
@ -1 +0,0 @@ |
||||
{"name":"The MediocreGopher Blog","tagline":"A blog by Brian Picciano about coding, languages, and systems","body":"This is my here blog. It's not much at the moment (one post? booyah!), but maybe it'll grow.\r\n\r\nMaybe not\r\n\r\n* [Erlang, tcp sockets, and active true](erlang-tcp-socket-pull-pattern.md) (originally posted March 9, 2013)\r\n* [go+](goplus.md) (originally posted July 11, 2013)\r\n* [Generations](generations.md) (originally posted October 8, 2013)\r\n\r\nThat's all folks!\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."} |
||||
@ -1,3 +0,0 @@ |
||||
nav { |
||||
display: none; |
||||
} |
||||
@ -1,459 +0,0 @@ |
||||
/* normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */ |
||||
/* ============================================================================= |
||||
HTML5 display definitions |
||||
========================================================================== */ |
||||
/* |
||||
* Corrects block display not defined in IE6/7/8/9 & FF3 |
||||
*/ |
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
nav, |
||||
section, |
||||
summary { |
||||
display: block; |
||||
} |
||||
|
||||
/* |
||||
* Corrects inline-block display not defined in IE6/7/8/9 & FF3 |
||||
*/ |
||||
audio, |
||||
canvas, |
||||
video { |
||||
display: inline-block; |
||||
*display: inline; |
||||
*zoom: 1; |
||||
} |
||||
|
||||
/* |
||||
* Prevents modern browsers from displaying 'audio' without controls |
||||
*/ |
||||
audio:not([controls]) { |
||||
display: none; |
||||
} |
||||
|
||||
/* |
||||
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 |
||||
* Known issue: no IE6 support |
||||
*/ |
||||
[hidden] { |
||||
display: none; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Base |
||||
========================================================================== */ |
||||
/* |
||||
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units |
||||
* http://clagnut.com/blog/348/#c790 |
||||
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom |
||||
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ |
||||
*/ |
||||
html { |
||||
font-size: 100%; |
||||
/* 1 */ |
||||
-webkit-text-size-adjust: 100%; |
||||
/* 2 */ |
||||
-ms-text-size-adjust: 100%; |
||||
/* 2 */ |
||||
} |
||||
|
||||
/* |
||||
* Addresses font-family inconsistency between 'textarea' and other form elements. |
||||
*/ |
||||
html, |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
font-family: sans-serif; |
||||
} |
||||
|
||||
/* |
||||
* Addresses margins handled incorrectly in IE6/7 |
||||
*/ |
||||
body { |
||||
margin: 0; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Links |
||||
========================================================================== */ |
||||
/* |
||||
* Addresses outline displayed oddly in Chrome |
||||
*/ |
||||
a:focus { |
||||
outline: thin dotted; |
||||
} |
||||
|
||||
/* |
||||
* Improves readability when focused and also mouse hovered in all browsers |
||||
* people.opera.com/patrickl/experiments/keyboard/test |
||||
*/ |
||||
a:hover, |
||||
a:active { |
||||
outline: 0; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Typography |
||||
========================================================================== */ |
||||
/* |
||||
* Addresses font sizes and margins set differently in IE6/7 |
||||
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 |
||||
*/ |
||||
h1 { |
||||
font-size: 2em; |
||||
margin: 0.67em 0; |
||||
} |
||||
|
||||
h2 { |
||||
font-size: 1.5em; |
||||
margin: 0.83em 0; |
||||
} |
||||
|
||||
h3 { |
||||
font-size: 1.17em; |
||||
margin: 1em 0; |
||||
} |
||||
|
||||
h4 { |
||||
font-size: 1em; |
||||
margin: 1.33em 0; |
||||
} |
||||
|
||||
h5 { |
||||
font-size: 0.83em; |
||||
margin: 1.67em 0; |
||||
} |
||||
|
||||
h6 { |
||||
font-size: 0.75em; |
||||
margin: 2.33em 0; |
||||
} |
||||
|
||||
/* |
||||
* Addresses styling not present in IE7/8/9, S5, Chrome |
||||
*/ |
||||
abbr[title] { |
||||
border-bottom: 1px dotted; |
||||
} |
||||
|
||||
/* |
||||
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome |
||||
*/ |
||||
b, |
||||
strong { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
blockquote { |
||||
margin: 1em 40px; |
||||
} |
||||
|
||||
/* |
||||
* Addresses styling not present in S5, Chrome |
||||
*/ |
||||
dfn { |
||||
font-style: italic; |
||||
} |
||||
|
||||
/* |
||||
* Addresses styling not present in IE6/7/8/9 |
||||
*/ |
||||
mark { |
||||
background: #ff0; |
||||
color: #000; |
||||
} |
||||
|
||||
/* |
||||
* Addresses margins set differently in IE6/7 |
||||
*/ |
||||
p, |
||||
pre { |
||||
margin: 1em 0; |
||||
} |
||||
|
||||
/* |
||||
* Corrects font family set oddly in IE6, S4/5, Chrome |
||||
* en.wikipedia.org/wiki/User:Davidgothberg/Test59 |
||||
*/ |
||||
pre, |
||||
code, |
||||
kbd, |
||||
samp { |
||||
font-family: monospace, serif; |
||||
_font-family: 'courier new', monospace; |
||||
font-size: 1em; |
||||
} |
||||
|
||||
/* |
||||
* 1. Addresses CSS quotes not supported in IE6/7 |
||||
* 2. Addresses quote property not supported in S4 |
||||
*/ |
||||
/* 1 */ |
||||
q { |
||||
quotes: none; |
||||
} |
||||
|
||||
/* 2 */ |
||||
q:before, |
||||
q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
|
||||
small { |
||||
font-size: 75%; |
||||
} |
||||
|
||||
/* |
||||
* Prevents sub and sup affecting line-height in all browsers |
||||
* gist.github.com/413930 |
||||
*/ |
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline; |
||||
} |
||||
|
||||
sup { |
||||
top: -0.5em; |
||||
} |
||||
|
||||
sub { |
||||
bottom: -0.25em; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Lists |
||||
========================================================================== */ |
||||
/* |
||||
* Addresses margins set differently in IE6/7 |
||||
*/ |
||||
dl, |
||||
menu, |
||||
ol, |
||||
ul { |
||||
margin: 1em 0; |
||||
} |
||||
|
||||
dd { |
||||
margin: 0 0 0 40px; |
||||
} |
||||
|
||||
/* |
||||
* Addresses paddings set differently in IE6/7 |
||||
*/ |
||||
menu, |
||||
ol, |
||||
ul { |
||||
padding: 0 0 0 40px; |
||||
} |
||||
|
||||
/* |
||||
* Corrects list images handled incorrectly in IE7 |
||||
*/ |
||||
nav ul, |
||||
nav ol { |
||||
list-style: none; |
||||
list-style-image: none; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Embedded content |
||||
========================================================================== */ |
||||
/* |
||||
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 |
||||
* 2. Improves image quality when scaled in IE7 |
||||
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ |
||||
*/ |
||||
img { |
||||
border: 0; |
||||
/* 1 */ |
||||
-ms-interpolation-mode: bicubic; |
||||
/* 2 */ |
||||
} |
||||
|
||||
/* |
||||
* Corrects overflow displayed oddly in IE9 |
||||
*/ |
||||
svg:not(:root) { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Figures |
||||
========================================================================== */ |
||||
/* |
||||
* Addresses margin not present in IE6/7/8/9, S5, O11 |
||||
*/ |
||||
figure { |
||||
margin: 0; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Forms |
||||
========================================================================== */ |
||||
/* |
||||
* Corrects margin displayed oddly in IE6/7 |
||||
*/ |
||||
form { |
||||
margin: 0; |
||||
} |
||||
|
||||
/* |
||||
* Define consistent border, margin, and padding |
||||
*/ |
||||
fieldset { |
||||
border: 1px solid #c0c0c0; |
||||
margin: 0 2px; |
||||
padding: 0.35em 0.625em 0.75em; |
||||
} |
||||
|
||||
/* |
||||
* 1. Corrects color not being inherited in IE6/7/8/9 |
||||
* 2. Corrects text not wrapping in FF3 |
||||
* 3. Corrects alignment displayed oddly in IE6/7 |
||||
*/ |
||||
legend { |
||||
border: 0; |
||||
/* 1 */ |
||||
padding: 0; |
||||
white-space: normal; |
||||
/* 2 */ |
||||
*margin-left: -7px; |
||||
/* 3 */ |
||||
} |
||||
|
||||
/* |
||||
* 1. Corrects font size not being inherited in all browsers |
||||
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome |
||||
* 3. Improves appearance and consistency in all browsers |
||||
*/ |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
font-size: 100%; |
||||
/* 1 */ |
||||
margin: 0; |
||||
/* 2 */ |
||||
vertical-align: baseline; |
||||
/* 3 */ |
||||
*vertical-align: middle; |
||||
/* 3 */ |
||||
} |
||||
|
||||
/* |
||||
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet |
||||
*/ |
||||
button, |
||||
input { |
||||
line-height: normal; |
||||
/* 1 */ |
||||
} |
||||
|
||||
/* |
||||
* 1. Improves usability and consistency of cursor style between image-type 'input' and others |
||||
* 2. Corrects inability to style clickable 'input' types in iOS |
||||
* 3. Removes inner spacing in IE7 without affecting normal text inputs |
||||
* Known issue: inner spacing remains in IE6 |
||||
*/ |
||||
button, |
||||
input[type="button"], |
||||
input[type="reset"], |
||||
input[type="submit"] { |
||||
cursor: pointer; |
||||
/* 1 */ |
||||
-webkit-appearance: button; |
||||
/* 2 */ |
||||
*overflow: visible; |
||||
/* 3 */ |
||||
} |
||||
|
||||
/* |
||||
* Re-set default cursor for disabled elements |
||||
*/ |
||||
button[disabled], |
||||
input[disabled] { |
||||
cursor: default; |
||||
} |
||||
|
||||
/* |
||||
* 1. Addresses box sizing set to content-box in IE8/9 |
||||
* 2. Removes excess padding in IE8/9 |
||||
* 3. Removes excess padding in IE7 |
||||
Known issue: excess padding remains in IE6 |
||||
*/ |
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
box-sizing: border-box; |
||||
/* 1 */ |
||||
padding: 0; |
||||
/* 2 */ |
||||
*height: 13px; |
||||
/* 3 */ |
||||
*width: 13px; |
||||
/* 3 */ |
||||
} |
||||
|
||||
/* |
||||
* 1. Addresses appearance set to searchfield in S5, Chrome |
||||
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) |
||||
*/ |
||||
input[type="search"] { |
||||
-webkit-appearance: textfield; |
||||
/* 1 */ |
||||
-moz-box-sizing: content-box; |
||||
-webkit-box-sizing: content-box; |
||||
/* 2 */ |
||||
box-sizing: content-box; |
||||
} |
||||
|
||||
/* |
||||
* Removes inner padding and search cancel button in S5, Chrome on OS X |
||||
*/ |
||||
input[type="search"]::-webkit-search-decoration, |
||||
input[type="search"]::-webkit-search-cancel-button { |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
/* |
||||
* Removes inner padding and border in FF3+ |
||||
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ |
||||
*/ |
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { |
||||
border: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
/* |
||||
* 1. Removes default vertical scrollbar in IE6/7/8/9 |
||||
* 2. Improves readability and alignment in all browsers |
||||
*/ |
||||
textarea { |
||||
overflow: auto; |
||||
/* 1 */ |
||||
vertical-align: top; |
||||
/* 2 */ |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Tables |
||||
========================================================================== */ |
||||
/* |
||||
* Remove most spacing between table cells |
||||
*/ |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
@ -1,70 +0,0 @@ |
||||
.highlight .hll { background-color: #404040 } |
||||
.highlight { color: #d0d0d0 } |
||||
.highlight .c { color: #999999; font-style: italic } /* Comment */ |
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ |
||||
.highlight .g { color: #d0d0d0 } /* Generic */ |
||||
.highlight .k { color: #6ab825; font-weight: normal } /* Keyword */ |
||||
.highlight .l { color: #d0d0d0 } /* Literal */ |
||||
.highlight .n { color: #d0d0d0 } /* Name */ |
||||
.highlight .o { color: #d0d0d0 } /* Operator */ |
||||
.highlight .x { color: #d0d0d0 } /* Other */ |
||||
.highlight .p { color: #d0d0d0 } /* Punctuation */ |
||||
.highlight .cm { color: #999999; font-style: italic } /* Comment.Multiline */ |
||||
.highlight .cp { color: #cd2828; font-weight: normal } /* Comment.Preproc */ |
||||
.highlight .c1 { color: #999999; font-style: italic } /* Comment.Single */ |
||||
.highlight .cs { color: #e50808; font-weight: normal; background-color: #520000 } /* Comment.Special */ |
||||
.highlight .gd { color: #d22323 } /* Generic.Deleted */ |
||||
.highlight .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */ |
||||
.highlight .gr { color: #d22323 } /* Generic.Error */ |
||||
.highlight .gh { color: #ffffff; font-weight: normal } /* Generic.Heading */ |
||||
.highlight .gi { color: #589819 } /* Generic.Inserted */ |
||||
.highlight .go { color: #cccccc } /* Generic.Output */ |
||||
.highlight .gp { color: #aaaaaa } /* Generic.Prompt */ |
||||
.highlight .gs { color: #d0d0d0; font-weight: normal } /* Generic.Strong */ |
||||
.highlight .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */ |
||||
.highlight .gt { color: #d22323 } /* Generic.Traceback */ |
||||
.highlight .kc { color: #6ab825; font-weight: normal } /* Keyword.Constant */ |
||||
.highlight .kd { color: #6ab825; font-weight: normal } /* Keyword.Declaration */ |
||||
.highlight .kn { color: #6ab825; font-weight: normal } /* Keyword.Namespace */ |
||||
.highlight .kp { color: #6ab825 } /* Keyword.Pseudo */ |
||||
.highlight .kr { color: #6ab825; font-weight: normal } /* Keyword.Reserved */ |
||||
.highlight .kt { color: #6ab825; font-weight: normal } /* Keyword.Type */ |
||||
.highlight .ld { color: #d0d0d0 } /* Literal.Date */ |
||||
.highlight .m { color: #3677a9 } /* Literal.Number */ |
||||
.highlight .s { color: #9dd5f1 } /* Literal.String */ |
||||
.highlight .na { color: #bbbbbb } /* Name.Attribute */ |
||||
.highlight .nb { color: #24909d } /* Name.Builtin */ |
||||
.highlight .nc { color: #447fcf; text-decoration: underline } /* Name.Class */ |
||||
.highlight .no { color: #40ffff } /* Name.Constant */ |
||||
.highlight .nd { color: #ffa500 } /* Name.Decorator */ |
||||
.highlight .ni { color: #d0d0d0 } /* Name.Entity */ |
||||
.highlight .ne { color: #bbbbbb } /* Name.Exception */ |
||||
.highlight .nf { color: #447fcf } /* Name.Function */ |
||||
.highlight .nl { color: #d0d0d0 } /* Name.Label */ |
||||
.highlight .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */ |
||||
.highlight .nx { color: #d0d0d0 } /* Name.Other */ |
||||
.highlight .py { color: #d0d0d0 } /* Name.Property */ |
||||
.highlight .nt { color: #6ab825;} /* Name.Tag */ |
||||
.highlight .nv { color: #40ffff } /* Name.Variable */ |
||||
.highlight .ow { color: #6ab825; font-weight: normal } /* Operator.Word */ |
||||
.highlight .w { color: #666666 } /* Text.Whitespace */ |
||||
.highlight .mf { color: #3677a9 } /* Literal.Number.Float */ |
||||
.highlight .mh { color: #3677a9 } /* Literal.Number.Hex */ |
||||
.highlight .mi { color: #3677a9 } /* Literal.Number.Integer */ |
||||
.highlight .mo { color: #3677a9 } /* Literal.Number.Oct */ |
||||
.highlight .sb { color: #9dd5f1 } /* Literal.String.Backtick */ |
||||
.highlight .sc { color: #9dd5f1 } /* Literal.String.Char */ |
||||
.highlight .sd { color: #9dd5f1 } /* Literal.String.Doc */ |
||||
.highlight .s2 { color: #9dd5f1 } /* Literal.String.Double */ |
||||
.highlight .se { color: #9dd5f1 } /* Literal.String.Escape */ |
||||
.highlight .sh { color: #9dd5f1 } /* Literal.String.Heredoc */ |
||||
.highlight .si { color: #9dd5f1 } /* Literal.String.Interpol */ |
||||
.highlight .sx { color: #ffa500 } /* Literal.String.Other */ |
||||
.highlight .sr { color: #9dd5f1 } /* Literal.String.Regex */ |
||||
.highlight .s1 { color: #9dd5f1 } /* Literal.String.Single */ |
||||
.highlight .ss { color: #9dd5f1 } /* Literal.String.Symbol */ |
||||
.highlight .bp { color: #24909d } /* Name.Builtin.Pseudo */ |
||||
.highlight .vc { color: #40ffff } /* Name.Variable.Class */ |
||||
.highlight .vg { color: #40ffff } /* Name.Variable.Global */ |
||||
.highlight .vi { color: #40ffff } /* Name.Variable.Instance */ |
||||
.highlight .il { color: #3677a9 } /* Literal.Number.Integer.Long */ |
||||
@ -1,851 +0,0 @@ |
||||
@font-face { |
||||
font-family: 'OpenSansLight'; |
||||
src: url("../fonts/OpenSans-Light-webfont.eot"); |
||||
src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg"); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'OpenSansLightItalic'; |
||||
src: url("../fonts/OpenSans-LightItalic-webfont.eot"); |
||||
src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg"); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'OpenSansRegular'; |
||||
src: url("../fonts/OpenSans-Regular-webfont.eot"); |
||||
src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg"); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
-webkit-font-smoothing: antialiased; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'OpenSansItalic'; |
||||
src: url("../fonts/OpenSans-Italic-webfont.eot"); |
||||
src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg"); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
-webkit-font-smoothing: antialiased; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'OpenSansSemibold'; |
||||
src: url("../fonts/OpenSans-Semibold-webfont.eot"); |
||||
src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg"); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
-webkit-font-smoothing: antialiased; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'OpenSansSemiboldItalic'; |
||||
src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot"); |
||||
src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic") format("svg"); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
-webkit-font-smoothing: antialiased; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'OpenSansBold'; |
||||
src: url("../fonts/OpenSans-Bold-webfont.eot"); |
||||
src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg"); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
-webkit-font-smoothing: antialiased; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'OpenSansBoldItalic'; |
||||
src: url("../fonts/OpenSans-BoldItalic-webfont.eot"); |
||||
src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg"); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
-webkit-font-smoothing: antialiased; |
||||
} |
||||
|
||||
/* normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */ |
||||
/* ============================================================================= |
||||
HTML5 display definitions |
||||
========================================================================== */ |
||||
/* |
||||
* Corrects block display not defined in IE6/7/8/9 & FF3 |
||||
*/ |
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
nav, |
||||
section, |
||||
summary { |
||||
display: block; |
||||
} |
||||
|
||||
/* |
||||
* Corrects inline-block display not defined in IE6/7/8/9 & FF3 |
||||
*/ |
||||
audio, |
||||
canvas, |
||||
video { |
||||
display: inline-block; |
||||
*display: inline; |
||||
*zoom: 1; |
||||
} |
||||
|
||||
/* |
||||
* Prevents modern browsers from displaying 'audio' without controls |
||||
*/ |
||||
audio:not([controls]) { |
||||
display: none; |
||||
} |
||||
|
||||
/* |
||||
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 |
||||
* Known issue: no IE6 support |
||||
*/ |
||||
[hidden] { |
||||
display: none; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Base |
||||
========================================================================== */ |
||||
/* |
||||
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units |
||||
* http://clagnut.com/blog/348/#c790 |
||||
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom |
||||
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ |
||||
*/ |
||||
html { |
||||
font-size: 100%; |
||||
/* 1 */ |
||||
-webkit-text-size-adjust: 100%; |
||||
/* 2 */ |
||||
-ms-text-size-adjust: 100%; |
||||
/* 2 */ |
||||
} |
||||
|
||||
/* |
||||
* Addresses font-family inconsistency between 'textarea' and other form elements. |
||||
*/ |
||||
html, |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
font-family: sans-serif; |
||||
} |
||||
|
||||
/* |
||||
* Addresses margins handled incorrectly in IE6/7 |
||||
*/ |
||||
body { |
||||
margin: 0; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Links |
||||
========================================================================== */ |
||||
/* |
||||
* Addresses outline displayed oddly in Chrome |
||||
*/ |
||||
a:focus { |
||||
outline: thin dotted; |
||||
} |
||||
|
||||
/* |
||||
* Improves readability when focused and also mouse hovered in all browsers |
||||
* people.opera.com/patrickl/experiments/keyboard/test |
||||
*/ |
||||
a:hover, |
||||
a:active { |
||||
outline: 0; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Typography |
||||
========================================================================== */ |
||||
/* |
||||
* Addresses font sizes and margins set differently in IE6/7 |
||||
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 |
||||
*/ |
||||
h1 { |
||||
font-size: 2em; |
||||
margin: 0.67em 0; |
||||
} |
||||
|
||||
h2 { |
||||
font-size: 1.5em; |
||||
margin: 0.83em 0; |
||||
} |
||||
|
||||
h3 { |
||||
font-size: 1.17em; |
||||
margin: 1em 0; |
||||
} |
||||
|
||||
h4 { |
||||
font-size: 1em; |
||||
margin: 1.33em 0; |
||||
} |
||||
|
||||
h5 { |
||||
font-size: 0.83em; |
||||
margin: 1.67em 0; |
||||
} |
||||
|
||||
h6 { |
||||
font-size: 0.75em; |
||||
margin: 2.33em 0; |
||||
} |
||||
|
||||
/* |
||||
* Addresses styling not present in IE7/8/9, S5, Chrome |
||||
*/ |
||||
abbr[title] { |
||||
border-bottom: 1px dotted; |
||||
} |
||||
|
||||
/* |
||||
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome |
||||
*/ |
||||
b, |
||||
strong { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
blockquote { |
||||
margin: 1em 40px; |
||||
} |
||||
|
||||
/* |
||||
* Addresses styling not present in S5, Chrome |
||||
*/ |
||||
dfn { |
||||
font-style: italic; |
||||
} |
||||
|
||||
/* |
||||
* Addresses styling not present in IE6/7/8/9 |
||||
*/ |
||||
mark { |
||||
background: #ff0; |
||||
color: #000; |
||||
} |
||||
|
||||
/* |
||||
* Addresses margins set differently in IE6/7 |
||||
*/ |
||||
p, |
||||
pre { |
||||
margin: 1em 0; |
||||
} |
||||
|
||||
/* |
||||
* Corrects font family set oddly in IE6, S4/5, Chrome |
||||
* en.wikipedia.org/wiki/User:Davidgothberg/Test59 |
||||
*/ |
||||
pre, |
||||
code, |
||||
kbd, |
||||
samp { |
||||
font-family: monospace, serif; |
||||
_font-family: 'courier new', monospace; |
||||
font-size: 1em; |
||||
} |
||||
|
||||
/* |
||||
* 1. Addresses CSS quotes not supported in IE6/7 |
||||
* 2. Addresses quote property not supported in S4 |
||||
*/ |
||||
/* 1 */ |
||||
q { |
||||
quotes: none; |
||||
} |
||||
|
||||
/* 2 */ |
||||
q:before, |
||||
q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
|
||||
small { |
||||
font-size: 75%; |
||||
} |
||||
|
||||
/* |
||||
* Prevents sub and sup affecting line-height in all browsers |
||||
* gist.github.com/413930 |
||||
*/ |
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline; |
||||
} |
||||
|
||||
sup { |
||||
top: -0.5em; |
||||
} |
||||
|
||||
sub { |
||||
bottom: -0.25em; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Lists |
||||
========================================================================== */ |
||||
/* |
||||
* Addresses margins set differently in IE6/7 |
||||
*/ |
||||
dl, |
||||
menu, |
||||
ol, |
||||
ul { |
||||
margin: 1em 0; |
||||
} |
||||
|
||||
dd { |
||||
margin: 0 0 0 40px; |
||||
} |
||||
|
||||
/* |
||||
* Addresses paddings set differently in IE6/7 |
||||
*/ |
||||
menu, |
||||
ol, |
||||
ul { |
||||
padding: 0 0 0 40px; |
||||
} |
||||
|
||||
/* |
||||
* Corrects list images handled incorrectly in IE7 |
||||
*/ |
||||
nav ul, |
||||
nav ol { |
||||
list-style: none; |
||||
list-style-image: none; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Embedded content |
||||
========================================================================== */ |
||||
/* |
||||
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 |
||||
* 2. Improves image quality when scaled in IE7 |
||||
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ |
||||
*/ |
||||
img { |
||||
border: 0; |
||||
/* 1 */ |
||||
-ms-interpolation-mode: bicubic; |
||||
/* 2 */ |
||||
} |
||||
|
||||
/* |
||||
* Corrects overflow displayed oddly in IE9 |
||||
*/ |
||||
svg:not(:root) { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Figures |
||||
========================================================================== */ |
||||
/* |
||||
* Addresses margin not present in IE6/7/8/9, S5, O11 |
||||
*/ |
||||
figure { |
||||
margin: 0; |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Forms |
||||
========================================================================== */ |
||||
/* |
||||
* Corrects margin displayed oddly in IE6/7 |
||||
*/ |
||||
form { |
||||
margin: 0; |
||||
} |
||||
|
||||
/* |
||||
* Define consistent border, margin, and padding |
||||
*/ |
||||
fieldset { |
||||
border: 1px solid #c0c0c0; |
||||
margin: 0 2px; |
||||
padding: 0.35em 0.625em 0.75em; |
||||
} |
||||
|
||||
/* |
||||
* 1. Corrects color not being inherited in IE6/7/8/9 |
||||
* 2. Corrects text not wrapping in FF3 |
||||
* 3. Corrects alignment displayed oddly in IE6/7 |
||||
*/ |
||||
legend { |
||||
border: 0; |
||||
/* 1 */ |
||||
padding: 0; |
||||
white-space: normal; |
||||
/* 2 */ |
||||
*margin-left: -7px; |
||||
/* 3 */ |
||||
} |
||||
|
||||
/* |
||||
* 1. Corrects font size not being inherited in all browsers |
||||
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome |
||||
* 3. Improves appearance and consistency in all browsers |
||||
*/ |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
font-size: 100%; |
||||
/* 1 */ |
||||
margin: 0; |
||||
/* 2 */ |
||||
vertical-align: baseline; |
||||
/* 3 */ |
||||
*vertical-align: middle; |
||||
/* 3 */ |
||||
} |
||||
|
||||
/* |
||||
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet |
||||
*/ |
||||
button, |
||||
input { |
||||
line-height: normal; |
||||
/* 1 */ |
||||
} |
||||
|
||||
/* |
||||
* 1. Improves usability and consistency of cursor style between image-type 'input' and others |
||||
* 2. Corrects inability to style clickable 'input' types in iOS |
||||
* 3. Removes inner spacing in IE7 without affecting normal text inputs |
||||
* Known issue: inner spacing remains in IE6 |
||||
*/ |
||||
button, |
||||
input[type="button"], |
||||
input[type="reset"], |
||||
input[type="submit"] { |
||||
cursor: pointer; |
||||
/* 1 */ |
||||
-webkit-appearance: button; |
||||
/* 2 */ |
||||
*overflow: visible; |
||||
/* 3 */ |
||||
} |
||||
|
||||
/* |
||||
* Re-set default cursor for disabled elements |
||||
*/ |
||||
button[disabled], |
||||
input[disabled] { |
||||
cursor: default; |
||||
} |
||||
|
||||
/* |
||||
* 1. Addresses box sizing set to content-box in IE8/9 |
||||
* 2. Removes excess padding in IE8/9 |
||||
* 3. Removes excess padding in IE7 |
||||
Known issue: excess padding remains in IE6 |
||||
*/ |
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
box-sizing: border-box; |
||||
/* 1 */ |
||||
padding: 0; |
||||
/* 2 */ |
||||
*height: 13px; |
||||
/* 3 */ |
||||
*width: 13px; |
||||
/* 3 */ |
||||
} |
||||
|
||||
/* |
||||
* 1. Addresses appearance set to searchfield in S5, Chrome |
||||
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) |
||||
*/ |
||||
input[type="search"] { |
||||
-webkit-appearance: textfield; |
||||
/* 1 */ |
||||
-moz-box-sizing: content-box; |
||||
-webkit-box-sizing: content-box; |
||||
/* 2 */ |
||||
box-sizing: content-box; |
||||
} |
||||
|
||||
/* |
||||
* Removes inner padding and search cancel button in S5, Chrome on OS X |
||||
*/ |
||||
input[type="search"]::-webkit-search-decoration, |
||||
input[type="search"]::-webkit-search-cancel-button { |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
/* |
||||
* Removes inner padding and border in FF3+ |
||||
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ |
||||
*/ |
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { |
||||
border: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
/* |
||||
* 1. Removes default vertical scrollbar in IE6/7/8/9 |
||||
* 2. Improves readability and alignment in all browsers |
||||
*/ |
||||
textarea { |
||||
overflow: auto; |
||||
/* 1 */ |
||||
vertical-align: top; |
||||
/* 2 */ |
||||
} |
||||
|
||||
/* ============================================================================= |
||||
Tables |
||||
========================================================================== */ |
||||
/* |
||||
* Remove most spacing between table cells |
||||
*/ |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
|
||||
body { |
||||
padding: 0px 0 20px 0px; |
||||
margin: 0px; |
||||
font: 14px/1.5 "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
color: #f0e7d5; |
||||
font-weight: normal; |
||||
background: #252525; |
||||
background-attachment: fixed !important; |
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a2a29), color-stop(100%, #1c1c1c)); |
||||
background: -webkit-linear-gradient(#2a2a29, #1c1c1c); |
||||
background: -moz-linear-gradient(#2a2a29, #1c1c1c); |
||||
background: -o-linear-gradient(#2a2a29, #1c1c1c); |
||||
background: -ms-linear-gradient(#2a2a29, #1c1c1c); |
||||
background: linear-gradient(#2a2a29, #1c1c1c); |
||||
} |
||||
|
||||
h1, h2, h3, h4, h5, h6 { |
||||
color: #e8e8e8; |
||||
margin: 0 0 10px; |
||||
font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
p, ul, ol, table, pre, dl { |
||||
margin: 0 0 20px; |
||||
} |
||||
|
||||
h1, h2, h3 { |
||||
line-height: 1.1; |
||||
} |
||||
|
||||
h1 { |
||||
font-size: 28px; |
||||
} |
||||
|
||||
h2 { |
||||
font-size: 24px; |
||||
} |
||||
|
||||
h4, h5, h6 { |
||||
color: #e8e8e8; |
||||
} |
||||
|
||||
h3 { |
||||
font-size: 18px; |
||||
line-height: 24px; |
||||
font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif !important; |
||||
font-weight: normal; |
||||
color: #b6b6b6; |
||||
} |
||||
|
||||
a { |
||||
color: #ffcc00; |
||||
font-weight: 400; |
||||
text-decoration: none; |
||||
} |
||||
a:hover { |
||||
color: #ffeb9b; |
||||
} |
||||
|
||||
a small { |
||||
font-size: 11px; |
||||
color: #666; |
||||
margin-top: -0.6em; |
||||
display: block; |
||||
} |
||||
|
||||
ul { |
||||
list-style-image: url("../images/bullet.png"); |
||||
} |
||||
|
||||
strong { |
||||
font-family: 'OpenSansBold', "Helvetica Neue", Helvetica, Arial, sans-serif !important; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
.wrapper { |
||||
max-width: 650px; |
||||
margin: 0 auto; |
||||
position: relative; |
||||
padding: 0 20px; |
||||
} |
||||
|
||||
section img { |
||||
max-width: 100%; |
||||
} |
||||
|
||||
blockquote { |
||||
border-left: 3px solid #ffcc00; |
||||
margin: 0; |
||||
padding: 0 0 0 20px; |
||||
font-style: italic; |
||||
} |
||||
|
||||
code { |
||||
font-family: "Lucida Sans", Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; |
||||
color: #efefef; |
||||
font-size: 13px; |
||||
margin: 0 4px; |
||||
padding: 4px 6px; |
||||
-moz-border-radius: 2px; |
||||
-webkit-border-radius: 2px; |
||||
-o-border-radius: 2px; |
||||
-ms-border-radius: 2px; |
||||
-khtml-border-radius: 2px; |
||||
border-radius: 2px; |
||||
} |
||||
|
||||
pre { |
||||
padding: 8px 15px; |
||||
background: #191919; |
||||
-moz-border-radius: 2px; |
||||
-webkit-border-radius: 2px; |
||||
-o-border-radius: 2px; |
||||
-ms-border-radius: 2px; |
||||
-khtml-border-radius: 2px; |
||||
border-radius: 2px; |
||||
border: 1px solid #121212; |
||||
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); |
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); |
||||
-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); |
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); |
||||
overflow: auto; |
||||
overflow-y: hidden; |
||||
} |
||||
pre code { |
||||
color: #efefef; |
||||
text-shadow: 0px 1px 0px #000; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
table { |
||||
width: 100%; |
||||
border-collapse: collapse; |
||||
} |
||||
|
||||
th { |
||||
text-align: left; |
||||
padding: 5px 10px; |
||||
border-bottom: 1px solid #434343; |
||||
color: #b6b6b6; |
||||
font-family: 'OpenSansSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif !important; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
td { |
||||
text-align: left; |
||||
padding: 5px 10px; |
||||
border-bottom: 1px solid #434343; |
||||
} |
||||
|
||||
hr { |
||||
border: 0; |
||||
outline: none; |
||||
height: 3px; |
||||
background: transparent url("../images/hr.gif") center center repeat-x; |
||||
margin: 0 0 20px; |
||||
} |
||||
|
||||
dt { |
||||
color: #F0E7D5; |
||||
font-family: 'OpenSansSemibold', "Helvetica Neue", Helvetica, Arial, sans-serif !important; |
||||
font-weight: normal; |
||||
} |
||||
|
||||
#header { |
||||
z-index: 100; |
||||
left: 0; |
||||
top: 0px; |
||||
height: 60px; |
||||
width: 100%; |
||||
position: fixed; |
||||
background: url(../images/nav-bg.gif) #353535; |
||||
border-bottom: 4px solid #434343; |
||||
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); |
||||
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); |
||||
-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); |
||||
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); |
||||
} |
||||
#header nav { |
||||
max-width: 650px; |
||||
margin: 0 auto; |
||||
padding: 0 10px; |
||||
background: blue; |
||||
margin: 6px auto; |
||||
} |
||||
#header nav li { |
||||
font-family: 'OpenSansLight', "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
font-weight: normal; |
||||
list-style: none; |
||||
display: inline; |
||||
color: white; |
||||
line-height: 50px; |
||||
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); |
||||
font-size: 14px; |
||||
} |
||||
#header nav li a { |
||||
color: white; |
||||
border: 1px solid #5d910b; |
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #93bd20), color-stop(100%, #659e10)); |
||||
background: -webkit-linear-gradient(#93bd20, #659e10); |
||||
background: -moz-linear-gradient(#93bd20, #659e10); |
||||
background: -o-linear-gradient(#93bd20, #659e10); |
||||
background: -ms-linear-gradient(#93bd20, #659e10); |
||||
background: linear-gradient(#93bd20, #659e10); |
||||
-moz-border-radius: 2px; |
||||
-webkit-border-radius: 2px; |
||||
-o-border-radius: 2px; |
||||
-ms-border-radius: 2px; |
||||
-khtml-border-radius: 2px; |
||||
border-radius: 2px; |
||||
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 7px rgba(0, 0, 0, 0.7); |
||||
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 7px rgba(0, 0, 0, 0.7); |
||||
-o-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 7px rgba(0, 0, 0, 0.7); |
||||
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 7px rgba(0, 0, 0, 0.7); |
||||
background-color: #93bd20; |
||||
padding: 10px 12px; |
||||
margin-top: 6px; |
||||
line-height: 14px; |
||||
font-size: 14px; |
||||
display: inline-block; |
||||
text-align: center; |
||||
} |
||||
#header nav li a:hover { |
||||
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #749619), color-stop(100%, #527f0e)); |
||||
background: -webkit-linear-gradient(#749619, #527f0e); |
||||
background: -moz-linear-gradient(#749619, #527f0e); |
||||
background: -o-linear-gradient(#749619, #527f0e); |
||||
background: -ms-linear-gradient(#749619, #527f0e); |
||||
background: linear-gradient(#749619, #527f0e); |
||||
background-color: #659e10; |
||||
border: 1px solid #527f0e; |
||||
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(0, 0, 0, 0); |
||||
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(0, 0, 0, 0); |
||||
-o-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(0, 0, 0, 0); |
||||
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(0, 0, 0, 0); |
||||
} |
||||
#header nav li.fork { |
||||
float: left; |
||||
margin-left: 0px; |
||||
} |
||||
#header nav li.downloads { |
||||
float: right; |
||||
margin-left: 6px; |
||||
} |
||||
#header nav li.title { |
||||
float: right; |
||||
margin-right: 10px; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
section { |
||||
max-width: 650px; |
||||
padding: 30px 0px 50px 0px; |
||||
margin: 20px 0; |
||||
margin-top: 70px; |
||||
} |
||||
section #title { |
||||
border: 0; |
||||
outline: none; |
||||
margin: 0 0 50px 0; |
||||
padding: 0 0 5px 0; |
||||
} |
||||
section #title h1 { |
||||
font-family: 'OpenSansLight', "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
font-weight: normal; |
||||
font-size: 40px; |
||||
text-align: center; |
||||
line-height: 36px; |
||||
} |
||||
section #title p { |
||||
color: #d7cfbe; |
||||
font-family: 'OpenSansLight', "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
font-weight: normal; |
||||
font-size: 18px; |
||||
text-align: center; |
||||
} |
||||
section #title .credits { |
||||
font-size: 11px; |
||||
font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
font-weight: normal; |
||||
color: #696969; |
||||
margin-top: -10px; |
||||
} |
||||
section #title .credits.left { |
||||
float: left; |
||||
} |
||||
section #title .credits.right { |
||||
float: right; |
||||
} |
||||
|
||||
@media print, screen and (max-width: 720px) { |
||||
#title .credits { |
||||
display: block; |
||||
width: 100%; |
||||
line-height: 30px; |
||||
text-align: center; |
||||
} |
||||
#title .credits .left { |
||||
float: none; |
||||
display: block; |
||||
} |
||||
#title .credits .right { |
||||
float: none; |
||||
display: block; |
||||
} |
||||
} |
||||
@media print, screen and (max-width: 480px) { |
||||
#header { |
||||
margin-top: -20px; |
||||
} |
||||
|
||||
section { |
||||
margin-top: 40px; |
||||
} |
||||
|
||||
nav { |
||||
display: none; |
||||
} |
||||
} |
||||
Loading…
Reference in new issue