Browse Source

Initial presentation with some screenshots.

develop
Bèr Kessels 11 months ago
parent
commit
9171d66469
100 changed files with 25706 additions and 0 deletions
  1. 2
    0
      Makefile
  2. BIN
      markd_110867_full.png.jpeg
  3. BIN
      markd_497788_full.png.jpeg
  4. BIN
      markd_646683_full.png.jpeg
  5. BIN
      markd_790518_full.png.jpeg
  6. BIN
      mastodo_view_profile.jpg
  7. BIN
      mastodon_edit_profile.png
  8. BIN
      physalia.jpg
  9. 151
    0
      pres.html
  10. 90
    0
      pres.md
  11. BIN
      pres.pdf
  12. 13
    0
      reveal.js/.gitignore
  13. 5
    0
      reveal.js/.travis.yml
  14. 23
    0
      reveal.js/CONTRIBUTING.md
  15. 19
    0
      reveal.js/LICENSE
  16. 1438
    0
      reveal.js/README.md
  17. 24
    0
      reveal.js/bower.json
  18. 203
    0
      reveal.js/css/print/paper.css
  19. 164
    0
      reveal.js/css/print/pdf.css
  20. 30
    0
      reveal.js/css/reset.css
  21. 1598
    0
      reveal.js/css/reveal.css
  22. 1768
    0
      reveal.js/css/reveal.scss
  23. 21
    0
      reveal.js/css/theme/README.md
  24. 277
    0
      reveal.js/css/theme/beige.css
  25. 273
    0
      reveal.js/css/theme/black.css
  26. 296
    0
      reveal.js/css/theme/blood.css
  27. 279
    0
      reveal.js/css/theme/league.css
  28. 277
    0
      reveal.js/css/theme/moon.css
  29. 271
    0
      reveal.js/css/theme/night.css
  30. 273
    0
      reveal.js/css/theme/serif.css
  31. 276
    0
      reveal.js/css/theme/simple.css
  32. 280
    0
      reveal.js/css/theme/sky.css
  33. 277
    0
      reveal.js/css/theme/solarized.css
  34. 39
    0
      reveal.js/css/theme/source/beige.scss
  35. 49
    0
      reveal.js/css/theme/source/black.scss
  36. 78
    0
      reveal.js/css/theme/source/blood.scss
  37. 34
    0
      reveal.js/css/theme/source/league.scss
  38. 57
    0
      reveal.js/css/theme/source/moon.scss
  39. 34
    0
      reveal.js/css/theme/source/night.scss
  40. 35
    0
      reveal.js/css/theme/source/serif.scss
  41. 43
    0
      reveal.js/css/theme/source/simple.scss
  42. 46
    0
      reveal.js/css/theme/source/sky.scss
  43. 63
    0
      reveal.js/css/theme/source/solarized.scss
  44. 49
    0
      reveal.js/css/theme/source/white.scss
  45. 29
    0
      reveal.js/css/theme/template/mixins.scss
  46. 45
    0
      reveal.js/css/theme/template/settings.scss
  47. 325
    0
      reveal.js/css/theme/template/theme.scss
  48. 273
    0
      reveal.js/css/theme/white.css
  49. 425
    0
      reveal.js/demo.html
  50. 189
    0
      reveal.js/gruntfile.js
  51. 49
    0
      reveal.js/index.html
  52. 6028
    0
      reveal.js/js/reveal.js
  53. 71
    0
      reveal.js/lib/css/monokai.css
  54. 80
    0
      reveal.js/lib/css/zenburn.css
  55. 2
    0
      reveal.js/lib/font/league-gothic/LICENSE
  56. 10
    0
      reveal.js/lib/font/league-gothic/league-gothic.css
  57. BIN
      reveal.js/lib/font/league-gothic/league-gothic.eot
  58. BIN
      reveal.js/lib/font/league-gothic/league-gothic.ttf
  59. BIN
      reveal.js/lib/font/league-gothic/league-gothic.woff
  60. 45
    0
      reveal.js/lib/font/source-sans-pro/LICENSE
  61. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.eot
  62. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.ttf
  63. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.woff
  64. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.eot
  65. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.ttf
  66. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.woff
  67. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.eot
  68. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.ttf
  69. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.woff
  70. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot
  71. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf
  72. BIN
      reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff
  73. 39
    0
      reveal.js/lib/font/source-sans-pro/source-sans-pro.css
  74. 7
    0
      reveal.js/lib/js/html5shiv.js
  75. 2
    0
      reveal.js/lib/js/promise.js
  76. 5891
    0
      reveal.js/package-lock.json
  77. 44
    0
      reveal.js/package.json
  78. 168
    0
      reveal.js/plugin/highlight/highlight.js
  79. 134
    0
      reveal.js/plugin/markdown/example.html
  80. 36
    0
      reveal.js/plugin/markdown/example.md
  81. 446
    0
      reveal.js/plugin/markdown/markdown.js
  82. 6
    0
      reveal.js/plugin/markdown/marked.js
  83. 92
    0
      reveal.js/plugin/math/math.js
  84. 13
    0
      reveal.js/plugin/multiplex/client.js
  85. 64
    0
      reveal.js/plugin/multiplex/index.js
  86. 34
    0
      reveal.js/plugin/multiplex/master.js
  87. 19
    0
      reveal.js/plugin/multiplex/package.json
  88. 65
    0
      reveal.js/plugin/notes-server/client.js
  89. 69
    0
      reveal.js/plugin/notes-server/index.js
  90. 585
    0
      reveal.js/plugin/notes-server/notes.html
  91. 834
    0
      reveal.js/plugin/notes/notes.html
  92. 178
    0
      reveal.js/plugin/notes/notes.js
  93. 67
    0
      reveal.js/plugin/print-pdf/print-pdf.js
  94. 206
    0
      reveal.js/plugin/search/search.js
  95. 277
    0
      reveal.js/plugin/zoom-js/zoom.js
  96. 1
    0
      reveal.js/test/assets/external-script-a.js
  97. 1
    0
      reveal.js/test/assets/external-script-b.js
  98. 1
    0
      reveal.js/test/assets/external-script-c.js
  99. 1
    0
      reveal.js/test/assets/external-script-d.js
  100. 0
    0
      reveal.js/test/examples/assets/beeping.txt

