diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..f8e31a4 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +_site +.sass-cache +.DS_Store \ No newline at end of file diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..a762c94 --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +jekyll-boilerplate.joelglovier.com \ No newline at end of file diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..a693021 --- /dev/null +++ b/Gemfile @@ -0,0 +1,3 @@ +source "https://rubygems.org" + +gem 'github-pages' \ No newline at end of file diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..1af21ac --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,126 @@ +GEM + remote: https://rubygems.org/ + specs: + RedCloth (4.2.9) + activesupport (4.2.1) + i18n (~> 0.7) + json (~> 1.7, >= 1.7.7) + minitest (~> 5.1) + thread_safe (~> 0.3, >= 0.3.4) + tzinfo (~> 1.1) + blankslate (2.1.2.4) + celluloid (0.16.0) + timers (~> 4.0.0) + classifier-reborn (2.0.3) + fast-stemmer (~> 1.0) + coffee-script (2.3.0) + coffee-script-source + execjs + coffee-script-source (1.9.1) + colorator (0.1) + execjs (2.4.0) + fast-stemmer (1.0.2) + ffi (1.9.8) + gemoji (2.1.0) + github-pages (33) + RedCloth (= 4.2.9) + github-pages-health-check (~> 0.2) + jekyll (= 2.4.0) + jekyll-coffeescript (= 1.0.1) + jekyll-mentions (= 0.2.1) + jekyll-redirect-from (= 0.6.2) + jekyll-sass-converter (= 1.2.0) + jekyll-sitemap (= 0.6.3) + jemoji (= 0.4.0) + kramdown (= 1.5.0) + liquid (= 2.6.1) + maruku (= 0.7.0) + mercenary (~> 0.3) + pygments.rb (= 0.6.1) + rdiscount (= 2.1.7) + redcarpet (= 3.1.2) + terminal-table (~> 1.4) + github-pages-health-check (0.2.2) + net-dns (~> 0.6) + public_suffix (~> 1.4) + hitimes (1.2.2) + html-pipeline (1.9.0) + activesupport (>= 2) + nokogiri (~> 1.4) + i18n (0.7.0) + jekyll (2.4.0) + classifier-reborn (~> 2.0) + colorator (~> 0.1) + jekyll-coffeescript (~> 1.0) + jekyll-gist (~> 1.0) + jekyll-paginate (~> 1.0) + jekyll-sass-converter (~> 1.0) + jekyll-watch (~> 1.1) + kramdown (~> 1.3) + liquid (~> 2.6.1) + mercenary (~> 0.3.3) + pygments.rb (~> 0.6.0) + redcarpet (~> 3.1) + safe_yaml (~> 1.0) + toml (~> 0.1.0) + jekyll-coffeescript (1.0.1) + coffee-script (~> 2.2) + jekyll-gist (1.2.1) + jekyll-mentions (0.2.1) + html-pipeline (~> 1.9.0) + jekyll (~> 2.0) + jekyll-paginate (1.1.0) + jekyll-redirect-from (0.6.2) + jekyll (~> 2.0) + jekyll-sass-converter (1.2.0) + sass (~> 3.2) + jekyll-sitemap (0.6.3) + jekyll-watch (1.2.1) + listen (~> 2.7) + jemoji (0.4.0) + gemoji (~> 2.0) + html-pipeline (~> 1.9) + jekyll (~> 2.0) + json (1.8.2) + kramdown (1.5.0) + liquid (2.6.1) + listen (2.10.0) + celluloid (~> 0.16.0) + rb-fsevent (>= 0.9.3) + rb-inotify (>= 0.9) + maruku (0.7.0) + mercenary (0.3.5) + mini_portile (0.6.2) + minitest (5.5.1) + net-dns (0.8.0) + nokogiri (1.6.6.2) + mini_portile (~> 0.6.0) + parslet (1.5.0) + blankslate (~> 2.0) + posix-spawn (0.3.10) + public_suffix (1.5.0) + pygments.rb (0.6.1) + posix-spawn (~> 0.3.6) + yajl-ruby (~> 1.2.0) + rb-fsevent (0.9.4) + rb-inotify (0.9.5) + ffi (>= 0.5.0) + rdiscount (2.1.7) + redcarpet (3.1.2) + safe_yaml (1.0.4) + sass (3.4.13) + terminal-table (1.4.5) + thread_safe (0.3.5) + timers (4.0.1) + hitimes + toml (0.1.2) + parslet (~> 1.5.0) + tzinfo (1.2.2) + thread_safe (~> 0.1) + yajl-ruby (1.2.1) + +PLATFORMS + ruby + +DEPENDENCIES + github-pages diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..357826b --- /dev/null +++ b/_config.yml @@ -0,0 +1,11 @@ +# Site settings +title: "Jekyll Boilerplate" +description: "site description goes here" + +url: "http://yourdomain.com" + +# Build settings +markdown: kramdown +sass: + sass_dir: _sass + style: compressed \ No newline at end of file diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..7609c46 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,8 @@ + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..e70f3df --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,13 @@ + + + + + + {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + + + + + + + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..951abd1 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,17 @@ +
+ +
+ + {{ site.title }} + + + +
+ +
diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..e4ab96f --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,20 @@ + + + + {% include head.html %} + + + + {% include header.html %} + +
+
+ {{ content }} +
+
+ + {% include footer.html %} + + + + diff --git a/_layouts/home.html b/_layouts/home.html new file mode 100644 index 0000000..e4ab96f --- /dev/null +++ b/_layouts/home.html @@ -0,0 +1,20 @@ + + + + {% include head.html %} + + + + {% include header.html %} + +
+
+ {{ content }} +
+
+ + {% include footer.html %} + + + + diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..74c1a11 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,14 @@ +--- +layout: default +--- +
+ +
+

