slide_hero 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/.travis.yml +3 -0
  4. data/Gemfile +4 -0
  5. data/Guardfile +28 -0
  6. data/LICENSE.txt +22 -0
  7. data/README.md +161 -0
  8. data/Rakefile +9 -0
  9. data/bin/slidehero +37 -0
  10. data/config.ru +14 -0
  11. data/lib/slide_hero/code.rb +16 -0
  12. data/lib/slide_hero/dsl.rb +10 -0
  13. data/lib/slide_hero/grouped_slides.rb +21 -0
  14. data/lib/slide_hero/list.rb +29 -0
  15. data/lib/slide_hero/list_point.rb +26 -0
  16. data/lib/slide_hero/point.rb +27 -0
  17. data/lib/slide_hero/presentation.rb +36 -0
  18. data/lib/slide_hero/slide.rb +47 -0
  19. data/lib/slide_hero/version.rb +3 -0
  20. data/lib/slide_hero/views/_footer.html.erb +0 -0
  21. data/lib/slide_hero/views/_header.html.erb +0 -0
  22. data/lib/slide_hero/views/code.html.erb +3 -0
  23. data/lib/slide_hero/views/empty.html +12 -0
  24. data/lib/slide_hero/views/grouped_slides.html.erb +5 -0
  25. data/lib/slide_hero/views/layout.html.erb +54 -0
  26. data/lib/slide_hero/views/ordered_list.html.erb +5 -0
  27. data/lib/slide_hero/views/slide.html.erb +6 -0
  28. data/lib/slide_hero/views/unordered_list.html.erb +5 -0
  29. data/lib/slide_hero.rb +15 -0
  30. data/slide_hero.gemspec +29 -0
  31. data/templates/new_presentation.tt +11 -0
  32. data/test/fixtures/testclass.rb +5 -0
  33. data/test/minitest_helper.rb +18 -0
  34. data/test/slide_hero/code_spec.rb +29 -0
  35. data/test/slide_hero/dsl_spec.rb +27 -0
  36. data/test/slide_hero/grouped_slides_spec.rb +29 -0
  37. data/test/slide_hero/list_point_spec.rb +34 -0
  38. data/test/slide_hero/list_spec.rb +49 -0
  39. data/test/slide_hero/point_spec.rb +25 -0
  40. data/test/slide_hero/presentation_spec.rb +56 -0
  41. data/test/slide_hero/slide_spec.rb +147 -0
  42. data/test/slide_hero_spec.rb +15 -0
  43. data/vendor/reveal.js/.gitignore +6 -0
  44. data/vendor/reveal.js/.travis.yml +5 -0
  45. data/vendor/reveal.js/Gruntfile.js +132 -0
  46. data/vendor/reveal.js/LICENSE +19 -0
  47. data/vendor/reveal.js/README.md +798 -0
  48. data/vendor/reveal.js/css/print/paper.css +176 -0
  49. data/vendor/reveal.js/css/print/pdf.css +190 -0
  50. data/vendor/reveal.js/css/reveal.css +1649 -0
  51. data/vendor/reveal.js/css/reveal.min.css +7 -0
  52. data/vendor/reveal.js/css/theme/README.md +23 -0
  53. data/vendor/reveal.js/css/theme/beige.css +142 -0
  54. data/vendor/reveal.js/css/theme/default.css +142 -0
  55. data/vendor/reveal.js/css/theme/moon.css +142 -0
  56. data/vendor/reveal.js/css/theme/night.css +130 -0
  57. data/vendor/reveal.js/css/theme/serif.css +132 -0
  58. data/vendor/reveal.js/css/theme/simple.css +132 -0
  59. data/vendor/reveal.js/css/theme/sky.css +139 -0
  60. data/vendor/reveal.js/css/theme/solarized.css +142 -0
  61. data/vendor/reveal.js/css/theme/source/beige.scss +50 -0
  62. data/vendor/reveal.js/css/theme/source/default.scss +42 -0
  63. data/vendor/reveal.js/css/theme/source/moon.scss +68 -0
  64. data/vendor/reveal.js/css/theme/source/night.scss +35 -0
  65. data/vendor/reveal.js/css/theme/source/serif.scss +35 -0
  66. data/vendor/reveal.js/css/theme/source/simple.scss +38 -0
  67. data/vendor/reveal.js/css/theme/source/sky.scss +46 -0
  68. data/vendor/reveal.js/css/theme/source/solarized.scss +74 -0
  69. data/vendor/reveal.js/css/theme/template/mixins.scss +29 -0
  70. data/vendor/reveal.js/css/theme/template/settings.scss +34 -0
  71. data/vendor/reveal.js/css/theme/template/theme.scss +163 -0
  72. data/vendor/reveal.js/examples/assets/image1.png +0 -0
  73. data/vendor/reveal.js/examples/assets/image2.png +0 -0
  74. data/vendor/reveal.js/examples/barebones.html +42 -0
  75. data/vendor/reveal.js/examples/embedded-media.html +49 -0
  76. data/vendor/reveal.js/examples/math.html +185 -0
  77. data/vendor/reveal.js/examples/slide-backgrounds.html +101 -0
  78. data/vendor/reveal.js/js/reveal.js +2788 -0
  79. data/vendor/reveal.js/js/reveal.min.js +8 -0
  80. data/vendor/reveal.js/lib/css/zenburn.css +115 -0
  81. data/vendor/reveal.js/lib/font/league_gothic-webfont.eot +0 -0
  82. data/vendor/reveal.js/lib/font/league_gothic-webfont.svg +230 -0
  83. data/vendor/reveal.js/lib/font/league_gothic-webfont.ttf +0 -0
  84. data/vendor/reveal.js/lib/font/league_gothic-webfont.woff +0 -0
  85. data/vendor/reveal.js/lib/font/league_gothic_license +2 -0
  86. data/vendor/reveal.js/lib/js/classList.js +2 -0
  87. data/vendor/reveal.js/lib/js/head.min.js +8 -0
  88. data/vendor/reveal.js/lib/js/html5shiv.js +7 -0
  89. data/vendor/reveal.js/package.json +45 -0
  90. data/vendor/reveal.js/plugin/highlight/highlight.js +31 -0
  91. data/vendor/reveal.js/plugin/leap/leap.js +157 -0
  92. data/vendor/reveal.js/plugin/markdown/example.html +98 -0
  93. data/vendor/reveal.js/plugin/markdown/example.md +31 -0
  94. data/vendor/reveal.js/plugin/markdown/markdown.js +220 -0
  95. data/vendor/reveal.js/plugin/markdown/marked.js +37 -0
  96. data/vendor/reveal.js/plugin/math/math.js +64 -0
  97. data/vendor/reveal.js/plugin/multiplex/client.js +13 -0
  98. data/vendor/reveal.js/plugin/multiplex/index.js +56 -0
  99. data/vendor/reveal.js/plugin/multiplex/master.js +50 -0
  100. data/vendor/reveal.js/plugin/notes/notes.html +259 -0
  101. data/vendor/reveal.js/plugin/notes/notes.js +78 -0
  102. data/vendor/reveal.js/plugin/notes-server/client.js +57 -0
  103. data/vendor/reveal.js/plugin/notes-server/index.js +59 -0
  104. data/vendor/reveal.js/plugin/notes-server/notes.html +142 -0
  105. data/vendor/reveal.js/plugin/postmessage/example.html +39 -0
  106. data/vendor/reveal.js/plugin/postmessage/postmessage.js +42 -0
  107. data/vendor/reveal.js/plugin/print-pdf/print-pdf.js +44 -0
  108. data/vendor/reveal.js/plugin/remotes/remotes.js +39 -0
  109. data/vendor/reveal.js/plugin/search/search.js +196 -0
  110. data/vendor/reveal.js/plugin/zoom-js/zoom.js +256 -0
  111. metadata +277 -0
