Create demo page

2024-11-24 18:57:07 +00:00 · 2015-12-02 20:59:10 -05:00 · 2015-12-02 20:59:10 -05:00 · 948d3cd9ff
commit 948d3cd9ff
37 changed files with 978 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1 @@
 .sass-cache
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -0,0 +1,3 @@
 # Change Log
 ## [Unreleased]
--- a/22
+++ b/22
@ -0,0 +1,22 @@
 The MIT License (MIT)
 Copyright (c) 2015 Alex Carpenter
 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.
--- a/README.md
+++ b/README.md
@ -0,0 +1,15 @@
 # material-jekyll-theme
 ## Options
 Customize your options within the `_config.yml` file.
 + Theme
  - Green
  - Blue
  - Orange
  - Purple
  - Grey
 + Fixed Navigation
  - True
  - False
--- a/_config.yml
+++ b/_config.yml
@ -0,0 +1,20 @@
 # Site settings
 title: Alex Carpenter
 email: your-email@domain.com
 description: >
  Write an awesome description for your new site here. You can edit this
  line in _config.yml. It will appear in your document head meta (for
  Google search results) and in your feed.xml site description.
 baseurl: "/material-jekyll-theme"
 url: "http://alexcarpenter.me"
 fixedNav: 'true' # true or false
 theme: purple # green, blue, orange, purple, grey
 twitterUsername: jekyllrb
 githubUsername:  jekyll
 # Build settings
 markdown: kramdown
 include: [_pages]
 exclude: [_site]
 sass:
  style: compressed
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -0,0 +1,5 @@
 <footer class="c-footer">
  <div class="u-container">
  </div>
 </footer>
--- a/_includes/head.html
+++ b/_includes/head.html
@ -0,0 +1,14 @@
 <head class="t-{{ site.theme }}">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
  <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700|Roboto+Mono:400,500' rel='stylesheet' type='text/css'>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
 </head>
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@ -0,0 +1,8 @@
 <nav class="c-navigation {% if site.fixedNav == 'true' %}is-fixed{% endif %}">
  <div class="c-navigation__container u-container">
    <a class="c-navigation__item {% if page.url == '/' %}is-active{% endif %}" href="/">Home</a>
    <a class="c-navigation__item {% if page.url == '/articles/' %}is-active{% endif %}" href="/articles/">Articles</a>
    <a class="c-navigation__item {% if page.url == '/about/' %}is-active{% endif %}" href="/about/">About</a>
    <a class="c-navigation__item {% if page.title == '/contact/' %}is-active{% endif %}" href="/contact/">Contact</a>
  </div>
 </nav>
--- a/_includes/social.html
+++ b/_includes/social.html
@ -0,0 +1,23 @@
 <div class="c-social">
  <ul class="c-social__list">
    <li>
      <h3 class="c-social__title">Google+</h3>
      <p class="c-social__description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, consequatur!</p>
    </li>
    <li>
      <h3 class="c-social__title">Google+</h3>
      <p class="c-social__description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, quo.</p>
    </li>
    <li>
      <h3 class="c-social__title">Google+</h3>
      <p class="c-social__description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia, voluptatem.</p>
    </li>
    <li>
      <h3 class="c-social__title">Google+</h3>
      <p class="c-social__description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. At, rerum.</p>
    </li>
  </ul>
 </div>
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -0,0 +1,11 @@
 <!DOCTYPE html>
 <html>
  {% include head.html %}
  <body>
    {% include navigation.html %}
    {{ content }}
    {% include footer.html %}
  </body>
 </html>
--- a/_layouts/page.html
+++ b/_layouts/page.html
@ -0,0 +1,14 @@
 ---
 layout: default
 ---
 <article class="c-article">
  <header class="c-header c-article__header">
    <div class="u-container">
      <h1 class="c-header__title">{{ page.title }}</h1>
    </div>
  </header>
  <div class="c-article__main">
    {{ content }}
  </div>
 </article>
