Compare commits
2 commits
23ce7af426
...
09d8701df4
Author | SHA1 | Date | |
---|---|---|---|
09d8701df4 | |||
9357673db1 |
|
@ -1,6 +1,6 @@
|
|||
baseURL = "https://projets.cohabit.fr/"
|
||||
baseURL = "/"
|
||||
languageCode = "en-us"
|
||||
title = "A Hugo theme for creating Reveal.js presentations"
|
||||
title = "Bienvenue au Fablab Coh@bit"
|
||||
disableKinds = ["sitemap", "RSS"]
|
||||
theme = "reveal-hugo"
|
||||
|
||||
|
@ -9,7 +9,7 @@ relativeURLs = true
|
|||
uglyURLs = true
|
||||
|
||||
[author]
|
||||
name = "Josh Dzielak"
|
||||
name = "Fablab Coh@bit - @habsinn"
|
||||
|
||||
# currently only the unsafe mode for goldmark is supported
|
||||
[markup.goldmark.renderer]
|
||||
|
|
|
@ -12,8 +12,8 @@ transition_speed = "slow"
|
|||
|
||||
|
||||
|
||||
## LE FABLAB COHABIT EST OUVERT A TOUT LE MONDE :
|
||||
# 📽️
|
||||
## LE FABLAB COHABIT EST OUVERT A TOUT LE MONDE
|
||||
# 📖
|
||||
### EXPERIMENTER,
|
||||
### FABRIQUER,
|
||||
### DOCUMENTER,
|
||||
|
@ -23,34 +23,277 @@ transition_speed = "slow"
|
|||
|
||||
---
|
||||
|
||||
{{< slide class="hello" background-color="#EA5C2B">}}
|
||||
{{% section %}}
|
||||
|
||||
{{< slide class="hello" background-color="#D8E9A8">}}
|
||||
|
||||
# EQUIPEMENT
|
||||
&
|
||||
# OUTILLAGE
|
||||
|
||||
---
|
||||
|
||||
{{< slide class="" background-color="#FF7F3F">}}
|
||||
|
||||
# ESPACE,
|
||||
# PERSONNES,
|
||||
# FONCTIONNEMENT
|
||||
|
||||
---
|
||||
|
||||
{{< slide class="" background-color="#F6D860">}}
|
||||
# DÉCOUPE LASER
|
||||
|
||||
<img src="images/laser.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
|
||||
- a
|
||||
- b
|
||||
- c
|
||||
|
||||
<br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a>
|
||||
|
||||
# LES PROJETS EN COURS
|
||||
|
||||
---
|
||||
|
||||
{{< slide class="" background-color="#95CD41">}}
|
||||
# Imprimantes 3D
|
||||
|
||||
<img src="images/impression3d.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
|
||||
- a
|
||||
- b
|
||||
- c
|
||||
|
||||
<a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a>
|
||||
|
||||
# VISITER LE FABLAB
|
||||
|
||||
---
|
||||
|
||||
# Charlie Robot
|
||||
|
||||
<img src="images/fraiseuse.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
|
||||
- a
|
||||
- b
|
||||
- c
|
||||
|
||||
<br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a>
|
||||
|
||||
|
||||
---
|
||||
|
||||
# Découpe vinyl
|
||||
|
||||
<img src="images/vinyl.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
|
||||
- a
|
||||
- b
|
||||
- c
|
||||
|
||||
<br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a>
|
||||
|
||||
|
||||
---
|
||||
|
||||
# Brodeuse numérique
|
||||
|
||||
<img src="images/laser.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
|
||||
- a
|
||||
- b
|
||||
- c
|
||||
|
||||
<br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a>
|
||||
|
||||
|
||||
---
|
||||
|
||||
# Graveuse de PCB
|
||||
|
||||
<img src="images/laser.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
|
||||
- a
|
||||
- b
|
||||
- c
|
||||
|
||||
<br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a>
|
||||
|
||||
|
||||
---
|
||||
|
||||
# Électronique
|
||||
|
||||
<img src="images/laser.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
|
||||
- a
|
||||
- b
|
||||
- c
|
||||
|
||||
<br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a>
|
||||
|
||||
|
||||
---
|
||||
|
||||
# Outillage
|
||||
|
||||
<img src="images/outillage.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
|
||||
- a
|
||||
- b
|
||||
- c
|
||||
|
||||
<br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a>
|
||||
|
||||
<br><p style="font-size:60px;text-align:right;"> </span><a href="#/1"> ⬆</a> | <a href="#/2">⤴</a> </p>
|
||||
|
||||
---
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
|
||||
{{% section %}}
|
||||
|
||||
{{< slide class="" background-color="#4E9F3D">}}
|
||||
|
||||
# PRESENTATION
|
||||
|
||||
---
|
||||
|
||||
# Le fablab vous accompagne pour réaliser vos projets.
|
||||
|
||||
---
|
||||
|
||||
# L'EQUIPE
|
||||
|
||||
![](images/trombinoscope.jpg)
|
||||
|
||||
---
|
||||
|
||||
# L'ESPACE
|
||||
|
||||
<img src="images/fresque.jpg" alt="" width="80%" height="auto" margin="10px" align="left"/>
|
||||
|
||||
<br><br><br><br><br><br><br><br><br><br><br><p style="font-size:60px;text-align:right;"> </span><a href="#/2"> ⬆</a> | <a href="#/3">⤴</a> </p>
|
||||
|
||||
---
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
|
||||
{{% section %}}
|
||||
|
||||
{{< slide class="" background-color="#1E5128">}}
|
||||
|
||||
# PROJETS DU FABLAB
|
||||
|
||||
---
|
||||
|
||||
# PROJETS EN COURS
|
||||
|
||||
*(tout le monde peut venir contribuer à ces projets)*
|
||||
<br><br>
|
||||
|
||||
* **"Thermo Bibli"** : dispositif de mesure d'humidité-température pour la bibliothèque de livres anciens de l'université de Bordeaux [➡](https://projets.cohabit.fr/redmine/projects/projets-du-fablab/wiki/Thermo-Bibli)
|
||||
* **"Robot Go West"** : robot piloté par des plantes pour suivre le Soleil
|
||||
* **"Perspectographe"** : appareil mécanique permettant de tracer une vue perspective non euclidienne
|
||||
|
||||
---
|
||||
|
||||
# TOUS NOS PROJETS SONT DOCUMENTES <a href="https://projets.cohabit.fr/redmine/projects" target="_blank"><p style="font-size:80px;text-align:center;"> ICI </p></a>
|
||||
|
||||
<br>Chaque usager du Fablab est invité <br>à documenter ses projets et à les partager.
|
||||
|
||||
<br><br><p style="font-size:60px;text-align:right;"> </span><a href="#/3"> ⬆</a> | <a href="#/4">⤴</a> </p>
|
||||
|
||||
---
|
||||
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
{{% section %}}
|
||||
|
||||
{{< slide class="" background-color="#191A19">}}
|
||||
|
||||
<h1 style="font-size:60px;text-align:center;color:white"> VISITER LE FABLAB </h1>
|
||||
|
||||
---
|
||||
|
||||
<iframe width="100%" height="300px" frameborder="0" allowfullscreen src="https://umap.openstreetmap.fr/fr/map/carte-sans-nom_700845?scaleControl=false&miniMap=false&scrollWheelZoom=true&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false&fullscreenControl=true&datalayers=2033363"></iframe><p><a href="//umap.openstreetmap.fr/fr/map/carte-sans-nom_700845"></a>
|
||||
|
||||
<p style="font-size:25px;text-align:center">TBM
|
||||
15 rue Naudet<br>
|
||||
Bâtiment 10A - 1er Etage, CS 10207 <br>33175 GRADIGNAN CEDEX
|
||||
</p>
|
||||
|
||||
<p style="font-size:20px;text-align:center"><strong>TBM :</strong>
|
||||
lianes 10 arrêt village 6 iut, ligne 21 arrêt école d'architecture, <br>ligne 58 arrêt village 5, corol 35 arrêt Montaigne-Montesquieu ou B.E.C<br>
|
||||
<strong>TRANSGIRONDE :</strong> 406 / 505 / 5051 arrêt école d'architecture<br>
|
||||
<strong>TRAM :</strong> Ligne B arrêt Montaigne - Montesquieu
|
||||
</p>
|
||||
|
||||
|
||||
---
|
||||
|
||||
|
||||
### Horaires
|
||||
|
||||
Du mardi au Vendredi
|
||||
10h-18h
|
||||
(pour les périodes de vacances scolaires contacter le Fab Manager)
|
||||
<br><br>
|
||||
|
||||
### Fab Manager(s)
|
||||
|
||||
Jean-Baptiste Bonnemaison
|
||||
Pierre Grangé Praderas
|
||||
05 56 84 79 61
|
||||
fablab@iut.u-bordeaux.fr
|
||||
|
||||
<br><p style="font-size:60px;text-align:right;"> </span><a href="#/4"> ⬆</a> | <a href="#/5">⤴</a> </p>
|
||||
|
||||
---
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
|
||||
{{% section %}}
|
||||
|
||||
{{< slide class="" background-color="">}}
|
||||
|
||||
# S'INSCRIRE AU FABLAB
|
||||
|
||||
---
|
||||
|
||||
<br><br>
|
||||
|
||||
# CONDITIONS D'ACCES
|
||||
|
||||
1. lire la <a href="https://projets.cohabit.fr/redmine/projects/administration-du-fablab/wiki/Charte_du_Fablab">Charte des Usagers</a> <span style="font-size:23px">(1 page)</span>
|
||||
2. Si elle vous convient : remplir, signer, envoyer au <a href="#/4/2">Fab Manager</a>
|
||||
3. Bienvenue au Fablab ! <span style="font-size:23px">(voir les horaires d'ouverture) </span>
|
||||
|
||||
<br><br><br><p style="font-size:60px;text-align:right;"> </span><a href="#/">⏮ </a> | <a href="#/5">⤴</a> </p>
|
||||
|
||||
{{% /section %}}
|
||||
|
|
|
@ -11,6 +11,7 @@
|
|||
{{- $sectionHeadPartial := printf "%s/reveal-hugo/head" (.Page.Section | default "home") -}}
|
||||
{{- if fileExists (printf "layouts/partials/%s.html" $sectionHeadPartial) -}}{{ partial $sectionHeadPartial . }}{{- end }}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{ if .Param "logo.src" }}
|
||||
<style>
|
||||
|
@ -21,8 +22,20 @@
|
|||
width: {{ if .Param "logo.width"}}{{ .Param "logo.width" }}{{ else }}15%{{ end }};
|
||||
}
|
||||
</style>
|
||||
<img id="logo" src="{{ .Param "logo.src" }}" alt="{{ .Param "logo.alt" }}">
|
||||
|
||||
<img id="logo" src="{{ .Param "logo.src" }}" alt="{{ .Param "logo.alt" }}"/>
|
||||
{{ end }}
|
||||
|
||||
|
||||
<!--div id="top-menu">
|
||||
<div>
|
||||
<ul><li><a href="/redmine/my/account">Mon compte</a></li><li><a class="logout" rel="nofollow" data-method="post" href="/redmine/logout">Déconnexion</a></li></ul> </div>
|
||||
<div id="loggedas">Connecté en tant que <a class="user active" href="/redmine/users/43">habsinn</a></div>
|
||||
<ul><li><a class="home" href="/redmine/">Accueil</a></li><li><a class="my-page" href="/redmine/my/page">Ma page</a></li><li><a class="projects selected" href="/redmine/projects">Projets</a></li><li><a class="administration" href="/redmine/admin">Administration</a></li><li><a class="help" href="https://www.redmine.org/guide">Aide</a></li></ul></div>
|
||||
|
||||
</div-->
|
||||
|
||||
|
||||
<div class="reveal">
|
||||
<div class="slides">
|
||||
{{- block "main" . -}}{{- end -}}
|
||||
|
|
After Width: | Height: | Size: 79 KiB |
After Width: | Height: | Size: 87 KiB |
BIN
public/images/Musée/P1010049.JPG
Normal file
After Width: | Height: | Size: 993 KiB |
BIN
public/images/P1000288.JPG
Normal file
After Width: | Height: | Size: 5 MiB |
BIN
public/images/P1000289.JPG
Normal file
After Width: | Height: | Size: 5.2 MiB |
BIN
public/images/P1000290.JPG
Normal file
After Width: | Height: | Size: 5.1 MiB |
BIN
public/images/P1000328.JPG
Normal file
After Width: | Height: | Size: 4.3 MiB |
BIN
public/images/P1000342.JPG
Normal file
After Width: | Height: | Size: 4.5 MiB |
BIN
public/images/P1000343.JPG
Normal file
After Width: | Height: | Size: 5.7 MiB |
BIN
public/images/P1000361.JPG
Normal file
After Width: | Height: | Size: 4.1 MiB |
BIN
public/images/P1000364.JPG
Normal file
After Width: | Height: | Size: 4.6 MiB |
BIN
public/images/P1000376.JPG
Normal file
After Width: | Height: | Size: 4.7 MiB |
After Width: | Height: | Size: 3.8 MiB |
BIN
public/images/Salles Fablab 27-08-2020/coin postes pc.JPG
Normal file
After Width: | Height: | Size: 3.6 MiB |
After Width: | Height: | Size: 4 MiB |
After Width: | Height: | Size: 4.2 MiB |
After Width: | Height: | Size: 4.3 MiB |
After Width: | Height: | Size: 4.1 MiB |
BIN
public/images/Salles Fablab 27-08-2020/salle mécanique.JPG
Normal file
After Width: | Height: | Size: 4.4 MiB |
BIN
public/images/Salles Fablab 27-08-2020/salle électronique.JPG
Normal file
After Width: | Height: | Size: 4.6 MiB |
BIN
public/images/Salles Fablab 27-08-2020/terrasse + fresque.JPG
Normal file
After Width: | Height: | Size: 4.2 MiB |
BIN
public/images/Thermo biblio 2021/IMG_20210525_162848.jpg
Normal file
After Width: | Height: | Size: 5.6 MiB |
BIN
public/images/Thermo biblio 2021/IMG_20210525_162848_travail.jpg
Normal file
After Width: | Height: | Size: 1.6 MiB |
After Width: | Height: | Size: 5.2 MiB |
After Width: | Height: | Size: 4.2 MiB |
After Width: | Height: | Size: 4.2 MiB |
After Width: | Height: | Size: 4.1 MiB |
BIN
public/images/espace.jpg
Normal file
After Width: | Height: | Size: 48 KiB |
BIN
public/images/fraiseuse.jpg
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
public/images/fresque.jpg
Normal file
After Width: | Height: | Size: 861 KiB |
BIN
public/images/images-livre-blanc/P1000288.JPG
Normal file
After Width: | Height: | Size: 5 MiB |
BIN
public/images/images-livre-blanc/P1000289.JPG
Normal file
After Width: | Height: | Size: 5.2 MiB |
BIN
public/images/images-livre-blanc/P1000290.JPG
Normal file
After Width: | Height: | Size: 5.1 MiB |
BIN
public/images/images-livre-blanc/P1000328.JPG
Normal file
After Width: | Height: | Size: 4.3 MiB |
BIN
public/images/images-livre-blanc/P1000342.JPG
Normal file
After Width: | Height: | Size: 4.5 MiB |
BIN
public/images/images-livre-blanc/P1000343.JPG
Normal file
After Width: | Height: | Size: 5.7 MiB |
BIN
public/images/images-livre-blanc/P1000361.JPG
Normal file
After Width: | Height: | Size: 4.1 MiB |
BIN
public/images/images-livre-blanc/P1000364.JPG
Normal file
After Width: | Height: | Size: 4.6 MiB |
BIN
public/images/images-livre-blanc/P1000376.JPG
Normal file
After Width: | Height: | Size: 4.7 MiB |
BIN
public/images/images-livre-blanc/fraiseuse.jpg
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
public/images/images-livre-blanc/fresque.jpg
Normal file
After Width: | Height: | Size: 861 KiB |
BIN
public/images/images-livre-blanc/img-flyer-robot.jpg
Normal file
After Width: | Height: | Size: 266 KiB |
BIN
public/images/images-livre-blanc/impression3d.jpg
Normal file
After Width: | Height: | Size: 51 KiB |
BIN
public/images/images-livre-blanc/laser.jpg
Normal file
After Width: | Height: | Size: 1.3 MiB |
BIN
public/images/img-flyer-robot.jpg
Normal file
After Width: | Height: | Size: 266 KiB |
BIN
public/images/impression3d.jpg
Normal file
After Width: | Height: | Size: 51 KiB |
BIN
public/images/laser.jpg
Normal file
After Width: | Height: | Size: 1.3 MiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5071.jpg
Normal file
After Width: | Height: | Size: 508 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5072.jpg
Normal file
After Width: | Height: | Size: 659 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5073.jpg
Normal file
After Width: | Height: | Size: 568 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5074.jpg
Normal file
After Width: | Height: | Size: 707 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5076.jpg
Normal file
After Width: | Height: | Size: 446 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5077.jpg
Normal file
After Width: | Height: | Size: 520 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5078.jpg
Normal file
After Width: | Height: | Size: 570 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5079.jpg
Normal file
After Width: | Height: | Size: 826 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5080.jpg
Normal file
After Width: | Height: | Size: 855 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5083.jpg
Normal file
After Width: | Height: | Size: 1.1 MiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5085.jpg
Normal file
After Width: | Height: | Size: 861 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5086.jpg
Normal file
After Width: | Height: | Size: 1.3 MiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5087.jpg
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5089.jpg
Normal file
After Width: | Height: | Size: 1 MiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5090.jpg
Normal file
After Width: | Height: | Size: 1.2 MiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5091.jpg
Normal file
After Width: | Height: | Size: 705 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5092.jpg
Normal file
After Width: | Height: | Size: 605 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5095.jpg
Normal file
After Width: | Height: | Size: 1 MiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5096.jpg
Normal file
After Width: | Height: | Size: 961 KiB |
BIN
public/images/machines projets Fablab 2019 - André/IMG_5097.jpg
Normal file
After Width: | Height: | Size: 600 KiB |
BIN
public/images/outillage.jpg
Normal file
After Width: | Height: | Size: 855 KiB |
After Width: | Height: | Size: 89 KiB |
After Width: | Height: | Size: 249 KiB |
After Width: | Height: | Size: 693 KiB |
BIN
public/images/photos outils/IMG_1028.jpg
Normal file
After Width: | Height: | Size: 2.6 MiB |
BIN
public/images/projets/IMG_1030.jpg
Normal file
After Width: | Height: | Size: 2.1 MiB |
BIN
public/images/projets/fresque-turing-1-1024x556.jpg
Normal file
After Width: | Height: | Size: 47 KiB |
BIN
public/images/trombinoscope.jpg
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
public/images/vinyl.jpg
Normal file
After Width: | Height: | Size: 705 KiB |
|
@ -5,7 +5,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>fablab Coh@bit</title>
|
||||
<meta name="description" content="Le fablab Coh@bit est ouvert à TOUT LE MONDE pour venir expéirmenter, documenter, partager des fabrications plus ou moins créatives. Basé à Gradignan (33).">
|
||||
<meta name="author" content="Josh Dzielak">
|
||||
<meta name="author" content="Fablab Coh@bit - @habsinn">
|
||||
<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">
|
||||
|
@ -52,57 +52,227 @@
|
|||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="reveal">
|
||||
<div class="slides">
|
||||
|
||||
|
||||
<section><h2 id="le-fablab-cohabit-est-ouvert-a-tout-le-monde-">LE FABLAB COHABIT EST OUVERT A TOUT LE MONDE :</h2>
|
||||
<h1 id="heading">📽️</h1>
|
||||
<section><h2 id="le-fablab-cohabit-est-ouvert-a-tout-le-monde">LE FABLAB COHABIT EST OUVERT A TOUT LE MONDE</h2>
|
||||
<h1 id="heading">📖</h1>
|
||||
<h3 id="experimenter">EXPERIMENTER,</h3>
|
||||
<h3 id="fabriquer">FABRIQUER,</h3>
|
||||
<h3 id="documenter">DOCUMENTER,</h3>
|
||||
<h3 id="partager">PARTAGER.</h3>
|
||||
</section>
|
||||
|
||||
|
||||
<section data-shortcode-section>
|
||||
<section data-noprocess data-shortcode-slide
|
||||
data-background-color="#EA5C2B"
|
||||
data-background-color="#D8E9A8"
|
||||
class="hello">
|
||||
|
||||
<h1 id="equipement">EQUIPEMENT</h1>
|
||||
<p>&</p>
|
||||
<h1 id="outillage">OUTILLAGE</h1>
|
||||
</section><section>
|
||||
<h1 id="découpe-laser">DÉCOUPE LASER</h1>
|
||||
<img src="images/laser.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
<ul>
|
||||
<li>a</li>
|
||||
<li>b</li>
|
||||
<li>c</li>
|
||||
</ul>
|
||||
<p><br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a></p>
|
||||
</section><section>
|
||||
<h1 id="imprimantes-3d">Imprimantes 3D</h1>
|
||||
<img src="images/impression3d.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
<ul>
|
||||
<li>a</li>
|
||||
<li>b</li>
|
||||
<li>c</li>
|
||||
</ul>
|
||||
<p><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a></p>
|
||||
</section><section>
|
||||
<h1 id="charlie-robot">Charlie Robot</h1>
|
||||
<img src="images/fraiseuse.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
<ul>
|
||||
<li>a</li>
|
||||
<li>b</li>
|
||||
<li>c</li>
|
||||
</ul>
|
||||
<p><br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a></p>
|
||||
</section><section>
|
||||
<h1 id="découpe-vinyl">Découpe vinyl</h1>
|
||||
<img src="images/vinyl.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
<ul>
|
||||
<li>a</li>
|
||||
<li>b</li>
|
||||
<li>c</li>
|
||||
</ul>
|
||||
<p><br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a></p>
|
||||
</section><section>
|
||||
<h1 id="brodeuse-numérique">Brodeuse numérique</h1>
|
||||
<img src="images/laser.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
<ul>
|
||||
<li>a</li>
|
||||
<li>b</li>
|
||||
<li>c</li>
|
||||
</ul>
|
||||
<p><br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a></p>
|
||||
</section><section>
|
||||
<h1 id="graveuse-de-pcb">Graveuse de PCB</h1>
|
||||
<img src="images/laser.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
<ul>
|
||||
<li>a</li>
|
||||
<li>b</li>
|
||||
<li>c</li>
|
||||
</ul>
|
||||
<p><br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a></p>
|
||||
</section><section>
|
||||
<h1 id="électronique">Électronique</h1>
|
||||
<img src="images/laser.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
<ul>
|
||||
<li>a</li>
|
||||
<li>b</li>
|
||||
<li>c</li>
|
||||
</ul>
|
||||
<p><br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a></p>
|
||||
</section><section>
|
||||
<h1 id="outillage-1">Outillage</h1>
|
||||
<img src="images/outillage.jpg" alt="" width="70%" height="auto" margin="10px" align="left"/>
|
||||
<br>
|
||||
<p style="font-size:30px;"><strong>DESCRIPTION</strong> </p>
|
||||
<p style="font-size:25px;">Lorem Ipsum .... </p>
|
||||
<ul>
|
||||
<li>a</li>
|
||||
<li>b</li>
|
||||
<li>c</li>
|
||||
</ul>
|
||||
<p><br><a href="https://projets.cohabit.fr/redmine/projects/documentation-machines/wiki/Trotec_speedy_300" target="_blank"><p style="font-size:25px;">> LIEN ></p></a></p>
|
||||
<p><br><p style="font-size:60px;text-align:right;"> </span><a href="#/1"> ⬆</a> | <a href="#/2">⤴</a> </p></p>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section data-shortcode-section>
|
||||
<section data-noprocess data-shortcode-slide
|
||||
data-background-color="#FF7F3F"
|
||||
data-background-color="#4E9F3D"
|
||||
class="">
|
||||
|
||||
<h1 id="espace">ESPACE,</h1>
|
||||
<h1 id="personnes">PERSONNES,</h1>
|
||||
<h1 id="fonctionnement">FONCTIONNEMENT</h1>
|
||||
<h1 id="presentation">PRESENTATION</h1>
|
||||
</section><section>
|
||||
<h1 id="le-fablab-vous-accompagne-pour-réaliser-vos-projets">Le fablab vous accompagne pour réaliser vos projets.</h1>
|
||||
</section><section>
|
||||
<h1 id="lequipe">L’EQUIPE</h1>
|
||||
<p><img src="images/trombinoscope.jpg" alt=""></p>
|
||||
</section><section>
|
||||
<h1 id="lespace">L’ESPACE</h1>
|
||||
<img src="images/fresque.jpg" alt="" width="80%" height="auto" margin="10px" align="left"/>
|
||||
<p><br><br><br><br><br><br><br><br><br><br><br><p style="font-size:60px;text-align:right;"> </span><a href="#/2"> ⬆</a> | <a href="#/3">⤴</a> </p></p>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section data-shortcode-section>
|
||||
<section data-noprocess data-shortcode-slide
|
||||
data-background-color="#F6D860"
|
||||
data-background-color="#1E5128"
|
||||
class="">
|
||||
|
||||
<h1 id="les-projets-en-cours">LES PROJETS EN COURS</h1>
|
||||
<h1 id="projets-du-fablab">PROJETS DU FABLAB</h1>
|
||||
</section><section>
|
||||
<h1 id="projets-en-cours">PROJETS EN COURS</h1>
|
||||
<p><em>(tout le monde peut venir contribuer à ces projets)</em>
|
||||
<br><br></p>
|
||||
<ul>
|
||||
<li><strong>“Thermo Bibli”</strong> : dispositif de mesure d’humidité-température pour la bibliothèque de livres anciens de l’université de Bordeaux <a href="https://projets.cohabit.fr/redmine/projects/projets-du-fablab/wiki/Thermo-Bibli">➡</a></li>
|
||||
<li><strong>“Robot Go West”</strong> : robot piloté par des plantes pour suivre le Soleil</li>
|
||||
<li><strong>“Perspectographe”</strong> : appareil mécanique permettant de tracer une vue perspective non euclidienne</li>
|
||||
</ul>
|
||||
</section><section>
|
||||
<h1 id="tous-nos-projets-sont-documentes-a-hrefhttpsprojetscohabitfrredmineprojects-target_blankp-stylefont-size80pxtext-aligncenter-ici-pa">TOUS NOS PROJETS SONT DOCUMENTES <a href="https://projets.cohabit.fr/redmine/projects" target="_blank"><p style="font-size:80px;text-align:center;"> ICI </p></a></h1>
|
||||
<p><br>Chaque usager du Fablab est invité <br>à documenter ses projets et à les partager.</p>
|
||||
<p><br><br><p style="font-size:60px;text-align:right;"> </span><a href="#/3"> ⬆</a> | <a href="#/4">⤴</a> </p></p>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section data-shortcode-section>
|
||||
<section data-noprocess data-shortcode-slide
|
||||
data-background-color="#95CD41"
|
||||
data-background-color="#191A19"
|
||||
class="">
|
||||
|
||||
<h1 id="visiter-le-fablab">VISITER LE FABLAB</h1>
|
||||
<h1 style="font-size:60px;text-align:center;color:white"> VISITER LE FABLAB </h1>
|
||||
</section><section>
|
||||
<iframe width="100%" height="300px" frameborder="0" allowfullscreen src="https://umap.openstreetmap.fr/fr/map/carte-sans-nom_700845?scaleControl=false&miniMap=false&scrollWheelZoom=true&zoomControl=true&allowEdit=false&moreControl=true&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false&fullscreenControl=true&datalayers=2033363"></iframe><p><a href="//umap.openstreetmap.fr/fr/map/carte-sans-nom_700845"></a>
|
||||
<p style="font-size:25px;text-align:center">TBM
|
||||
15 rue Naudet<br>
|
||||
Bâtiment 10A - 1er Etage, CS 10207 <br>33175 GRADIGNAN CEDEX
|
||||
</p>
|
||||
<p style="font-size:20px;text-align:center"><strong>TBM :</strong>
|
||||
lianes 10 arrêt village 6 iut, ligne 21 arrêt école d'architecture, <br>ligne 58 arrêt village 5, corol 35 arrêt Montaigne-Montesquieu ou B.E.C<br>
|
||||
<strong>TRANSGIRONDE :</strong> 406 / 505 / 5051 arrêt école d'architecture<br>
|
||||
<strong>TRAM :</strong> Ligne B arrêt Montaigne - Montesquieu
|
||||
</p>
|
||||
</section><section>
|
||||
<h3 id="horaires">Horaires</h3>
|
||||
<p>Du mardi au Vendredi<br>
|
||||
10h-18h<br>
|
||||
(pour les périodes de vacances scolaires contacter le Fab Manager)
|
||||
<br><br></p>
|
||||
<h3 id="fab-managers">Fab Manager(s)</h3>
|
||||
<p>Jean-Baptiste Bonnemaison<br>
|
||||
Pierre Grangé Praderas<br>
|
||||
05 56 84 79 61<br>
|
||||
<a href="mailto:fablab@iut.u-bordeaux.fr">fablab@iut.u-bordeaux.fr</a></p>
|
||||
<p><br><p style="font-size:60px;text-align:right;"> </span><a href="#/4"> ⬆</a> | <a href="#/5">⤴</a> </p></p>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section data-shortcode-section>
|
||||
<section data-noprocess data-shortcode-slide
|
||||
data-background-color=""
|
||||
class="">
|
||||
|
||||
<h1 id="sinscrire-au-fablab">S’INSCRIRE AU FABLAB</h1>
|
||||
</section><section>
|
||||
<p><br><br></p>
|
||||
<h1 id="conditions-dacces">CONDITIONS D’ACCES</h1>
|
||||
<ol>
|
||||
<li>lire la <a href="https://projets.cohabit.fr/redmine/projects/administration-du-fablab/wiki/Charte_du_Fablab">Charte des Usagers</a> <span style="font-size:23px">(1 page)</span></li>
|
||||
<li>Si elle vous convient : remplir, signer, envoyer au <a href="#/4/2">Fab Manager</a></li>
|
||||
<li>Bienvenue au Fablab ! <span style="font-size:23px">(voir les horaires d’ouverture) </span></li>
|
||||
</ol>
|
||||
<p><br><br><br><p style="font-size:60px;text-align:right;"> </span><a href="#/">⏮ </a> | <a href="#/5">⤴</a> </p></p>
|
||||
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>Logo presentation example</title>
|
||||
|
||||
<meta name="author" content="Josh Dzielak">
|
||||
<meta name="author" content="Fablab Coh@bit - @habsinn">
|
||||
<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">
|
||||
|
@ -12,6 +12,7 @@
|
|||
<link rel="stylesheet" href="./reveal-js/css/reveal.css"><link rel="stylesheet" href="./reveal-hugo/themes/robot-lung.css" id="theme"><link rel="stylesheet" href="./highlight-js/default.min.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<style>
|
||||
|
@ -22,7 +23,13 @@
|
|||
width: 15%;
|
||||
}
|
||||
</style>
|
||||
<img id="logo" src="github-logo.png" alt="">
|
||||
|
||||
<img id="logo" src="github-logo.png" alt=""/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="reveal">
|
||||
<div class="slides">
|
||||
|
|
|
@ -83,8 +83,16 @@ body {
|
|||
background: #fff;
|
||||
background-color: #fff; }
|
||||
|
||||
#top-menu {
|
||||
box-sizing: border-box;
|
||||
padding: 6px 20px;
|
||||
background: #b9d210;
|
||||
color: #111;
|
||||
font-size: .86em;
|
||||
}
|
||||
|
||||
.reveal {
|
||||
font-family: "Lato", serif;
|
||||
font-family: "Lato";
|
||||
font-size: 32px;
|
||||
font-weight: normal;
|
||||
color: #363636; }
|
||||
|
@ -115,7 +123,7 @@ body {
|
|||
.reveal h6 {
|
||||
margin: 0 0 20px 0;
|
||||
color: #141414;
|
||||
font-family: "Lora", sans-serif;
|
||||
font-family: ;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
letter-spacing: normal;
|
||||
|
@ -276,14 +284,14 @@ body {
|
|||
* LINKS
|
||||
*********************************************/
|
||||
.reveal a {
|
||||
color: #FF4081;
|
||||
color: #4E9F3D;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color .15s ease;
|
||||
-moz-transition: color .15s ease;
|
||||
transition: color .15s ease; }
|
||||
|
||||
.reveal a:hover {
|
||||
color: #ff8db3;
|
||||
color: #1E5128;
|
||||
text-shadow: none;
|
||||
border: none; }
|
||||
|
||||
|
@ -318,7 +326,7 @@ body {
|
|||
* NAVIGATION CONTROLS
|
||||
*********************************************/
|
||||
.reveal .controls {
|
||||
color: #FF4081; }
|
||||
color: #4E9F3D; }
|
||||
|
||||
/*********************************************
|
||||
* PROGRESS BAR
|
||||
|
|
BIN
static/images/P1000328.JPG
Normal file
After Width: | Height: | Size: 4.3 MiB |
BIN
static/images/espace.jpg
Normal file
After Width: | Height: | Size: 48 KiB |
BIN
static/images/fraiseuse.jpg
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
static/images/fresque.jpg
Normal file
After Width: | Height: | Size: 861 KiB |
BIN
static/images/impression3d.jpg
Normal file
After Width: | Height: | Size: 51 KiB |
BIN
static/images/laser.jpg
Normal file
After Width: | Height: | Size: 1.3 MiB |
BIN
static/images/outillage.jpg
Normal file
After Width: | Height: | Size: 855 KiB |
BIN
static/images/trombinoscope.jpg
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
static/images/vinyl.jpg
Normal file
After Width: | Height: | Size: 705 KiB |
|
@ -83,8 +83,16 @@ body {
|
|||
background: #fff;
|
||||
background-color: #fff; }
|
||||
|
||||
#top-menu {
|
||||
box-sizing: border-box;
|
||||
padding: 6px 20px;
|
||||
background: #b9d210;
|
||||
color: #111;
|
||||
font-size: .86em;
|
||||
}
|
||||
|
||||
.reveal {
|
||||
font-family: "Lato", serif;
|
||||
font-family: "Lato";
|
||||
font-size: 32px;
|
||||
font-weight: normal;
|
||||
color: #363636; }
|
||||
|
@ -115,7 +123,7 @@ body {
|
|||
.reveal h6 {
|
||||
margin: 0 0 20px 0;
|
||||
color: #141414;
|
||||
font-family: "Lora", sans-serif;
|
||||
font-family: ;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
letter-spacing: normal;
|
||||
|
@ -276,14 +284,14 @@ body {
|
|||
* LINKS
|
||||
*********************************************/
|
||||
.reveal a {
|
||||
color: #FF4081;
|
||||
color: #4E9F3D;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color .15s ease;
|
||||
-moz-transition: color .15s ease;
|
||||
transition: color .15s ease; }
|
||||
|
||||
.reveal a:hover {
|
||||
color: #ff8db3;
|
||||
color: #1E5128;
|
||||
text-shadow: none;
|
||||
border: none; }
|
||||
|
||||
|
@ -318,7 +326,7 @@ body {
|
|||
* NAVIGATION CONTROLS
|
||||
*********************************************/
|
||||
.reveal .controls {
|
||||
color: #FF4081; }
|
||||
color: #4E9F3D; }
|
||||
|
||||
/*********************************************
|
||||
* PROGRESS BAR
|
||||
|
|
|
@ -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; } }
|
|
@ -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; } }
|
|
@ -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; }
|
|
@ -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; } }
|
|
@ -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; }
|
||||
|
||||
.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: #268bd2;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color .15s ease;
|
||||
-moz-transition: color .15s ease;
|
||||
transition: color .15s ease; }
|
||||
|
||||
.reveal a:hover {
|
||||
color: #78b9e6;
|
||||
text-shadow: none;
|
||||
border: none; }
|
||||
|
||||
.reveal .roll span:after {
|
||||
color: #fff;
|
||||
background: #1a6091; }
|
||||
|
||||
/*********************************************
|
||||
* IMAGES
|
||||
*********************************************/
|
||||
.reveal section img {
|
||||
margin: 15px 0px;
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
border: 4px solid #93a1a1;
|
||||
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: #268bd2;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
||||
|
||||
/*********************************************
|
||||
* NAVIGATION CONTROLS
|
||||
*********************************************/
|
||||
.reveal .controls {
|
||||
color: #268bd2; }
|
||||
|
||||
/*********************************************
|
||||
* PROGRESS BAR
|
||||
*********************************************/
|
||||
.reveal .progress {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: #268bd2; }
|
||||
|
||||
.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: #002b36; } }
|
|
@ -0,0 +1,271 @@
|
|||
/**
|
||||
* Black theme for reveal.js.
|
||||
*
|
||||
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
|
||||
*/
|
||||
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
|
||||
/*********************************************
|
||||
* GLOBAL STYLES
|
||||
*********************************************/
|
||||
body {
|
||||
background: #111;
|
||||
background-color: #111; }
|
||||
|
||||
.reveal {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 40px;
|
||||
font-weight: normal;
|
||||
color: #eee; }
|
||||
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #e7ad52;
|
||||
text-shadow: none; }
|
||||
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
background: #e7ad52;
|
||||
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: "Montserrat", Impact, sans-serif;
|
||||
font-weight: normal;
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.03em;
|
||||
text-transform: none;
|
||||
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; }
|
||||
|
||||
.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: #e7ad52;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color .15s ease;
|
||||
-moz-transition: color .15s ease;
|
||||
transition: color .15s ease; }
|
||||
|
||||
.reveal a:hover {
|
||||
color: #f3d7ac;
|
||||
text-shadow: none;
|
||||
border: none; }
|
||||
|
||||
.reveal .roll span:after {
|
||||
color: #fff;
|
||||
background: #d08a1d; }
|
||||
|
||||
/*********************************************
|
||||
* 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: #e7ad52;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
||||
|
||||
/*********************************************
|
||||
* NAVIGATION CONTROLS
|
||||
*********************************************/
|
||||
.reveal .controls {
|
||||
color: #e7ad52; }
|
||||
|
||||
/*********************************************
|
||||
* PROGRESS BAR
|
||||
*********************************************/
|
||||
.reveal .progress {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: #e7ad52; }
|
||||
|
||||
.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: #111; } }
|
|
@ -0,0 +1,273 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.reveal a {
|
||||
line-height: 1.3em; }
|
||||
|
||||
/*********************************************
|
||||
* GLOBAL STYLES
|
||||
*********************************************/
|
||||
body {
|
||||
background: #F0F1EB;
|
||||
background-color: #F0F1EB; }
|
||||
|
||||
.reveal {
|
||||
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
|
||||
font-size: 40px;
|
||||
font-weight: normal;
|
||||
color: #000; }
|
||||
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: #26351C;
|
||||
text-shadow: none; }
|
||||
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
background: #26351C;
|
||||
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: #383D3D;
|
||||
font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
|
||||
font-weight: normal;
|
||||
line-height: 1.2;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
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; }
|
||||
|
||||
.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: #51483D;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color .15s ease;
|
||||
-moz-transition: color .15s ease;
|
||||
transition: color .15s ease; }
|
||||
|
||||
.reveal a:hover {
|
||||
color: #8b7c69;
|
||||
text-shadow: none;
|
||||
border: none; }
|
||||
|
||||
.reveal .roll span:after {
|
||||
color: #fff;
|
||||
background: #25211c; }
|
||||
|
||||
/*********************************************
|
||||
* IMAGES
|
||||
*********************************************/
|
||||
.reveal section img {
|
||||
margin: 15px 0px;
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
border: 4px solid #000;
|
||||
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: #51483D;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
||||
|
||||
/*********************************************
|
||||
* NAVIGATION CONTROLS
|
||||
*********************************************/
|
||||
.reveal .controls {
|
||||
color: #51483D; }
|
||||
|
||||
/*********************************************
|
||||
* PROGRESS BAR
|
||||
*********************************************/
|
||||
.reveal .progress {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: #51483D; }
|
||||
|
||||
.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: #F0F1EB; } }
|
|
@ -0,0 +1,276 @@
|
|||
/**
|
||||
* 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
|
||||
*/
|
||||
@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);
|
||||
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
|
||||
color: #fff; }
|
||||
|
||||
/*********************************************
|
||||
* GLOBAL STYLES
|
||||
*********************************************/
|
||||
body {
|
||||
background: #fff;
|
||||
background-color: #fff; }
|
||||
|
||||
.reveal {
|
||||
font-family: "Lato", sans-serif;
|
||||
font-size: 40px;
|
||||
font-weight: normal;
|
||||
color: #000; }
|
||||
|
||||
::selection {
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 0.99);
|
||||
text-shadow: none; }
|
||||
|
||||
::-moz-selection {
|
||||
color: #fff;
|
||||
background: rgba(0, 0, 0, 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: #000;
|
||||
font-family: "News Cycle", Impact, sans-serif;
|
||||
font-weight: normal;
|
||||
line-height: 1.2;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
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; }
|
||||
|
||||
.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: #00008B;
|
||||
text-decoration: none;
|
||||
-webkit-transition: color .15s ease;
|
||||
-moz-transition: color .15s ease;
|
||||
transition: color .15s ease; }
|
||||
|
||||
.reveal a:hover {
|
||||
color: #0000f1;
|
||||
text-shadow: none;
|
||||
border: none; }
|
||||
|
||||
.reveal .roll span:after {
|
||||
color: #fff;
|
||||
background: #00003f; }
|
||||
|
||||
/*********************************************
|
||||
* IMAGES
|
||||
*********************************************/
|
||||
.reveal section img {
|
||||
margin: 15px 0px;
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
border: 4px solid #000;
|
||||
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: #00008B;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
|
||||
|
||||
/*********************************************
|
||||
* NAVIGATION CONTROLS
|
||||
*********************************************/
|
||||
.reveal .controls {
|
||||
color: #00008B; }
|
||||
|
||||
/*********************************************
|
||||
* PROGRESS BAR
|
||||
*********************************************/
|
||||
.reveal .progress {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: #00008B; }
|
||||
|
||||
.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: #fff; } }
|