Browse Source

Add framework for creating reveal.js presentations.

dependabot/npm_and_yarn/lodash-4.17.19
Alex Wood 3 months ago
committed by Adam Price
parent
commit
80850677e1
58 changed files with 6582 additions and 34 deletions
  1. +14
    -5
      Gruntfile.js
  2. +6
    -0
      _config.yml
  3. +56
    -0
      _layouts/presentation.html
  4. +151
    -0
      _sass/_solarized.scss
  5. +57
    -0
      _sass/vendor/reveal/layout.scss
  6. +173
    -0
      _sass/vendor/reveal/print/paper.scss
  7. +156
    -0
      _sass/vendor/reveal/print/pdf.scss
  8. +1822
    -0
      _sass/vendor/reveal/reveal.scss
  9. +21
    -0
      _sass/vendor/reveal/theme/README.md
  10. +39
    -0
      _sass/vendor/reveal/theme/source/beige.scss
  11. +49
    -0
      _sass/vendor/reveal/theme/source/black.scss
  12. +78
    -0
      _sass/vendor/reveal/theme/source/blood.scss
  13. +34
    -0
      _sass/vendor/reveal/theme/source/league.scss
  14. +57
    -0
      _sass/vendor/reveal/theme/source/moon.scss
  15. +34
    -0
      _sass/vendor/reveal/theme/source/night.scss
  16. +35
    -0
      _sass/vendor/reveal/theme/source/serif.scss
  17. +43
    -0
      _sass/vendor/reveal/theme/source/simple.scss
  18. +46
    -0
      _sass/vendor/reveal/theme/source/sky.scss
  19. +63
    -0
      _sass/vendor/reveal/theme/source/solarized.scss
  20. +49
    -0
      _sass/vendor/reveal/theme/source/white.scss
  21. +27
    -0
      _sass/vendor/reveal/theme/template/exposer.scss
  22. +29
    -0
      _sass/vendor/reveal/theme/template/mixins.scss
  23. +45
    -0
      _sass/vendor/reveal/theme/template/settings.scss
  24. +310
    -0
      _sass/vendor/reveal/theme/template/theme.scss
  25. +3
    -0
      assets/paper.scss
  26. +3
    -0
      assets/pdf.scss
  27. +223
    -0
      assets/presentation-dark.scss
  28. +223
    -0
      assets/presentation.scss
  29. +2
    -0
      assets/vendor/jquery/jquery.min.js
  30. +1
    -0
      assets/vendor/jquery/jquery.min.map
  31. +0
    -2
      assets/vendor/js/jquery/jquery.min.js
  32. +0
    -1
      assets/vendor/js/jquery/jquery.min.map
  33. +5
    -0
      assets/vendor/reveal/plugin/highlight/highlight.esm.js
  34. +5
    -0
      assets/vendor/reveal/plugin/highlight/highlight.js
  35. +71
    -0
      assets/vendor/reveal/plugin/highlight/monokai.css
  36. +419
    -0
      assets/vendor/reveal/plugin/highlight/plugin.js
  37. +80
    -0
      assets/vendor/reveal/plugin/highlight/zenburn.css
  38. +1
    -0
      assets/vendor/reveal/plugin/markdown/markdown.esm.js
  39. +1
    -0
      assets/vendor/reveal/plugin/markdown/markdown.js
  40. +451
    -0
      assets/vendor/reveal/plugin/markdown/plugin.js
  41. +1
    -0
      assets/vendor/reveal/plugin/math/math.esm.js
  42. +1
    -0
      assets/vendor/reveal/plugin/math/math.js
  43. +91
    -0
      assets/vendor/reveal/plugin/math/plugin.js
  44. +1
    -0
      assets/vendor/reveal/plugin/notes/notes.esm.js
  45. +1
    -0
      assets/vendor/reveal/plugin/notes/notes.js
  46. +184
    -0
      assets/vendor/reveal/plugin/notes/plugin.js
  47. +852
    -0
      assets/vendor/reveal/plugin/notes/speaker-view.html
  48. +243
    -0
      assets/vendor/reveal/plugin/search/plugin.js
  49. +1
    -0
      assets/vendor/reveal/plugin/search/search.esm.js
  50. +1
    -0
      assets/vendor/reveal/plugin/search/search.js
  51. +279
    -0
      assets/vendor/reveal/plugin/zoom/plugin.js
  52. +4
    -0
      assets/vendor/reveal/plugin/zoom/zoom.esm.js
  53. +4
    -0
      assets/vendor/reveal/plugin/zoom/zoom.js
  54. +8
    -0
      assets/vendor/reveal/reveal.css
  55. +9
    -0
      assets/vendor/reveal/reveal.js
  56. +4
    -3
      bower.json
  57. +15
    -22
      package-lock.json
  58. +1
    -1
      package.json

+ 14
- 5
Gruntfile.js View File

@@ -9,14 +9,23 @@ module.exports = function (grunt) {
options: { destPrefix: '_sass/vendor' },
files: {
'bulma/sass': 'bulma/sass',
'bulma/bulma.sass': 'bulma/bulma.sass'
'bulma/bulma.sass': 'bulma/bulma.sass',
'reveal': 'reveal.js/css',
}
},
js: {
options: { destPrefix: 'assets/vendor/js' },
jquery: {
options: { destPrefix: 'assets/vendor/jquery' },
files: {
'jquery/jquery.min.js': 'jquery/dist/jquery.min.js',
'jquery/jquery.min.map': 'jquery/dist/jquery.min.map'
'jquery.min.js': 'jquery/dist/jquery.min.js',
'jquery.min.map': 'jquery/dist/jquery.min.map',
}
},
reveal: {
options: { destPrefix: 'assets/vendor/reveal' },
files: {
'reveal.js': 'reveal.js/dist/reveal.js',
'reveal.css': 'reveal.js/dist/reveal.css',
'plugin': 'reveal.js/plugin',
}
}
},


+ 6
- 0
_config.yml View File

@@ -23,5 +23,11 @@ exclude:
- Gruntfile.js
- .eslintrc.json

