From e883696526a22934b4aff6e4de4a272815fec892 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 5 Sep 2017 18:31:04 +0100
Subject: [PATCH] Remove unused stylesheets

---
 assets/sass/_base.sass                    | 21 --------------
 assets/sass/about.sass                    |  2 --
 assets/sass/base/_layout.sass             | 34 -----------------------
 assets/sass/base/_utilities.sass          |  5 ----
 assets/sass/blog.sass                     |  8 ------
 assets/sass/components/_availability.sass |  2 --
 assets/sass/components/_badges.sass       | 15 ----------
 assets/sass/components/_footer.sass       |  4 ---
 assets/sass/components/_meetups.sass      | 19 -------------
 assets/sass/components/_page-post.sass    | 10 -------
 assets/sass/experience.sass               | 21 --------------
 assets/sass/main.sass                     | 11 --------
 assets/sass/main.scss                     | 24 ----------------
 assets/sass/post.sass                     |  2 +-
 assets/sass/project.sass                  | 18 ------------
 assets/sass/talk.sass                     | 25 ++++++++++++-----
 assets/sass/testimonials.sass             |  3 --
 gulpfile.js                               |  2 ++
 source/_layouts/talk.html.twig            |  8 ++++--
 source/experience.html.twig               |  7 +++--
 20 files changed, 32 insertions(+), 209 deletions(-)
 delete mode 100644 assets/sass/_base.sass
 delete mode 100644 assets/sass/about.sass
 delete mode 100644 assets/sass/base/_layout.sass
 delete mode 100644 assets/sass/base/_utilities.sass
 delete mode 100644 assets/sass/blog.sass
 delete mode 100644 assets/sass/components/_availability.sass
 delete mode 100644 assets/sass/components/_badges.sass
 delete mode 100644 assets/sass/components/_footer.sass
 delete mode 100644 assets/sass/components/_meetups.sass
 delete mode 100644 assets/sass/components/_page-post.sass
 delete mode 100644 assets/sass/experience.sass
 delete mode 100644 assets/sass/main.scss
 delete mode 100644 assets/sass/project.sass
 delete mode 100644 assets/sass/testimonials.sass

diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
deleted file mode 100644
index 9e86e4a7..00000000
--- a/assets/sass/_base.sass
+++ /dev/null
@@ -1,21 +0,0 @@
-main
-    a:link,
-    a:hover
-        border-bottom: 1px solid
-        text-decoration: none
-
-    p img
-        margin: 1.5em 0
-
-.embed-container
-    padding: 56.25% 0 0
-    position: relative
-    width: 100%
-
-    iframe,
-    embed
-        height: 100%
-        left: 0
-        position: absolute
-        top: 0
-        width: 100%
diff --git a/assets/sass/about.sass b/assets/sass/about.sass
deleted file mode 100644
index b78430d4..00000000
--- a/assets/sass/about.sass
+++ /dev/null
@@ -1,2 +0,0 @@
-img.me
-    max-width: 110px
diff --git a/assets/sass/base/_layout.sass b/assets/sass/base/_layout.sass
deleted file mode 100644
index 7c2e7b80..00000000
--- a/assets/sass/base/_layout.sass
+++ /dev/null
@@ -1,34 +0,0 @@
-.is-centered
-    margin: 0 auto
-
-.is-half
-    width: 50%
-
-.flex
-    flex: 1
-
-.flex-wrap
-    flex-wrap: wrap
-
-.list-style-none
-    list-style: none !important
-
-.align-items-center
-  align-items: center
-
-@each $value in 'top', 'middle', 'bottom'
-    .table
-        & > thead > tr > th,
-        & > thead > tr > td,
-        & > tbody > tr > th,
-        & > tbody > tr > td,
-        & > tfoot > tr > th,
-        & > tfoot > tr > td
-            &.vertical-#{$value}
-                vertical-align: #{$value}
-
-$properties: ( mb: 'margin-bottom', ml: 'margin-left', mr: 'margin-right', mt: 'margin-top', pb: 'padding-bottom', pl: 'padding-left', pr: 'padding-right', pt: 'padding-top' )
-@each $key, $property in $properties
-    @for $value from 1 through 5
-        .#{$key}-#{$value}
-            #{$property}: #{$value}em !important
diff --git a/assets/sass/base/_utilities.sass b/assets/sass/base/_utilities.sass
deleted file mode 100644
index 90d897a6..00000000
--- a/assets/sass/base/_utilities.sass
+++ /dev/null
@@ -1,5 +0,0 @@
-.is-borderless
-    border: none !important
-
-.is-circle
-    border-radius: 50%
diff --git a/assets/sass/blog.sass b/assets/sass/blog.sass
deleted file mode 100644
index 7ec9953b..00000000
--- a/assets/sass/blog.sass
+++ /dev/null
@@ -1,8 +0,0 @@
-.page--blog__list
-    ul.posts
-        margin-bottom: 2em
-        margin-left: 0
-        margin-top: 0
-
-    .post
-        border-bottom: 1px solid #CCC
diff --git a/assets/sass/components/_availability.sass b/assets/sass/components/_availability.sass
deleted file mode 100644
index e7fe2696..00000000
--- a/assets/sass/components/_availability.sass
+++ /dev/null
@@ -1,2 +0,0 @@
-.availability p:last-of-type
-    margin-bottom: 0
diff --git a/assets/sass/components/_badges.sass b/assets/sass/components/_badges.sass
deleted file mode 100644
index c652a511..00000000
--- a/assets/sass/components/_badges.sass
+++ /dev/null
@@ -1,15 +0,0 @@
-.badges > *:not(:last-child)
-    margin: 0 auto 10px
-
-.badges img
-    height: auto
-    max-width: 100%
-
-.acquia-badges
-    border-collapse: collapse
-    display: table
-
-    .badge
-        background: none
-        display: table-cell
-        padding: 0
diff --git a/assets/sass/components/_footer.sass b/assets/sass/components/_footer.sass
deleted file mode 100644
index bb130123..00000000
--- a/assets/sass/components/_footer.sass
+++ /dev/null
@@ -1,4 +0,0 @@
-.copyright
-    border-top: 1px solid #CCC
-    margin-top: 1em
-    padding-top: 1em
diff --git a/assets/sass/components/_meetups.sass b/assets/sass/components/_meetups.sass
deleted file mode 100644
index b0851c25..00000000
--- a/assets/sass/components/_meetups.sass
+++ /dev/null
@@ -1,19 +0,0 @@
-.meetups
-    +clearfix
-
-    ul
-        list-style: none
-        padding-left: 0
-        margin-left: 0
-
-    li
-        display: inline-block
-        padding: 5px 0
-        margin: 0 5px 5px 0
-
-    a
-        display: block
-
-    img
-        max-height: 40px
-        width: auto
diff --git a/assets/sass/components/_page-post.sass b/assets/sass/components/_page-post.sass
deleted file mode 100644
index 02aed99e..00000000
--- a/assets/sass/components/_page-post.sass
+++ /dev/null
@@ -1,10 +0,0 @@
-.post-pager
-    clear: both
-    margin-top: 2em
-
-.post-pager div
-    flex: 1
-
-code[data-gist-id]
-    background: transparent
-    padding: 0
diff --git a/assets/sass/experience.sass b/assets/sass/experience.sass
deleted file mode 100644
index c1ef12ef..00000000
--- a/assets/sass/experience.sass
+++ /dev/null
@@ -1,21 +0,0 @@
-.experience-item-website
-    margin-bottom: 2px
-
-.experience-item-role
-    margin-bottom: .625rem
-
-.experience-item-logo
-    float: right
-    margin: 25px 0 1em 1.5em
-    max-width: 25%
-    +from(500px)
-        max-width: 20%
-    +desktop
-        max-width: 15%
-
-    img
-        height: auto
-        width: 100%
-
-.experience-item-description p:last-of-type
-    margin-bottom: 0
diff --git a/assets/sass/main.sass b/assets/sass/main.sass
index c8b06084..57c4cfc5 100644
--- a/assets/sass/main.sass
+++ b/assets/sass/main.sass
@@ -9,14 +9,3 @@ li,
 td
     a
         color: $blue
