aboutsummaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2015-09-09 14:09:37 +0200
committerHakim El Hattab <hakim.elhattab@gmail.com>2015-09-09 14:09:37 +0200
commit2ad4065500875f1878ab35c039054e8609b9aaa6 (patch)
treed90c96815ba0626276b7f03a5f63e060d12a03dc /css
parent5e3bbdeecff0d74d56c2c05f491e1dacfa539059 (diff)
downloadfosdem-2018-presentation-2ad4065500875f1878ab35c039054e8609b9aaa6.tar
fosdem-2018-presentation-2ad4065500875f1878ab35c039054e8609b9aaa6.tar.gz
ability to share presentation with speaker notes #304
Diffstat (limited to 'css')
-rw-r--r--css/reveal.css28
-rw-r--r--css/reveal.scss34
2 files changed, 62 insertions, 0 deletions
diff --git a/css/reveal.css b/css/reveal.css
index f8505c4..1aaa9b6 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1162,6 +1162,34 @@ body {
.reveal aside.notes {
display: none; }
+.reveal .speaker-notes {
+ display: none;
+ position: absolute;
+ width: 70%;
+ max-height: 15%;
+ left: 15%;
+ bottom: 5%;
+ padding: 10px;
+ z-index: 1;
+ font-size: 18px;
+ line-height: 1.4;
+ border: 2px solid #fff;
+ color: #fff;
+ background-color: rgba(0, 0, 0, 0.5);
+ overflow: auto;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.reveal .speaker-notes.visible:not(:empty) {
+ display: block; }
+
+@media screen and (max-width: 800px) {
+ .reveal .speaker-notes {
+ width: 90%;
+ left: 5%;
+ bottom: 5%;
+ font-size: 14px; } }
+
/*********************************************
* ZOOM PLUGIN
*********************************************/
diff --git a/css/reveal.scss b/css/reveal.scss
index 32187fd..9bd570e 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -1291,10 +1291,44 @@ body {
* SPEAKER NOTES
*********************************************/
+// Hide on-page notes
.reveal aside.notes {
display: none;
}
+// An interface element that can optionally be used to show the
+// speaker notes to all viewers, on top of the presentation
+.reveal .speaker-notes {
+ display: none;
+ position: absolute;
+ width: 70%;
+ max-height: 15%;
+ left: 15%;
+ bottom: 5%;
+ padding: 10px;
+ z-index: 1;
+ font-size: 18px;
+ line-height: 1.4;
+ border: 2px solid #fff;
+ color: #fff;
+ background-color: rgba(0,0,0,0.5);
+ overflow: auto;
+ box-sizing: border-box;
+}
+
+.reveal .speaker-notes.visible:not(:empty) {
+ display: block;
+}
+
+@media screen and (max-width: 800px) {
+ .reveal .speaker-notes {
+ width: 90%;
+ left: 5%;
+ bottom: 5%;
+ font-size: 14px;
+ }
+}
+
/*********************************************
* ZOOM PLUGIN