--- a/_layouts/post.html
+++ b/_layouts/post.html
@ -0,0 +1,15 @@
 ---
 layout: default
 ---
 <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
  <header class="post-header">
    <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
    <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
  </header>
  <div class="post-content" itemprop="articleBody">
    {{ content }}
  </div>
 </article>
--- a/_pages/about.markdown
+++ b/_pages/about.markdown
@ -0,0 +1,8 @@
 ---
 layout: page
 title: About
 permalink: /about/
 ---
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
--- a/_posts/2015-12-01-welcome-to-jekyll.markdown
+++ b/_posts/2015-12-01-welcome-to-jekyll.markdown
@ -0,0 +1,25 @@
 ---
 layout: post
 title:  "Welcome to Jekyll!"
 date:   2015-12-01 18:52:21 -0500
 categories: jekyll update
 ---
 You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
 To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
 Jekyll also offers powerful support for code snippets:
 {% highlight ruby %}
 def print_hi(name)
  puts "Hi, #{name}"
 end
 print_hi('Tom')
 #=> prints 'Hi, Tom' to STDOUT.
 {% endhighlight %}
 Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
 [jekyll-docs]: http://jekyllrb.com/docs/home
 [jekyll-gh]:   https://github.com/jekyll/jekyll
 [jekyll-talk]: https://talk.jekyllrb.com/
--- a/_sass/base/_reset.scss
+++ b/_sass/base/_reset.scss
@ -0,0 +1,121 @@
 /* ==========================================================================
   Reset
   ========================================================================== */
 /* Reset Modified from Normalize.css */
 /* Base Reset */
 * {
  margin: 0;
  padding: 0;
 }
 *, *:before, *:after { box-sizing: inherit; }
 html {
  min-height: 100%;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  font-size: 62.5%; // Make it easy to calculate rems to px
 }
 body {
  @include ff--sans-serif(400);
  -webkit-font-smoothing: antialiased;
 }
 article,
 aside,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section {
  display: block;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 }
 /* Media */
 audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
 }
 audio:not([controls]) {
    display: none;
    height: 0;
 }
 /* Images */
 [hidden], template { display: none; }
 img {
  max-width: 100%;
  font-style: italic;
  vertical-align: middle;
  border: 0;
 }
 svg:not(:root) { overflow: hidden; }
 svg {
  pointer-events: none;
  max-height: 100%
 }
 /* Links */
 a {
  background-color: transparent;
  text-decoration: none;
  color: $t-theme;
 }
 a:active, a:hover { outline: 0; }
 /* Text Selectors */
 abbr[title] { border-bottom: 1px dotted; }
 b, strong   { font-weight: bold; }
 i, em       { font-weight: italic; }
 /* Content */
 figure {
  margin: 0;
 }
 hr {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  width: 100%;
  height: 1px;
  border: 0;
  background: #EFF1F3;
 }
 /* Code Blocks */
 pre { overflow: auto; }
 code, pre {
 }
--- a/_sass/components/_article.scss
+++ b/_sass/components/_article.scss
@ -0,0 +1,34 @@
 /* ==========================================================================
   Article
   ========================================================================== */
 .c-article {
 }
 .c-article__main {
  max-width: 76rem; // 760px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  @include fs--body;
  > * {
    margin-bottom: 1.8rem;
    color: rgba($c__black, .7);
  }
  a:not(.c-btn) {
    text-decoration: underline;
  }
  blockquote {
    margin-left: -2.5rem;
    width: calc(100% + 5rem);
    padding: 2.5rem;
    background: $c__light-grey;
  }
 }
--- a/_sass/components/_buttons.scss
+++ b/_sass/components/_buttons.scss
@ -0,0 +1,19 @@
 /* ==========================================================================
   Buttons
   ========================================================================== */
 // Base button
 .c-btn {
  padding: 1.5rem 2rem;
  @include fs--meta;
  text-decoration: none;
  background: #FAFAFA;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
  border-radius: 3px;
 }
 // Button groups
 .c-btn-group {
  display: flex;
  justify-content: space-between;
 }
