hyla 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
-
|