reveal-jekyll 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: bd1c4a52aee208d4a156595e882ab2b62d4111da8a3b1552e985fd14b3931b1a
+  data.tar.gz: 731fcd52d618f4bee9942835117b6e0c2cd2de364289ebd95e2cb98022788df4
+SHA512:
+  metadata.gz: ebb3c4a8b9150faca713a5a83e8d6df96d013011fa39b1561ef20ceddca5ffe5a9a194799a85eb93486c877b17c9d2daa16d406e826a3069cc01a3b53168b8f5
+  data.tar.gz: 297454fc44e6d9e75b64ec14a46413b037e5b960db7ed5c03c468d85c4e3244789d99ccd5323a7e97c10ac30ca9947c49ad4b4f8f1e41bd47494668fa73cf10f

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Sylhare \o/
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,94 @@
+# Reveal Jekyll
+
+Reveal.js Web presentation served with jekyll.
+
+## Set up
+
+Run the presentation using:
+
+```bash
+bundle exec jekyll serve
+```
+
+# Create your presentation
+
+## Raw Markdown
+
+In `index.html` use the `layout: raw` and then you can create your slides directly in the file using markdown:
+
+ - `___` Makes a basement slide
+ - `---` Makes the next slide
+
+## Using Jekyll capabilities
+
+In `index.html` use the `layout: presentation`. It will use the `_slides` and `_basements` folder to create the presentation.
+ 
+### Slide
+
+Use the `_slides` folder to create a file per slide in markdown. 
+
+```yaml
+
+---
+background: ...                 # Optional to put an image or a color as the background
+video: "http://video-link.mp4"  # Optional to put a video as the background
+transition: slide               # Optional change the transition type for this slide
+---
+
+Slide content in markdown
+```
+
+> Don't forget to add the two `---`.
+
+To order the presentation you can do something like `01-First-slide-title.md`, `02-Second-slide-title.md`.
+
+### Basement slides
+
+Basement slides can be put in the `_basements` folder.
+The Basement slides are slides that will be accessible using the down arrow when on a particular slide.
+
+They are the sub sections of your presentation:
+
+```yaml
+
+---
+slide: slide-title
+---
+ 
+Content of the Basement slide in markdown
+
+```
+
+> Don't forget to use the `slide` attribute to specify under which slide it will fit.
+
+### Config
+
+Configure Reveal.js in teh `_config.yml`:
+
+```yml
+reveal:
+  transition: "slide" # none/fade/slide/convex/concave/zoom
+  theme: "black" # beige/blood/league/moon/night/serif/simple/sky/solarized/white
+```
+
+You can set globally the transitions and theme of your presentation.
+
+# License
+
+## Reveal Jekyll
+
+[Reveal Jekyll](https://github.com/sylhare/Reveal-Jekyll/blob/master/LICENSE) MIT licensed
+
+Copyright (c) 2019 Sylhare \o/
+
+## Reveal.js
+
+[Reveal.js](https://github.com/hakimel/reveal.js/) MIT licensed
+
+Copyright (C) 2019 Hakim El Hattab, http://hakim.se
+
+## Jekyll
+
+[Jekyll](https://github.com/jekyll/jekyll) MIT licensed
+
+Copyright (c) 2008-present Tom Preston-Werner and Jekyll contributors

data/_includes/basements.html

@@ -0,0 +1,7 @@
+{% for basement in site.basements %}
+    {% if include.name contains basement.slide %}
+    <section>
+        {{ basement.content }}
+    </section>
+    {% endif %}
+{% endfor %}

data/_includes/head.html

@@ -0,0 +1,39 @@
+<head>
+    <meta charset="utf-8">
+    <title>reveal.js – The HTML Presentation Framework</title>
+    <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
+    <meta name="author" content="Hakim El Hattab">
+
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!--Favicon-->
+    <link rel="shortcut icon" href="{{ site.favicon | relative_url }}" type="image/x-icon">
+
+    <!-- Canonical -->
+    <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+
+    <!-- RSS -->
+    <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ 'feed.xml' | absolute_url }}"/>
+
+    <!-- Theme used for syntax highlighting of code -->
+    <link rel="stylesheet" href="{{ 'assets/lib/css/monokai.css' | relative_url }}">
+    <link rel="stylesheet" href="{{ 'assets/css/rouge-highlight/monokai.css' | relative_url }}">
+
+    <!-- Reveal CSS -->
+    <link rel="stylesheet" href="{{ 'assets/css/reset.css' | relative_url }}">
+    <link rel="stylesheet" href="{{ 'assets/css/reveal.css' | relative_url }}">
+    <link rel="stylesheet" href="{{ 'assets/css/theme/' | relative_url }}{{ site.reveal.theme }}.css" id="theme">
+
+    <!-- Printing and PDF exports -->
+    <script>
+      var link = document.createElement('link');
+      link.rel = 'stylesheet';
+      link.type = 'text/css';
+      link.href = window.location.search.match(/print-pdf/gi) ? "{{ 'assets/css/print/pdf.css' | relative_url }}" : "{{ 'assets/css/print/paper.css' | relative_url }}";
+      document.getElementsByTagName('head')[0].appendChild(link);
+    </script>
+
+</head>

data/_includes/reveal.html

@@ -0,0 +1,25 @@
+<script src="{{ 'assets/js/reveal.js' | relative_url }}"></script>
+
+<script>
+
+  // More info https://github.com/hakimel/reveal.js#configuration
+  Reveal.initialize({
+    controls: true,
+    progress: true,
+    center: true,
+    hash: true,
+
+    transition: '{{ site.reveal.transition | default: "slide" }}',
+
+    // More info https://github.com/hakimel/reveal.js#dependencies
+    dependencies: [
+      { src: "{{ 'assets/plugin/markdown/marked.js' | relative_url }}", condition: function() { return !!document.querySelector( "[data-markdown]" ); } },
+      { src: "{{ 'assets/plugin/markdown/markdown.js' | relative_url }}", condition: function() { return !!document.querySelector( "[data-markdown]" ); } },
+      {% if include.highlight %}{ src: "{{ 'assets/plugin/highlight/highlight.js' | relative_url }}", async: true }, {% endif %}
+      { src: "{{ 'assets/plugin/search/search.js' | relative_url }}", async: true },
+      { src: "{{ 'assets/plugin/zoom-js/zoom.js' | relative_url }}", async: true },
+      { src: "{{ 'assets/plugin/notes/notes.js' | relative_url }}", async: true }
+    ]
+  });
+
+</script>

data/_layouts/presentation.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+{% include head.html %}
+<body>
+<div class="reveal">
+    <div class="slides">
+
+        {% for slide in site.slides %}
+        <section {% if slide.transition %} data-transition="{{ slide.transition }}" {% endif %}
+                 {% if slide.background %} data-background="{{ slide.background }}" {% endif %}
+                 {% if slide.video %} data-background-video="{{ slide.video }}" data-background-color="#000000" {% endif %}>
+            <section>
+                {{ slide.content }}
+            </section>
+
+            {% include basements.html name=slide.url %}
+        </section>
+        {% endfor %}
+
+    </div>
+</div>
+{% include reveal.html %}
+</body>
+</html>
+
+

data/_layouts/raw.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+{% include head.html %}
+<body>
+<div class="reveal">
+    <div class="slides">
+
+        <section data-markdown
+                 data-separator="^---"
+                 data-separator-vertical="^___"
+                 data-charset="utf-8"
+                 data-notes="^Note:">
+            <script type="text/template">{{ content }}</script>
+        </section>
+
+    </div>
+</div>
+{% include reveal.html highlight=true %}
+</body>
+</html>

data/assets/css/print/paper.css

@@ -0,0 +1,203 @@
+/* Default Print Stylesheet Template
+   by Rob Glazebrook of CSSnewbie.com
+   Last Updated: June 4, 2008
+
+   Feel free (nay, compelled) to edit, append, and
+   manipulate this file as you see fit. */
+
+
+@media print {
+
+	/* SECTION 1: Set default width, margin, float, and
+	   background. This prevents elements from extending
+	   beyond the edge of the printed page, and prevents
+	   unnecessary background images from printing */
+	html {
+		background: #fff;
+		width: auto;
+		height: auto;
+		overflow: visible;
+	}
+	body {
+		background: #fff;
+		font-size: 20pt;
+		width: auto;
+		height: auto;
+		border: 0;
+		margin: 0 5%;
+		padding: 0;
+		overflow: visible;
+		float: none !important;
+	}
+
+	/* SECTION 2: Remove any elements not needed in print.
+	   This would include navigation, ads, sidebars, etc. */
+	.nestedarrow,
+	.controls,
+	.fork-reveal,
+	.share-reveal,
+	.state-background,
+	.reveal .progress,
+	.reveal .backgrounds,
+	.reveal .slide-number {
+		display: none !important;
+	}
+
+	/* SECTION 3: Set body font face, size, and color.
+	   Consider using a serif font for readability. */
+	body, p, td, li, div {
+		font-size: 20pt!important;
+		font-family: Georgia, "Times New Roman", Times, serif !important;
+		color: #000;
+	}
+
+	/* SECTION 4: Set heading font face, sizes, and color.
+	   Differentiate your headings from your body text.
+	   Perhaps use a large sans-serif for distinction. */
+	h1,h2,h3,h4,h5,h6 {
+		color: #000!important;
+		height: auto;
+		line-height: normal;
+		font-family: Georgia, "Times New Roman", Times, serif !important;
+		text-shadow: 0 0 0 #000 !important;
+		text-align: left;
+		letter-spacing: normal;
+	}
+	/* Need to reduce the size of the fonts for printing */
+	h1 { font-size: 28pt !important;  }
+	h2 { font-size: 24pt !important; }
+	h3 { font-size: 22pt !important; }
+	h4 { font-size: 22pt !important; font-variant: small-caps; }
+	h5 { font-size: 21pt !important; }
+	h6 { font-size: 20pt !important; font-style: italic; }
+
+	/* SECTION 5: Make hyperlinks more usable.
+	   Ensure links are underlined, and consider appending
+	   the URL to the end of the link for usability. */
+	a:link,
+	a:visited {
+		color: #000 !important;
+		font-weight: bold;
+		text-decoration: underline;
+	}
+	/*
+	.reveal a:link:after,
+	.reveal a:visited:after {
+		content: " (" attr(href) ") ";
+		color: #222 !important;
+		font-size: 90%;
+	}
+	*/
+
+
+	/* SECTION 6: more reveal.js specific additions by @skypanther */
+	ul, ol, div, p {
+		visibility: visible;
+		position: static;
+		width: auto;
+		height: auto;
+		display: block;
+		overflow: visible;
+		margin: 0;
+		text-align: left !important;
+	}
+	.reveal pre,
+	.reveal table {
+		margin-left: 0;
+		margin-right: 0;
+	}
+	.reveal pre code {
+		padding: 20px;
+		border: 1px solid #ddd;
+	}
+	.reveal blockquote {
+		margin: 20px 0;
+	}
+	.reveal .slides {
+		position: static !important;
+		width: auto !important;
+		height: auto !important;
+
+		left: 0 !important;
+		top: 0 !important;
+		margin-left: 0 !important;
+		margin-top: 0 !important;
+		padding: 0 !important;
+		zoom: 1 !important;
+
+		overflow: visible !important;
+		display: block !important;
+
+		text-align: left !important;
+		-webkit-perspective: none;
+		   -moz-perspective: none;
+		    -ms-perspective: none;
+		        perspective: none;
+
+		-webkit-perspective-origin: 50% 50%;
+		   -moz-perspective-origin: 50% 50%;
+		    -ms-perspective-origin: 50% 50%;
+		        perspective-origin: 50% 50%;
+	}
+	.reveal .slides section {
+		visibility: visible !important;
+		position: static !important;
+		width: auto !important;
+		height: auto !important;
+		display: block !important;
+		overflow: visible !important;
+
+		left: 0 !important;
+		top: 0 !important;
+		margin-left: 0 !important;
+		margin-top: 0 !important;
+		padding: 60px 20px !important;
+		z-index: auto !important;
+
+		opacity: 1 !important;
+
+		page-break-after: always !important;
+
+		-webkit-transform-style: flat !important;
+		   -moz-transform-style: flat !important;
+		    -ms-transform-style: flat !important;
+		        transform-style: flat !important;
+
+		-webkit-transform: none !important;
+		   -moz-transform: none !important;
+		    -ms-transform: none !important;
+		        transform: none !important;
+
+		-webkit-transition: none !important;
+		   -moz-transition: none !important;
+		    -ms-transition: none !important;
+		        transition: none !important;
+	}
+	.reveal .slides section.stack {
+		padding: 0 !important;
+	}
+	.reveal section:last-of-type {
+		page-break-after: avoid !important;
+	}
+	.reveal section .fragment {
+		opacity: 1 !important;
+		visibility: visible !important;
+
+		-webkit-transform: none !important;
+		   -moz-transform: none !important;
+		    -ms-transform: none !important;
+		        transform: none !important;
+	}
+	.reveal section img {
+		display: block;
+		margin: 15px 0px;
+		background: rgba(255,255,255,1);
+		border: 1px solid #666;
+		box-shadow: none;
+	}
+
+	.reveal section small {
+		font-size: 0.8em;
+	}
+
+}