xobs/fa23-si
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'Timothep-master' into dev

Browse Source
This commit is contained in:
Hakim El Hattab 2016-06-10 10:13:06 +02:00
commit d78a8046dc
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -859,6 +859,8 @@ If you want to add a theme of your own see the instructions here: [/css/theme/RE
reveal.js comes with a speaker notes plugin which can be used to present per-slide notes in a separate browser window. The notes window also gives you a preview of the next upcoming slide so it may be helpful even if you haven't written any notes. Press the 's' key on your keyboard to open the notes window. reveal.js comes with a speaker notes plugin which can be used to present per-slide notes in a separate browser window. The notes window also gives you a preview of the next upcoming slide so it may be helpful even if you haven't written any notes. Press the 's' key on your keyboard to open the notes window.
A speaker timer starts as soon as the speaker view is opened. You can reset it to 00:00:00 at any time by simply clicking/tapping on it.
Notes are defined by appending an ```<aside>``` element to a slide as seen below. You can add the ```data-markdown``` attribute to the aside element if you prefer writing notes using Markdown. Notes are defined by appending an ```<aside>``` element to a slide as seen below. You can add the ```data-markdown``` attribute to the aside element if you prefer writing notes using Markdown.
Alternatively you can add your notes in a `data-notes` attribute on the slide. Like `<section data-notes="Something important"></section>`. Alternatively you can add your notes in a `data-notes` attribute on the slide. Like `<section data-notes="Something important"></section>`.

17
plugin/notes/notes.html
View File

@ -38,8 +38,8 @@
#current-slide { #current-slide {
position: absolute; position: absolute;
width: 65%; width: 50%;
height: 100%; height: 50%;
top: 0; top: 0;
left: 0; left: 0;
padding-right: 0; padding-right: 0;
@ -47,20 +47,19 @@
#upcoming-slide { #upcoming-slide {
position: absolute; position: absolute;
width: 35%; width: 50%;
height: 40%; height: 50%;
right: 0; right: 0;
top: 0; top: 0;
} }
#speaker-controls { #speaker-controls {
position: absolute; position: absolute;
top: 40%; top: 50%;
right: 0; left: 0;
width: 35%; width: 100%;
height: 60%; height: 50%;
overflow: auto; overflow: auto;
font-size: 18px; font-size: 18px;
} }