diff --git a/_config.yml b/_config.yml index 720a29e..9eb0eb2 100644 --- a/_config.yml +++ b/_config.yml @@ -8,7 +8,7 @@ description: > baseurl: "/material-jekyll-theme" url: "http://alexcarpenter.me" fixedNav: 'true' # true or false -theme: purple # green, blue, orange, purple, grey +theme: grey # green, blue, orange, purple, grey twitterUsername: jekyllrb githubUsername: jekyll diff --git a/_includes/head.html b/_includes/head.html index 692c60d..37ee301 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,4 +1,4 @@ - + diff --git a/_layouts/default.html b/_layouts/default.html index a5ff80d..0e91fd4 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,5 +1,5 @@ - + {% include head.html %} {% include navigation.html %} diff --git a/_sass/themes/_blue.scss b/_sass/themes/_blue.scss new file mode 100644 index 0000000..3adb5d2 --- /dev/null +++ b/_sass/themes/_blue.scss @@ -0,0 +1,15 @@ +/* ========================================================================== + Blue Theme + ========================================================================== */ + +.t-blue { + + .c-navigation, + .c-header { + background: $c__blue; + } + + .c-article__main a:not(.c-btn) { + color: $c__blue; + } +} diff --git a/_sass/themes/_green.scss b/_sass/themes/_green.scss new file mode 100644 index 0000000..8fc28c1 --- /dev/null +++ b/_sass/themes/_green.scss @@ -0,0 +1,15 @@ +/* ========================================================================== + Green Theme + ========================================================================== */ + +.t-green { + + .c-navigation, + .c-header { + background: $c__green; + } + + .c-article__main a:not(.c-btn) { + color: $c__green; + } +} diff --git a/_sass/themes/_grey.scss b/_sass/themes/_grey.scss new file mode 100644 index 0000000..0b8c54b --- /dev/null +++ b/_sass/themes/_grey.scss @@ -0,0 +1,15 @@ +/* ========================================================================== + Grey Theme + ========================================================================== */ + +.t-grey { + + .c-navigation, + .c-header { + background: $c__blue-grey; + } + + .c-article__main a:not(.c-btn) { + color: $c__blue-grey; + } +} diff --git a/_sass/themes/_orange.scss b/_sass/themes/_orange.scss new file mode 100644 index 0000000..2ae0a5d --- /dev/null +++ b/_sass/themes/_orange.scss @@ -0,0 +1,15 @@ +/* ========================================================================== + Grey Theme + ========================================================================== */ + +.t-orange { + + .c-navigation, + .c-header { + background: $c__deep-orange; + } + + .c-article__main a:not(.c-btn) { + color: $c__deep-orange; + } +} diff --git a/_sass/themes/_purple.scss b/_sass/themes/_purple.scss new file mode 100644 index 0000000..0524fc3 --- /dev/null +++ b/_sass/themes/_purple.scss @@ -0,0 +1,15 @@ +/* ========================================================================== + Grey Theme + ========================================================================== */ + +.t-purple { + + .c-navigation, + .c-header { + background: $c__deep-purple; + } + + .c-article__main a:not(.c-btn) { + color: $c__deep-purple; + } +} diff --git a/_site/about/index.html b/_site/about/index.html index f6b2c13..20a1f04 100644 --- a/_site/about/index.html +++ b/_site/about/index.html @@ -1,6 +1,6 @@ - - + + @@ -11,18 +11,18 @@ - - - + + + diff --git a/_site/css/main.css b/_site/css/main.css index b32e82d..f6fab5e 100644 --- a/_site/css/main.css +++ b/_site/css/main.css @@ -1 +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} +*{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}.t-blue .c-navigation,.t-blue .c-header{background:#2196F3}.t-blue .c-article__main a:not(.c-btn){color:#2196F3}.t-green .c-navigation,.t-green .c-header{background:#4CAF50}.t-green .c-article__main a:not(.c-btn){color:#4CAF50}.t-grey .c-navigation,.t-grey .c-header{background:#607D8B}.t-grey .c-article__main a:not(.c-btn){color:#607D8B}.t-orange .c-navigation,.t-orange .c-header{background:#FF5722}.t-orange .c-article__main a:not(.c-btn){color:#FF5722}.t-purple .c-navigation,.t-purple .c-header{background:#673AB7}.t-purple .c-article__main a:not(.c-btn){color:#673AB7}.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 index fdca42d..72d26fb 100644 --- a/_site/feed.xml +++ b/_site/feed.xml @@ -4,10 +4,10 @@ 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 + http://alexcarpenter.me/material-jekyll-theme/ + + Thu, 03 Dec 2015 19:12:05 -0500 + Thu, 03 Dec 2015 19:12:05 -0500 Jekyll v3.0.1 @@ -28,8 +28,8 @@ 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 + http://alexcarpenter.me/material-jekyll-theme/jekyll/update/2015/12/01/welcome-to-jekyll.html + http://alexcarpenter.me/material-jekyll-theme/jekyll/update/2015/12/01/welcome-to-jekyll.html jekyll diff --git a/_site/index.html b/_site/index.html index ee1291a..ab1bad3 100644 --- a/_site/index.html +++ b/_site/index.html @@ -1,6 +1,6 @@ - - + + @@ -11,18 +11,18 @@ - - - + + + diff --git a/_site/jekyll/update/2015/12/01/welcome-to-jekyll.html b/_site/jekyll/update/2015/12/01/welcome-to-jekyll.html index 1097299..3f33ef9 100644 --- a/_site/jekyll/update/2015/12/01/welcome-to-jekyll.html +++ b/_site/jekyll/update/2015/12/01/welcome-to-jekyll.html @@ -1,6 +1,6 @@ - - + + @@ -10,18 +10,18 @@ - - - + + + diff --git a/css/main.scss b/css/main.scss index bc92a64..dd00b2e 100644 --- a/css/main.scss +++ b/css/main.scss @@ -25,6 +25,14 @@ 'components/buttons', 'components/footer'; +// Themes +@import + 'themes/blue', + 'themes/green', + 'themes/grey', + 'themes/orange', + 'themes/purple'; + // Vendor @import 'vendor/syntax-highlighting';