diff --git a/assets/sass/components/_page-about.sass b/assets/sass/about.sass similarity index 100% rename from assets/sass/components/_page-about.sass rename to assets/sass/about.sass diff --git a/assets/sass/base/_code.sass b/assets/sass/base/_code.sass deleted file mode 100644 index c347ee0f..00000000 --- a/assets/sass/base/_code.sass +++ /dev/null @@ -1,18 +0,0 @@ -pre - display: block - overflow: auto - word-break: normal - word-wrap: no-wrap - -pre[class*="language-"] - border: 0 - border-radius: 0 - margin: 1.5em 0 - -pre code - white-space: pre - word-break: normal - -code.hljs - background-color: inherit - padding: 0 diff --git a/assets/sass/blog-post.sass b/assets/sass/blog-post.sass new file mode 100644 index 00000000..8ceb2bd1 --- /dev/null +++ b/assets/sass/blog-post.sass @@ -0,0 +1,39 @@ +@import '../../vendor/bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins/clearfix' + +.post-pager + clear: both + margin-top: 2em + +.post-pager div + flex: 1 + +pre + display: block + overflow: auto + word-break: normal + word-wrap: no-wrap + +pre[class*="language-"] + border: 0 + border-radius: 0 + margin: 1.5em 0 + +pre code + white-space: pre + word-break: normal + +code.hljs + background-color: inherit + padding: 0 + +code[data-gist-id] + background: transparent + padding: 0 + +.about-author + +clearfix + + img + float: left + margin: 0 1em 1em 0 + width: 50px diff --git a/assets/sass/components/_blog-list.sass b/assets/sass/blog.sass similarity index 69% rename from assets/sass/components/_blog-list.sass rename to assets/sass/blog.sass index 765521a1..674bdfc6 100644 --- a/assets/sass/components/_blog-list.sass +++ b/assets/sass/blog.sass @@ -1,3 +1,5 @@ +@import '../../vendor/bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins/clearfix' + .page--blog__list ul.posts list-style: none diff --git a/assets/sass/components/_about-author.sass b/assets/sass/components/_about-author.sass index 1c6eeeef..e69de29b 100644 --- a/assets/sass/components/_about-author.sass +++ b/assets/sass/components/_about-author.sass @@ -1,7 +0,0 @@ -.about-author - +clearfix - - img - float: left - margin: 0 1em 1em 0 - width: 50px diff --git a/assets/sass/components/_page-experience.sass b/assets/sass/experience.sass similarity index 70% rename from assets/sass/components/_page-experience.sass rename to assets/sass/experience.sass index f278674e..202ba3d6 100644 --- a/assets/sass/components/_page-experience.sass +++ b/assets/sass/experience.sass @@ -1,3 +1,7 @@ +@import '../../vendor/bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins/clearfix' +@import '../../vendor/bower_components/bootstrap-sass/assets/stylesheets/bootstrap/variables' +@import 'mixins' + .experience-item margin-bottom: $padding-large-vertical * 3 +clearfix diff --git a/assets/sass/main.sass b/assets/sass/main.sass new file mode 100644 index 00000000..7d476575 --- /dev/null +++ b/assets/sass/main.sass @@ -0,0 +1,12 @@ +@import '../../vendor/bower_components/bootstrap-sass/assets/stylesheets/bootstrap' + +@import 'base' +@import 'mixins' + +@import 'base/layout' +@import 'base/typography' + +@import 'components/availability' +@import 'components/badges' +@import 'components/footer' +@import 'components/meetups' diff --git a/assets/sass/components/_project-company.sass b/assets/sass/project.sass similarity index 70% rename from assets/sass/components/_project-company.sass rename to assets/sass/project.sass index 523b1f9d..516cfd9c 100644 --- a/assets/sass/components/_project-company.sass +++ b/assets/sass/project.sass @@ -1,3 +1,6 @@ +@import '../../vendor/bower_components/bootstrap-sass/assets/stylesheets/bootstrap/variables' +@import 'mixins' + .project-company &.has-logo a:link, diff --git a/assets/sass/site.sass b/assets/sass/site.sass deleted file mode 100644 index ad5f732d..00000000 --- a/assets/sass/site.sass +++ /dev/null @@ -1,21 +0,0 @@ -@import '../../vendor/bower_components/bootstrap-sass/assets/stylesheets/bootstrap' - -@import 'base' -@import 'mixins' - -@import 'base/layout' -@import 'base/typography' -@import 'base/code' - -@import 'components/about-author' -@import 'components/availability' -@import 'components/badges' -@import 'components/blog-list' -@import 'components/footer' -@import 'components/meetups' -@import 'components/page-about' -@import 'components/page-post' -@import 'components/page-experience' -@import 'components/page-talk' -@import 'components/project-company' -@import 'components/testimonials' diff --git a/assets/sass/talk.sass b/assets/sass/talk.sass new file mode 100644 index 00000000..3c048396 --- /dev/null +++ b/assets/sass/talk.sass @@ -0,0 +1,14 @@ +@import '../../vendor/bower_components/bootstrap-sass/assets/stylesheets/bootstrap/variables' +@import 'mixins' + +.talk-full h1 + margin-bottom: 25px + +.presentation + background: url('../images/loading.gif') no-repeat center + min-height: 275px + width: 100% + +tablet + min-height: 460px + +desktop + min-height: 540px diff --git a/assets/sass/components/_page-talk.sass b/assets/sass/talks-table.sass similarity index 57% rename from assets/sass/components/_page-talk.sass rename to assets/sass/talks-table.sass index d11b6f7d..5bdfe99c 100644 --- a/assets/sass/components/_page-talk.sass +++ b/assets/sass/talks-table.sass @@ -1,15 +1,3 @@ -.talk-full h1 - margin-bottom: 25px - -.presentation - background: url('../images/loading.gif') no-repeat center - min-height: 275px - width: 100% - +tablet - min-height: 460px - +desktop - min-height: 540px - .talk-event-table & > thead > tr > th, & > tbody > tr > td diff --git a/assets/sass/components/_testimonials.sass b/assets/sass/testimonials.sass similarity index 53% rename from assets/sass/components/_testimonials.sass rename to assets/sass/testimonials.sass index eaca8768..1cbaff0a 100644 --- a/assets/sass/components/_testimonials.sass +++ b/assets/sass/testimonials.sass @@ -1,3 +1,7 @@ +@import '../../vendor/bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins/clearfix' +@import '../../vendor/bower_components/bootstrap-sass/assets/stylesheets/bootstrap/variables' +@import 'mixins' + .testimonial +clearfix margin-bottom: 10px diff --git a/gulpfile.js b/gulpfile.js index 024d8fb5..b92db22b 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -20,12 +20,10 @@ var config = { } }; -gulp.task('styles', function () { - return gulp.src([ - config.bowerDir + '/font-awesome/css/font-awesome.css', - config.bowerDir + '/prism/themes/prism-twilight.css', - config.sass.sourceDir + config.sass.pattern - ]) +var app = {}; + +app.sass = function (sourceFiles, filename) { + return gulp.src(sourceFiles) .pipe(plugins.plumber()) .pipe(plugins.if(!config.production, plugins.sourcemaps.init())) .pipe(plugins.sassGlob()) @@ -34,7 +32,7 @@ gulp.task('styles', function () { browsers: ["last 2 versions", "> 5%"], cascade: false })) - .pipe(plugins.concat('site.css')) + .pipe(plugins.concat(filename)) .pipe(plugins.if(config.production, plugins.purifycss([ 'source/**/*.html', 'source/**/*.md', @@ -44,6 +42,25 @@ gulp.task('styles', function () { .pipe(plugins.if(!config.production, plugins.sourcemaps.write('.'))) .pipe(plugins.if(!config.production, plugins.refresh())) .pipe(gulp.dest(config.sass.outputDir)); +} + +gulp.task('styles', function () { + app.sass([ + config.bowerDir + '/font-awesome/css/font-awesome.css', + config.sass.sourceDir + '/main.sass' + ], 'main.css'); + + app.sass(config.sass.sourceDir + '/about.sass', 'about.css'); + app.sass(config.sass.sourceDir + '/blog.sass', 'blog.css'); + app.sass([ + config.bowerDir + '/prism/themes/prism-twilight.css', + config.sass.sourceDir + '/blog-post.sass' + ], 'blog-post.css'); + app.sass(config.sass.sourceDir + '/experience.sass', 'experience.css'); + app.sass(config.sass.sourceDir + '/project.sass', 'project.css'); + app.sass(config.sass.sourceDir + '/talk.sass', 'talk.css'); + app.sass(config.sass.sourceDir + '/talks-table.sass', 'talks-table.css'); + app.sass(config.sass.sourceDir + '/testimonials.sass', 'testimonials.css'); }); gulp.task('scripts', function () { diff --git a/source/_partials/head.twig b/source/_partials/head.twig index 6a947642..e69de29b 100644 --- a/source/_partials/head.twig +++ b/source/_partials/head.twig @@ -1,24 +0,0 @@ -
- {% include 'title' %} - - - - - - {% if page.meta.description %} - - {% endif %} - - {% include 'og' with { og: page.meta.og } %} - - - {% block styles %}{% endblock %} - - {% for size in site.apple_touch_icon_sizes %} - - {% endfor %} - - {% for size in site.favicon_sizes %} - - {% endfor %} - diff --git a/source/_views/default.twig b/source/_views/default.twig index 82c9307c..9a5deaf7 100644 --- a/source/_views/default.twig +++ b/source/_views/default.twig @@ -1,6 +1,29 @@ - {% include 'head' %} + + {% include 'title' %} + + + + + + {% if page.meta.description %} + + {% endif %} + + {% include 'og' with { og: page.meta.og } %} + + + {% block stylesheets '' %} + + {% for size in site.apple_touch_icon_sizes %} + + {% endfor %} + + {% for size in site.favicon_sizes %} + + {% endfor %} + {% include 'nav' %} @@ -9,9 +32,7 @@I regularly speak at conferences and user groups about a range of subjects including Drupal, Sculpin and Git. If you would like to me to speak at your group or conference, please get in touch.
+I regularly speak at conferences and user groups about a range of subjects including Drupal, Sculpin and Git. If you would like to me to speak at your group or conference, please get in touch.
-There is also information about events that I’ve attended and spoken at on my Lanyrd and Joind.in profiles.
+There is also information about events that I’ve attended and spoken at on my Lanyrd and Joind.in profiles.
-{% set upcoming_events = [] %} -{% set past_events = [] %} + {% set upcoming_events = [] %} + {% set past_events = [] %} -{% for talk in data.talks %} - {% for event in talk.events if event.date >= 'today'|date('Y-m-d') %} - {% set event = event|merge({ talk: talk })|merge(site.events[event.id]) %} - {% set upcoming_events = upcoming_events|merge([event]) %} + {% for talk in data.talks %} + {% for event in talk.events if event.date >= 'today'|date('Y-m-d') %} + {% set event = event|merge({ talk: talk })|merge(site.events[event.id]) %} + {% set upcoming_events = upcoming_events|merge([event]) %} + {% endfor %} + + {% for event in talk.events if event.date < 'today'|date('Y-m-d') %} + {% set event = event|merge({ talk: talk })|merge(site.events[event.id]) %} + {% set past_events = past_events|merge([event]) %} + {% endfor %} {% endfor %} - {% for event in talk.events if event.date < 'today'|date('Y-m-d') %} - {% set event = event|merge({ talk: talk })|merge(site.events[event.id]) %} - {% set past_events = past_events|merge([event]) %} - {% endfor %} -{% endfor %} + {% if upcoming_events is not empty %} +You can view more talks in the talks archive.
+{% endblock %} -{% include "talks-table" with { - events: past_events|sortbyfield('date')|reverse[:5] -} %} - -You can view more talks in the talks archive.
+{% block stylesheets %} + +{% endblock %} diff --git a/source/testimonials.twig b/source/testimonials.twig index 20f51dab..3b975041 100644 --- a/source/testimonials.twig +++ b/source/testimonials.twig @@ -89,3 +89,7 @@ use: [posts] {% endblock %} {% block body_classes 'page--testimonials' %} + +{% block stylesheets %} + +{% endblock %}