defaults:
- scope:
path: "presentations"
values:
layout: "presentation"

kramdown:
hard_wrap: false

+ 56
- 0
_layouts/presentation.html View File

@@ -0,0 +1,56 @@
<!DOCTYPE HTML>
{% capture reveal_home %}{{ site.baseurl }}/assets/vendor/reveal{% endcapture %}
{% assign theme = page.theme %}
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>

<meta name="description" content=" {{ page.description }} "/>
<meta name="author" content="{{ page.author }}">

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">

<link rel="stylesheet" href="{{ reveal_home }}/reveal.css">
<link rel="stylesheet" href="{{ site.baseurl }}/assets/{{ theme }}" id="theme"/>

<!-- Printing and PDF exports -->
<script type="text/javascript">
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? '{{ site.baseurl }}/assets/pdf.css' : '{{ site.baseurl }}/assets/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>

<body>
<script type="text/javascript" src="{{ reveal_home }}/reveal.js"></script>
<script type="text/javascript" src="{{ reveal_home }}/plugin/markdown/markdown.js"></script>
<script type="text/javascript" src="{{ reveal_home }}/plugin/notes/notes.js"></script>

<div class="reveal">
<div class="slides">
{{ content }}
</div>
</div>

<script type="text/javascript">
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
width: 1600,
height: 900,
transition: 'slide', // none/fade/slide/convex/concave/zoom
plugins: [ RevealMarkdown, RevealNotes ]
});
</script>
</body>
</html>

+ 151
- 0
_sass/_solarized.scss View File

@@ -0,0 +1,151 @@
/*
A SCSS style-sheet for Pygments using the Solarized color-scheme

Information on Solarized is at http://ethanschoonover.com/solarized

Two mixins, solarized-dark and solarized-light are provided for convenience
and if you wish to use your own primary and secondary colors, you may call the
solarized mixin and provide parameters for the primary and secondary values.

The CSS class names are derived from the CSS classes that Pygments uses when
you generate a CSS file based on a style. E.g. pygmentize -S vim -f html

An explanation of the Pygments token types is at http://pygments.org/docs/tokens/
*/

$solarized-yellow: #b58900;
$solarized-orange: #cb4b16;
$solarized-red: #dc322f;
$solarized-magenta: #d33682;
$solarized-violet: #6c71c4;
$solarized-blue: #268bd2;
$solarized-cyan: #2aa198;
$solarized-green: #859900;

$solarized-base03: #002b36;
$solarized-base02: #073642;
$solarized-base01: #586e75;
$solarized-base00: #657b83;
$solarized-base0: #839496;
$solarized-base1: #93a1a1;
$solarized-base2: #eee8d5;
$solarized-base3: #fdf6e3;

$solarized-dark-primary: $solarized-base0;
$solarized-dark-secondary: $solarized-base01;
$solarized-dark-bg: $solarized-base03;

$solarized-light-primary: $solarized-base00;
$solarized-light-secondary: $solarized-base1;
$solarized-light-bg: $solarized-base3;

@mixin solarized($solarized-primary, $solarized-secondary) {
// Cyan
.m, // Literal.Number
.s, // Literal.String
.mf, // Literal.Number.Float
.mh, // Literal.Number.Hex
.mi, // Literal.Number.Integer
.mo, // Literal.Number.Oct
.sc, // Literal.String.Char
.s2, // Literal.String.Double
.si, // Literal.String.Interpol
.sx, // Literal.String.Other
.s1, // Literal.String.Single
.ss, // Literal.String.Symbol
.il, // Literal.Number.Integer.Long
.gd // Generic.Deleted
{ color: $solarized-cyan; }

// Green
.k, // Keyword
.o, // Operator
.ow, // Operator.Word
.cp, // Comment.Preproc
.cs, // Comment.Special
.gi, // Generic.Inserted
.kn, // Keyword.Namespace
.kp // Keyword.Pseudo
{ color: $solarized-green; }

// Orange
.x, // Other
.gh, // Generic.Heading
.gu, // Generic.Subheading
.kc, // Keyword.Constant
.no, // Name.Constant
.ni, // Name.Entity
.ne, // Name.Exception
.se // Literal.String.Escape
{ color: $solarized-orange; }

// Blue
.kd, // Keyword.Declaration
.kr, // Keyword.Reserved
.nc, // Name.Class
.nd, // Name.Decorator
.nf, // Name.Function
.nt, // Name.Tag
.nv, // Name.Variable
.bp, // Name.Builtin.Pseudo
.vc, // Name.Variable.Class
.vg, // Name.Variable.Global
.vi // Name.Variable.Instance
{ color: $solarized-blue; }

// Red
.gr, // Generic.Error
.kt, // Keyword.Type
.sr, // Literal.String.Regex
.err // Error
{ color: $solarized-red; }

// Yellow
.nb // Name.Builtin
{ color: $solarized-yellow; }

// Comments
.c, // Comment
.cm, // Comment.Multiline
.c1, // Comment.Single
.sb // Literal.String.Backtick
{ color: $solarized-secondary; }

// Default
.g, // Generic
.l, // Literal
.n, // Name
.p, // Punctuation
.w, // Text.Whitespace
.go, // Generic.Output
.gp, // Generic.Prompt
.gt, // Generic.Traceback
.na, // Name.Attribute
.nl, // Name.Label
.nn, // Name.Namespace
.nx, // Name.Other
.py, // Name.Property
.ld, // Literal.Date
.sd // Literal.String.Doc
{ color: $solarized-primary; }

.ge // Generic.Emph
{ color: $solarized-primary; font-style: italic; }

.gs // Generic.Strong
{ color: $solarized-primary; font-weight: bold; }
}

.solarized-dark {
@include solarized($solarized-dark-primary, $solarized-dark-secondary);
background-color: $solarized-dark-bg;
color: $solarized-dark-primary;
}

.solarized-light {
@include solarized($solarized-light-primary, $solarized-light-secondary);
background-color: $solarized-light-bg;
color: $solarized-light-primary;
}



