From 948d3cd9ff0aa24023703fbe121bd3a7e6052b3b Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Wed, 2 Dec 2015 20:59:10 -0500 Subject: [PATCH] Create demo page --- .gitignore | 1 + CHANGELOG.md | 3 + LICENSE | 22 ++++ README.md | 15 +++ _config.yml | 20 +++ _includes/footer.html | 5 + _includes/head.html | 14 ++ _includes/navigation.html | 8 ++ _includes/social.html | 23 ++++ _layouts/default.html | 11 ++ _layouts/page.html | 14 ++ _layouts/post.html | 15 +++ _pages/about.markdown | 8 ++ _posts/2015-12-01-welcome-to-jekyll.markdown | 25 ++++ _sass/base/_reset.scss | 121 ++++++++++++++++++ _sass/components/_article.scss | 34 +++++ _sass/components/_buttons.scss | 19 +++ _sass/components/_footer.scss | 9 ++ _sass/components/_header.scss | 28 ++++ _sass/components/_navigation.scss | 59 +++++++++ _sass/components/_social.scss | 17 +++ _sass/helpers/_mixins.scss | 40 ++++++ _sass/helpers/_variables.scss | 30 +++++ _sass/utilities/_layout.scss | 9 ++ _sass/utilities/_themes.scss | 7 + _sass/vendor/_syntax-highlighting.scss | 73 +++++++++++ _site/CHANGELOG.md | 3 + _site/LICENSE | 22 ++++ _site/README.md | 15 +++ _site/about/index.html | 53 ++++++++ _site/css/main.css | 1 + _site/feed.xml | 42 ++++++ _site/index.html | 67 ++++++++++ .../update/2015/12/01/welcome-to-jekyll.html | 64 +++++++++ css/main.scss | 30 +++++ feed.xml | 30 +++++ index.markdown | 21 +++ 37 files changed, 978 insertions(+) create mode 100644 .gitignore create mode 100644 CHANGELOG.md create mode 100644 LICENSE create mode 100644 README.md create mode 100644 _config.yml create mode 100644 _includes/footer.html create mode 100644 _includes/head.html create mode 100644 _includes/navigation.html create mode 100644 _includes/social.html create mode 100644 _layouts/default.html create mode 100644 _layouts/page.html create mode 100644 _layouts/post.html create mode 100644 _pages/about.markdown create mode 100644 _posts/2015-12-01-welcome-to-jekyll.markdown create mode 100644 _sass/base/_reset.scss create mode 100644 _sass/components/_article.scss create mode 100644 _sass/components/_buttons.scss create mode 100644 _sass/components/_footer.scss create mode 100644 _sass/components/_header.scss create mode 100644 _sass/components/_navigation.scss create mode 100644 _sass/components/_social.scss create mode 100644 _sass/helpers/_mixins.scss create mode 100644 _sass/helpers/_variables.scss create mode 100644 _sass/utilities/_layout.scss create mode 100644 _sass/utilities/_themes.scss create mode 100644 _sass/vendor/_syntax-highlighting.scss create mode 100644 _site/CHANGELOG.md create mode 100644 _site/LICENSE create mode 100644 _site/README.md create mode 100644 _site/about/index.html create mode 100644 _site/css/main.css create mode 100644 _site/feed.xml create mode 100644 _site/index.html create mode 100644 _site/jekyll/update/2015/12/01/welcome-to-jekyll.html create mode 100644 css/main.scss create mode 100644 feed.xml create mode 100644 index.markdown diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..5df1b9b --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.sass-cache diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..b013336 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,3 @@ +# Change Log + +## [Unreleased] diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..ec62559 --- /dev/null +++ b/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. + diff --git a/README.md b/README.md new file mode 100644 index 0000000..c5894e1 --- /dev/null +++ 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 diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..720a29e --- /dev/null +++ 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 diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..d4f83f8 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,5 @@ + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..692c60d --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,14 @@ + + + + + + {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + + + + + + + + diff --git a/_includes/navigation.html b/_includes/navigation.html new file mode 100644 index 0000000..ca5eb2d --- /dev/null +++ b/_includes/navigation.html @@ -0,0 +1,8 @@ + diff --git a/_includes/social.html b/_includes/social.html new file mode 100644 index 0000000..94b5192 --- /dev/null +++ b/_includes/social.html @@ -0,0 +1,23 @@ +
+ +
diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..a5ff80d --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,11 @@ + + + {% include head.html %} + + {% include navigation.html %} + + {{ content }} + + {% include footer.html %} + + diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..bd7e097 --- /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..3a0fb52 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,15 @@ +--- +layout: default +--- +
+ +
+

{{ page.title }}

+

{% if page.author %} • {% endif %}

