Skip to content

Commit f64dc8c

Browse files
emmajaneemmajane
committed
Adding starter kit for reveal.js slides
1 parent 3e9dd55 commit f64dc8c

File tree

1,461 files changed

+121313
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

1,461 files changed

+121313
-0
lines changed

‎presentations/README.md

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
# Drupalize.Me Presentations
2+
3+
This directory contains the presentations used to teach Git
4+
workflow workshops.
5+
6+
## Past Presentations
7+
8+
- LoneStarPHP - [slide deck]()
9+
- OSCON workshop - [slide deck]()
10+
- OSCON session - [slide deck]()
11+
12+
## Give a Presentation
13+
14+
Clone this repository, and launch a presentation in your browser. For full effect make sure that you're viewing it via a webserver and not just file:///.
15+
16+
http://localhost/index.html
17+
18+
In OSX, make sure a Web server is running with the following:
19+
20+
````
21+
$ ps aux | grep httpd
22+
````
23+
24+
If the Web server is not running you will see a single reference to your grep command, if it is running you'll see the Apache daemon.
25+
26+
If Apache is not running, you can start it with the following command:
27+
28+
````
29+
$ sudo apachectl start
30+
````
31+
32+
If you would like your audience to follow along with your presentation, use the "multiplex" functionality of Reveal.js.
33+
34+
Your local deck acts as a "master" to the "client" deck which is published to the web.
35+
36+
For example:
37+
38+
The following deck: https://github.com/Lullabot/dme-presentations/blob/gh-pages/d8-what-is-new/webinar.html
39+
is available as a client at: http://lullabot.github.io/dme-presentations/d8-what-is-new/webinar.html#/
40+
41+
To control the client deck from a local master deck, you need to change your local copy of the HTML file as follows:
42+
43+
Change this line:
44+
45+
``'{src: '../lib/reveal.js/plugin/multiplex/client.js', async: true }’ ``
46+
47+
to
48+
49+
``'{src: '../lib/reveal.js/plugin/multiplex/master.js', async: true }’``
50+
51+
And change the multiplex settings to the following:
52+
53+
````multiplex: { secret: 'password', id: 'd1be5234b034d74d', url: 'http://lullabot.github.io/dme-presentations/d8-what-is-new/webinar.html#/ ' },````
54+
55+
You should now be able to control the online deck, via the one on your localhost as an example. You may need to refresh the client deck for the
56+
changes to take effect.
57+
58+
You can read more about it in the Readme here: https://github.com/hakimel/reveal.js/ towards the bottom.
59+
60+
## Create a Presentation
61+
62+
Copy the index.html file from one of the existing presentations into your own presentation directory. Delete the slide content, and start creating your presentation.
63+
64+
Presentations are created using Reveal.js, see [the documentation here](https://github.com/hakimel/reveal.js) for more on the syntax to use.
65+
66+
## Speaker Notes
67+
To take advantage of the speaker notes you will need to be viewing your deck from a Web server (e.g. Grunt or Apache). Check the HTML file for your deck to see if notes are enabled. If they are enabled, you will have a line like this:
68+
69+
````{src: '../lib/reveal.js/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } },````
70+
71+
To view the speaker notes, press the 's' key on your keyboard. A separate notes window will open.
72+
73+
To add speaker notes to your deck, you may use the following for HTML slides:
74+
75+
````<aside class="notes">Oh hey, these are some notes.</aside>````
76+
77+
If you are using markdown files, you may use the following syntax:
78+
79+
````Note: Oh hey, these are some notes.````
80+
81+
82+
## Differences from Standard Reveal.js
83+
84+
We've got our own theme! Whee.
85+
86+
If using external markdown files for creating your slides please use the following.
87+
88+
<section data-markdown="file.md" data-separator="^\n={4,}" data-vertical="^\n-{4,}" data-notes="^Note:"></section>
89+
90+
This will allow separation of slides using `======*` and `------*` which is easier to read than newlines. Something like the following should work in your markdown file.
91+
92+
# Welcome
93+
94+
==============================
95+
# Top Level
96+
97+
----------------------
98+
Nested #1
99+
100+
----------------------
101+
Nested #2
102+
103+
==============================
104+
# Top Level #2
105+
106+
==============================
107+
# Top Level #3

‎presentations/lib/.DS_Store

12 KB
Binary file not shown.

‎presentations/lib/reveal.js/.gitignore

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.DS_Store
2+
.svn
3+
log/*.log
4+
tmp/**
5+
node_modules/
6+
.sass-cache

‎presentations/lib/reveal.js/.travis.yml

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
language: node_js
2+
node_js:
3+
- 0.8
4+
before_script:
5+
- npm install -g grunt-cli

‎presentations/lib/reveal.js/Gruntfile.js

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
/* global module:false */
2+
module.exports = function(grunt) {
3+
var port = grunt.option('port') || 8000;
4+
// Project configuration
5+
grunt.initConfig({
6+
pkg: grunt.file.readJSON('package.json'),
7+
meta: {
8+
banner:
9+
'/*!\n' +
10+
' * reveal.js <%= pkg.version %> (<%= grunt.template.today("yyyy-mm-dd, HH:MM") %>)\n' +
11+
' * http://lab.hakim.se/reveal-js\n' +
12+
' * MIT licensed\n' +
13+
' *\n' +
14+
' * Copyright (C) 2014 Hakim El Hattab, http://hakim.se\n' +
15+
' */'
16+
},
17+
18+
qunit: {
19+
files: [ 'test/*.html' ]
20+
},
21+
22+
uglify: {
23+
options: {
24+
banner: '<%= meta.banner %>\n'
25+
},
26+
build: {
27+
src: 'js/reveal.js',
28+
dest: 'js/reveal.min.js'
29+
}
30+
},
31+
32+
cssmin: {
33+
compress: {
34+
files: {
35+
'css/reveal.min.css': [ 'css/reveal.css' ]
36+
}
37+
}
38+
},
39+
40+
sass: {
41+
main: {
42+
files: {
43+
'css/theme/default.css': 'css/theme/source/default.scss',
44+
'css/theme/beige.css': 'css/theme/source/beige.scss',
45+
'css/theme/night.css': 'css/theme/source/night.scss',
46+
'css/theme/serif.css': 'css/theme/source/serif.scss',
47+
'css/theme/simple.css': 'css/theme/source/simple.scss',
48+
'css/theme/sky.css': 'css/theme/source/sky.scss',
49+
'css/theme/moon.css': 'css/theme/source/moon.scss',
50+
'css/theme/solarized.css': 'css/theme/source/solarized.scss',
51+
'css/theme/blood.css': 'css/theme/source/blood.scss'
52+
}
53+
}
54+
},
55+
56+
jshint: {
57+
options: {
58+
curly: false,
59+
eqeqeq: true,
60+
immed: true,
61+
latedef: true,
62+
newcap: true,
63+
noarg: true,
64+
sub: true,
65+
undef: true,
66+
eqnull: true,
67+
browser: true,
68+
expr: true,
69+
globals: {
70+
head: false,
71+
module: false,
72+
console: false,
73+
unescape: false
74+
}
75+
},
76+
files: [ 'Gruntfile.js', 'js/reveal.js' ]
77+
},
78+
79+
connect: {
80+
server: {
81+
options: {
82+
port: port,
83+
base: '.'
84+
}
85+
}
86+
},
87+
88+
zip: {
89+
'reveal-js-presentation.zip': [
90+
'index.html',
91+
'css/**',
92+
'js/**',
93+
'lib/**',
94+
'images/**',
95+
'plugin/**'
96+
]
97+
},
98+
99+
watch: {
100+
main: {
101+
files: [ 'Gruntfile.js', 'js/reveal.js', 'css/reveal.css' ],
102+
tasks: 'default'
103+
},
104+
theme: {
105+
files: [ 'css/theme/source/*.scss', 'css/theme/template/*.scss' ],
106+
tasks: 'themes'
107+
}
108+
}
109+
110+
});
111+
112+
// Dependencies
113+
grunt.loadNpmTasks( 'grunt-contrib-qunit' );
114+
grunt.loadNpmTasks( 'grunt-contrib-jshint' );
115+
grunt.loadNpmTasks( 'grunt-contrib-cssmin' );
116+
grunt.loadNpmTasks( 'grunt-contrib-uglify' );
117+
grunt.loadNpmTasks( 'grunt-contrib-watch' );
118+
grunt.loadNpmTasks( 'grunt-contrib-sass' );
119+
grunt.loadNpmTasks( 'grunt-contrib-connect' );
120+
grunt.loadNpmTasks( 'grunt-zip' );
121+
122+
// Default task
123+
grunt.registerTask( 'default', [ 'jshint', 'cssmin', 'uglify', 'qunit' ] );
124+
125+
// Theme task
126+
grunt.registerTask( 'themes', [ 'sass' ] );
127+
128+
// Package presentation to archive
129+
grunt.registerTask( 'package', [ 'default', 'zip' ] );
130+
131+
// Serve presentation locally
132+
grunt.registerTask( 'serve', [ 'connect', 'watch' ] );
133+
134+
// Run tests
135+
grunt.registerTask( 'test', [ 'jshint', 'qunit' ] );
136+
137+
};

‎presentations/lib/reveal.js/LICENSE

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
Copyright (C) 2014 Hakim El Hattab, http://hakim.se
2+
3+
Permission is hereby granted, free of charge, to any person obtaining a copy
4+
of this software and associated documentation files (the "Software"), to deal
5+
in the Software without restriction, including without limitation the rights
6+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7+
copies of the Software, and to permit persons to whom the Software is
8+
furnished to do so, subject to the following conditions:
9+
10+
The above copyright notice and this permission notice shall be included in
11+
all copies or substantial portions of the Software.
12+
13+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
19+
THE SOFTWARE.

0 commit comments

Comments
 (0)