+ 57
- 0
_sass/vendor/reveal/layout.scss View File

@@ -0,0 +1,57 @@
/**
* Layout helpers.
*/

// Stretch an element vertically based on available space
.reveal .stretch,
.reveal .r-stretch {
max-width: none;
max-height: none;
}

.reveal pre.stretch code,
.reveal pre.r-stretch code {
height: 100%;
max-height: 100%;
box-sizing: border-box;
}

// Stack multiple elements on top of each other
.reveal .r-stack {
display: grid;
}

.reveal .r-stack > * {
grid-area: 1/1;
margin: auto;
}

// Horizontal and vertical stacks
.reveal .r-vstack,
.reveal .r-hstack {
display: flex;
}

.reveal .r-vstack {
flex-direction: column;
align-items: center;
justify-content: center;
}

.reveal .r-hstack {
flex-direction: row;
align-items: center;
justify-content: center;
}

// Naming based on tailwindcss
.reveal .items-stretch { align-items: stretch; }
.reveal .items-start { align-items: flex-start; }
.reveal .items-center { align-items: center; }
.reveal .items-end { align-items: flex-end; }

.reveal .justify-between { justify-content: space-between; }
.reveal .justify-around { justify-content: space-around; }
.reveal .justify-start { justify-content: flex-start; }
.reveal .justify-center { justify-content: center; }
.reveal .justify-end { justify-content: flex-end; }

+ 173
- 0
_sass/vendor/reveal/print/paper.scss View File

@@ -0,0 +1,173 @@
/* Default Print Stylesheet Template
by Rob Glazebrook of CSSnewbie.com
Last Updated: June 4, 2008

Feel free (nay, compelled) to edit, append, and
manipulate this file as you see fit. */

@media print {
html:not(.print-pdf) {

background: #fff;
width: auto;
height: auto;
overflow: visible;

body {
background: #fff;
font-size: 20pt;
width: auto;
height: auto;
border: 0;
margin: 0 5%;
padding: 0;
overflow: visible;
float: none !important;
}

.nestedarrow,
.controls,
.fork-reveal,
.share-reveal,
.state-background,
.reveal .progress,
.reveal .backgrounds,
.reveal .slide-number {
display: none !important;
}

body, p, td, li {
font-size: 20pt!important;
color: #000;
}

h1,h2,h3,h4,h5,h6 {
color: #000!important;
height: auto;
line-height: normal;
text-align: left;
letter-spacing: normal;
}

/* Need to reduce the size of the fonts for printing */
h1 { font-size: 28pt !important; }
h2 { font-size: 24pt !important; }
h3 { font-size: 22pt !important; }
h4 { font-size: 22pt !important; font-variant: small-caps; }
h5 { font-size: 21pt !important; }
h6 { font-size: 20pt !important; font-style: italic; }

a:link,
a:visited {
color: #000 !important;
font-weight: bold;
text-decoration: underline;
}

ul, ol, div, p {
visibility: visible;
position: static;
width: auto;
height: auto;
display: block;
overflow: visible;
margin: 0;
text-align: left !important;
}
.reveal pre,
.reveal table {
margin-left: 0;
margin-right: 0;
}
.reveal pre code {
padding: 20px;
}
.reveal blockquote {
margin: 20px 0;
}
.reveal .slides {
position: static !important;
width: auto !important;
height: auto !important;

left: 0 !important;
top: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
padding: 0 !important;
zoom: 1 !important;
transform: none !important;

overflow: visible !important;
display: block !important;

text-align: left !important;
perspective: none;

perspective-origin: 50% 50%;
}
.reveal .slides section {
visibility: visible !important;
position: static !important;
width: auto !important;
height: auto !important;
display: block !important;
overflow: visible !important;

left: 0 !important;
top: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
padding: 60px 20px !important;
z-index: auto !important;

opacity: 1 !important;

page-break-after: always !important;

transform-style: flat !important;
transform: none !important;
transition: none !important;
}
.reveal .slides section.stack {
padding: 0 !important;
}
.reveal section:last-of-type {
page-break-after: avoid !important;
}
.reveal section .fragment {
opacity: 1 !important;
visibility: visible !important;

transform: none !important;
}
.reveal section img {
display: block;
margin: 15px 0px;
background: rgba(255,255,255,1);
border: 1px solid #666;
box-shadow: none;
}

.reveal section small {
font-size: 0.8em;
}

.reveal .hljs {
max-height: 100%;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-word;
font-size: 15pt;
}

.reveal .hljs .hljs-ln-numbers {
white-space: nowrap;
}

.reveal .hljs td {
font-size: inherit !important;
color: inherit !important;
}
}
}

+ 156
- 0
_sass/vendor/reveal/print/pdf.scss View File

@@ -0,0 +1,156 @@
/**
* This stylesheet is used to print reveal.js
* presentations to PDF.
*
* https://revealjs.revealjs.com/pdf-export/
*/