+ 2
- 0
Makefile View File

@@ -0,0 +1,2 @@
all:
pandoc -t revealjs -s -o pres.html pres.md -V revealjs-url=https://revealjs.com

BIN
markd_110867_full.png.jpeg View File


BIN
markd_497788_full.png.jpeg View File


BIN
markd_646683_full.png.jpeg View File


BIN
markd_790518_full.png.jpeg View File


BIN
mastodo_view_profile.jpg View File


BIN
mastodon_edit_profile.png View File


BIN
physalia.jpg View File


+ 151
- 0
pres.html View File

@@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<meta name="author" content="Bèr berkes Kessels">
<meta name="keywords" content="pitch, fediverse">
<title>Werktitel “Physalia”</title>
<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="https://revealjs.com/css/reveal.css">
<style type="text/css">
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
</style>
<link rel="stylesheet" href="https://revealjs.com/css/theme/black.css" id="theme">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'https://revealjs.com/css/print/pdf.css' : 'https://revealjs.com/css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="https://revealjs.com/lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<div class="slides">

<section id="title-slide">
<h1 class="title">Werktitel “Physalia”</h1>
<p class="subtitle">Een decentrale LinkedIn</p>
<p class="author">Bèr <code>berkes</code> Kessels</p>
</section>

<section id="pysalia" class="slide level1" data-background-image="physalia.jpg">
<h1>Pysalia</h1>
<blockquote>
<p>Het Portugees oorlogsschip (wetenschappelijke naam: Physalia physalis) is een complexe kolonie van honderden poliepen van vier typen.</p>
</blockquote>
</section>
<section id="inhoud" class="slide level1">
<h1>Inhoud</h1>
<ul>
<li>Probleem</li>
<li>Vergezicht</li>
<li>Eerste Halte</li>
</ul>
</section>
<section id="probleem" class="slide level1">
<h1>Probleem</h1>
<ul>
<li>Linkedin heeft andere doelstellingen dan haar gebruikers: <strong>gebruikers zijn het product</strong>.</li>
<li>Privacy en eigenaarschap van data op centrale netwerken als LinkedIn zijn tegenstrijdigheden.</li>
<li>Linkedin past nooit precies bij iedereen.</li>
<li>Linkedin kan <strong>niet intern ingezet</strong> worden in organisaties of netwerken.</li>
</ul>
<aside class="notes">
<p>Wie hier heeft ooit “per ongeluk” van die irritante “Bèr Kessels has invited you to join LinkedIn” emails aan al zijn vrienden gestuurd?</p>
</aside>
</section>
<section id="oplossing" class="slide level1">
<h1>Oplossing</h1>
<ul>
<li>Sociaal netwerk met zwaartepunt op <strong>cooperatie</strong> en onderlinge <strong>relaties</strong>.</li>
<li><strong>Gedecentraliseerd: Federated, zelf-gehost</strong>: Ieder netwerk een “server”. Gebruikers hebben interactie met elkaar over servers heen.</li>
</ul>
</section>
<section id="voordelen" class="slide level1">
<h1>Voordelen</h1>
<ul>
<li>Ad-free</li>
<li>Privacy-focused</li>
<li>In-house inzetbaar</li>
<li>Chronologisch: simpel, geen algorithmes.</li>
</ul>
</section>
<section id="vergezicht" class="slide level1">
<h1>Vergezicht</h1>
<ul>
<li>A <strong>Business-oriented</strong> social network, focused on <strong>privacy</strong> and <strong>cooperation</strong> with peers.</li>
<li>Run your own, customized or standardized, <strong>social in-house network</strong>.</li>
<li>You <strong>own your profile</strong>: you can interact across and between social networks. Or migrate to other networks as your career evolves.</li>
</ul>
</section>
<section id="eerste-halte" class="slide level1">
<h1>Eerste Halte</h1>
<ul>
<li>A business-oriented mastodon fork. Aimed at maintaining a <strong>resume</strong>, and sharing that with your network.</li>
<li>A special feature to maintain meaningful relations: not just <strong>follow</strong> or <strong>connect</strong>. But tagged and described relations: <em>“John worked with Anne from Jan to Oct for project X”</em>.</li>
<li>A special feature to organize your relations: tagging, notes: both <em>private</em> and <em>publicly shared with your social network</em>.</li>
</ul>
</section>
<section id="screenshots" class="slide level1">
<h1>Screenshots</h1>
<p><img data-src="markd_110867_full.png.jpeg" /></p>
</section>
<section class="slide level1">