@@ -0,0 +1,35 @@
1
+ /**
2
+ * Black theme for reveal.js.
3
+ *
4
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
5
+ */
6
+
7
+
8
+ // Default mixins and settings -----------------
9
+ @import "../template/mixins";
10
+ @import "../template/settings";
11
+ // ---------------------------------------------
12
+
13
+
14
+ // Include theme-specific fonts
15
+ @import url(https://fonts.googleapis.com/css?family=Montserrat:700);
16
+ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
17
+
18
+
19
+ // Override theme settings (see ../template/settings.scss)
20
+ $backgroundColor: #111;
21
+
22
+ $mainFont: 'Open Sans', sans-serif;
23
+ $linkColor: #e7ad52;
24
+ $linkColorHover: lighten( $linkColor, 20% );
25
+ $headingFont: 'Montserrat', Impact, sans-serif;
26
+ $headingTextShadow: none;
27
+ $headingLetterSpacing: -0.03em;
28
+ $headingTextTransform: none;
29
+ $selectionBackgroundColor: #e7ad52;
30
+ $mainFontSize: 30px;
31
+
32
+
33
+ // Theme template ------------------------------
34
+ @import "../template/theme";
35
+ // ---------------------------------------------
@@ -0,0 +1,35 @@
1
+ /**
2
+ * A simple theme for reveal.js presentations, similar
3
+ * to the default theme. The accent color is brown.
4
+ *
5
+ * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
6
+ */
7
+
8
+
9
+ // Default mixins and settings -----------------
10
+ @import "../template/mixins";
11
+ @import "../template/settings";
12
+ // ---------------------------------------------
13
+
14
+
15
+
16
+ // Override theme settings (see ../template/settings.scss)
17
+ $mainFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
18
+ $mainColor: #000;
19
+ $headingFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
20
+ $headingColor: #383D3D;
21
+ $headingTextShadow: none;
22
+ $headingTextTransform: none;
23
+ $backgroundColor: #F0F1EB;
24
+ $linkColor: #51483D;
25
+ $linkColorHover: lighten( $linkColor, 20% );
26
+ $selectionBackgroundColor: #26351C;
27
+
28
+ .reveal a:not(.image) {
29
+ line-height: 1.3em;
30
+ }
31
+
32
+
33
+ // Theme template ------------------------------
34
+ @import "../template/theme";
35
+ // ---------------------------------------------
@@ -0,0 +1,38 @@
1
+ /**
2
+ * A simple theme for reveal.js presentations, similar
3
+ * to the default theme. The accent color is darkblue.
4
+ *
5
+ * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
6
+ * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
7
+ */
8
+
9
+
10
+ // Default mixins and settings -----------------
11
+ @import "../template/mixins";
12
+ @import "../template/settings";
13
+ // ---------------------------------------------
14
+
15
+
16
+
17
+ // Include theme-specific fonts
18
+ @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
19
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
20
+
21
+
22
+ // Override theme settings (see ../template/settings.scss)
23
+ $mainFont: 'Lato', sans-serif;
24
+ $mainColor: #000;
25
+ $headingFont: 'News Cycle', Impact, sans-serif;
26
+ $headingColor: #000;
27
+ $headingTextShadow: none;
28
+ $headingTextTransform: none;
29
+ $backgroundColor: #fff;
30
+ $linkColor: #00008B;
31
+ $linkColorHover: lighten( $linkColor, 20% );
32
+ $selectionBackgroundColor: rgba(0, 0, 0, 0.99);
33
+
34
+
35
+
36
+ // Theme template ------------------------------
37
+ @import "../template/theme";
38
+ // ---------------------------------------------
@@ -0,0 +1,46 @@
1
+ /**
2
+ * Sky theme for reveal.js.
3
+ *
4
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
5
+ */
6
+
7
+
8
+ // Default mixins and settings -----------------
9
+ @import "../template/mixins";
10
+ @import "../template/settings";
11
+ // ---------------------------------------------
12
+
13
+
14
+
15
+ // Include theme-specific fonts
16
+ @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
17
+ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
18
+
19
+
20
+ // Override theme settings (see ../template/settings.scss)
21
+ $mainFont: 'Open Sans', sans-serif;
22
+ $mainColor: #333;
23
+ $headingFont: 'Quicksand', sans-serif;
24
+ $headingColor: #333;
25
+ $headingLetterSpacing: -0.08em;
26
+ $headingTextShadow: none;
27
+ $backgroundColor: #f7fbfc;
28
+ $linkColor: #3b759e;
29
+ $linkColorHover: lighten( $linkColor, 20% );
30
+ $selectionBackgroundColor: #134674;
31
+
32
+ // Fix links so they are not cut off
33
+ .reveal a:not(.image) {
34
+ line-height: 1.3em;
35
+ }
36
+
37
+ // Background generator
38
+ @mixin bodyBackground() {
39
+ @include radial-gradient( #add9e4, #f7fbfc );
40
+ }
41
+
42
+
43
+
44
+ // Theme template ------------------------------
45
+ @import "../template/theme";
46
+ // ---------------------------------------------
@@ -0,0 +1,74 @@
1
+ /**
2
+ * Solarized Light theme for reveal.js.
3
+ * Author: Achim Staebler
4
+ */
5
+
6
+
7
+ // Default mixins and settings -----------------
8
+ @import "../template/mixins";
9
+ @import "../template/settings";
10
+ // ---------------------------------------------
11
+
12
+
13
+
14
+ // Include theme-specific fonts
15
+ @font-face {
16
+ font-family: 'League Gothic';
17
+ src: url('../../lib/font/league_gothic-webfont.eot');
18
+ src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
19
+ url('../../lib/font/league_gothic-webfont.woff') format('woff'),
20
+ url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
21
+ url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
22
+
23
+ font-weight: normal;
24
+ font-style: normal;
25
+ }
26
+
27
+ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
28
+
29
+
30
+ /**
31
+ * Solarized colors by Ethan Schoonover
32
+ */
33
+ html * {
34
+ color-profile: sRGB;
35
+ rendering-intent: auto;
36
+ }
37
+
38
+ // Solarized colors
39
+ $base03: #002b36;
40
+ $base02: #073642;
41
+ $base01: #586e75;
42
+ $base00: #657b83;
43
+ $base0: #839496;
44
+ $base1: #93a1a1;
45
+ $base2: #eee8d5;
46
+ $base3: #fdf6e3;
47
+ $yellow: #b58900;
48
+ $orange: #cb4b16;
49
+ $red: #dc322f;
50
+ $magenta: #d33682;
51
+ $violet: #6c71c4;
52
+ $blue: #268bd2;
53
+ $cyan: #2aa198;
54
+ $green: #859900;
55
+
56
+ // Override theme settings (see ../template/settings.scss)
57
+ $mainColor: $base00;
58
+ $headingColor: $base01;
59
+ $headingTextShadow: none;
60
+ $backgroundColor: $base3;
61
+ $linkColor: $blue;
62
+ $linkColorHover: lighten( $linkColor, 20% );
63
+ $selectionBackgroundColor: $magenta;
64
+
65
+ // Background generator
66
+ // @mixin bodyBackground() {
67
+ // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) );
68
+ // }
69
+
70
+
71
+
72
+ // Theme template ------------------------------
73
+ @import "../template/theme";
74
+ // ---------------------------------------------
@@ -0,0 +1,29 @@
1
+ @mixin vertical-gradient( $top, $bottom ) {
2
+ background: $top;
3
+ background: -moz-linear-gradient( top, $top 0%, $bottom 100% );
4
+ background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) );
5
+ background: -webkit-linear-gradient( top, $top 0%, $bottom 100% );
6
+ background: -o-linear-gradient( top, $top 0%, $bottom 100% );
7
+ background: -ms-linear-gradient( top, $top 0%, $bottom 100% );
8
+ background: linear-gradient( top, $top 0%, $bottom 100% );
9
+ }
10
+
11
+ @mixin horizontal-gradient( $top, $bottom ) {
12
+ background: $top;
13
+ background: -moz-linear-gradient( left, $top 0%, $bottom 100% );
14
+ background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) );
15
+ background: -webkit-linear-gradient( left, $top 0%, $bottom 100% );
16
+ background: -o-linear-gradient( left, $top 0%, $bottom 100% );
17
+ background: -ms-linear-gradient( left, $top 0%, $bottom 100% );
18
+ background: linear-gradient( left, $top 0%, $bottom 100% );
19
+ }
20
+
21
+ @mixin radial-gradient( $outer, $inner, $type: circle ) {
22
+ background: $outer;
23
+ background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
24
+ background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) );
25
+ background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
26
+ background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
27
+ background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% );
28
+ background: radial-gradient( center, $type cover, $inner 0%, $outer 100% );
29
+ }
@@ -0,0 +1,34 @@
1
+ // Base settings for all themes that can optionally be
2
+ // overridden by the super-theme
3
+
4
+ // Background of the presentation
5
+ $backgroundColor: #2b2b2b;
6
+
7
+ // Primary/body text
8
+ $mainFont: 'Lato', sans-serif;
9
+ $mainFontSize: 36px;
10
+ $mainColor: #eee;
11
+
12
+ // Headings
13
+ $headingMargin: 0 0 20px 0;
14
+ $headingFont: 'League Gothic', Impact, sans-serif;
15
+ $headingColor: #eee;
16
+ $headingLineHeight: 0.9em;
17
+ $headingLetterSpacing: 0.02em;
18
+ $headingTextTransform: uppercase;
19
+ $headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2);
20
+ $heading1TextShadow: $headingTextShadow;
21
+
22
+ // Links and actions
23
+ $linkColor: #13DAEC;
24
+ $linkColorHover: lighten( $linkColor, 20% );
25
+
26
+ // Text selection
27
+ $selectionBackgroundColor: #FF5E99;
28
+ $selectionColor: #fff;
29
+
30
+ // Generates the presentation background, can be overridden
31
+ // to return a background image or gradient
32
+ @mixin bodyBackground() {
33
+ background: $backgroundColor;
34
+ }
@@ -0,0 +1,163 @@
1
+ // Base theme template for reveal.js
2
+
3
+ /*********************************************
4
+ * GLOBAL STYLES
5
+ *********************************************/
6
+
7
+ body {
8
+ @include bodyBackground();
9
+ background-color: $backgroundColor;
10
+ }
11
+
12
+ .reveal {
13
+ font-family: $mainFont;
14
+ font-size: $mainFontSize;
15
+ font-weight: 200;
16
+ letter-spacing: -0.02em;
17
+ color: $mainColor;
18
+ }
19
+
20
+ ::selection {
21
+ color: $selectionColor;
22
+ background: $selectionBackgroundColor;
23
+ text-shadow: none;
24
+ }
25
+
26
+ /*********************************************
27
+ * HEADERS
28
+ *********************************************/
29
+
30
+ .reveal h1,
31
+ .reveal h2,
32
+ .reveal h3,
33
+ .reveal h4,
34
+ .reveal h5,
35
+ .reveal h6 {
36
+ margin: $headingMargin;
37
+ color: $headingColor;
38
+
39
+ font-family: $headingFont;
40
+ line-height: $headingLineHeight;
41
+ letter-spacing: $headingLetterSpacing;
42
+
43
+ text-transform: $headingTextTransform;
44
+ text-shadow: $headingTextShadow;
45
+ }
46
+
47
+ .reveal h1 {
48
+ text-shadow: $heading1TextShadow;
49
+ }
50
+
51
+
52
+ /*********************************************
53
+ * LINKS
54
+ *********************************************/
55
+
56
+ .reveal a:not(.image) {
57
+ color: $linkColor;
58
+ text-decoration: none;
59
+
60
+ -webkit-transition: color .15s ease;
61
+ -moz-transition: color .15s ease;
62
+ -ms-transition: color .15s ease;
63
+ -o-transition: color .15s ease;
64
+ transition: color .15s ease;
65
+ }
66
+ .reveal a:not(.image):hover {
67
+ color: $linkColorHover;
68
+
69
+ text-shadow: none;
70
+ border: none;
71
+ }
72
+
73
+ .reveal .roll span:after {
74
+ color: #fff;
75
+ background: darken( $linkColor, 15% );
76
+ }
77
+
78
+
79
+ /*********************************************
80
+ * IMAGES
81
+ *********************************************/
82
+
83
+ .reveal section img {
84
+ margin: 15px 0px;
85
+ background: rgba(255,255,255,0.12);
86
+ border: 4px solid $mainColor;
87
+
88
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
89
+
90
+ -webkit-transition: all .2s linear;
91
+ -moz-transition: all .2s linear;
92
+ -ms-transition: all .2s linear;
93
+ -o-transition: all .2s linear;
94
+ transition: all .2s linear;
95
+ }
96
+
97
+ .reveal a:hover img {
98
+ background: rgba(255,255,255,0.2);
99
+ border-color: $linkColor;
100
+
101
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
102
+ }
103
+
104
+
105
+ /*********************************************
106
+ * NAVIGATION CONTROLS
107
+ *********************************************/
108
+
109
+ .reveal .controls div.navigate-left,
110
+ .reveal .controls div.navigate-left.enabled {
111
+ border-right-color: $linkColor;
112
+ }
113
+
114
+ .reveal .controls div.navigate-right,
115
+ .reveal .controls div.navigate-right.enabled {
116
+ border-left-color: $linkColor;
117
+ }
118
+
119
+ .reveal .controls div.navigate-up,
120
+ .reveal .controls div.navigate-up.enabled {
121
+ border-bottom-color: $linkColor;
122
+ }
123
+
124
+ .reveal .controls div.navigate-down,
125
+ .reveal .controls div.navigate-down.enabled {
126
+ border-top-color: $linkColor;
127
+ }
128
+
129
+ .reveal .controls div.navigate-left.enabled:hover {
130
+ border-right-color: $linkColorHover;
131
+ }
132
+
133
+ .reveal .controls div.navigate-right.enabled:hover {
134
+ border-left-color: $linkColorHover;
135
+ }
136
+
137
+ .reveal .controls div.navigate-up.enabled:hover {
138
+ border-bottom-color: $linkColorHover;
139
+ }
140
+
141
+ .reveal .controls div.navigate-down.enabled:hover {
142
+ border-top-color: $linkColorHover;
143
+ }
144
+
145
+
146
+ /*********************************************
147
+ * PROGRESS BAR
148
+ *********************************************/
149
+
150
+ .reveal .progress {
151
+ background: rgba(0,0,0,0.2);
152
+ }
153
+ .reveal .progress span {
154
+ background: $linkColor;
155
+
156
+ -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
157
+ -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
158
+ -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
159
+ -o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
160
+ transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
161
+ }
162
+
163
+
@@ -0,0 +1,42 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+
7
+ <title>reveal.js - Barebones</title>
8
+
9
+ <link rel="stylesheet" href="../css/reveal.min.css">
10
+ </head>
11
+
12
+ <body>
13
+
14
+ <div class="reveal">
15
+
16
+ <div class="slides">
17
+
18
+ <section>
19
+ <h2>Barebones Presentation</h2>
20
+ <p>This example contains the bare minimum includes and markup required to run a reveal.js presentation.</p>
21
+ </section>
22
+
23
+ <section>
24
+ <h2>No Theme</h2>
25
+ <p>There's no theme included, so it will fall back on browser defaults.</p>
26
+ </section>
27
+
28
+ </div>
29
+
30
+ </div>
31
+
32
+ <script src="../lib/js/head.min.js"></script>
33
+ <script src="../js/reveal.min.js"></script>
34
+
35
+ <script>
36
+
37
+ Reveal.initialize();
38
+
39
+ </script>
40
+
41
+ </body>
42
+ </html>
@@ -0,0 +1,49 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+
7
+ <title>reveal.js - Embedded Media</title>
8
+
9
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
10
+
11
+ <link rel="stylesheet" href="../css/reveal.min.css">
12
+ <link rel="stylesheet" href="../css/theme/default.css" id="theme">
13
+ </head>
14
+
15
+ <body>
16
+
17
+ <div class="reveal">
18
+
19
+ <div class="slides">
20
+
21
+ <section>
22
+ <h2>Embedded Media Test</h2>
23
+ </section>
24
+
25
+ <section>
26
+ <iframe data-autoplay width="420" height="345" src="http://www.youtube.com/embed/l3RQZ4mcr1c"></iframe>
27
+ </section>
28
+
29
+ <section>
30
+ <h2>Empty Slide</h2>
31
+ </section>
32
+
33
+ </div>
34
+
35
+ </div>
36
+
37
+ <script src="../lib/js/head.min.js"></script>
38
+ <script src="../js/reveal.min.js"></script>
39
+
40
+ <script>
41
+
42
+ Reveal.initialize({
43
+ transition: 'linear'
44
+ });
45
+
46
+ </script>
47
+
48
+ </body>
49
+ </html>