html.print-pdf {
* {
-webkit-print-color-adjust: exact;
}

& {
width: 100%;
height: 100%;
overflow: visible;
}

body {
margin: 0 auto !important;
border: 0;
padding: 0;
float: none !important;
overflow: visible;
}

/* Remove any elements not needed in print. */
.nestedarrow,
.reveal .controls,
.reveal .progress,
.reveal .playback,
.reveal.overview,
.state-background {
display: none !important;
}

.reveal pre code {
overflow: hidden !important;
font-family: Courier, 'Courier New', monospace !important;
}

.reveal {
width: auto !important;
height: auto !important;
overflow: hidden !important;
}
.reveal .slides {
position: static;
width: 100% !important;
height: auto !important;
zoom: 1 !important;
pointer-events: initial;

left: auto;
top: auto;
margin: 0 !important;
padding: 0 !important;

overflow: visible;
display: block;

perspective: none;
perspective-origin: 50% 50%;
}

.reveal .slides .pdf-page {
position: relative;
overflow: hidden;
z-index: 1;

page-break-after: always;
}

.reveal .slides section {
visibility: visible !important;
display: block !important;
position: absolute !important;

margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
min-height: 1px;

opacity: 1 !important;

transform-style: flat !important;
transform: none !important;
}

.reveal section.stack {
position: relative !important;
margin: 0 !important;
padding: 0 !important;
page-break-after: avoid !important;
height: auto !important;
min-height: auto !important;
}

.reveal img {
box-shadow: none;
}


/* Slide backgrounds are placed inside of their slide when exporting to PDF */
.reveal .backgrounds {
display: none;
}
.reveal .slide-background {
display: block !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: auto !important;
}

/* Display slide speaker notes when 'showNotes' is enabled */
.reveal.show-notes {
max-width: none;
max-height: none;
}
.reveal .speaker-notes-pdf {
display: block;
width: 100%;
height: auto;
max-height: none;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 100;
}

/* Layout option which makes notes appear on a separate page */
.reveal .speaker-notes-pdf[data-layout="separate-page"] {
position: relative;
color: inherit;
background-color: transparent;
padding: 20px;
page-break-after: always;
border: 0;
}

/* Display slide numbers when 'slideNumber' is enabled */
.reveal .slide-number-pdf {
display: block;
position: absolute;
font-size: 14px;
}

/* This accessibility tool is not useful in PDF and breaks it visually */
.aria-status {
display: none;
}
}

+ 1822
- 0
_sass/vendor/reveal/reveal.scss
File diff suppressed because it is too large
View File


+ 21
- 0
_sass/vendor/reveal/theme/README.md View File

@@ -0,0 +1,21 @@
## Dependencies

Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment installed before proceeding: https://revealjs.revealjs.com/installation/#full-setup

## Creating a Theme

To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled from Sass to CSS (see the [gulpfile](https://github.com/hakimel/reveal.js/blob/master/gulpfile.js)) when you run `npm run build -- css-themes`.

Each theme file does four things in the following order:

1. **Include [/css/theme/template/mixins.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/mixins.scss)**
Shared utility functions.

2. **Include [/css/theme/template/settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss)**
Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3.

3. **Override**
This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding any selectors and styles you please.

4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)**
The template theme file which will generate final CSS output based on the currently defined variables.

+ 39
- 0
_sass/vendor/reveal/theme/source/beige.scss View File

@@ -0,0 +1,39 @@
/**
* Beige theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/


// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------



// Include theme-specific fonts
@import url(fonts/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);


// Override theme settings (see ../template/settings.scss)
$mainColor: #333;
$headingColor: #333;
$headingTextShadow: none;
$backgroundColor: #f7f3de;
$linkColor: #8b743d;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: rgba(79, 64, 28, 0.99);
$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);

// Background generator
@mixin bodyBackground() {
@include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) );
}



// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

+ 49
- 0
_sass/vendor/reveal/theme/source/black.scss View File

@@ -0,0 +1,49 @@
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
* By Hakim El Hattab, http://hakim.se
*/


// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------


// Include theme-specific fonts
@import url(fonts/source-sans-pro/source-sans-pro.css);


// Override theme settings (see ../template/settings.scss)
$backgroundColor: #191919;

$mainColor: #fff;
$headingColor: #fff;

$mainFontSize: 42px;
$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
$headingLetterSpacing: normal;
$headingTextTransform: uppercase;
$headingFontWeight: 600;
$linkColor: #42affa;
$linkColorHover: lighten( $linkColor, 15% );
$selectionBackgroundColor: lighten( $linkColor, 25% );

$heading1Size: 2.5em;
$heading2Size: 1.6em;
$heading3Size: 1.3em;
$heading4Size: 1.0em;

section.has-light-background {
&, h1, h2, h3, h4, h5, h6 {
color: #222;
}
}


// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

+ 78
- 0
_sass/vendor/reveal/theme/source/blood.scss View File

@@ -0,0 +1,78 @@
/**
* Blood theme for reveal.js
* Author: Walther http://github.com/Walther
*
* Designed to be used with highlight.js theme
* "monokai_sublime.css" available from
* https://github.com/isagalaev/highlight.js/
*
* For other themes, change $codeBackground accordingly.
*
*/

// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------

// Include theme-specific fonts

@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);

// Colors used in the theme
$blood: #a23;
$coal: #222;
$codeBackground: #23241f;

$backgroundColor: $coal;

// Main text
$mainFont: Ubuntu, 'sans-serif';
$mainColor: #eee;

// Headings
$headingFont: Ubuntu, 'sans-serif';
$headingTextShadow: 2px 2px 2px $coal;

// h1 shadow, borrowed humbly from
// (c) Default theme by Hakim El Hattab
$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);

// Links
$linkColor: $blood;
$linkColorHover: lighten( $linkColor, 20% );

// Text selection
$selectionBackgroundColor: $blood;
$selectionColor: #fff;


// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

// some overrides after theme template import

.reveal p {
font-weight: 300;
text-shadow: 1px 1px $coal;
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
font-weight: 700;
}

.reveal p code {
background-color: $codeBackground;
display: inline-block;
border-radius: 7px;
}

.reveal small code {
vertical-align: baseline;
}

+ 34
- 0
_sass/vendor/reveal/theme/source/league.scss View File

@@ -0,0 +1,34 @@
/**
* League theme for reveal.js.
*
* This was the default theme pre-3.0.0.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/


// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------



// Include theme-specific fonts
@import url(fonts/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

// Override theme settings (see ../template/settings.scss)
$headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2);
$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);

// Background generator
@mixin bodyBackground() {
@include radial-gradient( rgba(28,30,32,1), rgba(85,90,95,1) );
}



// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

+ 57
- 0
_sass/vendor/reveal/theme/source/moon.scss View File

@@ -0,0 +1,57 @@
/**
* Solarized Dark theme for reveal.js.
* Author: Achim Staebler
*/


// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------



