hyla 1.0.3 → 1.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +8 -8
- data/README.adoc +38 -3
- data/bin/hyla +21 -8
- data/data/toc.adoc +3 -3
- data/documentation/introduction.adoc +30 -26
- data/documentation/scripts/create_adoc_from_toc.sh +3 -0
- data/documentation/scripts/create_myblankproject_add_artefacts.sh +7 -7
- data/documentation/scripts/create_myblankproject_add_artefacts_config.sh +14 -8
- data/documentation/scripts/create_myblankproject_add_artefacts_my_config.sh +15 -0
- data/documentation/scripts/generate_content_myblankproject.sh +7 -7
- data/documentation/scripts/generate_content_myblankproject_config.sh +17 -11
- data/documentation/scripts/generate_content_myblankproject_other_style.sh +7 -7
- data/documentation/scripts/generate_pdf_from_html.sh +1 -1
- data/documentation/scripts/generate_slideshow_deckjs.sh +4 -4
- data/documentation/scripts/generate_slideshow_mytoc_all.sh +2 -2
- data/documentation/scripts/generate_slideshow_mytoc_module.sh +1 -1
- data/documentation/scripts/generate_slideshow_revealjs.sh +13 -4
- data/documentation/scripts/generate_slideshow_revealjs_config.sh +36 -0
- data/documentation/scripts/sendmail.sh +1 -1
- data/hyla.gemspec +2 -1
- data/lib/hyla.rb +2 -1
- data/lib/hyla/commands/{create.rb → add.rb} +18 -1
- data/lib/hyla/commands/generate.rb +215 -44
- data/lib/hyla/commands/new.rb +16 -9
- data/lib/hyla/commands/sendmail.rb +37 -13
- data/lib/hyla/commands/serve.rb +2 -2
- data/lib/hyla/configuration.rb +73 -33
- data/lib/hyla/core_ext.rb +11 -1
- data/lib/hyla/project.rb +1 -1
- data/lib/resources/backends/haml/revealjs/document.html.haml +9 -2
- data/lib/resources/backends/slim/html5/block_image.html.slim +1 -0
- data/lib/resources/backends/slim/html5/document.html.slim +18 -9
- data/lib/resources/backends/slim/revealjs/block_sidebar.html.slim +5 -5
- data/lib/resources/backends/slim/revealjs/document.html.slim +10 -2
- data/lib/resources/backends/slim/revealjs/section.html.slim +5 -1
- data/lib/resources/cover.slim +70 -0
- data/lib/resources/fonts/liberation/Sans-Bold.ttf +0 -0
- data/lib/resources/fonts/liberation/Sans-BoldItalic.ttf +0 -0
- data/lib/resources/fonts/liberation/Sans-Italic.ttf +0 -0
- data/lib/resources/fonts/liberation/Sans-Regular.ttf +0 -0
- data/lib/resources/revealjs/css/theme/gpe.css +225 -0
- data/lib/resources/styles/liberation.css +3 -1
- data/lib/templates/_config.yaml +26 -8
- data/lib/templates/book/readme.adoc +1 -1
- data/lib/templates/sample/{asciidoc_article.adoc → asciidoc_article.ad} +0 -0
- data/lib/templates/sample/{asciidoc_audio.adoc → asciidoc_audio.ad} +0 -0
- data/lib/templates/sample/{asciidoc_book.adoc → asciidoc_book.ad} +0 -0
- data/lib/templates/sample/{asciidoc_image.adoc → asciidoc_image.ad} +0 -0
- data/lib/templates/sample/{asciidoc_report.adoc → asciidoc_report.ad} +3 -2
- data/lib/templates/sample/{asciidoc_source.adoc → asciidoc_source.ad} +0 -0
- data/lib/templates/sample/{asciidoc_table.adoc → asciidoc_table.ad} +0 -0
- data/lib/templates/sample/{asciidoc_video.adoc → asciidoc_video.ad} +0 -0
- data/lib/templates/sample/{slideshow_deckjs.adoc → slideshow_deckjs.ad} +0 -0
- data/lib/templates/sample/{slideshow_revealjs.adoc → slideshow_revealjs.ad} +1 -1
- data/lib/templates/training-exercises/{README.md → README.ad} +0 -0
- data/lib/templates/training/readme.adoc +1 -1
- metadata +61 -32
- data/documentation/scripts/create_adoc_from_toc_config.sh +0 -24
- data/lib/resources/backends/slim/document.html.bk.slim +0 -335
- data/lib/resources/styles/redhat.css +0 -1
- data/test/reports/test-1.0.x-11-12-2013.txt +0 -123
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
@@ -5,6 +5,6 @@ This is an empty Training project.
|
|
5
5
|
- To create **asciidoc(tor)** content, more info are available http://asciidoctor.org/docs/user-manual[here]
|
6
6
|
- Otherwise, you can add content to this newly project created using this hyla command :
|
7
7
|
|
8
|
-
hyla
|
8
|
+
hyla add --t asciidoc --a xxx --d pathToProjectCreated
|
9
9
|
|
10
10
|
where xxx can be article, book, source, audio, video, ..."
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: hyla
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.0.
|
4
|
+
version: 1.0.4
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Charles Mouliard
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-
|
11
|
+
date: 2014-03-12 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bundler
|
@@ -267,25 +267,45 @@ dependencies:
|
|
267
267
|
- !ruby/object:Gem::Version
|
268
268
|
version: 2.5.4
|
269
269
|
- !ruby/object:Gem::Dependency
|
270
|
-
name:
|
270
|
+
name: wkhtmltopdf-binary
|
271
271
|
requirement: !ruby/object:Gem::Requirement
|
272
272
|
requirements:
|
273
273
|
- - ~>
|
274
274
|
- !ruby/object:Gem::Version
|
275
|
-
version: '0.
|
275
|
+
version: '0.1'
|
276
276
|
- - ! '>='
|
277
277
|
- !ruby/object:Gem::Version
|
278
|
-
version: 0.
|
278
|
+
version: 0.1.2
|
279
279
|
type: :runtime
|
280
280
|
prerelease: false
|
281
281
|
version_requirements: !ruby/object:Gem::Requirement
|
282
282
|
requirements:
|
283
283
|
- - ~>
|
284
284
|
- !ruby/object:Gem::Version
|
285
|
-
version: '0.
|
285
|
+
version: '0.1'
|
286
|
+
- - ! '>='
|
287
|
+
- !ruby/object:Gem::Version
|
288
|
+
version: 0.1.2
|
289
|
+
- !ruby/object:Gem::Dependency
|
290
|
+
name: imgkit
|
291
|
+
requirement: !ruby/object:Gem::Requirement
|
292
|
+
requirements:
|
293
|
+
- - ~>
|
294
|
+
- !ruby/object:Gem::Version
|
295
|
+
version: '1.0'
|
296
|
+
- - ! '>='
|
297
|
+
- !ruby/object:Gem::Version
|
298
|
+
version: 1.0.3
|
299
|
+
type: :runtime
|
300
|
+
prerelease: false
|
301
|
+
version_requirements: !ruby/object:Gem::Requirement
|
302
|
+
requirements:
|
303
|
+
- - ~>
|
304
|
+
- !ruby/object:Gem::Version
|
305
|
+
version: '1.0'
|
286
306
|
- - ! '>='
|
287
307
|
- !ruby/object:Gem::Version
|
288
|
-
version: 0.
|
308
|
+
version: 1.0.3
|
289
309
|
- !ruby/object:Gem::Dependency
|
290
310
|
name: colorator
|
291
311
|
requirement: !ruby/object:Gem::Requirement
|
@@ -346,9 +366,6 @@ files:
|
|
346
366
|
ZG9jdW1lbnRhdGlvbi9pbnRyb2R1Y3Rpb24uYWRvYw==
|
347
367
|
- !binary |-
|
348
368
|
ZG9jdW1lbnRhdGlvbi9zY3JpcHRzL2NyZWF0ZV9hZG9jX2Zyb21fdG9jLnNo
|
349
|
-
- !binary |-
|
350
|
-
ZG9jdW1lbnRhdGlvbi9zY3JpcHRzL2NyZWF0ZV9hZG9jX2Zyb21fdG9jX2Nv
|
351
|
-
bmZpZy5zaA==
|
352
369
|
- !binary |-
|
353
370
|
ZG9jdW1lbnRhdGlvbi9zY3JpcHRzL2NyZWF0ZV9teWJsYW5rcHJvamVjdC5z
|
354
371
|
aA==
|
@@ -358,6 +375,9 @@ files:
|
|
358
375
|
- !binary |-
|
359
376
|
ZG9jdW1lbnRhdGlvbi9zY3JpcHRzL2NyZWF0ZV9teWJsYW5rcHJvamVjdF9h
|
360
377
|
ZGRfYXJ0ZWZhY3RzX2NvbmZpZy5zaA==
|
378
|
+
- !binary |-
|
379
|
+
ZG9jdW1lbnRhdGlvbi9zY3JpcHRzL2NyZWF0ZV9teWJsYW5rcHJvamVjdF9h
|
380
|
+
ZGRfYXJ0ZWZhY3RzX215X2NvbmZpZy5zaA==
|
361
381
|
- !binary |-
|
362
382
|
ZG9jdW1lbnRhdGlvbi9zY3JpcHRzL2NyZWF0ZV9teXRlbXBsYXRlcHJvamVj
|
363
383
|
dC5zaA==
|
@@ -388,6 +408,9 @@ files:
|
|
388
408
|
- !binary |-
|
389
409
|
ZG9jdW1lbnRhdGlvbi9zY3JpcHRzL2dlbmVyYXRlX3NsaWRlc2hvd19yZXZl
|
390
410
|
YWxqcy5zaA==
|
411
|
+
- !binary |-
|
412
|
+
ZG9jdW1lbnRhdGlvbi9zY3JpcHRzL2dlbmVyYXRlX3NsaWRlc2hvd19yZXZl
|
413
|
+
YWxqc19jb25maWcuc2g=
|
391
414
|
- !binary |-
|
392
415
|
ZG9jdW1lbnRhdGlvbi9zY3JpcHRzL2dlbmVyYXRlX3dhdGNoX215dHJhaW5p
|
393
416
|
bmdwcm9qZWN0LnNo
|
@@ -403,9 +426,9 @@ files:
|
|
403
426
|
- !binary |-
|
404
427
|
bGliL2h5bGEvY29tbWFuZC5yYg==
|
405
428
|
- !binary |-
|
406
|
-
|
429
|
+
bGliL2h5bGEvY29tbWFuZHMvYWRkLnJi
|
407
430
|
- !binary |-
|
408
|
-
|
431
|
+
bGliL2h5bGEvY29tbWFuZHMvYnVpbGQucmI=
|
409
432
|
- !binary |-
|
410
433
|
bGliL2h5bGEvY29tbWFuZHMvZ2VuZXJhdGUucmI=
|
411
434
|
- !binary |-
|
@@ -840,9 +863,6 @@ files:
|
|
840
863
|
- !binary |-
|
841
864
|
bGliL3Jlc291cmNlcy9iYWNrZW5kcy9zbGltL2RvY2Jvb2s0NS9zZWN0aW9u
|
842
865
|
LnhtbC5zbGlt
|
843
|
-
- !binary |-
|
844
|
-
bGliL3Jlc291cmNlcy9iYWNrZW5kcy9zbGltL2RvY3VtZW50Lmh0bWwuYmsu
|
845
|
-
c2xpbQ==
|
846
866
|
- !binary |-
|
847
867
|
bGliL3Jlc291cmNlcy9iYWNrZW5kcy9zbGltL2R6c2xpZGVzL2Jsb2NrX2Fk
|
848
868
|
bW9uaXRpb24uaHRtbC5zbGlt
|
@@ -1160,6 +1180,8 @@ files:
|
|
1160
1180
|
- !binary |-
|
1161
1181
|
bGliL3Jlc291cmNlcy9iYWNrZW5kcy9zbGltL3JldmVhbGpzL3NlY3Rpb24u
|
1162
1182
|
aHRtbC5zbGlt
|
1183
|
+
- !binary |-
|
1184
|
+
bGliL3Jlc291cmNlcy9jb3Zlci5zbGlt
|
1163
1185
|
- !binary |-
|
1164
1186
|
bGliL3Jlc291cmNlcy9kZWNrLmpzL2NvcmUvZGVjay5jb3JlLmNzcw==
|
1165
1187
|
- !binary |-
|
@@ -1260,6 +1282,17 @@ files:
|
|
1260
1282
|
- !binary |-
|
1261
1283
|
bGliL3Jlc291cmNlcy9kZWNrLmpzL3RoZW1lcy90cmFuc2l0aW9uL3ZlcnRp
|
1262
1284
|
Y2FsLXNsaWRlLmNzcw==
|
1285
|
+
- !binary |-
|
1286
|
+
bGliL3Jlc291cmNlcy9mb250cy9saWJlcmF0aW9uL1NhbnMtQm9sZC50dGY=
|
1287
|
+
- !binary |-
|
1288
|
+
bGliL3Jlc291cmNlcy9mb250cy9saWJlcmF0aW9uL1NhbnMtQm9sZEl0YWxp
|
1289
|
+
Yy50dGY=
|
1290
|
+
- !binary |-
|
1291
|
+
bGliL3Jlc291cmNlcy9mb250cy9saWJlcmF0aW9uL1NhbnMtSXRhbGljLnR0
|
1292
|
+
Zg==
|
1293
|
+
- !binary |-
|
1294
|
+
bGliL3Jlc291cmNlcy9mb250cy9saWJlcmF0aW9uL1NhbnMtUmVndWxhci50
|
1295
|
+
dGY=
|
1263
1296
|
- !binary |-
|
1264
1297
|
bGliL3Jlc291cmNlcy9yZXZlYWxqcy9MSUNFTlNF
|
1265
1298
|
- !binary |-
|
@@ -1278,6 +1311,8 @@ files:
|
|
1278
1311
|
bGliL3Jlc291cmNlcy9yZXZlYWxqcy9jc3MvdGhlbWUvYmxvb2QuY3Nz
|
1279
1312
|
- !binary |-
|
1280
1313
|
bGliL3Jlc291cmNlcy9yZXZlYWxqcy9jc3MvdGhlbWUvZGVmYXVsdC5jc3M=
|
1314
|
+
- !binary |-
|
1315
|
+
bGliL3Jlc291cmNlcy9yZXZlYWxqcy9jc3MvdGhlbWUvZ3BlLmNzcw==
|
1281
1316
|
- !binary |-
|
1282
1317
|
bGliL3Jlc291cmNlcy9yZXZlYWxqcy9jc3MvdGhlbWUvbW9vbi5jc3M=
|
1283
1318
|
- !binary |-
|
@@ -1435,8 +1470,6 @@ files:
|
|
1435
1470
|
bGliL3Jlc291cmNlcy9zdHlsZXMvbWFrZXIuY3Nz
|
1436
1471
|
- !binary |-
|
1437
1472
|
bGliL3Jlc291cmNlcy9zdHlsZXMvcmVhZHRoZWRvY3MuY3Nz
|
1438
|
-
- !binary |-
|
1439
|
-
bGliL3Jlc291cmNlcy9zdHlsZXMvcmVkaGF0LmNzcw==
|
1440
1473
|
- !binary |-
|
1441
1474
|
bGliL3Jlc291cmNlcy9zdHlsZXMvcmlhay5jc3M=
|
1442
1475
|
- !binary |-
|
@@ -1470,35 +1503,35 @@ files:
|
|
1470
1503
|
- !binary |-
|
1471
1504
|
bGliL3RlbXBsYXRlcy9ib29rL3JlYWRtZS5hZG9j
|
1472
1505
|
- !binary |-
|
1473
|
-
|
1506
|
+
bGliL3RlbXBsYXRlcy9zYW1wbGUvYXNjaWlkb2NfYXJ0aWNsZS5hZA==
|
1474
1507
|
- !binary |-
|
1475
|
-
|
1508
|
+
bGliL3RlbXBsYXRlcy9zYW1wbGUvYXNjaWlkb2NfYXVkaW8uYWQ=
|
1476
1509
|
- !binary |-
|
1477
|
-
|
1510
|
+
bGliL3RlbXBsYXRlcy9zYW1wbGUvYXNjaWlkb2NfYm9vay5hZA==
|
1478
1511
|
- !binary |-
|
1479
|
-
|
1512
|
+
bGliL3RlbXBsYXRlcy9zYW1wbGUvYXNjaWlkb2NfaW1hZ2UuYWQ=
|
1480
1513
|
- !binary |-
|
1481
|
-
|
1514
|
+
bGliL3RlbXBsYXRlcy9zYW1wbGUvYXNjaWlkb2NfcmVwb3J0LmFk
|
1482
1515
|
- !binary |-
|
1483
|
-
|
1516
|
+
bGliL3RlbXBsYXRlcy9zYW1wbGUvYXNjaWlkb2Nfc291cmNlLmFk
|
1484
1517
|
- !binary |-
|
1485
|
-
|
1518
|
+
bGliL3RlbXBsYXRlcy9zYW1wbGUvYXNjaWlkb2NfdGFibGUuYWQ=
|
1486
1519
|
- !binary |-
|
1487
|
-
|
1520
|
+
bGliL3RlbXBsYXRlcy9zYW1wbGUvYXNjaWlkb2NfdmlkZW8uYWQ=
|
1488
1521
|
- !binary |-
|
1489
1522
|
bGliL3RlbXBsYXRlcy9zYW1wbGUvYXVkaW8vb2NlYW5fd2F2ZXMubXAz
|
1490
1523
|
- !binary |-
|
1491
1524
|
bGliL3RlbXBsYXRlcy9zYW1wbGUvaW1hZ2UvaHlsYV9hcmJvcmVhLmpwZw==
|
1492
1525
|
- !binary |-
|
1493
|
-
|
1526
|
+
bGliL3RlbXBsYXRlcy9zYW1wbGUvc2xpZGVzaG93X2RlY2tqcy5hZA==
|
1494
1527
|
- !binary |-
|
1495
|
-
|
1528
|
+
bGliL3RlbXBsYXRlcy9zYW1wbGUvc2xpZGVzaG93X3JldmVhbGpzLmFk
|
1496
1529
|
- !binary |-
|
1497
1530
|
bGliL3RlbXBsYXRlcy9zYW1wbGUvc291cmNlL0hlbGxvV29ybGQuamF2YQ==
|
1498
1531
|
- !binary |-
|
1499
1532
|
bGliL3RlbXBsYXRlcy9zYW1wbGUvdmlkZW8vc21hbGwub2d2
|
1500
1533
|
- !binary |-
|
1501
|
-
|
1534
|
+
bGliL3RlbXBsYXRlcy90cmFpbmluZy1leGVyY2lzZXMvUkVBRE1FLmFk
|
1502
1535
|
- !binary |-
|
1503
1536
|
bGliL3RlbXBsYXRlcy90cmFpbmluZy1leGVyY2lzZXMvX2NvbmZpZy55bWw=
|
1504
1537
|
- !binary |-
|
@@ -1553,8 +1586,6 @@ files:
|
|
1553
1586
|
bGliL3RlbXBsYXRlcy90cmFpbmluZy9yZWFkbWUuYWRvYw==
|
1554
1587
|
- !binary |-
|
1555
1588
|
dGVzdC9teV90ZXN0LnJi
|
1556
|
-
- !binary |-
|
1557
|
-
dGVzdC9yZXBvcnRzL3Rlc3QtMS4wLngtMTEtMTItMjAxMy50eHQ=
|
1558
1589
|
- !binary |-
|
1559
1590
|
dG9kby5hZG9j
|
1560
1591
|
homepage: https://github.com/cmoulliard/hyla
|
@@ -1585,6 +1616,4 @@ summary: Asciidoctor Hyla - builder/generator of HTML5, slideshow. Watch modific
|
|
1585
1616
|
test_files:
|
1586
1617
|
- !binary |-
|
1587
1618
|
dGVzdC9teV90ZXN0LnJi
|
1588
|
-
- !binary |-
|
1589
|
-
dGVzdC9yZXBvcnRzL3Rlc3QtMS4wLngtMTEtMTItMjAxMy50eHQ=
|
1590
1619
|
has_rdoc:
|
@@ -1,24 +0,0 @@
|
|
1
|
-
#!/bin/sh
|
2
|
-
|
3
|
-
# ./create_adoc_from_toc.sh ~/MyProjects/hyla/data/toc.adoc MyTocProject
|
4
|
-
|
5
|
-
source remove_temp_directories.sh
|
6
|
-
|
7
|
-
if [ "$#" == "0" ]; then
|
8
|
-
echo "No arguments provided"
|
9
|
-
echo "Usage : ./create_adoc_from_toc.sh path_to_toc_file project_name"
|
10
|
-
exit 1
|
11
|
-
fi
|
12
|
-
|
13
|
-
echo "TOC file location : $1"
|
14
|
-
echo "Project Name : $2"
|
15
|
-
|
16
|
-
echo "Create a $2 using --force option"
|
17
|
-
cd ~/hyla
|
18
|
-
rm -rf $2/
|
19
|
-
|
20
|
-
hyla generate -r toc2adoc -p my-project -d ~/hyla/$2/ --toc $1
|
21
|
-
hyla generate -r adoc2html -s ~/hyla/$2/ -d ~/hyla/$2/generated_content
|
22
|
-
|
23
|
-
echo "Project created"
|
24
|
-
ls -la ~/hyla/$2
|
@@ -1,335 +0,0 @@
|
|
1
|
-
html lang=(attr :lang, 'en' unless attr? :nolang)
|
2
|
-
head
|
3
|
-
meta charset="utf-8"
|
4
|
-
title reveal.js - The HTML Presentation Framework
|
5
|
-
meta content="A framework for easily creating beautiful presentations using HTML" name="description"
|
6
|
-
meta content="Hakim El Hattab" name="author"
|
7
|
-
meta content="yes" name="apple-mobile-web-app-capable"
|
8
|
-
meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"
|
9
|
-
meta content="width=(device-width, initial-scale=1.0, maximum-scale=1.0,)user-scalable=no" name="viewport"
|
10
|
-
link href="css/reveal.min.css" rel="stylesheet"
|
11
|
-
link#theme href="css/theme/default.css" rel="stylesheet"
|
12
|
-
/! For syntax highlighting
|
13
|
-
link href="lib/css/zenburn.css" rel="stylesheet"
|
14
|
-
/! If the query includes 'print-pdf', use the PDF print sheet
|
15
|
-
javascript:
|
16
|
-
| document.write( '' );
|
17
|
-
/![if lt IE 9]
|
18
|
-
| <script src="lib/js/html5shiv.js"></script>
|
19
|
-
body
|
20
|
-
.reveal
|
21
|
-
/! Any section element inside of this container is displayed as a slide
|
22
|
-
.slides
|
23
|
-
section
|
24
|
-
h1 Reveal.js
|
25
|
-
h3 HTML Presentations Made Easy
|
26
|
-
p
|
27
|
-
small
|
28
|
-
| Created by
|
29
|
-
a href="http://hakim.se"
|
30
|
-
| \/
|
31
|
-
a href="http://twitter.com/hakimel"
|
32
|
-
section
|
33
|
-
h2 Heads Up
|
34
|
-
p
|
35
|
-
| reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with
|
36
|
-
| support for CSS 3D transforms to see it in its full glory.
|
37
|
-
aside.notes
|
38
|
-
| Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
|
39
|
-
/! Example of nested vertical slides
|
40
|
-
section
|
41
|
-
section
|
42
|
-
h2 Vertical Slides
|
43
|
-
p
|
44
|
-
| Slides can be nested inside of other slides,
|
45
|
-
| try pressing
|
46
|
-
= succeed "." do
|
47
|
-
a.navigate-down href="#"
|
48
|
-
a.image.navigate-down href="#"
|
49
|
-
img alt="Down arrow" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" width="178"
|
50
|
-
section
|
51
|
-
h2 Basement Level 1
|
52
|
-
p Press down or up to navigate.
|
53
|
-
section
|
54
|
-
h2 Basement Level 2
|
55
|
-
p Cornify
|
56
|
-
a.test href="http://cornify.com"
|
57
|
-
img alt="Unicorn" height="326" src="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif" width="280"
|
58
|
-
section
|
59
|
-
h2 Basement Level 3
|
60
|
-
p That's it, time to go back up.
|
61
|
-
a.image href="#/2"
|
62
|
-
img alt="Up arrow" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" style="-webkit-transform: rotate(180deg);" width="178"
|
63
|
-
section
|
64
|
-
h2 Slides
|
65
|
-
p
|
66
|
-
| Not a coder? No problem. There's a fully-featured visual editor for authoring these, try it out at
|
67
|
-
= succeed "." do
|
68
|
-
a href="http://slid.es" target="_blank"
|
69
|
-
section
|
70
|
-
h2 Point of View
|
71
|
-
p
|
72
|
-
| Press
|
73
|
-
strong ESC
|
74
|
-
| to enter the slide overview.
|
75
|
-
p
|
76
|
-
| Hold down alt and click on any element to zoom in on it using
|
77
|
-
= succeed "." do
|
78
|
-
a href="http://lab.hakim.se/zoom-js"
|
79
|
-
| Alt + click anywhere to zoom back out.
|
80
|
-
section
|
81
|
-
h2 Works in Mobile Safari
|
82
|
-
p
|
83
|
-
| Try it out! You can swipe through the slides and pinch your way to the overview.
|
84
|
-
section
|
85
|
-
h2 Marvelous Unordered List
|
86
|
-
ul
|
87
|
-
li No order here
|
88
|
-
li Or here
|
89
|
-
li Or here
|
90
|
-
li Or here
|
91
|
-
section
|
92
|
-
h2 Fantastic Ordered List
|
93
|
-
ol
|
94
|
-
li One is smaller than...
|
95
|
-
li Two is smaller than...
|
96
|
-
li Three!
|
97
|
-
section data-markdown=""
|
98
|
-
script type="text/template"
|
99
|
-
| \## Markdown support
|
100
|
-
|
101
|
-
| For those of you who like that sort of thing. Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
|
102
|
-
|
103
|
-
| ```
|
104
|
-
section data-markdown=""
|
105
|
-
| \## Markdown support
|
106
|
-
|
107
|
-
| For those of you who like that sort of thing.
|
108
|
-
| Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
|
109
|
-
| ```
|
110
|
-
section#transitions
|
111
|
-
h2 Transition Styles
|
112
|
-
p
|
113
|
-
| You can select from different transitions, like:
|
114
|
-
br
|
115
|
-
a href="?transition=cube#/transitions"
|
116
|
-
| \-
|
117
|
-
a href="?transition=page#/transitions"
|
118
|
-
| \-
|
119
|
-
a href="?transition=concave#/transitions"
|
120
|
-
| \-
|
121
|
-
a href="?transition=zoom#/transitions"
|
122
|
-
| \-
|
123
|
-
a href="?transition=linear#/transitions"
|
124
|
-
| \-
|
125
|
-
a href="?transition=fade#/transitions"
|
126
|
-
| \-
|
127
|
-
a href="?transition=none#/transitions"
|
128
|
-
| \-
|
129
|
-
a href="?#/transitions"
|
130
|
-
section#themes
|
131
|
-
h2 Themes
|
132
|
-
p
|
133
|
-
| Reveal.js comes with a few themes built in:
|
134
|
-
br
|
135
|
-
a href="?#/themes"
|
136
|
-
| \-
|
137
|
-
a href="?theme=sky#/themes"
|
138
|
-
| \-
|
139
|
-
a href="?theme=beige#/themes"
|
140
|
-
| \-
|
141
|
-
a href="?theme=simple#/themes"
|
142
|
-
| \-
|
143
|
-
a href="?theme=serif#/themes"
|
144
|
-
| \-
|
145
|
-
a href="?theme=night#/themes"
|
146
|
-
br
|
147
|
-
a href="?theme=moon.css#/themes"
|
148
|
-
| \-
|
149
|
-
a href="?theme=simple.css#/themes"
|
150
|
-
| \-
|
151
|
-
a href="?theme=solarized.css#/themes"
|
152
|
-
p
|
153
|
-
small
|
154
|
-
| * Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the
|
155
|
-
code <head>
|
156
|
-
| using a
|
157
|
-
= succeed "." do
|
158
|
-
code <link>
|
159
|
-
section
|
160
|
-
h2 Global State
|
161
|
-
p
|
162
|
-
| Set
|
163
|
-
code data-state="something"
|
164
|
-
| on a slide and
|
165
|
-
code "something"
|
166
|
-
| will be added as a class to the document element when the slide is open. This lets you
|
167
|
-
| apply broader style changes, like switching the background.
|
168
|
-
section data-state="customevent"
|
169
|
-
h2 Custom Events
|
170
|
-
p
|
171
|
-
| Additionally custom events can be triggered on a per slide basis by binding to the
|
172
|
-
code data-state
|
173
|
-
| name.
|
174
|
-
pre
|
175
|
-
code contenteditable="" data-trim="" style="font-size: 18px; margin-top: 20px;"
|
176
|
-
preserve:
|
177
|
-
|
178
|
-
| Reveal.addEventListener( 'customevent', function() {
|
179
|
-
| console.log( '"customevent" has fired' );
|
180
|
-
| } );
|
181
|
-
section
|
182
|
-
section data-background="#007777"
|
183
|
-
h2 Slide Backgrounds
|
184
|
-
p
|
185
|
-
| Set
|
186
|
-
code data-background="#007777"
|
187
|
-
| on a slide to change the full page background to the given color. All CSS color formats are supported.
|
188
|
-
a.image.navigate-down href="#"
|
189
|
-
img alt="Down arrow" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" width="178"
|
190
|
-
section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png"
|
191
|
-
h2 Image Backgrounds
|
192
|
-
pre
|
193
|
-
code <section data-background="image.png">
|
194
|
-
section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" data-background-repeat="repeat" data-background-size="100px"
|
195
|
-
h2 Repeated Image Backgrounds
|
196
|
-
pre
|
197
|
-
code style="word-wrap: break-word;"
|
198
|
-
section data-background="#4d7e65" data-background-transition="slide" data-transition="linear"
|
199
|
-
h2 Background Transitions
|
200
|
-
p
|
201
|
-
| Pass reveal.js the
|
202
|
-
code backgroundTransition: 'slide'
|
203
|
-
| config argument to make backgrounds slide rather than fade.
|
204
|
-
section data-background="#8c4738" data-background-transition="slide" data-transition="linear"
|
205
|
-
h2 Background Transition Override
|
206
|
-
p
|
207
|
-
| You can override background transitions per slide by using
|
208
|
-
= succeed "." do
|
209
|
-
code data-background-transition="slide"
|
210
|
-
section
|
211
|
-
h2 Clever Quotes
|
212
|
-
p
|
213
|
-
| These guys come in two forms, inline:
|
214
|
-
q cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations"
|
215
|
-
| \“The nice thing about standards is that there are so many to choose from”
|
216
|
-
| and block:
|
217
|
-
blockquote cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations"
|
218
|
-
| \“For years there has been a theory that millions of monkeys typing at random on millions of typewriters would
|
219
|
-
| reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue.”
|
220
|
-
section
|
221
|
-
h2 Pretty Code
|
222
|
-
pre
|
223
|
-
code contenteditable="" data-trim=""
|
224
|
-
preserve:
|
225
|
-
|
226
|
-
| function linkify( selector ) {
|
227
|
-
| if( supports3DTransforms ) {
|
228
|
-
|
229
|
-
| var nodes = document.querySelectorAll( selector );
|
230
|
-
|
231
|
-
| for( var i = 0, len = nodes.length; i < len; i++ ) {
|
232
|
-
| var node = nodes[i];
|
233
|
-
|
234
|
-
| if( !node.className ) {
|
235
|
-
| node.className += ' roll';
|
236
|
-
| }
|
237
|
-
| }
|
238
|
-
| }
|
239
|
-
| }
|
240
|
-
p
|
241
|
-
| Courtesy of
|
242
|
-
= succeed "." do
|
243
|
-
a href="http://softwaremaniacs.org/soft/highlight/en/description/"
|
244
|
-
section
|
245
|
-
h2 Intergalactic Interconnections
|
246
|
-
p
|
247
|
-
| You can link between slides internally,
|
248
|
-
= succeed "." do
|
249
|
-
a href="#/2/3"
|
250
|
-
section
|
251
|
-
section#fragments
|
252
|
-
h2 Fragmented Views
|
253
|
-
p Hit the next arrow...
|
254
|
-
p.fragment ... to step through ...
|
255
|
-
ol
|
256
|
-
li.fragment
|
257
|
-
code any type
|
258
|
-
li.fragment
|
259
|
-
em of view
|
260
|
-
li.fragment
|
261
|
-
strong fragments
|
262
|
-
aside.notes
|
263
|
-
| This slide has fragments which are also stepped through in the notes window.
|
264
|
-
section
|
265
|
-
h2 Fragment Styles
|
266
|
-
p There's a few styles of fragments, like:
|
267
|
-
p.fragment.grow grow
|
268
|
-
p.fragment.shrink shrink
|
269
|
-
p.fragment.roll-in roll-in
|
270
|
-
p.fragment.fade-out fade-out
|
271
|
-
p.fragment.highlight-red highlight-red
|
272
|
-
p.fragment.highlight-green highlight-green
|
273
|
-
p.fragment.highlight-blue highlight-blue
|
274
|
-
p.fragment.current-visible current-visible
|
275
|
-
p.fragment.highlight-current-blue highlight-current-blue
|
276
|
-
section
|
277
|
-
h2 Spectacular image!
|
278
|
-
a.image href="http://lab.hakim.se/meny/" target="_blank"
|
279
|
-
img alt="Meny" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" width="320"
|
280
|
-
section
|
281
|
-
h2 Export to PDF
|
282
|
-
p
|
283
|
-
| Presentations can be
|
284
|
-
= succeed "," do
|
285
|
-
a href="https://github.com/hakimel/reveal.js#pdf-export"
|
286
|
-
| below is an example that's been uploaded to SlideShare.
|
287
|
-
iframe#slideshare allowfullscreen="" height="356" src="http://www.slideshare.net/slideshow/embed_code/13872948" style="margin:0;overflow:hidden;border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" width="455"
|
288
|
-
| document.getElementById('slideshare').attributeName = 'allowfullscreen';
|
289
|
-
section
|
290
|
-
h2 Take a Moment
|
291
|
-
p
|
292
|
-
| Press b or period on your keyboard to enter the 'paused' mode. This mode is helpful when you want to take distracting slides off the screen
|
293
|
-
| during a presentation.
|
294
|
-
section
|
295
|
-
h2 Stellar Links
|
296
|
-
ul
|
297
|
-
li
|
298
|
-
a href="http://slid.es"
|
299
|
-
li
|
300
|
-
a href="https://github.com/hakimel/reveal.js"
|
301
|
-
li
|
302
|
-
a href="http://twitter.com/hakimel"
|
303
|
-
section
|
304
|
-
h1 THE END
|
305
|
-
h3 BY Hakim El Hattab / hakim.se
|
306
|
-
script src="lib/js/head.min.js"
|
307
|
-
script src="js/reveal.min.js"
|
308
|
-
javascript:
|
309
|
-
/!/ Full list of configuration options available here:
|
310
|
-
/!/ https://github.com/hakimel/reveal.js#configuration
|
311
|
-
| Reveal.initialize({
|
312
|
-
| controls: true,
|
313
|
-
| progress: true,
|
314
|
-
| history: true,
|
315
|
-
| center: true,
|
316
|
-
|
317
|
-
| theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
|
318
|
-
| transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
|
319
|
-
|
320
|
-
/!/ Parallax scrolling
|
321
|
-
/!/ parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
|
322
|
-
/!/ parallaxBackgroundSize: '2100px 900px',
|
323
|
-
|
324
|
-
/!/ Optional libraries used to extend on reveal.js
|
325
|
-
| dependencies: [
|
326
|
-
| { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
|
327
|
-
| { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
328
|
-
| { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
329
|
-
| { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
|
330
|
-
| { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
|
331
|
-
| { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
|
332
|
-
| ]
|
333
|
-
| });
|
334
|
-
|
335
|
-
|