+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/hugo-hl-example.html b/public/hugo-hl-example.html
new file mode 100644
index 0000000..33661d3
--- /dev/null
+++ b/public/hugo-hl-example.html
@@ -0,0 +1,166 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/images/alex-litvin-790876-unsplash.jpg b/public/images/alex-litvin-790876-unsplash.jpg
new file mode 100644
index 0000000..ff0712b
Binary files /dev/null and b/public/images/alex-litvin-790876-unsplash.jpg differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..eab9c19
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,793 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/js/custom.js b/public/js/custom.js
new file mode 100644
index 0000000..01adab6
--- /dev/null
+++ b/public/js/custom.js
@@ -0,0 +1,3 @@
+document.getElementById("customjs").addEventListener("click", function(){
+ this.className += " customjs"
+})
\ No newline at end of file
diff --git a/public/logo-example.html b/public/logo-example.html
new file mode 100644
index 0000000..8d875d4
--- /dev/null
+++ b/public/logo-example.html
@@ -0,0 +1,167 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/logo-example/github-logo.png b/public/logo-example/github-logo.png
new file mode 100644
index 0000000..9a6e56c
Binary files /dev/null and b/public/logo-example/github-logo.png differ
diff --git a/public/plugin-example.html b/public/plugin-example.html
new file mode 100644
index 0000000..2c9cafe
--- /dev/null
+++ b/public/plugin-example.html
@@ -0,0 +1,139 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/public/plugin-example/sample1.jpg b/public/plugin-example/sample1.jpg
new file mode 100644
index 0000000..497d5d1
Binary files /dev/null and b/public/plugin-example/sample1.jpg differ
diff --git a/public/plugin-example/sample2.jpg b/public/plugin-example/sample2.jpg
new file mode 100644
index 0000000..a62dbdf
Binary files /dev/null and b/public/plugin-example/sample2.jpg differ
diff --git a/public/plugin-example/sample3.jpg b/public/plugin-example/sample3.jpg
new file mode 100644
index 0000000..dad2884
Binary files /dev/null and b/public/plugin-example/sample3.jpg differ
diff --git a/public/plugin/gallery/gallery.css b/public/plugin/gallery/gallery.css
new file mode 100644
index 0000000..58d3514
--- /dev/null
+++ b/public/plugin/gallery/gallery.css
@@ -0,0 +1,67 @@
+.reveal ul.gallery {
+ position: relative;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ width: 960px;
+ height: 700px;
+}
+
+.reveal ul.gallery[data-mode=full-screen] {
+ width: 100%;
+ height: 100%;
+}
+
+.gallery li {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 960px;
+ height: 700px;
+ opacity: 0;
+ -webkit-transition: opacity 0.3s ease-in-out;
+ -moz-transition: opacity 0.3s ease-in-out;
+ transition: opacity 0.3s ease-in-out;
+}
+
+.gallery[data-mode=full-screen] li {
+ width: 100%;
+ height: 100%;
+ background-size: 100% 100%;
+ background-attachment:fixed;
+ background-position: center;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+
+
+.gallery .active {
+ opacity: 1;
+}
+
+.gallery .inactive {
+ opacity: 0;
+}
+
+.gallery img {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: none !important;
+}
+
+.gallery label {
+ display: block;
+ position: absolute;
+ bottom: 20px;
+ min-width: 150px;
+ left: 0;
+ padding: 10px;
+ background-color: rgba(0, 0, 0, 0.6);
+ color: #fff;
+ font-size: 24px;
+}
\ No newline at end of file
diff --git a/public/plugin/gallery/gallery.plugin.js b/public/plugin/gallery/gallery.plugin.js
new file mode 100644
index 0000000..c6ba1c9
--- /dev/null
+++ b/public/plugin/gallery/gallery.plugin.js
@@ -0,0 +1,119 @@
+(function(Gallery) {
+ var galleryTimer, galleryMode;
+
+ Gallery.step = function (items, iterations) {
+ var length = items.length,
+ ptr = 0,
+ loops = 0;
+
+ return function () {
+ if (iterations > 0 && loops === iterations) {
+ return;
+ }
+ items[ptr].className = "inactive";
+ if (ptr === length - 1) {
+ loops++;
+ if (iterations === 0 || loops < iterations) {
+ ptr = 0;
+ }
+ } else {
+ ptr++;
+ }
+ items[ptr].className = "active";
+ };
+ };
+
+ Gallery.start = function (galleryNode, contextNode) {
+ contextNode = contextNode || document.body.firstChild;
+ galleryMode = galleryNode.dataset.mode || 'normal';
+
+ if (galleryMode === 'full-screen') {
+ // FIXME remove depenency on Reveal, have a callback? function
+ // that will get a root node to move full screen slides to (ie. slidesNode)
+
+ // for full screen mode we need to:
+ // - take the gallery out of the flow and insert it before "slides"
+ // - hide slides
+ // - make it full screen
+
+ var placeholder = document.createElement("div");
+ placeholder.id = "gallery-placeholder";
+ galleryNode.parentNode.replaceChild(placeholder, galleryNode);
+
+ if (contextNode.parentNode) {
+ contextNode.parentNode.insertBefore(galleryNode, contextNode);
+ }
+ }
+
+ var items = Array.prototype.slice.apply(galleryNode.querySelectorAll("li"));
+ items.forEach(function (item, index) {
+ if (index === 0) {
+ item.className = "active";
+ } else {
+ item.className = "inactive";
+ }
+ var label = item.querySelector("label");
+ var img = item.querySelector("img");
+
+ if (galleryMode === 'full-screen') {
+ img.style.display = "none";
+ item.style.backgroundImage = "url(" + img.src + ")";
+ } else {
+ img.style.display = "";
+ }
+
+ if (!label && img.attributes.alt) {
+ label = document.createElement("label");
+ label.innerHTML = img.attributes.alt.value;
+ item.appendChild(label);
+ }
+ });
+
+ var iterations = galleryNode.dataset.iterations ? +galleryNode.dataset.iterations : 1;
+ var interval = (galleryNode.dataset.interval || 1) * 1000;
+ galleryTimer = setInterval(Gallery.step(items, iterations), interval);
+ };
+
+ // FIXME Gallery.stop should take elem and root nodes as well
+ Gallery.stop = function (galleryNode, contextNode) {
+ clearInterval(galleryTimer);
+
+ if (galleryMode === "full-screen") {
+ // - put the gallery back where it was
+ var placeholder = document.getElementById("gallery-placeholder");
+ placeholder.parentNode.replaceChild(galleryNode, placeholder);
+
+ var items = Array.prototype.slice.apply(galleryNode.querySelectorAll("li"));
+ items.forEach(function (item, index) {
+ var img = item.querySelector("img");
+ item.style.backgroundImage = "";
+ img.style.display = "";
+ });
+ }
+ };
+})(window.Gallery = window.Gallery || {});(function() {
+ if( typeof window.addEventListener === 'function' ) {
+ var slidesNode = document.querySelector(".slides");
+ Reveal.addEventListener("slidechanged", function (event) {
+ console.log(event)
+ var galleryNode = event.previousSlide.querySelector('.gallery') || document.querySelector('.reveal > .gallery');
+ if (galleryNode) {
+ Gallery.stop(galleryNode, slidesNode);
+ }
+
+ galleryNode = event.currentSlide.querySelector('.gallery');
+ if (galleryNode) {
+ Gallery.start(galleryNode, slidesNode);
+ }
+
+ });
+
+ // during initial load
+ if (Reveal.getCurrentSlide()) {
+ var galleryNode = Reveal.getCurrentSlide().querySelector('.gallery');
+ if (galleryNode) {
+ Gallery.start(galleryNode, slidesNode);
+ }
+ }
+ }
+})();
\ No newline at end of file
diff --git a/public/reveal-hugo/object-assign.js b/public/reveal-hugo/object-assign.js
new file mode 100644
index 0000000..d5cbc7d
--- /dev/null
+++ b/public/reveal-hugo/object-assign.js
@@ -0,0 +1,29 @@
+if (typeof Object.assign != 'function') {
+ // Must be writable: true, enumerable: false, configurable: true
+ Object.defineProperty(Object, "assign", {
+ value: function assign(target, varArgs) { // .length of function is 2
+ 'use strict';
+ if (target == null) { // TypeError if undefined or null
+ throw new TypeError('Cannot convert undefined or null to object');
+ }
+
+ var to = Object(target);
+
+ for (var index = 1; index < arguments.length; index++) {
+ var nextSource = arguments[index];
+
+ if (nextSource != null) { // Skip over if undefined or null
+ for (var nextKey in nextSource) {
+ // Avoid bugs when hasOwnProperty is shadowed
+ if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+ to[nextKey] = nextSource[nextKey];
+ }
+ }
+ }
+ }
+ return to;
+ },
+ writable: true,
+ configurable: true
+ });
+}
\ No newline at end of file
diff --git a/public/reveal-hugo/themes/robot-lung.css b/public/reveal-hugo/themes/robot-lung.css
new file mode 100644
index 0000000..5d94683
--- /dev/null
+++ b/public/reveal-hugo/themes/robot-lung.css
@@ -0,0 +1,340 @@
+/**
+
+ [ robot-lung ]
+
+ A hot pink theme for Reveal.js with Roboto fonts and a colorful border.
+ By Josh Dzielak, https://dzello.com/, License MIT
+
+ The bold border is optional and requires some HTML. To use it:
+
+ 1. Add 4 divs to your HTML page:
+
+
+
+
+
+ 2. Set { margin: 0.2 } in the Reveal.js initializer to make sure
+ your presentation content doesn't collide with the frame.
+
+ Like the theme but don't like the colors? Don't fret. Just change
+ $borderColor and/or $linkColor below to something else and rebuild.
+
+ Or if you don't want to rebuild the theme just override the .line background
+ property with some CSS:
+
+ .line {
+ background:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ plugin-example
+This presentation demonstrates how a Reveal.js plugin can be added.
+The plugin is called revealjs-simple-gallery.
+It can make any slide an image gallery. Here are a few examples.
+-
+
+ 
+ 
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
See the revealjs-simple-gallery GitHub repo to learn about more customization options.
+These were the steps to use this plugin for this reveal-hugo presentation.
+1
+Copy the plugin CSS and JavaScript into the static directory
+2
+Add the JavaScript file path to the plugins field in the front matter
3
+Create a head.html partial inside of layouts/partials/plugin-example/reveal-hugo
4
+In head.html, add a stylesheet link tag that loads the plugin CSS
THE END
+Keyboard Shortcuts
'; + + html += '
| KEY | ACTION | '; + for( var key in keyboardShortcuts ) { + html += '
|---|---|
| ' + key + ' | ' + keyboardShortcuts[ key ] + ' |
| ' + registeredKeyBindings[binding].key + ' | ' + registeredKeyBindings[binding].description + ' |