// Include theme-specific fonts
@import url(fonts/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

/**
* Solarized colors by Ethan Schoonover
*/
html * {
color-profile: sRGB;
rendering-intent: auto;
}

// Solarized colors
$base03: #002b36;
$base02: #073642;
$base01: #586e75;
$base00: #657b83;
$base0: #839496;
$base1: #93a1a1;
$base2: #eee8d5;
$base3: #fdf6e3;
$yellow: #b58900;
$orange: #cb4b16;
$red: #dc322f;
$magenta: #d33682;
$violet: #6c71c4;
$blue: #268bd2;
$cyan: #2aa198;
$green: #859900;

// Override theme settings (see ../template/settings.scss)
$mainColor: $base1;
$headingColor: $base2;
$headingTextShadow: none;
$backgroundColor: $base03;
$linkColor: $blue;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: $magenta;



// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

+ 34
- 0
_sass/vendor/reveal/theme/source/night.scss View File

@@ -0,0 +1,34 @@
/**
* Black theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/


// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------


// Include theme-specific fonts
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);


// Override theme settings (see ../template/settings.scss)
$backgroundColor: #111;

$mainFont: 'Open Sans', sans-serif;
$linkColor: #e7ad52;
$linkColorHover: lighten( $linkColor, 20% );
$headingFont: 'Montserrat', Impact, sans-serif;
$headingTextShadow: none;
$headingLetterSpacing: -0.03em;
$headingTextTransform: none;
$selectionBackgroundColor: #e7ad52;


// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

+ 35
- 0
_sass/vendor/reveal/theme/source/serif.scss View File

@@ -0,0 +1,35 @@
/**
* A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is brown.
*
* This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
*/


// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------



// Override theme settings (see ../template/settings.scss)
$mainFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
$mainColor: #000;
$headingFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
$headingColor: #383D3D;
$headingTextShadow: none;
$headingTextTransform: none;
$backgroundColor: #F0F1EB;
$linkColor: #51483D;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: #26351C;

.reveal a {
line-height: 1.3em;
}


// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

+ 43
- 0
_sass/vendor/reveal/theme/source/simple.scss View File

@@ -0,0 +1,43 @@
/**
* A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is darkblue.
*
* This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
* reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/


// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------



// Include theme-specific fonts
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);


// Override theme settings (see ../template/settings.scss)
$mainFont: 'Lato', sans-serif;
$mainColor: #000;
$headingFont: 'News Cycle', Impact, sans-serif;
$headingColor: #000;
$headingTextShadow: none;
$headingTextTransform: none;
$backgroundColor: #fff;
$linkColor: #00008B;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: rgba(0, 0, 0, 0.99);

section.has-dark-background {
&, h1, h2, h3, h4, h5, h6 {
color: #fff;
}
}


// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

+ 46
- 0
_sass/vendor/reveal/theme/source/sky.scss View File

@@ -0,0 +1,46 @@
/**
* Sky theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/


// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------



// Include theme-specific fonts
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);


// Override theme settings (see ../template/settings.scss)
$mainFont: 'Open Sans', sans-serif;
$mainColor: #333;
$headingFont: 'Quicksand', sans-serif;
$headingColor: #333;
$headingLetterSpacing: -0.08em;
$headingTextShadow: none;
$backgroundColor: #f7fbfc;
$linkColor: #3b759e;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: #134674;

// Fix links so they are not cut off
.reveal a {
line-height: 1.3em;
}

// Background generator
@mixin bodyBackground() {
@include radial-gradient( #add9e4, #f7fbfc );
}



// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

+ 63
- 0
_sass/vendor/reveal/theme/source/solarized.scss View File

@@ -0,0 +1,63 @@
/**
* Solarized Light theme for reveal.js.
* Author: Achim Staebler
*/


// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------



// Include theme-specific fonts
@import url(fonts/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);


/**
* Solarized colors by Ethan Schoonover
*/
html * {
color-profile: sRGB;
rendering-intent: auto;
}

// Solarized colors
$base03: #002b36;
$base02: #073642;
$base01: #586e75;
$base00: #657b83;
$base0: #839496;
$base1: #93a1a1;
$base2: #eee8d5;
$base3: #fdf6e3;
$yellow: #b58900;
$orange: #cb4b16;
$red: #dc322f;
$magenta: #d33682;
$violet: #6c71c4;
$blue: #268bd2;
$cyan: #2aa198;
$green: #859900;

// Override theme settings (see ../template/settings.scss)
$mainColor: $base00;
$headingColor: $base01;
$headingTextShadow: none;
$backgroundColor: $base3;
$linkColor: $blue;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: $magenta;

// Background generator
// @mixin bodyBackground() {
// @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) );
// }



// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

+ 49
- 0
_sass/vendor/reveal/theme/source/white.scss View File

@@ -0,0 +1,49 @@
/**
* White theme for reveal.js. This is the opposite of the 'black' theme.
*
* By Hakim El Hattab, http://hakim.se
*/


// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------


// Include theme-specific fonts
@import url(fonts/source-sans-pro/source-sans-pro.css);


// Override theme settings (see ../template/settings.scss)
$backgroundColor: #fff;

$mainColor: #222;
$headingColor: #222;

$mainFontSize: 42px;
$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
$headingTextShadow: none;
$headingLetterSpacing: normal;
$headingTextTransform: uppercase;
$headingFontWeight: 600;
$linkColor: #2a76dd;
$linkColorHover: lighten( $linkColor, 15% );
$selectionBackgroundColor: lighten( $linkColor, 25% );

$heading1Size: 2.5em;
$heading2Size: 1.6em;
$heading3Size: 1.3em;
$heading4Size: 1.0em;

section.has-dark-background {
&, h1, h2, h3, h4, h5, h6 {
color: #fff;
}
}


// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------

+ 27
- 0
_sass/vendor/reveal/theme/template/exposer.scss View File

@@ -0,0 +1,27 @@
// Exposes theme's variables for easy re-use in CSS for plugin authors

:root {
--background-color: #{$backgroundColor};
--main-font: #{$mainFont};
--main-font-size: #{$mainFontSize};
--main-color: #{$mainColor};
--block-margin: #{$blockMargin};
--heading-margin: #{$headingMargin};
--heading-font: #{$headingFont};
--heading-color: #{$headingColor};
--heading-line-height: #{$headingLineHeight};
--heading-letter-spacing: #{$headingLetterSpacing};
--heading-text-transform: #{$headingTextTransform};
--heading-text-shadow: #{$headingTextShadow};
--heading-font-weight: #{$headingFontWeight};
--heading1-text-shadow: #{$heading1TextShadow};
--heading1-size: #{$heading1Size};
--heading2-size: #{$heading2Size};
--heading3-size: #{$heading3Size};
--heading4-size: #{$heading4Size};
--code-font: #{$codeFont};
--link-color: #{$linkColor};
--link-color-hover: #{$linkColorHover};
--selection-background-color: #{$selectionBackgroundColor};
--selection-color: #{$selectionColor};
}

+ 29
- 0
_sass/vendor/reveal/theme/template/mixins.scss View File

@@ -0,0 +1,29 @@
@mixin vertical-gradient( $top, $bottom ) {
background: $top;
background: -moz-linear-gradient( top, $top 0%, $bottom 100% );
background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) );
background: -webkit-linear-gradient( top, $top 0%, $bottom 100% );
background: -o-linear-gradient( top, $top 0%, $bottom 100% );
background: -ms-linear-gradient( top, $top 0%, $bottom 100% );
background: linear-gradient( top, $top 0%, $bottom 100% );
}