<p><img data-src="markd_497788_full.png.jpeg" /></p>
</section>
<section class="slide level1">

<p><img data-src="markd_646683_full.png.jpeg" /></p>
</section>
<section class="slide level1">

<p><img data-src="markd_790518_full.png.jpeg" /></p>
</section>
<section class="slide level1">

<p><img data-src="mastodon_edit_profile.png" /></p>
</section>
<section class="slide level1">

<p><img data-src="mastodo_view_profile.jpg" /></p>
</section>
<section class="slide level1">

<p><img data-src="sumry_610455_full.jpg" style="width:50.0%" /></p>
</section>
</div>
</div>

<script src="https://revealjs.com/lib/js/head.min.js"></script>
<script src="https://revealjs.com/js/reveal.js"></script>

<script>

// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
// Push each slide change to the browser history
history: true,

// Optional reveal.js plugins
dependencies: [
{ src: 'https://revealjs.com/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'https://revealjs.com/plugin/zoom-js/zoom.js', async: true },
{ src: 'https://revealjs.com/plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>

+ 90
- 0
pres.md View File

@@ -0,0 +1,90 @@
---
author:
- Bèr `berkes` Kessels
title: Werktitel "Physalia"
subtitle: "Een decentrale LinkedIn"
abstract: "In deze pitch presenteer ik het plan om een Decentrale
LinkedIn aan te wakkeren"
keywords:
- pitch
- fediverse
lang: nl
---

# Pysalia {data-background-image="physalia.jpg"}

> Het Portugees oorlogsschip (wetenschappelijke naam: Physalia physalis)
> is een complexe kolonie van honderden poliepen van vier typen.

# Inhoud

* Probleem
* Vergezicht
* Eerste Halte

# Probleem

* Linkedin heeft andere doelstellingen dan haar gebruikers: **gebruikers zijn het product**.
* Privacy en eigenaarschap van data op centrale netwerken als LinkedIn zijn tegenstrijdigheden.
* Linkedin past nooit precies bij iedereen.
* Linkedin kan **niet intern ingezet** worden in organisaties of netwerken.

::: notes

Wie hier heeft ooit "per ongeluk" van die irritante “Bèr Kessels has
invited you to join LinkedIn” emails aan al zijn vrienden gestuurd?

:::

# Oplossing

* Sociaal netwerk met zwaartepunt op **cooperatie** en onderlinge **relaties**.
* **Gedecentraliseerd: Federated, zelf-gehost**: Ieder netwerk een "server". Gebruikers hebben interactie met elkaar over servers heen.

# Voordelen

* Ad-free
* Privacy-focused
* In-house inzetbaar
* Chronologisch: simpel, geen algorithmes.

# Vergezicht

* A **Business-oriented** social network, focused on **privacy** and **cooperation** with peers.
* Run your own, customized or standardized, **social in-house network**.
* You **own your profile**: you can interact across and between social networks. Or migrate to other networks as your career evolves.

# Eerste Halte

* A business-oriented mastodon fork. Aimed at maintaining a **resume**, and sharing that with your network.
* A special feature to maintain meaningful relations: not just **follow** or **connect**. But tagged and described relations: *"John worked with Anne from Jan to Oct for project X"*.
* A special feature to organize your relations: tagging, notes: both *private* and *publicly shared with your social network*.

# Screenshots

![](markd_110867_full.png.jpeg)

---

![](markd_497788_full.png.jpeg)

---

![](markd_646683_full.png.jpeg)

---

![](markd_790518_full.png.jpeg)

---

![](mastodon_edit_profile.png)

---

![](mastodo_view_profile.jpg)

---

![](sumry_610455_full.jpg){ width=50% }


BIN
pres.pdf View File


+ 13
- 0
reveal.js/.gitignore View File

@@ -0,0 +1,13 @@
.idea/
*.iml
*.iws
*.eml
out/
.DS_Store
.svn
log/*.log
tmp/**
node_modules/
.sass-cache
css/reveal.min.css
js/reveal.min.js

+ 5
- 0
reveal.js/.travis.yml View File

@@ -0,0 +1,5 @@
language: node_js
node_js:
- 11
after_script:
- npm run build -- retire

+ 23
- 0
reveal.js/CONTRIBUTING.md View File

@@ -0,0 +1,23 @@
## Contributing

Please keep the [issue tracker](http://github.com/hakimel/reveal.js/issues) limited to **bug reports**, **feature requests** and **pull requests**.


### Personal Support
If you have personal support or setup questions the best place to ask those are [StackOverflow](http://stackoverflow.com/questions/tagged/reveal.js).


### Bug Reports
When reporting a bug make sure to include information about which browser and operating system you are on as well as the necessary steps to reproduce the issue. If possible please include a link to a sample presentation where the bug can be tested.


### Pull Requests
- Should follow the coding style of the file you work in, most importantly:
- Tabs to indent
- Single-quoted strings
- Should be made towards the **dev branch**
- Should be submitted from a feature/topic branch (not your master)


### Plugins
Please do not submit plugins as pull requests. They should be maintained in their own separate repository. More information here: https://github.com/hakimel/reveal.js/wiki/Plugin-Guidelines

+ 19
- 0
reveal.js/LICENSE View File

@@ -0,0 +1,19 @@
Copyright (C) 2019 Hakim El Hattab, http://hakim.se, and reveal.js contributors

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

+ 1438
- 0
reveal.js/README.md
File diff suppressed because it is too large
View File


+ 24
- 0
reveal.js/bower.json View File

@@ -0,0 +1,24 @@
{
"name": "reveal.js",
"version": "3.8.0",
"main": [
"js/reveal.js",
"css/reveal.css"
],
"homepage": "http://revealjs.com",
"license": "MIT",
"description": "The HTML Presentation Framework",
"authors": [
"Hakim El Hattab <hakim.elhattab@gmail.com>"
],
"repository": {
"type": "git",
"url": "git://github.com/hakimel/reveal.js.git"
},
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test"
]
}

+ 203
- 0
reveal.js/css/print/paper.css View File

@@ -0,0 +1,203 @@
/* 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 {

/* SECTION 1: Set default width, margin, float, and
background. This prevents elements from extending
beyond the edge of the printed page, and prevents
unnecessary background images from printing */
html {
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;
}

/* SECTION 2: Remove any elements not needed in print.
This would include navigation, ads, sidebars, etc. */
.nestedarrow,
.controls,
.fork-reveal,
.share-reveal,
.state-background,
.reveal .progress,
.reveal .backgrounds,
.reveal .slide-number {
display: none !important;
}

/* SECTION 3: Set body font face, size, and color.
Consider using a serif font for readability. */
body, p, td, li, div {
font-size: 20pt!important;
font-family: Georgia, "Times New Roman", Times, serif !important;
color: #000;
}

/* SECTION 4: Set heading font face, sizes, and color.
Differentiate your headings from your body text.
Perhaps use a large sans-serif for distinction. */
h1,h2,h3,h4,h5,h6 {
color: #000!important;
height: auto;
line-height: normal;
font-family: Georgia, "Times New Roman", Times, serif !important;
text-shadow: 0 0 0 #000 !important;
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; }

/* SECTION 5: Make hyperlinks more usable.
Ensure links are underlined, and consider appending
the URL to the end of the link for usability. */
a:link,
a:visited {
color: #000 !important;
font-weight: bold;
text-decoration: underline;
}
/*
.reveal a:link:after,
.reveal a:visited:after {
content: " (" attr(href) ") ";
color: #222 !important;
font-size: 90%;
}
*/


/* SECTION 6: more reveal.js specific additions by @skypanther */
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;
border: 1px solid #ddd;
}
.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;

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

text-align: left !important;
-webkit-perspective: none;
-moz-perspective: none;
-ms-perspective: none;
perspective: none;

-webkit-perspective-origin: 50% 50%;
-moz-perspective-origin: 50% 50%;
-ms-perspective-origin: 50% 50%;
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;

-webkit-transform-style: flat !important;
-moz-transform-style: flat !important;
-ms-transform-style: flat !important;
transform-style: flat !important;

-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;

-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: 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;

-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !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;
}

}