+
+ +
+ {{ content }} +
+ +
diff --git a/_pages/about.markdown b/_pages/about.markdown new file mode 100644 index 0000000..eb713b0 --- /dev/null +++ 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. diff --git a/_posts/2015-12-01-welcome-to-jekyll.markdown b/_posts/2015-12-01-welcome-to-jekyll.markdown new file mode 100644 index 0000000..d1fcec9 --- /dev/null +++ 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/ diff --git a/_sass/base/_reset.scss b/_sass/base/_reset.scss new file mode 100644 index 0000000..f6837c5 --- /dev/null +++ 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 { + +} diff --git a/_sass/components/_article.scss b/_sass/components/_article.scss new file mode 100644 index 0000000..c0cff3f --- /dev/null +++ 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; + } +} diff --git a/_sass/components/_buttons.scss b/_sass/components/_buttons.scss new file mode 100644 index 0000000..50cad2e --- /dev/null +++ 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; +} diff --git a/_sass/components/_footer.scss b/_sass/components/_footer.scss new file mode 100644 index 0000000..1b46e95 --- /dev/null +++ b/_sass/components/_footer.scss @@ -0,0 +1,9 @@ +/* ========================================================================== + Footer + ========================================================================== */ + +.c-footer { + width: 100%; + height: 300px; + background: $c__light-grey; +} diff --git a/_sass/components/_header.scss b/_sass/components/_header.scss new file mode 100644 index 0000000..e41fade --- /dev/null +++ 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); + } +} diff --git a/_sass/components/_navigation.scss b/_sass/components/_navigation.scss new file mode 100644 index 0000000..13259f5 --- /dev/null +++ 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; + } +} diff --git a/_sass/components/_social.scss b/_sass/components/_social.scss new file mode 100644 index 0000000..a26073d --- /dev/null +++ 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); +} diff --git a/_sass/helpers/_mixins.scss b/_sass/helpers/_mixins.scss new file mode 100644 index 0000000..79c323f --- /dev/null +++ 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 +} diff --git a/_sass/helpers/_variables.scss b/_sass/helpers/_variables.scss new file mode 100644 index 0000000..94e4901 --- /dev/null +++ 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; diff --git a/_sass/utilities/_layout.scss b/_sass/utilities/_layout.scss new file mode 100644 index 0000000..2b5627d --- /dev/null +++ b/_sass/utilities/_layout.scss @@ -0,0 +1,9 @@ +/* ========================================================================== + Layout + ========================================================================== */ + +.u-container { + max-width: 116rem; // 1160px + margin-right: auto; + margin-left: auto; +} diff --git a/_sass/utilities/_themes.scss b/_sass/utilities/_themes.scss new file mode 100644 index 0000000..7d3a1ee --- /dev/null +++ b/_sass/utilities/_themes.scss @@ -0,0 +1,7 @@ +/* ========================================================================== + Themes + ========================================================================== */ + +.t-purple { + +} diff --git a/_sass/vendor/_syntax-highlighting.scss b/_sass/vendor/_syntax-highlighting.scss new file mode 100644 index 0000000..e4414c5 --- /dev/null +++ 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 +} diff --git a/_site/CHANGELOG.md b/_site/CHANGELOG.md new file mode 100644 index 0000000..b013336 --- /dev/null +++ b/_site/CHANGELOG.md @@ -0,0 +1,3 @@ +# Change Log + +## [Unreleased] diff --git a/_site/LICENSE b/_site/LICENSE new file mode 100644 index 0000000..ec62559 --- /dev/null +++ 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. + diff --git a/_site/README.md b/_site/README.md new file mode 100644 index 0000000..c5894e1 --- /dev/null +++ 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 diff --git a/_site/about/index.html b/_site/about/index.html new file mode 100644 index 0000000..f6b2c13 --- /dev/null +++ b/_site/about/index.html @@ -0,0 +1,53 @@ + + + + + + + + About + + + + + + + + + + + + + +
+
+
+

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.

+ +
+
+ + + + + + diff --git a/_site/css/main.css b/_site/css/main.css new file mode 100644 index 0000000..b32e82d --- /dev/null +++ b/_site/css/main.css @@ -0,0 +1 @@ +*{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%}body{font-family:'Roboto', 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}article,aside,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[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%}a{background-color:transparent;text-decoration:none;color:#3F51B5}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}i,em{font-weight:italic}figure{margin:0}hr{margin-top:2.5rem;margin-bottom:2.5rem;width:100%;height:1px;border:0;background:#EFF1F3}pre{overflow:auto}.u-container{max-width:116rem;margin-right:auto;margin-left:auto}.c-header{padding-top:14.1rem;padding-bottom:7.5rem;padding-right:2.5rem;padding-left:2.5rem;background:#3F51B5}.c-header__title{position:relative;font-family:'Roboto Mono', monospace;font-weight:500;line-height:1.5;font-size:4rem;color:#fff}.c-header__title:after{margin-left:.5rem;color:rgba(255,255,255,0.5);content:'¬'}.c-header__title span{color:rgba(255,255,255,0.5)}.c-navigation{position:absolute;top:0;left:0;padding:0 2.5rem;width:100%;background:#3F51B5;z-index:10}.c-navigation:after{content:'';position:absolute;top:100%;left:0;width:100%;height:10px;background:linear-gradient(to bottom, rgba(0,0,0,0.25), transparent)}.c-navigation.is-fixed{position:fixed;will-change:transform}.c-navigation__item{position:relative;display:inline-block;padding-top:2.5rem;padding-bottom:2.5rem;font-family:'Roboto Mono', monospace;font-weight:500;line-height:1;font-size:1.6rem;color:#fff;text-transform:uppercase}.c-navigation__item:not(:last-of-type){margin-right:2.5rem}.c-navigation__item:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:transparent;transition:background ease-in-out 0.2s}.c-navigation__item:hover:after,.c-navigation__item.is-active:after{background:#fff}.c-article__main{max-width:76rem;margin-right:auto;margin-left:auto;padding-top:7.5rem;padding-bottom:7.5rem;padding-right:2.5rem;padding-left:2.5rem;line-height:1.5;font-size:1.8rem}.c-article__main>*{margin-bottom:1.8rem;color:rgba(0,0,0,0.7)}.c-article__main a:not(.c-btn){text-decoration:underline}.c-article__main blockquote{margin-left:-2.5rem;width:calc(100% + 5rem);padding:2.5rem;background:#FAFAFA}.c-social{padding:7.5rem;background:#fff}.c-social__list{max-width:76rem;margin-right:auto;margin-left:auto;list-style:none}.c-social__title{font-family:'Roboto Mono', monospace;font-weight:500;line-height:1.25;font-size:3rem;color:rgba(0,0,0,0.5)}.c-btn{padding:1.5rem 2rem;line-height:1;font-size:1.6rem;text-decoration:none;background:#FAFAFA;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);border-radius:3px}.c-btn-group{display:flex;justify-content:space-between}.c-footer{width:100%;height:300px;background:#FAFAFA}.highlight{margin-left:-2.5rem;width:calc(100% + 5rem);padding:2.5rem;background:#FAFAFA}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099} diff --git a/_site/feed.xml b/_site/feed.xml new file mode 100644 index 0000000..fdca42d --- /dev/null +++ b/_site/feed.xml @@ -0,0 +1,42 @@ + + + + Alex Carpenter + 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. + + http://yourdomain.com/ + + Wed, 02 Dec 2015 20:02:14 -0500 + Wed, 02 Dec 2015 20:02:14 -0500 + Jekyll v3.0.1 + + + Welcome to Jekyll! + <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> + + + Tue, 01 Dec 2015 18:52:21 -0500 + http://yourdomain.com/jekyll/update/2015/12/01/welcome-to-jekyll.html + http://yourdomain.com/jekyll/update/2015/12/01/welcome-to-jekyll.html + + + jekyll + + update + + + + + diff --git a/_site/index.html b/_site/index.html new file mode 100644 index 0000000..ee1291a --- /dev/null +++ b/_site/index.html @@ -0,0 +1,67 @@ + + + + + + + + Material Jekyll Theme + + + + + + + + + + + + + +
+
+
+

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

+ +
  .header {
+    font-size: 100px;
+  }
+ +

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.

+ +
+
+ + + + + + diff --git a/_site/jekyll/update/2015/12/01/welcome-to-jekyll.html b/_site/jekyll/update/2015/12/01/welcome-to-jekyll.html new file mode 100644 index 0000000..1097299 --- /dev/null +++ b/_site/jekyll/update/2015/12/01/welcome-to-jekyll.html @@ -0,0 +1,64 @@ + + + + + + + + Welcome to Jekyll! + + + + + + + + + + + + + +
+ +
+

Welcome to Jekyll!

+

+
+ +
+

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:

+ +
def print_hi(name)
+  puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+ +

Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo. If you have questions, you can ask them on Jekyll Talk.

+ + +
+ +
+ + + + + + diff --git a/css/main.scss b/css/main.scss new file mode 100644 index 0000000..bc92a64 --- /dev/null +++ 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'; diff --git a/feed.xml b/feed.xml new file mode 100644 index 0000000..a6628bd --- /dev/null +++ b/feed.xml @@ -0,0 +1,30 @@ +--- +layout: null +--- + + + + {{ site.title | xml_escape }} + {{ site.description | xml_escape }} + {{ site.url }}{{ site.baseurl }}/ + + {{ site.time | date_to_rfc822 }} + {{ site.time | date_to_rfc822 }} + Jekyll v{{ jekyll.version }} + {% for post in site.posts limit:10 %} + + {{ post.title | xml_escape }} + {{ post.content | xml_escape }} + {{ post.date | date_to_rfc822 }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {% for tag in post.tags %} + {{ tag | xml_escape }} + {% endfor %} + {% for cat in post.categories %} + {{ cat | xml_escape }} + {% endfor %} + + {% endfor %} + + diff --git a/index.markdown b/index.markdown new file mode 100644 index 0000000..c0c1691 --- /dev/null +++ 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.