From ad823cc4d72edbab10f0dadf99b30df91c3f7c50 Mon Sep 17 00:00:00 2001 From: Dimitar Trendafilov Date: Sun, 16 Aug 2020 08:38:04 +0300 Subject: Squashed 'website/themes/reveal-hugo/' content from commit ff9f389 git-subtree-dir: website/themes/reveal-hugo git-subtree-split: ff9f389743ae2fe5c5cc6101455db0616e8548e2 --- exampleSite/content/plugin-example/_index.md | 83 +++++++++++++++++++++++++ exampleSite/content/plugin-example/sample1.jpg | Bin 0 -> 323815 bytes exampleSite/content/plugin-example/sample2.jpg | Bin 0 -> 186575 bytes exampleSite/content/plugin-example/sample3.jpg | Bin 0 -> 177386 bytes 4 files changed, 83 insertions(+) create mode 100644 exampleSite/content/plugin-example/_index.md create mode 100644 exampleSite/content/plugin-example/sample1.jpg create mode 100644 exampleSite/content/plugin-example/sample2.jpg create mode 100644 exampleSite/content/plugin-example/sample3.jpg (limited to 'exampleSite/content/plugin-example') diff --git a/exampleSite/content/plugin-example/_index.md b/exampleSite/content/plugin-example/_index.md new file mode 100644 index 0000000..507eb5a --- /dev/null +++ b/exampleSite/content/plugin-example/_index.md @@ -0,0 +1,83 @@ ++++ +title = "plugin-example" +description = "Shows how a Reveal.js plugin can be added and used" +outputs = ["Reveal"] +[reveal_hugo] +theme = "night" +margin = 0.2 +plugins = ["plugin/gallery/gallery.plugin.js"] ++++ + +# plugin-example + +--- + +This presentation demonstrates how a Reveal.js plugin can be added. + +--- + +The plugin is called [revealjs-simple-gallery](https://github.com/marcins/revealjs-simple-gallery). + +--- + +It can make any slide an image gallery. Here are a few examples. + +--- + + + +--- + + + +--- + + + +--- + +See the [revealjs-simple-gallery GitHub repo](https://github.com/marcins/revealjs-simple-gallery) 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 \ No newline at end of file diff --git a/exampleSite/content/plugin-example/sample1.jpg b/exampleSite/content/plugin-example/sample1.jpg new file mode 100644 index 0000000..497d5d1 Binary files /dev/null and b/exampleSite/content/plugin-example/sample1.jpg differ diff --git a/exampleSite/content/plugin-example/sample2.jpg b/exampleSite/content/plugin-example/sample2.jpg new file mode 100644 index 0000000..a62dbdf Binary files /dev/null and b/exampleSite/content/plugin-example/sample2.jpg differ diff --git a/exampleSite/content/plugin-example/sample3.jpg b/exampleSite/content/plugin-example/sample3.jpg new file mode 100644 index 0000000..dad2884 Binary files /dev/null and b/exampleSite/content/plugin-example/sample3.jpg differ -- cgit v1.3.1-23-gd82d