@mixin horizontal-gradient( $top, $bottom ) {
background: $top;
background: -moz-linear-gradient( left, $top 0%, $bottom 100% );
background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) );
background: -webkit-linear-gradient( left, $top 0%, $bottom 100% );
background: -o-linear-gradient( left, $top 0%, $bottom 100% );
background: -ms-linear-gradient( left, $top 0%, $bottom 100% );
background: linear-gradient( left, $top 0%, $bottom 100% );
}

@mixin radial-gradient( $outer, $inner, $type: circle ) {
background: $outer;
background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) );
background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
background: radial-gradient( center, $type cover, $inner 0%, $outer 100% );
}

+ 45
- 0
_sass/vendor/reveal/theme/template/settings.scss View File

@@ -0,0 +1,45 @@
// Base settings for all themes that can optionally be
// overridden by the super-theme

// Background of the presentation
$backgroundColor: #2b2b2b;

// Primary/body text
$mainFont: 'Lato', sans-serif;
$mainFontSize: 40px;
$mainColor: #eee;

// Vertical spacing between blocks of text
$blockMargin: 20px;

// Headings
$headingMargin: 0 0 $blockMargin 0;
$headingFont: 'League Gothic', Impact, sans-serif;
$headingColor: #eee;
$headingLineHeight: 1.2;
$headingLetterSpacing: normal;
$headingTextTransform: uppercase;
$headingTextShadow: none;
$headingFontWeight: normal;
$heading1TextShadow: $headingTextShadow;

$heading1Size: 3.77em;
$heading2Size: 2.11em;
$heading3Size: 1.55em;
$heading4Size: 1.00em;

$codeFont: monospace;

// Links and actions
$linkColor: #13DAEC;
$linkColorHover: lighten( $linkColor, 20% );

// Text selection
$selectionBackgroundColor: #FF5E99;
$selectionColor: #fff;

// Generates the presentation background, can be overridden
// to return a background image or gradient
@mixin bodyBackground() {
background: $backgroundColor;
}

+ 310
- 0
_sass/vendor/reveal/theme/template/theme.scss View File

@@ -0,0 +1,310 @@
// Base theme template for reveal.js

/*********************************************
* GLOBAL STYLES
*********************************************/

@import "./exposer";

.reveal-viewport {
@include bodyBackground();
background-color: $backgroundColor;
}

.reveal {
font-family: $mainFont;
font-size: $mainFontSize;
font-weight: normal;
color: $mainColor;
}

.reveal ::selection {
color: $selectionColor;
background: $selectionBackgroundColor;
text-shadow: none;
}

.reveal ::-moz-selection {
color: $selectionColor;
background: $selectionBackgroundColor;
text-shadow: none;
}

.reveal .slides section,
.reveal .slides section>section {
line-height: 1.3;
font-weight: inherit;
}

/*********************************************
* HEADERS
*********************************************/

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: $headingMargin;
color: $headingColor;

font-family: $headingFont;
font-weight: $headingFontWeight;
line-height: $headingLineHeight;
letter-spacing: $headingLetterSpacing;

text-transform: $headingTextTransform;
text-shadow: $headingTextShadow;

word-wrap: break-word;
}

.reveal h1 {font-size: $heading1Size; }
.reveal h2 {font-size: $heading2Size; }
.reveal h3 {font-size: $heading3Size; }
.reveal h4 {font-size: $heading4Size; }

.reveal h1 {
text-shadow: $heading1TextShadow;
}


/*********************************************
* OTHER
*********************************************/

.reveal p {
margin: $blockMargin 0;
line-height: 1.3;
}

/* Ensure certain elements are never larger than the slide itself */
.reveal img,
.reveal video,
.reveal iframe {
max-width: 95%;
max-height: 95%;
}
.reveal strong,
.reveal b {
font-weight: bold;
}

.reveal em {
font-style: italic;
}

.reveal ol,
.reveal dl,
.reveal ul {
display: inline-block;

text-align: left;
margin: 0 0 0 1em;
}

.reveal ol {
list-style-type: decimal;
}

.reveal ul {
list-style-type: disc;
}

.reveal ul ul {
list-style-type: square;
}

.reveal ul ul ul {
list-style-type: circle;
}

.reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
display: block;
margin-left: 40px;
}

.reveal dt {
font-weight: bold;
}

.reveal dd {
margin-left: 40px;
}