+ 164
- 0
reveal.js/css/print/pdf.css View File

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

* {
-webkit-print-color-adjust: exact;
}

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

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

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

h1, h2, h3, h4, h5, h6 {
text-shadow: 0 0 0 #000 !important;
}

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

ul, ol, div, p {
visibility: visible;
position: static;
width: auto;
height: auto;
display: block;
overflow: visible;
margin: auto;
}
.reveal {
width: auto !important;
height: auto !important;
overflow: hidden !important;
}
.reveal .slides {
position: static;
width: 100% !important;
height: auto !important;
zoom: 1 !important;

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;
}

.reveal .roll {
overflow: visible;
line-height: 1em;
}

/* Slide backgrounds are placed inside of their slide when exporting to PDF */
.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;
}

+ 30
- 0
reveal.js/css/reset.css View File

@@ -0,0 +1,30 @@
/* http://meyerweb.com/eric/tools/css/reset/
v4.0 | 20180602
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
display: block;
}

+ 1598
- 0
reveal.js/css/reveal.css
File diff suppressed because it is too large
View File


+ 1768
- 0
reveal.js/css/reveal.scss
File diff suppressed because it is too large
View File


+ 21
- 0
reveal.js/css/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 including the Grunt dependencies installed before proceeding: https://github.com/hakimel/reveal.js#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 by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.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.

+ 277
- 0
reveal.js/css/theme/beige.css View File

@@ -0,0 +1,277 @@
/**
* Beige theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
@import url(../../lib/font/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #f7f2d3;
background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
background-color: #f7f3de; }

.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
font-weight: normal;
color: #333; }

::selection {
color: #fff;
background: rgba(79, 64, 28, 0.99);
text-shadow: none; }

::-moz-selection {
color: #fff;
background: rgba(79, 64, 28, 0.99);
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: 0 0 20px 0;
color: #333;
font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
text-transform: uppercase;
text-shadow: none;
word-wrap: break-word; }

.reveal h1 {
font-size: 3.77em; }

.reveal h2 {
font-size: 2.11em; }

.reveal h3 {
font-size: 1.55em; }

.reveal h4 {
font-size: 1em; }

.reveal h1 {
text-shadow: 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, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }

/*********************************************
* OTHER
*********************************************/
.reveal p {
margin: 20px 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: 20px 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: 20px auto;
text-align: left;
font-size: 0.55em;
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }

.reveal code {
font-family: monospace;
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; }

/*********************************************
* LINKS
*********************************************/
.reveal a {
color: #8b743d;
text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; }

.reveal a:hover {
color: #c0a86e;
text-shadow: none;
border: none; }

.reveal .roll span:after {
color: #fff;
background: #564826; }

/*********************************************
* IMAGES
*********************************************/
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #333;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.reveal section img.plain {
border: 0;
box-shadow: none; }

.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; }

.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
border-color: #8b743d;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }

/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
color: #8b743d; }

/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #8b743d; }

.reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

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

+ 273
- 0
reveal.js/css/theme/black.css View File

@@ -0,0 +1,273 @@
/**
* Black theme for reveal.js. This is the opposite of the 'white' theme.
*
* By Hakim El Hattab, http://hakim.se
*/
@import url(../../lib/font/source-sans-pro/source-sans-pro.css);
section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 {
color: #222; }

/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #191919;
background-color: #191919; }

.reveal {
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-size: 42px;
font-weight: normal;
color: #fff; }

::selection {
color: #fff;
background: #bee4fd;
text-shadow: none; }

::-moz-selection {
color: #fff;
background: #bee4fd;
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: 0 0 20px 0;
color: #fff;
font-family: "Source Sans Pro", Helvetica, sans-serif;
font-weight: 600;
line-height: 1.2;
letter-spacing: normal;
text-transform: uppercase;
text-shadow: none;
word-wrap: break-word; }

.reveal h1 {
font-size: 2.5em; }

.reveal h2 {
font-size: 1.6em; }

.reveal h3 {
font-size: 1.3em; }

.reveal h4 {
font-size: 1em; }

.reveal h1 {
text-shadow: none; }

/*********************************************
* OTHER
*********************************************/
.reveal p {
margin: 20px 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: 20px 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: 20px auto;
text-align: left;
font-size: 0.55em;
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }

.reveal code {
font-family: monospace;
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; }

/*********************************************
* LINKS
*********************************************/
.reveal a {
color: #42affa;
text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; }

.reveal a:hover {
color: #8dcffc;
text-shadow: none;
border: none; }

.reveal .roll span:after {
color: #fff;
background: #068de9; }

/*********************************************
* IMAGES
*********************************************/
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.reveal section img.plain {
border: 0;
box-shadow: none; }

.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; }

.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
border-color: #42affa;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }

/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
color: #42affa; }

/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #42affa; }

.reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

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

+ 296
- 0
reveal.js/css/theme/blood.css View File

@@ -0,0 +1,296 @@
/**
* 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.
*
*/
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #222;
background-color: #222; }

.reveal {
font-family: Ubuntu, "sans-serif";
font-size: 40px;
font-weight: normal;
color: #eee; }

::selection {
color: #fff;
background: #a23;
text-shadow: none; }

::-moz-selection {
color: #fff;
background: #a23;
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: 0 0 20px 0;
color: #eee;
font-family: Ubuntu, "sans-serif";
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
text-transform: uppercase;
text-shadow: 2px 2px 2px #222;
word-wrap: break-word; }

.reveal h1 {
font-size: 3.77em; }

.reveal h2 {
font-size: 2.11em; }

.reveal h3 {
font-size: 1.55em; }

.reveal h4 {
font-size: 1em; }

.reveal h1 {
text-shadow: 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, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }

/*********************************************
* OTHER
*********************************************/
.reveal p {
margin: 20px 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: 20px 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: 20px auto;
text-align: left;
font-size: 0.55em;
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }

.reveal code {
font-family: monospace;
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; }

/*********************************************
* LINKS
*********************************************/
.reveal a {
color: #a23;
text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; }

.reveal a:hover {
color: #dd5566;
text-shadow: none;
border: none; }

.reveal .roll span:after {
color: #fff;
background: #6a1520; }

/*********************************************
* IMAGES
*********************************************/
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.reveal section img.plain {
border: 0;
box-shadow: none; }

.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; }

.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
border-color: #a23;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }

/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
color: #a23; }

/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #a23; }

.reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

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

.reveal p {
font-weight: 300;
text-shadow: 1px 1px #222; }

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

.reveal p code {
background-color: #23241f;
display: inline-block;
border-radius: 7px; }

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

+ 279
- 0
reveal.js/css/theme/league.css View File

@@ -0,0 +1,279 @@
/**
* League theme for reveal.js.
*
* This was the default theme pre-3.0.0.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
@import url(../../lib/font/league-gothic/league-gothic.css);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #1c1e20;
background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
background-color: #2b2b2b; }

.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
font-weight: normal;
color: #eee; }

::selection {
color: #fff;
background: #FF5E99;
text-shadow: none; }

::-moz-selection {
color: #fff;
background: #FF5E99;
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: 0 0 20px 0;
color: #eee;
font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
text-transform: uppercase;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
word-wrap: break-word; }

.reveal h1 {
font-size: 3.77em; }

.reveal h2 {
font-size: 2.11em; }

.reveal h3 {
font-size: 1.55em; }

.reveal h4 {
font-size: 1em; }

.reveal h1 {
text-shadow: 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, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }

/*********************************************
* OTHER
*********************************************/
.reveal p {
margin: 20px 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: 20px 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: 20px auto;
text-align: left;
font-size: 0.55em;
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }

.reveal code {
font-family: monospace;
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; }

/*********************************************
* LINKS
*********************************************/
.reveal a {
color: #13DAEC;
text-decoration: none;
-webkit-transition: color .15s ease;
-moz-transition: color .15s ease;
transition: color .15s ease; }

.reveal a:hover {
color: #71e9f4;
text-shadow: none;
border: none; }

.reveal .roll span:after {
color: #fff;
background: #0d99a5; }

/*********************************************
* IMAGES
*********************************************/
.reveal section img {
margin: 15px 0px;
background: rgba(255, 255, 255, 0.12);
border: 4px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.reveal section img.plain {
border: 0;
box-shadow: none; }

.reveal a img {
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
transition: all .15s linear; }

.reveal a:hover img {
background: rgba(255, 255, 255, 0.2);
border-color: #13DAEC;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }

/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
color: #13DAEC; }

/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #13DAEC; }

.reveal .progress span {
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

/*********************************************
* PRINT BACKGROUND
*********************************************/
@media print {
.backgrounds {
background-color: #2b2b2b; } }

+ 277
- 0
reveal.js/css/theme/moon.css View File

@@ -0,0 +1,277 @@
/**
* Solarized Dark theme for reveal.js.
* Author: Achim Staebler
*/
@import url(../../lib/font/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; }

/*********************************************
* GLOBAL STYLES
*********************************************/
body {
background: #002b36;
background-color: #002b36; }

.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
font-weight: normal;
color: #93a1a1; }

::selection {
color: #fff;
background: #d33682;
text-shadow: none; }

::-moz-selection {
color: #fff;
background: #d33682;
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: 0 0 20px 0;
color: #eee8d5;
font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
text-transform: uppercase;
text-shadow: none;
word-wrap: break-word; }

.reveal h1 {
font-size: 3.77em; }

.reveal h2 {
font-size: 2.11em; }

.reveal h3 {
font-size: 1.55em; }

.reveal h4 {
font-size: 1em; }

.reveal h1 {
text-shadow: none; }

/*********************************************
* OTHER
*********************************************/
.reveal p {
margin: 20px 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: 20px 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: 20px auto;
text-align: left;
font-size: 0.55em;
font-family: monospace;
line-height: 1.2em;
word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }

.reveal code {
font-family: monospace;
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; }