{{ page.title }}

+
+ +
+ {{ content }} +
+ +
diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..74c1a11 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,14 @@ +--- +layout: default +--- +
+ +
+

{{ page.title }}

+
+ +
+ {{ content }} +
+ +
diff --git a/_posts/2015-04-02-hello-world.md b/_posts/2015-04-02-hello-world.md new file mode 100644 index 0000000..5620017 --- /dev/null +++ b/_posts/2015-04-02-hello-world.md @@ -0,0 +1,6 @@ +--- +layout: post +title: "Hello World" +--- + +Start writing content... \ No newline at end of file diff --git a/_sass/_base.scss b/_sass/_base.scss new file mode 100644 index 0000000..dbee393 --- /dev/null +++ b/_sass/_base.scss @@ -0,0 +1,46 @@ +// Base styles +// ---------------------------------------/ +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html { + background: $white; +} + +body{ + @include sans; + color: $text_color; + font-size: 16px; + line-height: 1.5; +} + +.wrapper:before, +.wrapper:after { content:""; display:table; } +.wrapper:after { clear: both; } +.wrapper { + max-width: 1084px; + padding: 0 30px; + margin: 0 auto; + zoom: 1; +} + +// clearfix (now called group, +// via http://css-tricks.com/snippets/css/clear-fix/) +.group:before, +.group:after { content:""; display:table; } +.group:after { clear:both; } +.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } + +::-moz-selection { + background: rgba(51,51,51,.8); + color: #fff; + text-shadow: none; +} +::selection { + background: rgba(51,51,51,.8); + color: #fff; + text-shadow: none; +} \ No newline at end of file diff --git a/_sass/_home.scss b/_sass/_home.scss new file mode 100644 index 0000000..5030b92 --- /dev/null +++ b/_sass/_home.scss @@ -0,0 +1,2 @@ +// Home styles +// ---------------------------------------/ \ No newline at end of file diff --git a/_sass/_layout.scss b/_sass/_layout.scss new file mode 100644 index 0000000..d3919c1 --- /dev/null +++ b/_sass/_layout.scss @@ -0,0 +1,74 @@ +// Layout styles +// ---------------------------------------/ + +// Layout from Primer (https://github.com/primer/primer/blob/master/scss/_layout.scss) + +// Fixed-width, centered column for site content. +.container { + width: $container-width; + margin-right: auto; + margin-left: auto; + @include clearfix; +} + +// Grid system +// +// Create rows with `.columns` to clear the floated columns and outdent the +// padding on `.column`s with negative margin for alignment. + +.columns { + margin-right: -$grid-gutter; + margin-left: -$grid-gutter; + @include clearfix; +} + +// Base class for every column (requires a column width from below) +.column { + float: left; + padding-right: $grid-gutter; + padding-left: $grid-gutter; +} + +// Column widths +.one-third { + width: 33.333333%; +} + +.two-thirds { + width: 66.666667%; +} + +.one-fourth { + width: 25%; +} + +.one-half { + width: 50%; +} + +.three-fourths { + width: 75%; +} + +.one-fifth { + width: 20%; +} + +.four-fifths { + width: 80%; +} + +// Single column hack +.single-column { + padding-right: $grid-gutter; + padding-left: $grid-gutter; +} + +// Equal width columns via table sorcery. +.table-column { + display: table-cell; + width: 1%; + padding-right: $grid-gutter; + padding-left: $grid-gutter; + vertical-align: top; +} \ No newline at end of file diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss new file mode 100644 index 0000000..7a12363 --- /dev/null +++ b/_sass/_mixins.scss @@ -0,0 +1,84 @@ +// Mixins +// ---------------------------------------/ + +@function em( $fontSize, $contextSize: 16 ) { + @return 1em * ( $fontSize / $contextSize ); } + +@function pct( $size, $context ) { + @return percentage( $size / $context ); } + +@mixin border-radius($radius) { + -webkit-border-radius: $radius; + -moz-border-radius: $radius; + border-radius: $radius; +} + +// Clearfix +// +// Clears floats via mixin (avoid using as a class). + +@mixin clearfix { + &:before { + display: table; + content: ""; + } + + &:after { + display: table; + clear: both; + content: ""; + } +} + +// media querie tools + +@mixin media_max($screen_width) { + @media (max-width: $screen_width) { @content; } +} + +@mixin media_min($screen_width) { + @media (min-width: $screen_width) { @content; } +} + +@mixin media_1 { + @media (min-width: 700px) { @content; } +} + +@mixin media_2 { + @media (min-width: 900px) { @content; } +} + +@mixin media_3 { + @media (min-width: 1100px) { @content; } +} + +// type utilities + +@mixin sans { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +@mixin sans_light { + @include sans; + font-weight: 300; +} + +@mixin sans_regular { + @include sans; + font-weight: 400; +} + +@mixin sans_semibold { + @include sans; + font-weight: 600; +} + +@mixin sans_bold { + @include sans; + font-weight: 700; +} + +@mixin sans_extrabold { + @include sans; + font-weight: 800; +} \ No newline at end of file diff --git a/_sass/_normalize.scss b/_sass/_normalize.scss new file mode 100644 index 0000000..cc9c5f1 --- /dev/null +++ b/_sass/_normalize.scss @@ -0,0 +1,426 @@ +// Normalize styles +// ---------------------------------------/ + +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS and IE text size adjust after device orientation change, + * without disabling user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, +canvas, +progress, +video { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Improve readability of focused elements when they are also in an + * active/hover state. + */ + +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9/10. + */ + +img { + border: 0; +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari. + */ + +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ + +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ + +button, +input, +optgroup, +select, +textarea { + color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ + +button { + overflow: visible; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +input { + line-height: normal; +} + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + box-sizing: content-box; /* 2 */ +} + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ + +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} \ No newline at end of file diff --git a/_sass/_variables.scss b/_sass/_variables.scss new file mode 100644 index 0000000..9bff935 --- /dev/null +++ b/_sass/_variables.scss @@ -0,0 +1,21 @@ +// Variables +// ---------------------------------------/ + +$container-width: 980px !default; +$grid-gutter: 10px !default; + +// Colors +$white: #fff; +$black: #333; + +// Styles +$text_color: $black; + +// Font stack +$body-font: Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !default; + +// The base body size +$body-font-size: 13px !default; + +// Monospace font stack +$mono-font: Consolas, "Liberation Mono", Menlo, Courier, monospace !default; \ No newline at end of file diff --git a/css/main.scss b/css/main.scss new file mode 100755 index 0000000..e641fe7 --- /dev/null +++ b/css/main.scss @@ -0,0 +1,14 @@ +--- +--- + +// "Reset" styles and SCSS reusable components +@import "normalize"; +@import "mixins"; +@import "variables"; + +// Generic site base & layout styles +@import "base"; +@import "layout"; + +// Layouts +@import "home"; \ No newline at end of file diff --git a/favicon.png b/favicon.png new file mode 100644 index 0000000..44befda Binary files /dev/null and b/favicon.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..eda080b --- /dev/null +++ b/index.html @@ -0,0 +1,7 @@ +--- +layout: home +--- + +
+ +
diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..38ef740 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,20 @@ +--- +--- + + + {% for post in site.posts %} + + {{ site.url }}{{ post.url | remove: 'index.html' }} + + {% endfor %} + + {% for page in site.pages %} + {% if page.layout != nil %} + {% if page.layout != 'feed' %} + + {{ site.url }}{{ page.url | remove: 'index.html' }} + + {% endif %} + {% endif %} + {% endfor %} + \ No newline at end of file