Commit bf021503 authored by ak's avatar ak
Browse files

bump pykyll

parent 0fda9b7e
Pipeline #2072 passed with stage
in 15 seconds
...@@ -7,7 +7,7 @@ html: true ...@@ -7,7 +7,7 @@ html: true
index: /home/ak/git/ak/ama/20210127_ama_wtf_coop/index.md index: /home/ak/git/ak/ama/20210127_ama_wtf_coop/index.md
subtitle: Werkvereinigung der Technikfreundinnen subtitle: Werkvereinigung der Technikfreundinnen
title: WTF e. G. – CoOp title: WTF e. G. – CoOp
type: post type: slides
--- ---
### Genossen genießen <!-- .element class="fragment fade-up" data-fragment-slide-index="1" data-autoslide="7000" --> ### Genossen genießen <!-- .element class="fragment fade-up" data-fragment-slide-index="1" data-autoslide="7000" -->
......
...@@ -37,6 +37,9 @@ ...@@ -37,6 +37,9 @@
<p> <p>
AMA mit einigen Genossen aus der WTF CoOp. Vorspann. AMA mit einigen Genossen aus der WTF CoOp. Vorspann.
</p> </p>
<h1>
View <a href="slides.html?changethis">WTF e. G. – CoOp Slides</a> 👀
</h1>
<h3 id="genossen-genießen">Genossen genießen <!-- .element class="fragment fade-up" data-fragment-slide-index="1" data-autoslide="7000" --></h3> <h3 id="genossen-genießen">Genossen genießen <!-- .element class="fragment fade-up" data-fragment-slide-index="1" data-autoslide="7000" --></h3>
<p>Vortrag beginnt in Kürze <!-- .element class="fragment fade-out" data-fragment-slide-index="2" data-autoslide="7000" --></p> <p>Vortrag beginnt in Kürze <!-- .element class="fragment fade-out" data-fragment-slide-index="2" data-autoslide="7000" --></p>
<ol type="1"> <ol type="1">
......
// Looking to change the secret master URL? Find changethis in this document
// Multiplexing configuration
// Client side
multiplex_config = {
// generate new id and token here: https://talks.c3pb.de/token
url: "https://talks.c3pb.de",
id: "98cc9e65816c11a4"
};
// Master side
multiplex_master_config = {
secret: "15877195392774067100"
};
// FULL SCREEN Function
/* Get the documentElement (<html>) to display the page in fullscreen */
var elem = document.documentElement;
/* View in fullscreen */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) { /* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}
// reveal.js configuration. Here be dragons...
var config = {
hash: true,
history: true,
transitionSpeed: 'slow',
transition: 'fade',
dependencies: [
{ src: 'cyber/revealjs/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'cyber/revealjs/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
// { src: 'cyber/revealjs/plugin/math/math.js' },
{ src: 'cyber/revealjs/plugin/highlight/highlight.js' },
{ src: 'cyber/revealjs/plugin/search/search.js', async: true },
{ src: 'cyber/revealjs/plugin/zoom-js/zoom.js', async: true },
{ src: 'cyber/revealjs/plugin/notes/notes.js', async: true }
]
};
var params = new URLSearchParams(document.location.search.substring(1));
// Change changethis to be yoursecret.
// You may then control what the others are seeing by opening your customized.talk document as:
// https://YOUR_GITLAB_USER.pages.git.c3pb.de/customized.talk/#?yoursecret
if (params.get("changethis") !== null && window.multiplex_master_config) {
config.dependencies.push({ src: 'cyber/js/socket.js', async: true });
config.dependencies.push({ src: 'cyber/revealjs/plugin/multiplex/master.js', async: true });
config.multiplex = Object.assign({}, multiplex_config || {}, multiplex_master_config);
console.log("multiplex: using master mode");
config.slideNumber = true;
autoSlideStoppable= true;
} else {
config.dependencies.push({ src: 'cyber/js/socket.js', async: true });
config.dependencies.push({ src: 'cyber/revealjs/plugin/multiplex/client.js', async: true });
config.multiplex = multiplex_config;
console.log("multiplex: using client mode");
config.controls = false;
config.keyboard = false;
config.mouseWheel = false;
config.hideAddressBar = true;
config.touch= false;
config.autoPlayMedia = true;
config.slideNumber = false;
config.autoSlideStoppable = false;
config.hideInactiveCursor = true;
config.previewLinks = true;
}
if (params.get("content") !== null) {
console.log("content");
}
\ No newline at end of file
### Genossen genießen <!-- .element class="fragment fade-up" data-fragment-slide-index="1" data-autoslide="7000" -->
Vortrag beginnt in Kürze <!-- .element class="fragment fade-out" data-fragment-slide-index="2" data-autoslide="7000" -->
1. Historische Erfolge <!-- .element class="fragment fade-up" data-fragment-slide-index="3" data-autoslide="7000" -->
2. Erfolgreich Heute <!-- .element class="fragment fade-up" data-fragment-slide-index="4" data-autoslide="7000" -->
3. Erfolgreicher Morgen <!-- .element class="fragment fade-up" data-fragment-slide-index="5" data-autoslide="14000" -->
---
<!-- .slide: data-autoslide="3000" -->
## Geschichte
---
Passt eine Klärung des Begriffs und der Bedeutung von *Genossenschaft* überhaupt in einen Lightning Talk?
Nein. Es lohnt sich aber zu erinnern wo du dich befindest. Link unterhalb. <!-- .element class="fragment fade-in-then-out" data-fragment-slide-index="1" data-autoslide="7000" -->
[Genossenschaft oder Kooperative (von Zusammenarbeit) bezeichnet einen Zusammenschluss oder Verband von Personen (natürlichen oder juristischen) zu Zwecken der Erwerbstätigkeit oder der wirtschaftlichen oder sozialen Förderung der Mitglieder durch gemeinschaftlichen wirtschaftlichen Geschäftsbetrieb. ](https://de.wikipedia.org/wiki/Genossenschaft) <!-- .element class="fragment fade-up" data-fragment-slide-index="2" data-autoslide="42000" -->
---
<!-- .slide: data-autoslide="42000" -->
*Selbsthilfe - Selbstverantwortung - Selbstverwaltung*
[Genossenschaft oder Kooperative (von Zusammenarbeit) bezeichnet einen Zusammenschluss oder Verband von Personen (natürlichen oder juristischen) zu Zwecken der Erwerbstätigkeit oder der wirtschaftlichen oder sozialen Förderung der Mitglieder durch gemeinschaftlichen wirtschaftlichen Geschäftsbetrieb. ](https://de.wikipedia.org/wiki/Genossenschaft)
---
<!-- .slide: data-autoslide="3000" -->
## Erfolgreich Heute
---
<!-- .slide: data-autoslide="20000" -->
![](https://upload.wikimedia.org/wikipedia/commons/c/cf/Viaje_a_la_Corporaci%C3%B3n_Mondrag%C3%B3n_en_el_Pa%C3%ADs_Vasco.jpg)
Ein Beispiel für eine work cooperative – Mitarbeiterunternehmen
---
<!-- .slide: data-autoslide="42000" -->
Das größte Mitarbeiterunternehmen der Welt ist die Mondragón Corporación Cooperativa in Spanien, zu der Unternehmen verschiedener Sektoren wie Maschinenbau, Automobilindustrie, Haushaltsgeräte, Bauindustrie, Einzelhandel (Supermarktketten), Banken und Versicherungen gehören.
Stell dir vor, ein ansehnliches Industriekonglomerat im Besitz eines kleinen baskischen Dorfes mit ca. 22.000 Einwohnern bei 3.8% BIP bzw 7.6% des BIP bezogen auf den Bereich Industrie des kompletten Baskenlandes. Auch bekannt als *das Dorf ohne Armut*.
---
Ein bekanntes Beispiel einer sehr großen sogenannten oder auch Zwangsgenossenschaft.
#### Einer für Alle <!-- .element class="fragment fade-left" data-autoslide="1000" -->
![](https://upload.wikimedia.org/wikipedia/commons/8/85/Unus_pro_omnibus%2C_omnes_pro_uno.jpg)
#### Alle für Einen <!-- .element class="fragment fade-right" data-autoslide="1000" -->
Die schweizerische Eidgenossenschaft <!-- .element class="fragment fade-up" data-autoslide="4200" -->
---
Gesellschaftliche Rollen von Genossenschaften sind vielfältig. Groß wie eben, aber auch etwas kleiner.
Einzelhandels-, Großhandels-, Einkauf- , Banken, Land- Forstwirtschafts-, Energieversorgungs-, Gesundheitswesen, Medien-, Dienstleistungs-, Kleingewerbe-, Beteiligungsgesellschaft, Schul-, Energie-, Pflege- Senioren- oder Sozialgenossenschaften, Realgemeinden, Deichverbände sowie Berufsgenossenschaften um einige weitere Beispiele zu nennen. <!-- .element class="fragment shrink" data-autoslide="4000" -->
Lass dich nicht vereinzeln und beherrschen. Einigkeit und Recht und Freiheit.
WTF ist das für Häcker? <!-- .element class="fragment fade-up" data-autoslide="42000" -->
---
<!-- .slide: data-autoslide="3000" -->
## Erfolgreicher Morgen
---
![WTF Kooperative e.G.](https://avatars.githubusercontent.com/u/43816382?s=200&v=4)
WTF ist das
---
![WTF Kooperativ e.G.](https://avatars.githubusercontent.com/u/43816382?s=200&v=4)
Die WTF Kooperative eG ist eine Genossenschaft und Werkkooperative für Technikfreundinnen.
---
## [wtf-eg.de](https://wtf-eg.de/)
## [vebit.xyz](https://vebit.xyz/)
\ No newline at end of file
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!-- Welcome to the friendly guiding commentary of your Banana.
This is the straight forward default. A bit bony . For a comprenensive starting point consider replacing this file with documentation/samples/https://ak.pages.c3pb.de/Banana/demo.md. It is the fully featured DEMO HOW-TO.
customize.talk
You may start by de-uncustomizing the topic of your talk. Is that even a thing?
Edit: -->
<title>ἐπῐφᾰ́νειᾰ</title>
<noscript>
</noscript>
<!-- reveal.js css -->
<link rel="stylesheet" href="../../epiphaneia/cyber/revealjs/css/reset.css">
<link rel="stylesheet" href="../../epiphaneia/cyber/revealjs/css/reveal.css">
<!-- Edit: Default theme style sheet for your customized.talk
Available Themes are to be found looking for FINDME in this file -->
<link rel="stylesheet" href="../../epiphaneia/cyber/css/subspace.css" id="theme">
<!-- Custom Styles overwriting everything else -->
<link rel="stylesheet" href="index.css">
<!-- Alternative: Style sheet to display code
zenburn.css -->
<link rel="stylesheet" href="../../epiphaneia/cyber/css/hackoer.monokai.css">
<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">
<!-- Just some "Printing and PDF exports" foo -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? '../../epiphaneia/cyber/revealjs/css/print/pdf.css' : '../../epiphaneia/cyber/revealjs/css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!-- History of this document -->
<meta content="Despoilered version of the infamous Slides for FPGA workshop on some level." name="description">
<meta content="c3pb" name="author">
</head>
<body>
<div class="reveal">
<div class="slides">
<!-- HERELobby -->
<section>
<p>You may choose</p>
<h2>If</h2>
<p>you are not interested in customizing the look & feel of the presentation then do click <a href="#/#begin">here</a>.</p>
<h2>Else</h2>
<p>you may be interested in customizing the look & feel of the presentation or just want to go with the flow, i.e. watch and interact with the hypertextual programmed intro sequence as intended. Do click <a onclick="Reveal.next()">here</a>.</p>
</section>
<section data-background="../../epiphaneia/cyber/documentation/cube_subraum.svg" id="cube" data-autoslide="1000">
<p class="fragment fade-out" data-fragment-index="0" data-autoslide="3000">kindly brought to you by</p>
<h1 class="fragment fade-in-then-out" data-fragment-index="0" data-autoslide="3000">C3PB e.V.</h1>
<p class="fragment fade-down" data-fragment-index="1" data-autoslide="10000">
Alas! The desktop cube <br>
<a href="?transition=none#/cube">None</a> -
<a href="?transition=fade#/cube">Fade</a> -
<a href="?transition=slide#/cube">Slide</a> -
<a href="?transition=convex#/cube">Convex</a> -
<a href="?transition=concave#/cube">Concave</a> -
<a href="?transition=zoom#/cube">Zoom</a>
</p>
<p class="fragment fade-up" data-fragment-index="1"><a href="#/#brb">BRB</a> OR GOTO <a href="#/#customizedthemes">THEMES</a></p>
</section>
<section data-background="../../epiphaneia/cyber/documentation/cube_subraum.svg" id="brb">
<p class="fragment fade-out" data-autoslide="1000" data-autoslide-index="2">"FREE PRESS" for BIG PICTURE</p>
<!-- Reload without using the cache: true -->
<div class="fragment grow" data-autoslide="1000" data-autoslide-index="1">
<a onclick="window.location.reload(true);">
<div class="button fragment shrink" data-autoslide="1000">DONT<br>PRESS</div>
</a>
</div>
<h3 class="fragment fade-up" onclick="openFullscreen();" data-autoslide="6000">BIG RED BUTTON</h3>
<p>GOTO <a href="#/#lobby">Lobby</a> OR Almost <a href="#/#end">THE END</a></p>
</section>
<!--- Edit: Title slide -->
<section data-background="../../epiphaneia/cyber/documentation/cube_subraum.svg" id="lobby">
<h3><a class="fragment fade-down" data-fragment-index="1" id="twice" data-autoslide="1000" onclick='document.getElementById("twice").innerHTML = "FULL SCREEN VIEW:";'>επιφανεια </a><span class="fragment fade-right" data-autoslide="12000" data-fragment-index="2"> <p class="button" onclick='openFullscreen(); Reveal.toggleAutoSlide(true); Reveal.next()'>FREE<br>PRESS</p></span></h3>
<p class="fragment fade-up" data-fragment-index="0" data-autoslide="1000"><a onclick='Reveal.toggleAutoSlide(true); document.getElementById("twice").innerHTML = "Press 4 Big Picture:";'><img class="plain" id="explainsitself" src="../../epiphaneia/cyber/documentation/projectIcon.png"></a></span></p>
</section>
<!-- Edit: Theme selection -->
<section data-background="../../epiphaneia/cyber/documentation/cube_subraum.svg" id="customizedthemes" data-autoslide="1000">
<h4>Feel Free</h4><p class="fragment fade-right" data-fragment-index="2" data-autoslide="">to Select a Visual Theme</p>
<table class="fragment fade-down" data-fragment-index="1"><tr><td><a class="button" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/deelight.css'); return false;">DEE<br>LIGHT</a></td><td><a class="button" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/subspace.css'); return false;">SUB<br>SPACE</a></td><td><a class="button" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/newstyle.css'); return false;">HÅC<br>kŒЯ</a></td></tr></table>
<p class="fragment grow" data-fragment-index="3" data-autoslide="42000">
<!-- Hacks to swap themes after the page has loaded. Not flexible and only intended for the reveal.js demo deck. -->
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/black.css'); return false;">Black</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/white.css'); return false;">White</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/league.css'); return false;">League</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/sky.css'); return false;">Sky</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/beige.css'); return false;">Beige</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/simple.css'); return false;">Simple</a> <br>
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/serif.css'); return false;">Serif</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/blood.css'); return false;">Blood</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/night.css'); return false;">Night</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/moon.css'); return false;">Moon</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/solarized.css'); return false;">Solarized</a> <br>
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/subspace.css'); return false;">Subspace (Default)</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/deelight.css'); return false;">Deelight</a> -
<a href="#" onclick="document.getElementById('theme').setAttribute('href','../../epiphaneia/cyber/css/hackoer.css'); return false;">Hackör</a>
</p>
<p class="fragment fade-up" data-fragment-index="1">GOTO <a href="#/#brb">BRB</a>, <a href="#/#lobby">LOBBY</a>, <a href="#/#cube">CUBE</a> OR <a href="#/#end">JUMP</a> the queue</p>
</section>
<!-- MARKDOWN IMPORT SECTION -->
<section id="begin"
data-markdown="index.md"
data-separator="^---"
data-separator-vertical="^--"
data-separator-notes="^Note:"
data-charset="utf-8">
</section>
<!-- MARKDOWN IMPORT SECTION -->
<!-- Edit: End of the talk -->
<section style="text-align: left;" id="end" data-autoslide="6000">
<p>Almost</p>
<h1>THE END</h1>
<p>
- Thank you & <br>
- Come again.
</p>
</section>
<!-- End of YOUR CONTENT -->
<!-- HERECredits -->
<section>
<section id="credits" data-background="https://cloud.c3pb.de/s/wPGaWp4SPGCA86i/preview">
<h1 class="fragment fade-down" data-autoslide="2500" data-fragment-index="1">
<a href="https://git.c3pb.de/ak/epiphaneia" data-preview-link="false">hold</a>
</h1>
<p class="fragment fade-in-then-out" data-autoslide="5000" data-fragment-index="2">&uarr; your own &darr;</p>
<h2>επιφανεια</h2>
<div class="fragment fade-up" data-autoslide="2500">
<p class="fragment fade-out" data-autoslide="2500">this one hacked together by</p>
<img class="plain" src="https://cloud.c3pb.de/s/Zn47cKspfMiA3Gj/preview" alt="Default">
</div>
</section>
<section data-background="https://cloud.c3pb.de/s/wPGaWp4SPGCA86i/preview" data-autoslide="2500">
<p class="fragment fade-in-then-semi-out">a word by no sponsor</p>
<div class="fragment fade-up" data-autoslide="30000">
<a href="#lobby"><h1>Generic</h1>
<p>επιφανεια</p>
<h1>Message</h1>
</a>
</div>
</section>
<section data-background-iframe="https://writer.c3pb.de/s/BkBlhMPd8#Quickstart" data-background-interactive data-autoslide="2500">
<p class="fragment fade-out" data-fragment-index="3">Documentation Shared Makes Good Software Even Better</p>
<h1 class="fragment fade-in-then-out" data-fragment-index="0">Read IT</h1>
<h1 class="fragment fade-in-then-out" data-fragment-index="2">Write IT</h1>
</section>
</section>
</div>
</div>
<!-- Import reveal.js -->
<script src="../../epiphaneia/cyber/revealjs/js/reveal.js"></script>
< !-- Edit: Import customized.talk CONFIGURATION script -->
<script src="index.js"></script>
<script>
// Initialize client side view
Reveal.initialize(config);
</script>
<!-- Thats it. Less than five minutes? Enjoy! -->
<!-- NoScript Display -->
<noscript>
<link rel="stylesheet" href="../../epiphaneia/cyber/css/subspace-nojs.css">
<div class="container">
<div class="slides">
<section>
<h2>You are free</h2>
<ul>
<li>to trust the whole <a href="https://github.com/">$hebang</a> & Enable JavaScript for the duration of this presentation,</li>
<li>do no such thing blindly, <a href="https://git.c3pb.de/ak/epiphaneia">review the code</a> as it currently is OR</li>
<li>to trust the domain <a href="">c3pb.de</a> to have at least tried & push IT over boundaries</li>
</ul>
<div >
<a href="index.txt">
<div class="button">NUKE<br>IT NOW</div>
</a>
</div>
<p>straigt up <a href="https://en.wikipedia.org/wiki/Fu"></a> to un-<a href="https://en.wikipedia.org/wiki/Fu"></a> the way - kindly brought to you by</p>
<a href="https://c3pb.de/pages/impressum.html"><h1>C3PB e. V.</h1></a>
</section>
</div>
</div>
</noscript>
</body>
</html>
\ No newline at end of file
# customize.talks cyber
* css:
Theme style sheets
* documentation:
On-line documentation resources
* font:
Fonts
* js:
## socketIO
Version 2.2
* revealjs:
## Reveal.js
Pulled 20200418
\ No newline at end of file
/**
* 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: 2.3em;
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; }