Add slides sub-directories for Reveal.js

drupal-vm-symfony-console/2016-07-23-drupalcamp-bristol/slides/assets/.gitignore

@@ -0,0 +1,2 @@
+node_modules/
+*.map

drupal-vm-symfony-console/2016-07-23-drupalcamp-bristol/slides/assets/css/custom.css

@@ -0,0 +1,173 @@
+.reveal div.text-normal,
+.reveal ul.text-normal,
+.reveal li.text-normal,
+.reveal p.text-normal,
+.reveal pre code.text-normal {
+  font-size: 105%;
+  line-height: 1.3; }
+
+.reveal div.text-big,
+.reveal ul.text-big,
+.reveal li.text-big,
+.reveal p.text-big,
+.reveal pre code.text-big {
+  font-size: 200%; }
+
+.reveal div.text-medium,
+.reveal ul.text-medium,
+.reveal li.text-medium,
+.reveal p.text-medium,
+.reveal pre code.text-medium {
+  font-size: 150%;
+  line-height: 140%; }
+
+.reveal div.text-small,
+.reveal ul.text-small,
+.reveal li.text-small,
+.reveal p.text-small,
+.reveal pre code.text-small {
+  font-size: 120%;
+  line-height: 1.3; }
+
+.reveal div.text-left,
+.reveal ul.text-left,
+.reveal li.text-left,
+.reveal p.text-left,
+.reveal pre code.text-left {
+  text-align: left; }
+
+.reveal h1.big {
+  font-size: 2.5em; }
+
+.reveal h1,
+.reveal h2 {
+  margin-bottom: 40px; }
+
+.reveal h2 {
+  font-size: 1.5em; }
+
+.reveal h3.title {
+  font-size: 140%;
+  line-height: 125%; }
+
+.reveal ul.bullets {
+  display: block;
+  margin: 25px; }
+  .reveal ul.bullets li {
+    line-height: 100%;
+    padding-bottom: .75em;
+    font-size: 1.15em;
+    text-align: left;
+    margin-left: 50px; }
+  .reveal ul.bullets.medium {
+    margin: 15px; }
+    .reveal ul.bullets.medium li {
+      line-height: 100%;
+      padding-bottom: .75em;
+      font-size: 1.15em;
+      text-align: left; }
+
+.reveal .white {
+  color: white; }
+
+.reveal strong {
+  font-weight: bold; }
+
+.reveal h3.note {
+  font-size: 125%;
+  line-height: 125%;
+  background-color: #0076C2;
+  padding: 25px;
+  color: white; }
+
+.reveal div.text-small,
+.reveal span.text-small {
+  font-size: 80%; }
+
+[class^=col--] {
+  float: left;
+  margin-bottom: 20px !important; }
+  [class^=col--]:last-of-type {
+    float: right; }
+
+div.col--1-1 {
+  width: 100%; }
+
+div.col--2-1 {
+  width: 50%; }
+
+div.col--2-2 {
+  width: 100%; }
+
+div.col--3-1 {
+  width: 33.33333%; }
+
+div.col--3-2 {
+  width: 66.66667%; }
+
+div.col--3-3 {
+  width: 100%; }
+
+div.col--4-1 {
+  width: 25%; }
+
+div.col--4-2 {
+  width: 50%; }
+
+div.col--4-3 {
+  width: 75%; }
+
+div.col--4-4 {
+  width: 100%; }
+
+div.col--5-1 {
+  width: 20%; }
+
+div.col--5-2 {
+  width: 40%; }
+
+div.col--5-3 {
+  width: 60%; }
+
+div.col--5-4 {
+  width: 80%; }
+
+div.col--5-5 {
+  width: 100%; }
+
+div.col--6-1 {
+  width: 16.66667%; }
+
+div.col--6-2 {
+  width: 33.33333%; }
+
+div.col--6-3 {
+  width: 50%; }
+
+div.col--6-4 {
+  width: 66.66667%; }
+
+div.col--6-5 {
+  width: 83.33333%; }
+
+div.col--6-6 {
+  width: 100%; }
+
+.reveal code {
+  font-family: monospace,sans-serif; }
+
+.reveal pre {
+  width: 100%; }
+  .reveal pre code {
+    text-align: left;
+    font-size: .65em;
+    line-height: 115%;
+    padding: 10px 0; }
+
+.reveal {
+  background: white; }
+  .reveal section img {
+    max-width: 100%; }
+    .reveal section img.no-border {
+      border: 0;
+      box-shadow: none; }