.reveal blockquote {
display: block;
position: relative;
width: 70%;
margin: $blockMargin auto;
padding: 5px;

font-style: italic;
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
.reveal blockquote p:first-child,
.reveal blockquote p:last-child {
display: inline-block;
}

.reveal q {
font-style: italic;
}

.reveal pre {
display: block;
position: relative;
width: 90%;
margin: $blockMargin auto;

text-align: left;
font-size: 0.55em;
font-family: $codeFont;
line-height: 1.2em;

word-wrap: break-word;

box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}

.reveal code {
font-family: $codeFont;
text-transform: none;
}

.reveal pre code {
display: block;
padding: 5px;
overflow: auto;
max-height: 400px;
word-wrap: normal;
}

.reveal table {
margin: auto;
border-collapse: collapse;
border-spacing: 0;
}

.reveal table th {
font-weight: bold;
}

.reveal table th,
.reveal table td {
text-align: left;
padding: 0.2em 0.5em 0.2em 0.5em;
border-bottom: 1px solid;
}

.reveal table th[align="center"],
.reveal table td[align="center"] {
text-align: center;
}

.reveal table th[align="right"],
.reveal table td[align="right"] {
text-align: right;
}

.reveal table tbody tr:last-child th,
.reveal table tbody tr:last-child td {
border-bottom: none;
}

.reveal sup {
vertical-align: super;
font-size: smaller;
}
.reveal sub {
vertical-align: sub;
font-size: smaller;
}

.reveal small {
display: inline-block;
font-size: 0.6em;
line-height: 1.2em;
vertical-align: top;
}

.reveal small * {
vertical-align: top;
}

.reveal img {
margin: $blockMargin 0;
}


/*********************************************
* LINKS
*********************************************/

.reveal a {
color: $linkColor;
text-decoration: none;
transition: color .15s ease;
}
.reveal a:hover {
color: $linkColorHover;
text-shadow: none;
border: none;
}

.reveal .roll span:after {
color: #fff;
background: darken( $linkColor, 15% );
}


/*********************************************
* Frame helper
*********************************************/

.reveal .r-frame {
border: 4px solid $mainColor;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.reveal a .r-frame {
transition: all .15s linear;
}

.reveal a:hover .r-frame {
border-color: $linkColor;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
}


/*********************************************
* NAVIGATION CONTROLS
*********************************************/

.reveal .controls {
color: $linkColor;
}


/*********************************************
* PROGRESS BAR
*********************************************/

.reveal .progress {
background: rgba(0,0,0,0.2);
color: $linkColor;
}

/*********************************************
* PRINT BACKGROUND
*********************************************/
@media print {
.backgrounds {
background-color: $backgroundColor;
}
}

+ 3
- 0
assets/paper.scss View File

@@ -0,0 +1,3 @@
---
---
@import "vendor/reveal/print/paper";

+ 3
- 0
assets/pdf.scss View File

@@ -0,0 +1,3 @@
---
---
@import "vendor/reveal/print/pdf";

+ 223
- 0
assets/presentation-dark.scss View File

@@ -0,0 +1,223 @@
---
---
@import "solarized";

@import "vendor/reveal/theme/template/mixins";
@import "vendor/reveal/theme/template/settings";

// Override Reveal.js variables
$mainColor: $solarized-dark-primary;
$headingColor: $solarized-dark-secondary;
$backgroundColor: $solarized-dark-bg;
$selectionBackgroundColor: $solarized-magenta;
$linkColor: $solarized-blue;
$linkColorHover: lighten($linkColor, 20%);

$mainFont: sans-serif;
$mainFontSize: 37px;

$headingFont: sans-serif;
$headingTextTransform: none;
$headingTextShadow: none;
$heading1Size: 70px;
$heading2Size: 60px;
$heading3Size: 50px;
$heading4Size: 40px;

html * {
color-profile: sRGB;
rendering-intent: auto;
}

.reveal .slides {
top: 45% !important;

section, section > section {
padding-top: 5px;

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-bottom: 10px;
}

code {
background-color: transparentize($solarized-dark-bg, 0.6);
}

& > pre {
margin-top: 30px;
margin-bottom: 15px;
}

pre > code {
max-height: 750px;
background-color: transparentize($solarized-dark-bg, 0.3);
padding: 10px;
}

p {
text-align: left;
}

li > p {
margin-top: 0px;
margin-bottom: 0px;
}

& > ul, & > ol {
display: block;
}

.caption {
display: block;
text-align: center;
margin-bottom: 30px;
}

img {
display: block;
margin-left: auto;
margin-right: auto;
}

div.two_column {
float: left;
width: 40%;
}

div.left_float {
float: left;
margin-left: 10%;
}

div.right_float {
float: right;
margin-right: 10%;
}

div.action_block {
margin-top: 50px;
vertical-align: middle;

& > pre, & > img {
margin-top: 0px;
margin-bottom: 0px;
}

& > img {
display: inline;
float: left;
margin-right: 30px;
}

& > pre > code {
text-align: left;
padding-top: 0px;
}
}

table {
margin-top: 30px;

tr {
border-bottom: 1px solid $solarized-dark-secondary;
background-color: $solarized-dark-bg;
}

thead tr, tr:nth-child(even) {
background-color: lighten($solarized-dark-bg, 5%);
}
}
}
}

// Syntax highlighting.
// See http://highlightjs.readthedocs.org/en/latest/css-classes-reference.html
.hljs, .hljs .none {
padding: 10px;
background: $solarized-dark-bg;
color: $solarized-dark-primary;
font-family: monospace;
overflow-x: visible;
}

.hljs :not(.none) {
.hljs-function .hljs-params {
color: $solarized-dark-primary;
}

.hljs-comment,
.diff .hljs-header,
.hljs-doctype,
.hljs-pi,
.hljs-javadoc {
color: $solarized-dark-secondary;
}

.hljs-addition,
.css .hljs-tag,
.hljs-request,
.hljs-status {
color: $solarized-green;
}

.hljs-number,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.hljs-hexcolor,
.hljs-title,
.hljs-link_url {
color: $solarized-cyan;
}

.hljs-command,
.hljs-localvars,
.hljs-chunk,
.hljs-decorator,
.hljs-annotation,
.hljs-variable,
.hljs-built_in,
.hljs-class .hljs-title,
.hljs-parent,
.hljs-id,
.hljs-keyword,
.method,
.hljs-function {
color: $solarized-blue;
}

.hljs-preprocessor,
.hljs-preprocessor .hljs-keyword,
.hljs-pragma,
.hljs-shebang,
.hljs-symbol,
.hljs-symbol .hljs-string,
.diff .hljs-change,
.hljs-special,
.hljs-attr_selector,
.hljs-subst,
.hljs-cdata,
.hljs-constant,
.css .hljs-pseudo,
.hljs-header {
color: $solarized-orange;
}

.hljs-deletion,
.hljs-type,
.hljs-regexp,
.hljs-important {
color: $solarized-red;
}

.hljs-link_label {
color: $solarized-violet;
}

.hljs-link_reference {
color: $solarized-yellow;
}
}

@import "vendor/reveal/theme/template/theme";

+ 223
- 0
assets/presentation.scss View File

@@ -0,0 +1,223 @@
---
---
@import "solarized";

@import "vendor/reveal/theme/template/mixins";
@import "vendor/reveal/theme/template/settings";

// Override Reveal.js variables
$mainColor: $solarized-light-primary;
$headingColor: $solarized-light-secondary;
$backgroundColor: $solarized-light-bg;
$selectionBackgroundColor: $solarized-magenta;
$linkColor: $solarized-blue;
$linkColorHover: lighten($linkColor, 20%);

$mainFont: sans-serif;
$mainFontSize: 37px;

$headingFont: sans-serif;
$headingTextTransform: none;
$headingTextShadow: none;
$heading1Size: 70px;
$heading2Size: 60px;
$heading3Size: 50px;
$heading4Size: 40px;

html * {
color-profile: sRGB;
rendering-intent: auto;
}

.reveal .slides {
top: 45% !important;

section, section > section {
padding-top: 5px;

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-bottom: 10px;
}

code {
background-color: transparentize($solarized-light-bg, 0.6);
}

& > pre {
margin-top: 30px;
margin-bottom: 15px;
}

pre > code {
max-height: 750px;
background-color: transparentize($solarized-dark-bg, 0.3);
padding: 10px;
}

p {
text-align: left;
}

li > p {
margin-top: 0px;
margin-bottom: 0px;
}

& > ul, & > ol {
display: block;
}

.caption {
display: block;
text-align: center;
margin-bottom: 30px;
}

img {
display: block;
margin-left: auto;
margin-right: auto;
}

div.two_column {
float: left;
width: 40%;
}

div.left_float {
float: left;
margin-left: 10%;
}

div.right_float {
float: right;
margin-right: 10%;
}

div.action_block {
margin-top: 50px;
vertical-align: middle;

& > pre, & > img {
margin-top: 0px;
margin-bottom: 0px;
}

& > img {
display: inline;
float: left;
margin-right: 30px;
}

& > pre > code {
text-align: left;
padding-top: 0px;
}
}

table {
margin-top: 30px;

tr {
border-bottom: 1px solid $solarized-light-secondary;
background-color: $solarized-light-bg;
}

thead tr, tr:nth-child(even) {
background-color: lighten($solarized-light-bg, 5%);
}
}
}
}