--- a/_sass/components/_footer.scss
+++ b/_sass/components/_footer.scss
@ -0,0 +1,9 @@
 /* ==========================================================================
   Footer
   ========================================================================== */
 .c-footer {
  width: 100%;
  height: 300px;
  background: $c__light-grey;
 }
--- a/_sass/components/_header.scss
+++ b/_sass/components/_header.scss
@ -0,0 +1,28 @@
 /* ==========================================================================
   Header
   ========================================================================== */
 .c-header {
  padding-top: 14.1rem; // 75px
  padding-bottom: 7.5rem; // 75px
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  background: $t-theme;
 }
 .c-header__title {
  position: relative;
  @include ff--mono(500);
  @include fs--title;
  color: $c__white;
  &:after {
    margin-left: .5rem;
    color: rgba(#fff, .5);
    content: '¬';
  }
  span {
    color: rgba(#fff, .5);
  }
 }
--- a/_sass/components/_navigation.scss
+++ b/_sass/components/_navigation.scss
@ -0,0 +1,59 @@
 /* ==========================================================================
   Navigation
   ========================================================================== */
 .c-navigation {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 2.5rem;
  width: 100%;
  background: $t-theme;
  z-index: 10;
  &:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px;
    background: linear-gradient(to bottom, rgba(#000, .25), rgba(#000, 0));
  }
  &.is-fixed {
    position: fixed;
    will-change: transform;
  }
 }
 .c-navigation__item {
  position: relative;
  display: inline-block;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  @include ff--mono(500);
  @include fs--meta;
  color: $c__white;
  text-transform: uppercase;
  &:not(:last-of-type) {
    margin-right: 2.5rem;
  }
  &:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: transparent;
    transition: background ease-in-out 0.2s;
  }
  &:hover:after,
  &.is-active:after {
    background: $c__white;
  }
 }
--- a/_sass/components/_social.scss
+++ b/_sass/components/_social.scss
@ -0,0 +1,17 @@
 .c-social {
  padding: 7.5rem; // 75px
  background: #fff;
 }
 .c-social__list {
  max-width: 76rem; // 760px
  margin-right: auto;
  margin-left: auto;
  list-style: none;
 }
 .c-social__title {
  @include ff--mono(500);
  @include fs--heading-2;
  color: rgba(#000, .5);
 }
--- a/_sass/helpers/_mixins.scss
+++ b/_sass/helpers/_mixins.scss
@ -0,0 +1,40 @@
 /* ==========================================================================
   Mixins
   ========================================================================== */
 // Font families
@mixin ff--sans-serif($font-weight: normal) {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: $font-weight;
 }
@mixin ff--mono($font-weight: normal) {
  font-family: 'Roboto Mono', monospace;
  font-weight: $font-weight;
 }
 // Font sizing
@mixin fs--title {
  line-height: 1.5;
  font-size: 4rem; // 40px
 }
@mixin fs--heading-1 {
  line-height: 1.25;
  font-size: 3.5rem; // 35px
 }
@mixin fs--heading-2 {
  line-height: 1.25;
  font-size: 3rem; // 30px
 }
@mixin fs--body {
  line-height: 1.5;
  font-size: 1.8rem; // 18px
 }
@mixin fs--meta {
  line-height: 1;
  font-size: 1.6rem; // 16px
 }
--- a/_sass/helpers/_variables.scss
+++ b/_sass/helpers/_variables.scss
@ -0,0 +1,30 @@
 /* ==========================================================================
   Variables
   ========================================================================== */
 // Colors
 $c__red: #F44336;
 $c__pink: #E91E63;
 $c__purple: #9C27B0;
 $c__deep-purple: #673AB7;
 $c__indigo: #3F51B5;
 $c__blue: #2196F3;
 $c__light-blue: #03A9F4;
 $c__cyan: #00BCD4;
 $c__teal: #009688;
 $c__green: #4CAF50;
 $c__light-green: #8BC34A;
 $c__lime: #CDDC39;
 $c__yellow: #FFEB3B;
 $c__amber: #FFC107;
 $c__orange: #FF9800;
 $c__deep-orange: #FF5722;
 $c__brown: #795548;
 $c__grey: #9E9E9E;
 $c__light-grey: #FAFAFA;
 $c__blue-grey: #607D8B;
 $c__black: #000000;
 $c__white: #ffffff;
 // Theme
 $t-theme: $c__indigo;
--- a/_sass/utilities/_layout.scss
+++ b/_sass/utilities/_layout.scss
@ -0,0 +1,9 @@
 /* ==========================================================================
   Layout
   ========================================================================== */
 .u-container {
  max-width: 116rem; // 1160px
  margin-right: auto;
  margin-left: auto;
 }
--- a/_sass/utilities/_themes.scss
+++ b/_sass/utilities/_themes.scss
@ -0,0 +1,7 @@
 /* ==========================================================================
   Themes
   ========================================================================== */
 .t-purple {
 }
--- a/_sass/vendor/_syntax-highlighting.scss
+++ b/_sass/vendor/_syntax-highlighting.scss
@ -0,0 +1,73 @@
 /**
 * Syntax highlighting styles
 */
 .highlight {
  margin-left: -2.5rem;
  width: calc(100% + 5rem);
  padding: 2.5rem;
  background: $c__light-grey;
  .highlighter-rouge & {
    background: #eef;
  }
    .c     { color: #998; font-style: italic } // Comment
    .err   { color: #a61717; background-color: #e3d2d2 } // Error
    .k     { font-weight: bold } // Keyword
    .o     { font-weight: bold } // Operator
    .cm    { color: #998; font-style: italic } // Comment.Multiline
    .cp    { color: #999; font-weight: bold } // Comment.Preproc
    .c1    { color: #998; font-style: italic } // Comment.Single
    .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
    .gd    { color: #000; background-color: #fdd } // Generic.Deleted
    .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
    .ge    { font-style: italic } // Generic.Emph
    .gr    { color: #a00 } // Generic.Error
    .gh    { color: #999 } // Generic.Heading
    .gi    { color: #000; background-color: #dfd } // Generic.Inserted
    .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
    .go    { color: #888 } // Generic.Output
    .gp    { color: #555 } // Generic.Prompt
    .gs    { font-weight: bold } // Generic.Strong
    .gu    { color: #aaa } // Generic.Subheading
    .gt    { color: #a00 } // Generic.Traceback
    .kc    { font-weight: bold } // Keyword.Constant
    .kd    { font-weight: bold } // Keyword.Declaration
    .kp    { font-weight: bold } // Keyword.Pseudo
    .kr    { font-weight: bold } // Keyword.Reserved
    .kt    { color: #458; font-weight: bold } // Keyword.Type
    .m     { color: #099 } // Literal.Number
    .s     { color: #d14 } // Literal.String
    .na    { color: #008080 } // Name.Attribute
    .nb    { color: #0086B3 } // Name.Builtin
    .nc    { color: #458; font-weight: bold } // Name.Class
    .no    { color: #008080 } // Name.Constant
    .ni    { color: #800080 } // Name.Entity
    .ne    { color: #900; font-weight: bold } // Name.Exception
    .nf    { color: #900; font-weight: bold } // Name.Function
    .nn    { color: #555 } // Name.Namespace
    .nt    { color: #000080 } // Name.Tag
    .nv    { color: #008080 } // Name.Variable
    .ow    { font-weight: bold } // Operator.Word
    .w     { color: #bbb } // Text.Whitespace
    .mf    { color: #099 } // Literal.Number.Float
    .mh    { color: #099 } // Literal.Number.Hex
    .mi    { color: #099 } // Literal.Number.Integer
    .mo    { color: #099 } // Literal.Number.Oct
    .sb    { color: #d14 } // Literal.String.Backtick
    .sc    { color: #d14 } // Literal.String.Char
    .sd    { color: #d14 } // Literal.String.Doc
    .s2    { color: #d14 } // Literal.String.Double
    .se    { color: #d14 } // Literal.String.Escape
    .sh    { color: #d14 } // Literal.String.Heredoc
    .si    { color: #d14 } // Literal.String.Interpol
    .sx    { color: #d14 } // Literal.String.Other
    .sr    { color: #009926 } // Literal.String.Regex
    .s1    { color: #d14 } // Literal.String.Single
    .ss    { color: #990073 } // Literal.String.Symbol
    .bp    { color: #999 } // Name.Builtin.Pseudo
    .vc    { color: #008080 } // Name.Variable.Class
    .vg    { color: #008080 } // Name.Variable.Global
    .vi    { color: #008080 } // Name.Variable.Instance
    .il    { color: #099 } // Literal.Number.Integer.Long
 }
--- a/_site/CHANGELOG.md
+++ b/_site/CHANGELOG.md
@ -0,0 +1,3 @@
 # Change Log
 ## [Unreleased]
--- a/_site/LICENSE
+++ b/_site/LICENSE
@ -0,0 +1,22 @@
 The MIT License (MIT)
 Copyright (c) 2015 Alex Carpenter
 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.
--- a/_site/README.md
+++ b/_site/README.md
@ -0,0 +1,15 @@
 # material-jekyll-theme
 ## Options
 Customize your options within the `_config.yml` file.
 + Theme
  - Green
  - Blue
  - Orange
  - Purple
  - Grey
 + Fixed Navigation
  - True
  - False
--- a/_site/about/index.html
+++ b/_site/about/index.html
@ -0,0 +1,53 @@
 <!DOCTYPE html>
 <html>
  <head class="t-purple">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>About</title>
  <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
 ">
  <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700|Roboto+Mono:400,500' rel='stylesheet' type='text/css'>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="/css/main.css">
  <link rel="canonical" href="http://yourdomain.com/about/">
  <link rel="alternate" type="application/rss+xml" title="Alex Carpenter" href="http://yourdomain.com/feed.xml">
 </head>
  <body>
    <nav class="c-navigation is-fixed">
  <div class="c-navigation__container u-container">
    <a class="c-navigation__item " href="/">Home</a>
    <a class="c-navigation__item " href="/articles/">Articles</a>
    <a class="c-navigation__item is-active" href="/about/">About</a>
    <a class="c-navigation__item " href="/contact/">Contact</a>
  </div>
 </nav>
    <article class="c-article">
  <header class="c-header c-article__header">
    <div class="u-container">
      <h1 class="c-header__title">About</h1>
    </div>
  </header>
  <div class="c-article__main">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  </div>
 </article>
    <footer class="c-footer">
  <div class="u-container">
  </div>
 </footer>
  </body>
 </html>
--- a/_site/css/main.css
+++ b/_site/css/main.css
--- a/_site/feed.xml
+++ b/_site/feed.xml
@ -0,0 +1,42 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Alex Carpenter</title>
    <description>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
 </description>
    <link>http://yourdomain.com/</link>
    <atom:link href="http://yourdomain.com/feed.xml" rel="self" type="application/rss+xml"/>
    <pubDate>Wed, 02 Dec 2015 20:02:14 -0500</pubDate>
    <lastBuildDate>Wed, 02 Dec 2015 20:02:14 -0500</lastBuildDate>
    <generator>Jekyll v3.0.1</generator>
      <item>
        <title>Welcome to Jekyll!</title>
        <description>&lt;p&gt;You’ll find this post in your &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;
 &lt;p&gt;To add new posts, simply add a file in the &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory that follows the convention &lt;code class=&quot;highlighter-rouge&quot;&gt;YYYY-MM-DD-name-of-post.ext&lt;/code&gt; and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.&lt;/p&gt;
 &lt;p&gt;Jekyll also offers powerful support for code snippets:&lt;/p&gt;
 &lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-ruby&quot; data-lang=&quot;ruby&quot;&gt;&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
  &lt;span class=&quot;nb&quot;&gt;puts&lt;/span&gt; &lt;span class=&quot;s2&quot;&gt;&quot;Hi, &lt;/span&gt;&lt;span class=&quot;si&quot;&gt;#{&lt;/span&gt;&lt;span class=&quot;nb&quot;&gt;name&lt;/span&gt;&lt;span class=&quot;si&quot;&gt;}&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;&lt;/span&gt;
 &lt;span class=&quot;k&quot;&gt;end&lt;/span&gt;
 &lt;span class=&quot;n&quot;&gt;print_hi&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;&#39;Tom&#39;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
 &lt;span class=&quot;c1&quot;&gt;#=&amp;gt; prints &#39;Hi, Tom&#39; to STDOUT.&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;
 &lt;p&gt;Check out the &lt;a href=&quot;http://jekyllrb.com/docs/home&quot;&gt;Jekyll docs&lt;/a&gt; for more info on how to get the most out of Jekyll. File all bugs/feature requests at &lt;a href=&quot;https://github.com/jekyll/jekyll&quot;&gt;Jekyll’s GitHub repo&lt;/a&gt;. If you have questions, you can ask them on &lt;a href=&quot;https://talk.jekyllrb.com/&quot;&gt;Jekyll Talk&lt;/a&gt;.&lt;/p&gt;
 </description>
        <pubDate>Tue, 01 Dec 2015 18:52:21 -0500</pubDate>
        <link>http://yourdomain.com/jekyll/update/2015/12/01/welcome-to-jekyll.html</link>
        <guid isPermaLink="true">http://yourdomain.com/jekyll/update/2015/12/01/welcome-to-jekyll.html</guid>
        <category>jekyll</category>
        <category>update</category>
      </item>
  </channel>
 </rss>
--- a/_site/index.html
+++ b/_site/index.html
@ -0,0 +1,67 @@
 <!DOCTYPE html>
 <html>
  <head class="t-purple">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Material Jekyll Theme</title>
  <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
 ">
  <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700|Roboto+Mono:400,500' rel='stylesheet' type='text/css'>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="/css/main.css">
  <link rel="canonical" href="http://yourdomain.com/">
  <link rel="alternate" type="application/rss+xml" title="Alex Carpenter" href="http://yourdomain.com/feed.xml">
 </head>
  <body>
    <nav class="c-navigation is-fixed">
  <div class="c-navigation__container u-container">
    <a class="c-navigation__item is-active" href="/">Home</a>
    <a class="c-navigation__item " href="/articles/">Articles</a>
    <a class="c-navigation__item " href="/about/">About</a>
    <a class="c-navigation__item " href="/contact/">Contact</a>
  </div>
 </nav>
    <article class="c-article">
  <header class="c-header c-article__header">
    <div class="u-container">
      <h1 class="c-header__title">Material Jekyll Theme</h1>
    </div>
  </header>
  <div class="c-article__main">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis <a href="http://alexcarpenter.me">nostrud exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 <h2 id="heading-level-2">Heading Level 2</h2>
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 <figure class="highlight"><pre><code class="language-scss" data-lang="scss">  <span class="nc">.header</span> <span class="p">{</span>
    <span class="nl">font-size</span><span class="p">:</span> <span class="m">100px</span><span class="p">;</span>
  <span class="p">}</span></code></pre></figure>
 <h3 id="heading-level-3">Heading Level 3</h3>
 <blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
 </blockquote>
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  </div>
 </article>
    <footer class="c-footer">
  <div class="u-container">
  </div>
 </footer>
  </body>
 </html>
--- a/_site/jekyll/update/2015/12/01/welcome-to-jekyll.html
+++ b/_site/jekyll/update/2015/12/01/welcome-to-jekyll.html
@ -0,0 +1,64 @@
 <!DOCTYPE html>
 <html>
  <head class="t-purple">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Welcome to Jekyll!</title>
  <meta name="description" content="You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different wa...">
  <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700|Roboto+Mono:400,500' rel='stylesheet' type='text/css'>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="/css/main.css">
  <link rel="canonical" href="http://yourdomain.com/jekyll/update/2015/12/01/welcome-to-jekyll.html">
  <link rel="alternate" type="application/rss+xml" title="Alex Carpenter" href="http://yourdomain.com/feed.xml">
 </head>
  <body>
    <nav class="c-navigation is-fixed">
  <div class="c-navigation__container u-container">
    <a class="c-navigation__item " href="/">Home</a>
    <a class="c-navigation__item " href="/articles/">Articles</a>
    <a class="c-navigation__item " href="/about/">About</a>
    <a class="c-navigation__item " href="/contact/">Contact</a>
  </div>
 </nav>
    <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
  <header class="post-header">
    <h1 class="post-title" itemprop="name headline">Welcome to Jekyll!</h1>
    <p class="post-meta"><time datetime="2015-12-01T18:52:21-05:00" itemprop="datePublished">Dec 1, 2015</time></p>
  </header>
  <div class="post-content" itemprop="articleBody">
    <p>You’ll find this post in your <code class="highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
 <p>To add new posts, simply add a file in the <code class="highlighter-rouge">_posts</code> directory that follows the convention <code class="highlighter-rouge">YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p>
 <p>Jekyll also offers powerful support for code snippets:</p>
 <figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
  <span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
 <span class="k">end</span>
 <span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
 <span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>
 <p>Check out the <a href="http://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>
  </div>
 </article>
    <footer class="c-footer">
  <div class="u-container">
  </div>
 </footer>
  </body>
 </html>
--- a/css/main.scss
+++ b/css/main.scss
@ -0,0 +1,30 @@
 ---
 # Only the main Sass file needs front matter (the dashes are enough)
 ---
@charset "utf-8";
 // Helpers
@import
  'helpers/variables',
  'helpers/mixins';
 // Base
@import
  'base/reset';
 // Utilities
@import
  'utilities/layout';
 // Components
@import
  'components/header',
  'components/navigation',
  'components/article',
  'components/social',
  'components/buttons',
  'components/footer';
 // Vendor
@import
  'vendor/syntax-highlighting';
--- a/feed.xml
+++ b/feed.xml
@ -0,0 +1,30 @@
 ---
 layout: null
 ---
 <?xml version="1.0" encoding="UTF-8"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>{{ site.title | xml_escape }}</title>
    <description>{{ site.description | xml_escape }}</description>
    <link>{{ site.url }}{{ site.baseurl }}/</link>
    <atom:link href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" rel="self" type="application/rss+xml"/>
    <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
    <lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
    <generator>Jekyll v{{ jekyll.version }}</generator>
    {% for post in site.posts limit:10 %}
      <item>
        <title>{{ post.title | xml_escape }}</title>
        <description>{{ post.content | xml_escape }}</description>
        <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
        <link>{{ post.url | prepend: site.baseurl | prepend: site.url }}</link>
        <guid isPermaLink="true">{{ post.url | prepend: site.baseurl | prepend: site.url }}</guid>
        {% for tag in post.tags %}
        <category>{{ tag | xml_escape }}</category>
        {% endfor %}
        {% for cat in post.categories %}
        <category>{{ cat | xml_escape }}</category>
        {% endfor %}
      </item>
    {% endfor %}
  </channel>
 </rss>
--- a/index.markdown
+++ b/index.markdown
@ -0,0 +1,21 @@
 ---
 layout: page
 title: Material Jekyll Theme
 ---
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis [nostrud exercitation](http://alexcarpenter.me) ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 ## Heading Level 2
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 {% highlight scss %}
  .header {
    font-size: 100px;
  }
 {% endhighlight %}
 ### Heading Level 3
 > Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.