drupal-vm-symfony-console/2016-07-23-drupalcamp-bristol/slides/assets/gulpfile.coffee

@@ -0,0 +1,28 @@
+gulp = require 'gulp'
+plugins = require('gulp-load-plugins')()
+del = require 'del'
+
+config =
+  sass:
+    sourceDir: 'sass'
+    pattern: '/**/*.sass'
+    outputDir: 'css'
+
+gulp.task 'styles', ->
+  gulp.src config.sass.sourceDir + config.sass.pattern
+    .pipe plugins.plumber()
+    .pipe plugins.sass()
+    .pipe plugins.refresh()
+    .pipe gulp.dest config.sass.outputDir
+
+gulp.task 'watch', ->
+  plugins.refresh.listen()
+
+  gulp.watch config.sass.sourceDir + config.sass.pattern, ['styles']
+
+gulp.task 'clean', ->
+  del.sync config.sass.outputDir
+
+gulp.task 'build', ['clean', 'styles']
+
+gulp.task 'default', ['build', 'watch']

drupal-vm-symfony-console/2016-07-23-drupalcamp-bristol/slides/assets/package.json

@@ -0,0 +1,14 @@
+{
+  "devDependencies": {
+    "coffee-script": "^1.10.0",
+    "del": "^2.2.0",
+    "gulp": "^3.9.1",
+    "gulp-load-plugins": "^1.2.4",
+    "gulp-plumber": "^1.1.0",
+    "gulp-refresh": "^1.1.0",
+    "gulp-sass": "^2.3.1"
+  },
+  "dependencies": {
+    "gulp": "^3.9.1"
+  }
+}

drupal-vm-symfony-console/2016-07-23-drupalcamp-bristol/slides/assets/sass/_code.sass

@@ -0,0 +1,12 @@
+.reveal
+  code
+    font-family: monospace,sans-serif
+
+  pre
+    width: 100%
+
+    code
+      text-align: left
+      font-size: .65em
+      line-height: 115%
+      padding: 10px 0

drupal-vm-symfony-console/2016-07-23-drupalcamp-bristol/slides/assets/sass/_grid.sass

@@ -0,0 +1,15 @@
+=grid($total, $number_of_columns)
+  width: (100% / $total) * $number_of_columns
+
+[class^=col--]
+  float: left
+  margin-bottom: 20px !important
+
+  &:last-of-type
+    float: right
+
+@for $total from 1 through 6
+  div.col--#{$total}
+    @for $columns from 1 through $total
+      &-#{$columns}
+        +grid($total, $columns)

drupal-vm-symfony-console/2016-07-23-drupalcamp-bristol/slides/assets/sass/_typography.sass

@@ -0,0 +1,75 @@
+.reveal
+  div,
+  ul,
+  li,
+  p,
+  pre code
+    &.text-normal
+      font-size: 105%
+      line-height: 1.3
+
+    &.text-big
+      font-size: 200%
+
+    &.text-medium
+      font-size: 150%
+      line-height: 140%
+
+    &.text-small
+      font-size: 120%
+      line-height: 1.3
+
+    &.text-left
+      text-align: left
+
+  h1.big
+    font-size: 2.5em
+
+  h1,
+  h2
+    margin-bottom: 40px
+
+  h2
+    font-size: 1.5em
+
+  h3.title
+    font-size: 140%
+    line-height: 125%
+
+  ul.bullets
+    display: block
+    margin: 25px
+
+    li
+      line-height: 100%
+      padding-bottom: .75em
+      font-size: 1.15em
+      text-align: left
+      margin-left: 50px
+
+    &.medium
+      margin: 15px
+
+      li
+        line-height: 100%
+        padding-bottom: .75em
+        font-size: 1.15em
+        text-align: left
+
+  .white
+    color: white
+
+  strong
+    font-weight: bold
+
+  h3.note
+    font-size: 125%
+    line-height: 125%
+    background-color: #0076C2
+    padding: 25px
+    color: white
+
+  div,
+  span
+    &.text-small
+      font-size: 80%

drupal-vm-symfony-console/2016-07-23-drupalcamp-bristol/slides/assets/sass/custom.sass

@@ -0,0 +1,13 @@
+@import "typography"
+@import "grid"
+@import "code"
+
+.reveal
+  background: white
+
+  section img
+    max-width: 100%
+
+    &.no-border
+      border: 0
+      box-shadow: none