// Syntax highlighting.
// See http://highlightjs.readthedocs.org/en/latest/css-classes-reference.html
.hljs, .hljs .none {
padding: 10px;
background: $solarized-light-bg;
color: $solarized-light-primary;
font-family: monospace;
overflow-x: visible;
}

.hljs :not(.none) {
.hljs-function .hljs-params {
color: $solarized-light-primary;
}

.hljs-comment,
.diff .hljs-header,
.hljs-doctype,
.hljs-pi,
.hljs-javadoc {
color: $solarized-light-secondary;
}

.hljs-addition,
.css .hljs-tag,
.hljs-request,
.hljs-status {
color: $solarized-green;
}

.hljs-number,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.hljs-hexcolor,
.hljs-title,
.hljs-link_url {
color: $solarized-cyan;
}

.hljs-command,
.hljs-localvars,
.hljs-chunk,
.hljs-decorator,
.hljs-annotation,
.hljs-variable,
.hljs-built_in,
.hljs-class .hljs-title,
.hljs-parent,
.hljs-id,
.hljs-keyword,
.method,
.hljs-function {
color: $solarized-blue;
}

.hljs-preprocessor,
.hljs-preprocessor .hljs-keyword,
.hljs-pragma,
.hljs-shebang,
.hljs-symbol,
.hljs-symbol .hljs-string,
.diff .hljs-change,
.hljs-special,
.hljs-attr_selector,
.hljs-subst,
.hljs-cdata,
.hljs-constant,
.css .hljs-pseudo,
.hljs-header {
color: $solarized-orange;
}

.hljs-deletion,
.hljs-type,
.hljs-regexp,
.hljs-important {
color: $solarized-red;
}

.hljs-link_label {
color: $solarized-violet;
}

.hljs-link_reference {
color: $solarized-yellow;
}
}

@import "vendor/reveal/theme/template/theme";

+ 2
- 0
assets/vendor/jquery/jquery.min.js
File diff suppressed because it is too large
View File


+ 1
- 0
assets/vendor/jquery/jquery.min.map
File diff suppressed because it is too large
View File


+ 0
- 2
assets/vendor/js/jquery/jquery.min.js
File diff suppressed because it is too large
View File


+ 0
- 1
assets/vendor/js/jquery/jquery.min.map
File diff suppressed because it is too large
View File


+ 5
- 0
assets/vendor/reveal/plugin/highlight/highlight.esm.js
File diff suppressed because it is too large
View File


+ 5
- 0
assets/vendor/reveal/plugin/highlight/highlight.js
File diff suppressed because it is too large
View File


+ 71
- 0
assets/vendor/reveal/plugin/highlight/monokai.css View File

@@ -0,0 +1,71 @@
/*
Monokai style - ported by Luigi Maselli - http://grigio.org
*/

.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #272822;
color: #ddd;
}

.hljs-tag,
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-strong,
.hljs-name {
color: #f92672;
}

.hljs-code {
color: #66d9ef;