-
-.video
-    padding: 56.25% 0 0
-
-.video iframe,
-.video embed 
-  height: 100%
-  left: 0
-  position: absolute
-  top: 0
-  width: 100%
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
deleted file mode 100644
index 287ec892..00000000
--- a/assets/sass/main.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-@import "node_modules/tachyons-sass/tachyons";
-
-$blue1: #0678be;
-
-p,
-li,
-td {
-    a { color: $blue1; }
-}
-
-.blue1 { color: $blue1; }
-
-.video {
-    padding: 56.25% 0 0;
-}
-
-.video iframe,
-.video embed {
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
diff --git a/assets/sass/post.sass b/assets/sass/post.sass
index 58df6f28..3125a43f 100644
--- a/assets/sass/post.sass
+++ b/assets/sass/post.sass
@@ -1,4 +1,4 @@
-pre
+#pre
     display: block
     overflow: auto
     word-break: normal
diff --git a/assets/sass/project.sass b/assets/sass/project.sass
deleted file mode 100644
index 44b68114..00000000
--- a/assets/sass/project.sass
+++ /dev/null
@@ -1,18 +0,0 @@
-@import "node_modules/bulma/sass/utilities/initial-variables"
-@import "node_modules/bulma/sass/utilities/mixins"
-
-.project-company
-    &.has-logo
-        a:link,
-        a:hover
-            border-bottom: 0
-            display: block
-
-        img
-            max-width: 75%
-
-            +tablet
-                max-width: 50%
-
-            +desktop
-                max-width: 33.3%
diff --git a/assets/sass/talk.sass b/assets/sass/talk.sass
index 55af4694..0bd2eab6 100644
--- a/assets/sass/talk.sass
+++ b/assets/sass/talk.sass
@@ -1,11 +1,22 @@
-@import "node_modules/bulma/sass/utilities/initial-variables"
-@import "node_modules/bulma/sass/utilities/mixins"
+@import "./node_modules/tachyons-sass/scss/media-queries"
 
-.talk-slides
-    background: url('../images/loading.gif') no-repeat center
+.slides
+    background-image: url('../images/loading.gif')
     min-height: 275px
-    width: 100%
-    +tablet
+
+    @media #{$breakpoint-medium}
         min-height: 460px
-    +desktop
+
+    @media #{$breakpoint-large}
         min-height: 540px
+
+.video
+    padding-top: 56.25%
+
+.video iframe,
+.video embed 
+  height: 100%
+  left: 0
+  position: absolute
+  top: 0
+  width: 100%
diff --git a/assets/sass/testimonials.sass b/assets/sass/testimonials.sass
deleted file mode 100644
index 74c21553..00000000
--- a/assets/sass/testimonials.sass
+++ /dev/null
@@ -1,3 +0,0 @@
-.testimonial-image
-    height: 75px
-    width: 75px
diff --git a/gulpfile.js b/gulpfile.js
index cd26a9b1..c897e34b 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -58,6 +58,8 @@ gulp.task('styles', function () {
         'node_modules/prismjs/themes/prism-twilight.css',
         config.sass.sourceDir + '/post.sass'
     ], 'post.css')
+
+    app.sass(config.sass.sourceDir + '/talk.sass', 'talk.css');
 });
 
 gulp.task('scripts', function () {
diff --git a/source/_layouts/talk.html.twig b/source/_layouts/talk.html.twig
index 1f842f75..15190273 100644
--- a/source/_layouts/talk.html.twig
+++ b/source/_layouts/talk.html.twig
@@ -8,7 +8,7 @@
     {% if page.slides.embed %}
         <div class="mt2">
             <h2>Slides</h2>
-            <div class="talk-slides">
+            <div class="slides w-100 bg-center">
                 {{ page.slides.embed|raw }}
             </div>
         </div>
@@ -18,7 +18,7 @@
         <div class="mt2">
             <h2>Video</h2>
 
-            <div class="video w-100 relative">
+            <div class="video w-100 pa0 relative">
                 {{ page.video.embed|raw }}
             </div>
         </div>
@@ -45,3 +45,7 @@
         } %}
     </div>
 {% endblock %}
+
+{% block stylesheets %}
+    <link rel="stylesheet" href="{{ site.url }}/assets/css/talk.css">
+{% endblock %}
diff --git a/source/experience.html.twig b/source/experience.html.twig
index df7e8ba7..54022d19 100644
--- a/source/experience.html.twig
+++ b/source/experience.html.twig
@@ -14,8 +14,11 @@ redirect:
 
         <div class="cf mb4">
             {% if company.logo %}
-                <div class="fr mb3 ml3 mt2">
-                    <img src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}" alt="{{ company.name }} logo" class="mw4">
+                <div class="fr mb3 ml3 mt2 mw3 mw4-ns">
+                    <img
+                        src="{{ site.images_url }}/assets/images/experience/{{ company.logo }}"
+                        alt="{{ company.name }} logo"
+                        class="image">
                 </div>
             {% endif %}