adulau/foo.be
1
0
Fork 0
mirror of https://github.com/adulau/foo.be.git synced 2024-12-25 01:46:00 +00:00
Code Issues Projects Releases Packages Wiki Activity

Create demo page

Browse source
This commit is contained in:
Alex Carpenter 2015-12-02 20:59:10 -05:00
commit 948d3cd9ff
37 changed files with 978 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
.sass-cache

3
CHANGELOG.md Normal file
View file

@ -0,0 +1,3 @@
# Change Log
## [Unreleased]

22
LICENSE Normal file
View file

@ -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.

15
README.md Normal file
View file

@ -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

20
_config.yml Normal file
View file

@ -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

5
_includes/footer.html Normal file
View file

@ -0,0 +1,5 @@
<footer class="c-footer">
<div class="u-container">
</div>
</footer>

14
_includes/head.html Normal file
View file

@ -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>

8
_includes/navigation.html Normal file
View file

@ -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>

23
_includes/social.html Normal file
View file

@ -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>

11
_layouts/default.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
{% include head.html %}
<body>
{% include navigation.html %}
{{ content }}
{% include footer.html %}
</body>
</html>

14
_layouts/page.html Normal file
View file

@ -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>

15
_layouts/post.html Normal file
View file

@ -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>

8
_pages/about.markdown Normal file
View file

@ -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.

25
_posts/2015-12-01-welcome-to-jekyll.markdown Normal file
View file

@ -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/

121
_sass/base/_reset.scss Normal file
View file

@ -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 {
}

34
_sass/components/_article.scss Normal file
View file

@ -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;
}
}

19
_sass/components/_buttons.scss Normal file
View file

@ -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;
}

9
_sass/components/_footer.scss Normal file
View file

@ -0,0 +1,9 @@
/* ==========================================================================
Footer
========================================================================== */
.c-footer {
width: 100%;
height: 300px;
background: $c__light-grey;
}

28
_sass/components/_header.scss Normal file
View file

@ -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);
}
}

59
_sass/components/_navigation.scss Normal file
View file

@ -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;
}
}

17
_sass/components/_social.scss Normal file
View file

@ -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);
}

40
_sass/helpers/_mixins.scss Normal file
View file

@ -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
}

30
_sass/helpers/_variables.scss Normal file
View file

@ -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;

9
_sass/utilities/_layout.scss Normal file
View file

@ -0,0 +1,9 @@
/* ==========================================================================
Layout
========================================================================== */
.u-container {
max-width: 116rem; // 1160px
margin-right: auto;
margin-left: auto;
}

7
_sass/utilities/_themes.scss Normal file
View file

@ -0,0 +1,7 @@
/* ==========================================================================
Themes
========================================================================== */
.t-purple {
}

73
_sass/vendor/_syntax-highlighting.scss vendored Normal file
View file

@ -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
}

3
_site/CHANGELOG.md Normal file
View file

@ -0,0 +1,3 @@
# Change Log
## [Unreleased]

22
_site/LICENSE Normal file
View file

@ -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.

15
_site/README.md Normal file
View file

@ -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

53
_site/about/index.html Normal file
View file

@ -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>

1
_site/css/main.css Normal file
View file

File diff suppressed because one or more lines are too long

42
_site/feed.xml Normal file
View file

@ -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>

67
_site/index.html Normal file
View file

@ -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>

64
_site/jekyll/update/2015/12/01/welcome-to-jekyll.html Normal file
View file

@ -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>

30
css/main.scss Normal file
View file

@ -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';

30
feed.xml Normal file
View file

@ -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>

21
index.markdown Normal file
View file

@ -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.