first commit
This commit is contained in:
pgp
commit
f5b05358a8
589
README.md
Normal file
589
README.md
Normal file
|
|
@ -0,0 +1,589 @@
|
|||
# reveal-hugo
|
||||
|
||||
|
||||
[](https://reveal-hugo.dzello.com/)
|
||||
|
||||
[](https://app.netlify.com/sites/reveal-hugo/deploys)
|
||||
|
||||
A Hugo theme for [Reveal.js](https://revealjs.com/) that makes authoring and customization a breeze. With it, you can turn any properly-formatted Hugo content into a HTML presentation.
|
||||
|
||||
|
||||
|
||||
## Example
|
||||
|
||||
Using reveal-hugo, presentations with multiple slides can be created with just one markdown file, like so:
|
||||
|
||||
```markdown
|
||||
+++
|
||||
title = "How to say hello"
|
||||
+++
|
||||
|
||||
# English
|
||||
Hello.
|
||||
|
||||
---
|
||||
|
||||
# Français
|
||||
Salut.
|
||||
|
||||
---
|
||||
|
||||
# Español
|
||||
Hola.
|
||||
```
|
||||
|
||||
Just use `---` surrounded by blank lines to split content into different slides.
|
||||
|
||||
## Documentation
|
||||
|
||||
Visit [reveal-hugo.dzello.com](https://reveal-hugo.dzello.com/) to see a presentation created with this theme and learn about all of the different functionality available to you.
|
||||
|
||||
For a full-length blog post about reveal-hugo, checkout [Harness the Power of Static Site Generators to Create Presentations](https://forestry.io/blog/harness-the-power-of-static-to-create-presentations/) on the [Forestry.io blog](https://forestry.io/blog).
|
||||
|
||||
### Demos
|
||||
|
||||
Jump to the [exampleSite](exampleSite) folder in this repository to see the source code for the above presentation and several more. Here are links to those presentations live:
|
||||
|
||||
- [logo-example](https://reveal-hugo.dzello.com/logo-example/) - Shows how to add a logo to your presentation
|
||||
- [custom-theme-example](https://reveal-hugo.dzello.com/custom-theme-example/) - Uses Hugo pipes to compile and use a custom Reveal.js SCSS theme (recommended!)
|
||||
- [section-example](https://reveal-hugo.dzello.com/section-example/) - Very basic example that shows how to create a presentation for a Hugo section
|
||||
- [plugin-example](https://reveal-hugo.dzello.com/plugin-example/) - Shows how to add additional Reveal.js plugins to your presentation, for example an image gallery
|
||||
- [template-example](https://reveal-hugo.dzello.com/template-example/) - An example of using the slide shortcode with powerful templates
|
||||
- [bundle-example](https://reveal-hugo.dzello.com/bundle-example/) - An example of creating a presentation from one or more markdown files in a leaf bundle
|
||||
- [hugo-hl-example](https://reveal-hugo.dzello.com/hugo-hl-example/) - An example of using Hugo's compile-time syntax highlighter
|
||||
- [highlightjs-linenumbers-example](https://reveal-hugo.dzello.com/highlightjs-linenumbers-example/) - An example of using the multiline and multi-step capabilities of highlight.js
|
||||
|
||||
### Starter repository
|
||||
|
||||
If you want to start creating a presentation right away, clone the [programming-quotes](https://github.com/dzello/programming-quotes) repository and start hacking.
|
||||
|
||||
## Tutorial
|
||||
|
||||
You should be able to complete this section with no prior knowledge of Hugo or Reveal.js. At the end, you'll have a working presentation with instant reloading.
|
||||
|
||||
### Create your first presentation
|
||||
|
||||
To start, [install Hugo](https://gohugo.io/) and create a new Hugo site:
|
||||
|
||||
```shell
|
||||
hugo new site my-presentation
|
||||
```
|
||||
|
||||
Change into the directory of the new site:
|
||||
|
||||
```shell
|
||||
cd my-presentation
|
||||
```
|
||||
|
||||
Initialize a git repository:
|
||||
|
||||
```shell
|
||||
git init
|
||||
```
|
||||
|
||||
Add the reveal-hugo theme as a submodule in the themes directory:
|
||||
|
||||
```shell
|
||||
git submodule add git@github.com:dzello/reveal-hugo.git themes/reveal-hugo
|
||||
```
|
||||
|
||||
Open `config.toml` and add the following contents:
|
||||
|
||||
```toml
|
||||
theme = "reveal-hugo"
|
||||
|
||||
[markup.goldmark.renderer]
|
||||
unsafe = true
|
||||
|
||||
[outputFormats.Reveal]
|
||||
baseName = "index"
|
||||
mediaType = "text/html"
|
||||
isHTML = true
|
||||
```
|
||||
This tells Hugo to use the reveal-hugo theme and it registers a new output format called "Reveal".
|
||||
|
||||
Next, create a file in `content/_index.md` and add the following:
|
||||
|
||||
```markdown
|
||||
+++
|
||||
title = "My presentation"
|
||||
outputs = ["Reveal"]
|
||||
+++
|
||||
|
||||
# Hello world!
|
||||
|
||||
This is my first slide.
|
||||
```
|
||||
|
||||
Back on the command line, run:
|
||||
|
||||
```shell
|
||||
$ hugo server
|
||||
```
|
||||
|
||||
Navigate to [http://localhost:1313/](http://localhost:1313/) and you should see your presentation.
|
||||
|
||||
|
||||
|
||||
To add more slides, just add content to `_index.md` or create new markdown files in `content/home`. Remember that each slide must be separated by `---` with blank lines above and below.
|
||||
|
||||
```markdown
|
||||
# Hello world!
|
||||
|
||||
This is my first slide.
|
||||
|
||||
---
|
||||
|
||||
# Hello Mars!
|
||||
|
||||
This is my second slide.
|
||||
```
|
||||
|
||||
### Cloning an existing repository
|
||||
|
||||
If you have an existing repository that was setup with the above steps, you have to pull in the theme submodule after cloning your repository using the following command:
|
||||
|
||||
```shell
|
||||
git submodule update --init
|
||||
```
|
||||
|
||||
## Usage
|
||||
|
||||
The Usage guide is contained in the example presentation that lives in this repository in the [exampleSite](./exampleSite) directory. You can access a live version at [reveal-hugo.dzello.com](https://reveal-hugo.dzello.com/).
|
||||
|
||||
### Root vs. section presentations
|
||||
|
||||
Here's what the folder structure would look like with one root presentation and one section presentation.
|
||||
|
||||
```
|
||||
- content
|
||||
- home # special section for appending to root presentation
|
||||
- body.md # appends to the root presentation
|
||||
- conclusion.md # appends to the root presentation
|
||||
- _index.md # beginning of the root presentation
|
||||
- ted-talk
|
||||
- _index.md # beginning of the ted talk presentation
|
||||
- body.md # appends to the ted talk presentation
|
||||
- conclusion.md # appends to the ted talk presentation
|
||||
```
|
||||
|
||||
This will create two presentations, one at `/` and one at `/ted-talk/`. The order that slides are appended to each can be controlled by the `weight` parameter specified in each file's front matter. The slides in `_index.md` will always come first, though you don't have to put any slides in there if you want to.
|
||||
|
||||
### Shortcodes
|
||||
|
||||
reveal-hugo comes with a variety of shortcodes that help you take advantage of some very useful Reveal.js features.
|
||||
|
||||
#### fragment shortcode
|
||||
|
||||
Wrap any content in the fragment shortcode and it will appear incrementally. Great for bulleted lists where you want one bullet point at a a time to appear.
|
||||
|
||||
```markdown
|
||||
- {{% fragment %}}One{{% /fragment %}}
|
||||
- {{% fragment %}}Two{{% /fragment %}}
|
||||
- {{% fragment %}}Three{{% /fragment %}}
|
||||
```
|
||||
|
||||
#### frag shortcode
|
||||
|
||||
Like fragment but more terse - content is placed inline in a self-closing shortcode.
|
||||
|
||||
```markdown
|
||||
- {{< frag c="One" >}}
|
||||
- {{< frag c="Two" >}}
|
||||
- {{< frag c="Three" >}}
|
||||
```
|
||||
|
||||
#### slide shortcode
|
||||
|
||||
The slide shortcode lets you set custom HTML and Reveal.js attributes for each slide - things like id, class, transition, background just to name a few. The names are the same as Reveal.js but without the 'data-' prefix.
|
||||
|
||||
Add the shortcode above the slide content, below the `---` separator. Do not place content inside of the shortcode.
|
||||
|
||||
```markdown
|
||||
---
|
||||
|
||||
{{< slide id="hello" background="#FFF" transition="zoom" transition-speed="fast" >}}
|
||||
|
||||
# Hello, world!
|
||||
|
||||
---
|
||||
```
|
||||
|
||||
Here's a list of documented slide attributes from the Reveal.js docs:
|
||||
|
||||
- `autoslide`
|
||||
- `state`
|
||||
- `background`
|
||||
- `background-color`
|
||||
- `background-image`
|
||||
- `background-size`
|
||||
- `background-position`
|
||||
- `background-repeat`
|
||||
- `background-video`
|
||||
- `background-video-loop`
|
||||
- `background-video-muted`
|
||||
- `background-interactive`
|
||||
- `background-iframe`
|
||||
- `background-transition`
|
||||
- `transition` (can have different in and out transitions)
|
||||
- `transition-speed`
|
||||
- `notes` (can also use the note shortcode)
|
||||
- `timing`
|
||||
|
||||
You can also pass through your own, a `data-` prefix will be added automatically to each one (except for `id` and `class`).
|
||||
|
||||
#### section shortcode
|
||||
|
||||
To create groups of slides that can be navigated vertically, surround your markdown with the section shortcode.
|
||||
|
||||
```markdown
|
||||
{{% section %}}
|
||||
|
||||
# Vertical slide 1
|
||||
|
||||
---
|
||||
|
||||
# Vertical slide 2
|
||||
|
||||
{{% /section %}}
|
||||
```
|
||||
|
||||
#### note shortcode
|
||||
|
||||
Add [speaker notes](https://github.com/hakimel/reveal.js/#speaker-notes) for each slide with the note shortcode.
|
||||
|
||||
```markdown
|
||||
{{% note %}}
|
||||
Don't forget to thank the audience.
|
||||
{{% /note %}}
|
||||
```
|
||||
|
||||
*💡 Tip: you can also add notes by adding a `note` attribute to the slide shortcode.*
|
||||
|
||||
#### markdown shortcode
|
||||
|
||||
Markdown surrounded by the markdown shortcode will not be rendered by Hugo but by Reveal.js itself. This is useful if you want to use some native Reveal.js markdown syntax that isn't supported by reveal-hugo.
|
||||
|
||||
```markdown
|
||||
{{% markdown %}}
|
||||
# I'm rendered...
|
||||
...by Reveal.js
|
||||
{{% /markdown %}}
|
||||
```
|
||||
|
||||
### MathJax support
|
||||
|
||||
Add the following to `layouts/partials/reveal-hugo/body.html`:
|
||||
|
||||
```
|
||||
<script>
|
||||
MathJax = {
|
||||
tex: {
|
||||
inlineMath: [['$', '$'], ['\\(', '\\)']]
|
||||
},
|
||||
svg: {
|
||||
fontCache: 'global'
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" id="MathJax-script" async
|
||||
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js">
|
||||
</script>
|
||||
```
|
||||
|
||||
Then you can do this in a slide:
|
||||
|
||||
```
|
||||
## Cool equations
|
||||
|
||||
Displayed equations are wrapped in double-\$
|
||||
|
||||
$$\frac{n!}{k!(n-k)!} = \binom{n}{k}$$
|
||||
|
||||
Inline equations like $E=mc^2$ are wrapped in single-\$
|
||||
```
|
||||
|
||||
### HTML slides
|
||||
|
||||
If you need to create fancier HTML for a slide than you can do with markdown, just add `data-noprocess` to the <section> element.
|
||||
|
||||
```html
|
||||
<section data-noprocess>
|
||||
<h1>Hello, world!</h1>
|
||||
</section>
|
||||
```
|
||||
|
||||
### Reusable slides and sections
|
||||
|
||||
Sometimes you need to reuse a slide in the same presentation or across different presentations. reveal-hugo makes use of Hugo data templates to make both cases easy.
|
||||
|
||||
To create reusable slides, create a TOML (or JSON or YAML) file in your site's data directory. Give it a name that reflects its content or just `slides.toml`. In that file, add a key for each reusable slide. The name should reflect the slide's content and the value should be the slide's markdown.
|
||||
|
||||
```toml
|
||||
thankyou = '''
|
||||
|
||||
# Thank you!
|
||||
|
||||
Any questions?
|
||||
|
||||
'''
|
||||
```
|
||||
|
||||
*💡 Tip: TOML's multiline string syntax comes in handy here, note the '''.*
|
||||
|
||||
Each key can contain **one or more** slides separated by `---` and newlines. That way you can create reusable sections.
|
||||
|
||||
```toml
|
||||
thankyou = '''
|
||||
|
||||
# Thank you!
|
||||
|
||||
---
|
||||
|
||||
Any questions?
|
||||
|
||||
'''
|
||||
```
|
||||
|
||||
To render a slide from a data template, use the slide shortcode with a content attribute:
|
||||
|
||||
```markdown
|
||||
{{% slide content="slides.thankyou" /%}}
|
||||
```
|
||||
|
||||
The part before the "." is the name of the file in the data directory. The part after the dot is the key to look up in that file.
|
||||
|
||||
You can use all the additional slide shortcode attributes. They will be applied to every slide in the data template.
|
||||
|
||||
## Configuration
|
||||
|
||||
Customize the Reveal.js presentation by setting these values in `config.toml` or the front matter of any presentation's `_index.md` file.
|
||||
|
||||
- `reveal_hugo.theme`: The Reveal.js theme used; defaults to "black"
|
||||
- `reveal_hugo.custom_theme`: The path to a locally hosted Reveal.js theme in the static or assets folder
|
||||
- `reveal_hugo.custom_theme_compile`: If set to true, the theme will be compiled with Hugo pipes (and must live in the assets folder)
|
||||
- `reveal_hugo.custom_theme_options`: Provide a dictionary to customize theme compilation, see [Hugo's SCSS docs](https://gohugo.io/hugo-pipes/scss-sass/#options) for a list of options
|
||||
- `reveal_hugo.highlight_theme`: The [highlight.js](https://highlightjs.org/) theme used; defaults to "default"
|
||||
- `reveal_hugo.reveal_cdn`: The location to load Reveal.js files from; defaults to the `reveal-js` folder in the static directory to support offline development. To load from a CDN instead, set this value to `https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.7.0` or whatever CDN you prefer.
|
||||
- `reveal_hugo.highlight_cdn`: The location to load highlight.js files from; defaults to to the `highlight-js` folder in the static directory to support offline development. To load from a CDN instead, set this value to `https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0` or whatever CDN you prefer.
|
||||
- `reveal_hugo.load_default_plugins`: If set to true (default), the plugins included by default are loaded. These are markdown, highlight.js, notes and zoom.
|
||||
- `reveal_hugo.plugins`: An array of additional Reveal.js plugins to load, e.g. `["plugin/gallery/gallery.plugin.js"]`. The appropriate files will need to have been copied into the `static` directory. CDN loading is not supported. See here for a [big list of plugins](https://github.com/hakimel/reveal.js/wiki/Plugins,-Tools-and-Hardware) you can try.
|
||||
|
||||
This is how parameters will look in your `config.toml`:
|
||||
|
||||
```TOML
|
||||
[params.reveal_hugo]
|
||||
theme = "moon"
|
||||
```
|
||||
|
||||
Or in the front matter of an `_index.md` file:
|
||||
|
||||
```TOML
|
||||
[reveal_hugo]
|
||||
theme = "moon"
|
||||
```
|
||||
|
||||
Include any other attributes in those sections that you'd like to be fed as arguments to `Reveal.initialize` in **snakecase**, so `slide_number` instead of `slideNumber`. Params are converted from snakecase to camelcase before passing to Reveal.js. This is necessary to maintain the proper case of the parameters.
|
||||
|
||||
Here's an example of configuring Reveal.js parameters alongside a theme and highlight.js theme:
|
||||
|
||||
```TOML
|
||||
[reveal_hugo]
|
||||
theme = "moon"
|
||||
highlight_theme = "solarized-dark"
|
||||
slide_number = true
|
||||
transition = "zoom"
|
||||
```
|
||||
|
||||
See the [extensive list of Reveal.js configuration options](https://github.com/hakimel/reveal.js/#configuration) here.
|
||||
|
||||
### Syntax highlighting
|
||||
|
||||
Syntax highlighting can be done with Hugo at compile-time or using Reveal.js with the pre-installed highlight.js plugin. Presentations can use both if they wish for different pieces of code.
|
||||
|
||||
To do highlighting with Hugo, use the [highlight shortcode](https://gohugo.io/content-management/syntax-highlighting/#highlight-shortcode) and check out the [hugo-hl-example](https://reveal-hugo.dzello.com/hugo-hl-example/) example presentation.
|
||||
|
||||
To see an example of highlighting with Reveal.js, checs out the [highlightjs-linenumbers-example](https://reveal-hugo.dzello.com/highlightjs-linenumbers-example/) presentation.
|
||||
|
||||
By default, markdown code fences will be processed with Hugo. To turn that off, add this to your `config.toml` file:
|
||||
|
||||
``` toml
|
||||
[markup.highlight]
|
||||
codeFences = false
|
||||
```
|
||||
|
||||
Now, the code in the fences will be highlighted by highlight.js instead.
|
||||
|
||||
### Custom Reveal.js themes
|
||||
|
||||
If you have a custom reveal theme to use (in .css form), place it in the `static` folder and specify it in the configuration. For example, if your css file lives here:
|
||||
|
||||
```
|
||||
| static
|
||||
| stylesheets
|
||||
- custom-theme.css
|
||||
```
|
||||
|
||||
Then this is what you'll put in `config.toml`:
|
||||
|
||||
```toml
|
||||
[params.reveal_hugo]
|
||||
custom_theme = "stylesheets/custom-theme.css"
|
||||
```
|
||||
|
||||
### Compiling a custom Reveal.js theme with Hugo pipes
|
||||
|
||||
Reveal.js theme customization is easiest to do by overriding variables in the SCSS or PostCSS build process. You can take advantage of Hugo pipes to do the theme compilation. In this case, your SCSS, Saas or PostCSS file needs to live in assets:
|
||||
|
||||
```
|
||||
| assets
|
||||
| stylesheets
|
||||
- custom-theme.scss
|
||||
```
|
||||
|
||||
If you just wanted to change the presentation colors, here's what you might put in `custom-theme.scss`:
|
||||
|
||||
```scss
|
||||
@import "../reveal-js/css/theme/template/mixins";
|
||||
@import "../reveal-js/css/theme/template/settings";
|
||||
|
||||
$backgroundColor: rgb(3, 129, 45);
|
||||
$mainColor: #fff;
|
||||
$headingColor: #fff;
|
||||
```
|
||||
|
||||
To learn more about Reveal.js theme customization, check out the [Reveal.js theme docs](https://github.com/hakimel/reveal.js/blob/master/css/theme/README.md).
|
||||
|
||||
This is what the front matter would look like:
|
||||
|
||||
```toml
|
||||
[params.reveal_hugo]
|
||||
custom_theme = "stylesheets/custom-theme.scss"
|
||||
custom_theme_compile = true
|
||||
```
|
||||
|
||||
You can also add options that will be passed to [Hugo's toCSS method](https://gohugo.io/hugo-pipes/scss-sass/#options):
|
||||
|
||||
```toml
|
||||
[reveal_hugo.custom_theme_options]
|
||||
targetPath = "css/custom-theme.css"
|
||||
enableSourceMap = true
|
||||
```
|
||||
|
||||
Check out the [custom-theme-example presentation](https://reveal-hugo.dzello.com/custom-theme-example/) to see a working example.
|
||||
|
||||
## Adding HTML to the layout
|
||||
|
||||
If you need to add something to the HTML layout, you can create partials that live at specific locations, depending on which presentation you want to customize and where you want the HTML inserted into the page.
|
||||
|
||||
| Presentation | Before </head> | Before </body> | Before closing </div> of `div.reveal` |
|
||||
|--------------|---------------------------------|---------------------------------|---------------------------------------------|
|
||||
| All | reveal-hugo/head.html | reveal-hugo/body.html | reveal-hugo/end.html |
|
||||
| Root | home/reveal-hugo/head.html | home/reveal-hugo/body.html | home/reveal-hugo/end.html |
|
||||
| Section | {section}/reveal-hugo/head.html | {section}/reveal-hugo/body.html | {section}/reveal-hugo/end.html |
|
||||
|
||||
This is the recommended way to add custom CSS and JavaScript to each presentation.
|
||||
|
||||
> 💡 Tip: In Hugo, partials live in the `layouts` folder:
|
||||
>
|
||||
> For example, if you have HTML that is to be placed before every presentation, this would be the structure:
|
||||
> ```
|
||||
> - layouts
|
||||
> - partials
|
||||
> - reveal-hugo
|
||||
> - head.html
|
||||
> - body.html
|
||||
> - end.html
|
||||
|
||||
## Offline development
|
||||
|
||||
Offline-friendly development is the default. The Reveal.js and Highlight.js files are loaded from the static directory by default. (See above for how to use a CDN instead). If you need `file:///` URLs to work, make sure to set `relativeURLs` and `uglyURLs` in your `config.toml`.
|
||||
|
||||
```toml
|
||||
relativeURLs = true
|
||||
uglyURLs = true
|
||||
```
|
||||
|
||||
Note: `uglyURLs` isn't strictly required, but it is useful if you're loading against the filesystem as it makes sure that all URLs end in .html and links point directly at them instead of to a folder.
|
||||
|
||||
## Recipes
|
||||
|
||||
### Add a Reveal.js presentation to an existing Hugo site
|
||||
|
||||
If your Hugo site already has a theme but you'd like to create a presentation from some of its content, that's very easy. First, manually copy a few files out of this theme into a few of your site's directories:
|
||||
|
||||
```shell
|
||||
cd my-hugo-site
|
||||
git clone https://github.com/dzello/reveal-hugo.git themes/reveal-hugo
|
||||
cd themes/reveal-hugo
|
||||
cp -r layouts static ../../
|
||||
```
|
||||
|
||||
Files and directories are named such that they shouldn't conflict with your existing content. Of course, you should double check before copying, especially the shortcodes which can't be put under a directory.
|
||||
|
||||
Next, add the Reveal output format to your site's `config.toml` file
|
||||
|
||||
```toml
|
||||
[outputFormats.Reveal]
|
||||
baseName = "index"
|
||||
mediaType = "text/html"
|
||||
isHTML = true
|
||||
```
|
||||
|
||||
Now you can add `outputs = ["Reveal"]` to the front matter of any section's `_index.md` file and that section's content will be combined into a presentation and written to `index.html`. If you already have a `index.html` page for that section, just change the `baseName` above to `reveal` and the presentation will be placed in a `reveal.html` file instead.
|
||||
|
||||
Note: If you specify `outputs = ["Reveal"]` for a single content file, you can prevent anything being generated for that file. This is handy if you other default layouts that would have created a regular HTML file from it. Only the list file is required for the presentation.
|
||||
|
||||
**Tip**: As of Hugo 0.42, Hugo [has theme inheritence](https://gohugo.io/news/0.42-relnotes/). You can avoid the file copying step above by adding `"reveal-hugo"` to your site's array of themes.
|
||||
|
||||
### Create a presentation from a leaf bundle or single page type
|
||||
|
||||
By default, reveal-hugo doesn't create presentations for single pages (i.e. pages other than `_index.md`) as it assumes those pages are pieces of a larger presentation in the section starting with `_index.md`. This might not be the case if your content is structured in a leaf bundle (the main file is then `index.md` with no underscore, which Hugo treats as a single page) or if you just want to put a presentation in a single file, say `presentation.md`. In these cases, you just need to tell Hugo to use a different layout.
|
||||
|
||||
If you're using a leaf page bundle, set the following in the front matter of the `index.md` file:
|
||||
|
||||
```toml
|
||||
layout = "bundle"
|
||||
```
|
||||
|
||||
If you're in a single page file like `presentation.md`, set the following in the front matter:
|
||||
|
||||
```toml
|
||||
layout = "list"
|
||||
```
|
||||
|
||||
### Create a page that lists out all presentations
|
||||
|
||||
See [this issue](https://github.com/dzello/reveal-hugo/issues/37) for a template that you can use.
|
||||
|
||||
## Reveal.js tips
|
||||
|
||||
These are some useful Reveal.js features and shortcuts.
|
||||
|
||||
- 's' - type 's' to enter speaker mode, which opens a separate window with a time and speaker notes
|
||||
- 'o' - type 'o' to enter overview mode and scroll through slide thumbnails
|
||||
- 'f' - type 'f' to go into full-screen mode
|
||||
|
||||
Here are a few useful Reveal.js-related tools:
|
||||
|
||||
- [decktape](https://github.com/astefanutti/decktape) for exporting a presentation as a PDF
|
||||
- More [revealjs themes](https://github.com/dzello/revealjs-themes) including robot-lung and sunblind
|
||||
|
||||
Find many more on the Reveal.js wiki: [Plugins, tools and hardware](https://github.com/hakimel/reveal.js/wiki/Plugins,-Tools-and-Hardware).
|
||||
|
||||
## Implementations
|
||||
|
||||
Have you built something with reveal-hugo? Add a link to it here.
|
||||
|
||||
- [dzello's Paris Wedding Weekend Guide](https://estelle.and.dzello.com/guide/) ([source](https://github.com/dzello/estelle-and-josh/blob/master/site/content/guide/_index.md))
|
||||
- [DevOps Training](https://devops.training.barpilot.io/) ([source](https://github.com/guilhem/devops-training))
|
||||
|
||||
|
||||
## Changelog
|
||||
|
||||
- 2018-08-03: The slide shortcode is now easier to use. An auto-closing version sits inside the slide instead of needing to surround its content and add a closing tag.
|
||||
|
||||
## Contributing
|
||||
|
||||
Contributions are very welcome. See [CONTRIBUTING.md](CONTRIBUTING.md) for more details.
|
||||
6
archetypes/default.md
Normal file
6
archetypes/default.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
---
|
||||
|
||||
35
assets/custom-theme.scss
Normal file
35
assets/custom-theme.scss
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
@import "reveal-js/css/theme/template/mixins";
|
||||
@import "reveal-js/css/theme/template/settings";
|
||||
|
||||
$backgroundColor: rgb(3, 129, 45);
|
||||
|
||||
$mainColor: #fff;
|
||||
$headingColor: #fff;
|
||||
|
||||
$mainFontSize: 38px;
|
||||
$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
|
||||
$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
|
||||
$headingTextShadow: none;
|
||||
$headingLetterSpacing: normal;
|
||||
$headingTextTransform: uppercase;
|
||||
$headingFontWeight: 600;
|
||||
$linkColor: #42affa;
|
||||
$linkColorHover: lighten( $linkColor, 15% );
|
||||
$selectionBackgroundColor: lighten( $linkColor, 25% );
|
||||
|
||||
$heading1Size: 2.5em;
|
||||
$heading2Size: 1.6em;
|
||||
$heading3Size: 1.3em;
|
||||
$heading4Size: 1.0em;
|
||||
|
||||
@import "reveal-js/css/theme/template/theme";
|
||||
|
||||
section.has-light-background {
|
||||
&, h1, h2, h3, h4, h5, h6 {
|
||||
color: #222;
|
||||
}
|
||||
}
|
||||
|
||||
.reveal pre {
|
||||
margin: 50px auto;
|
||||
}
|
||||
36
config.toml
Normal file
36
config.toml
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
baseURL = "/"
|
||||
languageCode = "en-us"
|
||||
title = "A Hugo theme for creating Reveal.js presentations"
|
||||
disableKinds = ["sitemap", "RSS"]
|
||||
theme = "reveal-hugo"
|
||||
|
||||
# uncomment for browsing at file:///
|
||||
relativeURLs = true
|
||||
uglyURLs = true
|
||||
|
||||
[author]
|
||||
name = "Josh Dzielak"
|
||||
|
||||
# currently only the unsafe mode for goldmark is supported
|
||||
[markup.goldmark.renderer]
|
||||
unsafe = true
|
||||
|
||||
# choose between Hugo compile-time or Highlight.js
|
||||
# syntax highlighting for code inside of code fences
|
||||
[markup.highlight]
|
||||
codeFences = false # use highlight.js
|
||||
# codeFences = true # use hugo highlighting at compile time
|
||||
style = "tango" # set a style for hugo highlighting
|
||||
|
||||
[outputFormats.Reveal]
|
||||
baseName = "index"
|
||||
mediaType = "text/html"
|
||||
isHTML = true
|
||||
|
||||
[params.reveal_hugo]
|
||||
history = true
|
||||
|
||||
# used in content/template-example
|
||||
[params.reveal_hugo.templates.grey]
|
||||
background = "#424242"
|
||||
transition = "convex"
|
||||
22
content/_index.md
Normal file
22
content/_index.md
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
+++
|
||||
title = "reveal-hugo"
|
||||
description = "A Hugo theme for creating Reveal.js presentations"
|
||||
outputs = ["Reveal"]
|
||||
[reveal_hugo]
|
||||
custom_theme = "reveal-hugo/themes/robot-lung.css"
|
||||
margin = 0.2
|
||||
highlight_theme = "color-brewer"
|
||||
transition = "slide"
|
||||
transition_speed = "fast"
|
||||
[reveal_hugo.templates.hotpink]
|
||||
class = "hotpink"
|
||||
background = "#FF4081"
|
||||
+++
|
||||
|
||||
# 📽️
|
||||
|
||||
# reveal-hugo
|
||||
|
||||
A Hugo theme for creating Reveal.js presentations.
|
||||
|
||||
~ made by [@dzello](https://dzello.com/) ~
|
||||
16
content/bundle-example/continued.md
Normal file
16
content/bundle-example/continued.md
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
+++
|
||||
+++
|
||||
|
||||
If more markdown files are present in the bundle, their contents will be added to the presentation.
|
||||
|
||||
---
|
||||
|
||||
Specify `weight` in the frontmatter if it's necessary to order them.
|
||||
|
||||
---
|
||||
|
||||
If you don't want them to be included, specify `layout = "list"` in the front matter instead of `layout = "bundle"`.
|
||||
|
||||
---
|
||||
|
||||
## THE END
|
||||
30
content/bundle-example/index.md
Normal file
30
content/bundle-example/index.md
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
+++
|
||||
title = "Bundle example presentation"
|
||||
outputs = ["Reveal"]
|
||||
layout = "bundle"
|
||||
[reveal_hugo]
|
||||
theme = "night"
|
||||
margin = 0.2
|
||||
+++
|
||||
|
||||
# Page Bundles
|
||||
|
||||
---
|
||||
|
||||
[Hugo page bundles](https://gohugo.io/content-management/page-bundles/) are a useful way to organize content.
|
||||
|
||||
---
|
||||
|
||||
To create a reveal-hugo presentation from the `index.md` file of a leaf page bundle, you need to specify the layout manually.
|
||||
|
||||
```toml
|
||||
layout = "bundle"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
Why? By default, reveal-hugo doesn't create pages for single template types (foo.md), only for list template types (_index.md).
|
||||
|
||||
---
|
||||
|
||||
This technique can also be used to output an HTML file for any section of a presentation, should you need to.
|
||||
74
content/custom-theme-example/_index.md
Normal file
74
content/custom-theme-example/_index.md
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
+++
|
||||
title = "Custom theme example presentation"
|
||||
outputs = ["Reveal"]
|
||||
[reveal_hugo]
|
||||
custom_theme = "custom-theme.scss"
|
||||
custom_theme_compile = true
|
||||
+++
|
||||
|
||||
## 🖌 ️
|
||||
|
||||
## Custom Themes
|
||||
|
||||
*with Hugo Pipes*
|
||||
|
||||
---
|
||||
|
||||
This presentation uses a custom Reveal.js theme written in SCSS that is compiled by Hugo, using [Hugo pipes](https://gohugo.io/hugo-pipes/).
|
||||
|
||||
---
|
||||
|
||||
Hugo pipes compiles the source code of the theme, located in `assets/custom-theme.scss`, into CSS.
|
||||
|
||||
---
|
||||
|
||||
## 😄
|
||||
|
||||
No separate build process is required, which means you can iterate on your theme and your content at the same time.
|
||||
|
||||
---
|
||||
|
||||
To set a custom theme and use Hugo to compile it:
|
||||
|
||||
```toml
|
||||
[reveal_hugo]
|
||||
custom_theme = "custom-theme.scss"
|
||||
custom_theme_compile = true
|
||||
```
|
||||
|
||||
`custom-theme.scss` must live in the `assets` folder.
|
||||
|
||||
---
|
||||
|
||||
To pass compilation options, use the `custom_theme_options` param:
|
||||
|
||||
```toml
|
||||
[reveal_hugo.custom_theme_options]
|
||||
targetPath = "css/custom-theme.css"
|
||||
enableSourceMap = true
|
||||
```
|
||||
|
||||
See all the [available options](https://gohugo.io/hugo-pipes/scss-sass/#options).
|
||||
|
||||
---
|
||||
|
||||
Note: to use a custom theme that doesn't need compilation, put it in the `static` directory and do not set the `custom_theme_compile` parameter. It will be served to the browser directly.
|
||||
|
||||
---
|
||||
|
||||
Write a custom Reveal.js theme in four steps:
|
||||
|
||||
```text
|
||||
1. Import `mixins` and `settings` from the templates directory
|
||||
2. Override variables and functions for colors, fonts and sizes
|
||||
3. Import `theme` from the templates directory
|
||||
4. Add any additional selectors to override the built CSS
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
See the [Reveal.js theme docs](https://github.com/hakimel/reveal.js/blob/master/css/theme/README.md) to learn what overrides are possible.
|
||||
|
||||
---
|
||||
|
||||
See `assets/custom-theme.scss` or any file in `assets/reveal-js/css/theme/source` for an example.
|
||||
53
content/extending-layout-example/_index.md
Normal file
53
content/extending-layout-example/_index.md
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
+++
|
||||
title = "Extend layout with configuration"
|
||||
outputs = ["Reveal"]
|
||||
[reveal_hugo]
|
||||
theme = "night"
|
||||
margin = 0.2
|
||||
custom_css = "css/custom.css"
|
||||
custom_js = "js/custom.js"
|
||||
+++
|
||||
|
||||
### Extending an existing layout
|
||||
|
||||
If you are using an existing theme and you want to a specific CSS class or add a dynamic function using javascript. It is possible to extend existing layout.
|
||||
|
||||
---
|
||||
|
||||
### Extending CSS
|
||||
|
||||
You can use `partials` or you can specify `custom_css` in your configuration :
|
||||
|
||||
```toml
|
||||
[reveal_hugo]
|
||||
custom_css = "css/custom.css"
|
||||
```
|
||||
<small>
|
||||
The `custom.css` can be present in `static/css/custom.css`
|
||||
</small>
|
||||
|
||||
---
|
||||
|
||||
### Extending with javascript
|
||||
|
||||
Same as CSS you can extend your presentation with javascript using `partials` or with `custom_js` in your configuration:
|
||||
|
||||
```toml
|
||||
[reveal_hugo]
|
||||
custom_js = "js/custom.js"
|
||||
```
|
||||
|
||||
<small>
|
||||
The `custom.js` can be present in `static/js/custom.js`
|
||||
</small>
|
||||
|
||||
---
|
||||
|
||||
{{< slide class="custom" id="customjs" >}}
|
||||
## Extend layout example
|
||||
Here the slide has an additional css class `custom` using `slide` *shortcode*. This class is hosted in a custom CSS.
|
||||
|
||||
If you click on this text background-color will using a custom javascript file.
|
||||
|
||||
|
||||
|
||||
160
content/highlightjs-linenumbers-example/_index.md
Normal file
160
content/highlightjs-linenumbers-example/_index.md
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
+++
|
||||
title = "Reveal.js 3.9.0 highlighting example"
|
||||
outputs = ["Reveal"]
|
||||
|
||||
[reveal_hugo]
|
||||
theme = "white"
|
||||
highlight_theme = "vs"
|
||||
+++
|
||||
|
||||
## Multiline highlighting with Highlight.js
|
||||
|
||||
---
|
||||
|
||||
This presentation shows the use of the [new highlighting features](https://github.com/hakimel/reveal.js/blob/master/README.md#step-by-step-highlights) which were introduced with Reveal.js [v3.9.0](https://github.com/hakimel/reveal.js/releases/tag/3.9.0).
|
||||
|
||||
---
|
||||
|
||||
## Prerequisite
|
||||
|
||||
Disable `codeFences` in to your `config.toml` to prevent Hugo's built-in highlighting for code inside of `---` fences.
|
||||
|
||||
{{< highlight toml "style=github" >}}
|
||||
[markup.highlight]
|
||||
codeFences = false
|
||||
{{< /highlight >}}
|
||||
|
||||
---
|
||||
|
||||
## Theme
|
||||
|
||||
Specify a theme for Highlight.js in `config.toml`
|
||||
|
||||
{{< highlight toml "style=github" >}}
|
||||
[params.reveal_hugo]
|
||||
highlight_theme = "github"
|
||||
{{< /highlight >}}
|
||||
|
||||
---
|
||||
|
||||
...or in the `_index.md` front matter
|
||||
|
||||
{{< highlight toml "style=github" >}}
|
||||
[reveal_hugo]
|
||||
highlight_theme = "github"
|
||||
{{< /highlight >}}
|
||||
|
||||
---
|
||||
|
||||
## Usage
|
||||
|
||||
The line highlighting is configured by adding `{}` immediately after the language selection of the markdown code block.
|
||||
|
||||
{{< highlight md >}}
|
||||
```foo{}
|
||||
|
||||
```
|
||||
{{< /highlight >}}
|
||||
|
||||
---
|
||||
|
||||
## Just line numbers
|
||||
|
||||
`{}`
|
||||
|
||||
{{< highlight md >}}
|
||||
```go{}
|
||||
package main
|
||||
import "fmt"
|
||||
func main() {
|
||||
fmt.Println("Hello world!")
|
||||
}
|
||||
```
|
||||
{{< /highlight >}}
|
||||
|
||||
```go{}
|
||||
package main
|
||||
import "fmt"
|
||||
func main() {
|
||||
fmt.Println("Hello world!")
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Highlight specific lines
|
||||
|
||||
`{<line numbers separated by comma>}`
|
||||
|
||||
{{< highlight md >}}
|
||||
```go{1,3-5}
|
||||
package main
|
||||
import "fmt"
|
||||
func main() {
|
||||
fmt.Println("Hello world!")
|
||||
}
|
||||
```
|
||||
{{< /highlight >}}
|
||||
```go{1,3-5}
|
||||
package main
|
||||
import "fmt"
|
||||
func main() {
|
||||
fmt.Println("Hello world!")
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Multi step highlight
|
||||
|
||||
`{<line numbers separated by pipe>}`
|
||||
|
||||
{{< highlight md >}}
|
||||
```go{1|2|3-5}
|
||||
package main
|
||||
import "fmt"
|
||||
func main() {
|
||||
fmt.Println("Hello world!")
|
||||
}
|
||||
```
|
||||
{{< /highlight >}}
|
||||
|
||||
```go{1|2|3-5}
|
||||
package main
|
||||
import "fmt"
|
||||
func main() {
|
||||
fmt.Println("Hello world!")
|
||||
}
|
||||
```
|
||||
---
|
||||
|
||||
## Hiding the line numbers
|
||||
|
||||
There is no Reveal.js parameter to use line highlighting *without* line numbers.
|
||||
However it can be achieved by adding the some [custom CSS](https://github.com/dzello/reveal-hugo#adding-html-to-the-layout).
|
||||
|
||||
{{< highlight html "style=github" >}}
|
||||
<style>
|
||||
.hljs-ln-numbers {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
{{< /highlight >}}
|
||||
|
||||
---
|
||||
|
||||
💡 Put the custom CSS in either of these partials:
|
||||
|
||||
```text
|
||||
# for all presentations
|
||||
layouts/partials/reveal-hugo/body.html
|
||||
```
|
||||
|
||||
```text
|
||||
# for one presentation
|
||||
layouts/partials/{presentation-name}/reveal-hugo/body.html
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
Thanks!
|
||||
170
content/home/configuration.md
Normal file
170
content/home/configuration.md
Normal file
|
|
@ -0,0 +1,170 @@
|
|||
+++
|
||||
weight = 21
|
||||
+++
|
||||
|
||||
# Configuration
|
||||
|
||||
Place configuration values in `config.toml` or a presentation's front matter (`_index.md`).
|
||||
|
||||
---
|
||||
|
||||
## Reveal.js themes
|
||||
|
||||
Themes control the look and feel of your presentation. Set the `theme` param to any [valid Reveal.js theme](https://github.com/hakimel/reveal.js/#theming).
|
||||
|
||||
```toml
|
||||
[params.reveal_hugo]
|
||||
theme = "moon"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Use a custom theme
|
||||
|
||||
To use a custom Reveal.js theme, place the CSS file in the `static` directory and set the `custom_theme` param.
|
||||
|
||||
```toml
|
||||
[params.reveal_hugo]
|
||||
custom_theme = "reveal-hugo/themes/robot-lung.css"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### Use a custom theme (advanced)
|
||||
|
||||
To use Hugo pipes to build a custom Reveal.js theme, place the source file (SCSS / PostCSS) in the `assets` directory and set the `custom_theme_compile` param.
|
||||
|
||||
```toml
|
||||
[params.reveal_hugo]
|
||||
custom_theme = "reveal-hugo/themes/custom-theme.scss"
|
||||
custom_theme_compile = true
|
||||
```
|
||||
|
||||
<small>
|
||||
|
||||
💡 See the [custom theme example presentation](/custom-theme-example/) for more details.
|
||||
|
||||
</small>
|
||||
|
||||
---
|
||||
|
||||
## Bundled themes
|
||||
|
||||
reveal-hugo comes with 2 extra Reveal.js themes:
|
||||
|
||||
- [robot-lung](https://github.com/dzello/revealjs-themes#robot-lung) (this one)
|
||||
- [sunblind](https://github.com/dzello/revealjs-themes#sunblind)
|
||||
|
||||
<br>
|
||||
|
||||
<small>
|
||||
|
||||
They live in the `static/reveal-hugo/themes` folder and also [on Github](https://github.com/dzello/revealjs-themes).
|
||||
|
||||
</small>
|
||||
|
||||
---
|
||||
|
||||
## Reveal.js params
|
||||
|
||||
Set **snakecase** versions of Reveal.js params, which will be camelized and passed to `Reveal.initialize`.
|
||||
|
||||
```toml
|
||||
[params.reveal_hugo]
|
||||
history = true
|
||||
slide_number = true
|
||||
transition = 'zoom'
|
||||
transition_speed = 'fast'
|
||||
```
|
||||
|
||||
[Full list of params](https://github.com/hakimel/reveal.js/#configuration)
|
||||
|
||||
---
|
||||
|
||||
## highlight.js themes
|
||||
|
||||
To change the syntax highlighting theme, set the `highlight_theme`
|
||||
to a valid [highlight.js theme name](https://highlightjs.org/static/demo/).
|
||||
|
||||
```toml
|
||||
[params.reveal_hugo]
|
||||
highlight_theme = "zenburn"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Extending the layout
|
||||
|
||||
Use partials to add HTML to the page for one or all presentations at a time.
|
||||
|
||||
<small>
|
||||
💡 This is the recommended way to add script and style tags to customize your presentations.
|
||||
</small>
|
||||
|
||||
---
|
||||
|
||||
Here is where to put partials for different presentations and places in the DOM.
|
||||
<br><br>
|
||||
|
||||
| Presentation | Before </head> | Before </body> |
|
||||
|--------------|---------------------------------|---------------------------------|
|
||||
| All | reveal-hugo/head.html | reveal-hugo/body.html |
|
||||
| Root | home/reveal-hugo/head.html | home/reveal-hugo/body.html |
|
||||
| Section | {section}/reveal-hugo/head.html | {section}/reveal-hugo/body.html |
|
||||
|
||||
|
||||
|
||||
<small>
|
||||
|
||||
💡 You can also create an `end.html` to put content before the end of the `.reveal` div tag.
|
||||
|
||||
</small>
|
||||
|
||||
---
|
||||
|
||||
## Custom CSS Example
|
||||
|
||||
In `home/reveal-hugo/head.html`:
|
||||
|
||||
```html
|
||||
<style>
|
||||
.reveal section h1 {
|
||||
color: blue;
|
||||
}
|
||||
</style>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Custom JS Example
|
||||
|
||||
In `home/reveal-hugo/body.html`:
|
||||
|
||||
```html
|
||||
<script type="text/javascript">
|
||||
Reveal.addEventListener('slidechanged', function(event) {
|
||||
console.log("🎞️ Slide is now " + event.indexh);
|
||||
});
|
||||
</script>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### Extending the layout
|
||||
#### (alternative)
|
||||
|
||||
You can declare a custom CSS or javascript in your configuration.
|
||||
|
||||
```toml
|
||||
[reveal_hugo]
|
||||
custom_css = "css/custom.css"
|
||||
custom_js = "js/custom.js"
|
||||
```
|
||||
|
||||
<small>
|
||||
|
||||
These files can be located in `static/css`, `static/js` folder
|
||||
|
||||
💡 See the [extending layout example](/extending-layout-example/#) for more details.
|
||||
|
||||
</small>
|
||||
25
content/home/features.md
Normal file
25
content/home/features.md
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
+++
|
||||
weight = 10
|
||||
+++
|
||||
|
||||
## What's included?
|
||||
|
||||
- All Reveal.js HTML, CSS and JS (v3.9.2)
|
||||
- All out-of-the-box Reveal.js themes
|
||||
- Two custom Reveal.js themes (including this one)
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
[see the code on github](https://github.com/dzello/reveal-hugo)
|
||||
|
||||
---
|
||||
|
||||
## Features
|
||||
|
||||
- Write slides in Markdown in one or more files
|
||||
- Shortcodes for fragments, sections, slides & more
|
||||
- All Reveal.js parameters can be customized
|
||||
- Any Hugo section can be output as a presentation
|
||||
- Supports offline development or using a CDN
|
||||
|
||||
43
content/home/resources.md
Normal file
43
content/home/resources.md
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
+++
|
||||
weight = 42
|
||||
+++
|
||||
|
||||
# Resources
|
||||
|
||||
---
|
||||
|
||||
## Code and docs
|
||||
|
||||
- [reveal-hugo Github README](https://github.com/dzello/reveal-hugo)
|
||||
- [Content for this presentation](https://github.com/dzello/reveal-hugo/tree/master/exampleSite)
|
||||
|
||||
---
|
||||
|
||||
## External resources
|
||||
|
||||
- [Reveal.js](https://revealjs.com/)
|
||||
- [Hugo docs](https://gohugo.io/)
|
||||
- [Hugo output format docs](https://gohugo.io/templates/output-formats/)
|
||||
|
||||
---
|
||||
|
||||
## Designed to...
|
||||
|
||||
- Deploy to [Netlify](https://netlify.com/)
|
||||
- Edit with [Forestry](https://forestry.io/)
|
||||
|
||||
---
|
||||
|
||||
# 🙏
|
||||
|
||||
Contribute by opening issues and pull requests.
|
||||
|
||||
---
|
||||
|
||||
# Thanks!
|
||||
|
||||
---
|
||||
|
||||
# ↩️
|
||||
|
||||
#### [Start over](#)
|
||||
41
content/home/shortcodes/fragment.md
Normal file
41
content/home/shortcodes/fragment.md
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
+++
|
||||
weight = 30
|
||||
+++
|
||||
|
||||
## Fragment
|
||||
|
||||
The `fragment` shortcode makes content appear incrementally.
|
||||
|
||||
```
|
||||
{{%/* fragment */%}} One {{%/* /fragment */%}}
|
||||
{{%/* fragment */%}} Two {{%/* /fragment */%}}
|
||||
{{%/* fragment */%}} Three {{%/* /fragment */%}}
|
||||
```
|
||||
|
||||
{{% fragment %}} One {{% /fragment %}}
|
||||
{{% fragment %}} Two {{% /fragment %}}
|
||||
{{% fragment %}} Three {{% /fragment %}}
|
||||
|
||||
---
|
||||
|
||||
## Frag
|
||||
|
||||
The `frag` shortcode is more terse than `fragment`. It accepts a `c` attribute.
|
||||
|
||||
```
|
||||
{{</* frag c="One" */>}}
|
||||
{{</* frag c="Two" */>}}
|
||||
{{</* frag c="Three" */>}}
|
||||
```
|
||||
|
||||
{{< frag c="One" >}}
|
||||
{{< frag c="Two" >}}
|
||||
{{< frag c="Three" >}}
|
||||
|
||||
---
|
||||
|
||||
Both `fragment` and `frag` accept two additional parameters:
|
||||
|
||||
- `class`: sets the class of the wrapping `span` element
|
||||
- `index`: controls the order in which sections will appear
|
||||
|
||||
11
content/home/shortcodes/introduction.md
Normal file
11
content/home/shortcodes/introduction.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
weight = 29
|
||||
+++
|
||||
|
||||
# Shortcodes
|
||||
|
||||
---
|
||||
|
||||
Hugo's shortcodes are similar to functions or templates that extend what you can do with Markdown.
|
||||
|
||||
[Shortcode documentation](https://gohugo.io/content-management/shortcodes/)
|
||||
38
content/home/shortcodes/markdown.md
Normal file
38
content/home/shortcodes/markdown.md
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
+++
|
||||
weight = 36
|
||||
+++
|
||||
|
||||
{{< markdown >}}
|
||||
|
||||
## Markdown
|
||||
|
||||
Reveal.js has its own [markdown processor](https://github.com/hakimel/reveal.js#markdown). To use that instead of Hugo, surround a slide with the markdown shortcode.
|
||||
|
||||
```markdown
|
||||
{{</* markdown */>}}
|
||||
|
||||
# Hello world!
|
||||
|
||||
{{</* /markdown */>}}
|
||||
```
|
||||
|
||||
<br>
|
||||
<small>
|
||||
💡 Make sure to use the `{{</* */>}}` shortcode syntax to avoid rendering by Hugo.
|
||||
</small>
|
||||
|
||||
---
|
||||
|
||||
<!-- .slide: data-background="#FF4081" -->
|
||||
|
||||
Reveal.js markdown uses HTML comments to change slide properties, like background color.
|
||||
|
||||
```markdown
|
||||
{{</* markdown */>}}
|
||||
<!-- .slide: data-background="#FF4081" -->
|
||||
# I'm a colorful slide
|
||||
{{</* /markdown */>}}
|
||||
```
|
||||
|
||||
{{< /markdown >}}
|
||||
|
||||
49
content/home/shortcodes/other.md
Normal file
49
content/home/shortcodes/other.md
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
+++
|
||||
weight = 38
|
||||
+++
|
||||
|
||||
## Notes
|
||||
|
||||
Add speaker notes (with markdown) to your presentation with the `note` shortcode. Type 's' to see this slide's speaker notes.
|
||||
|
||||
```markdown
|
||||
---
|
||||
|
||||
{{%/* note */%}}
|
||||
- You found the **speaker notes**!
|
||||
{{%/* /note */%}}
|
||||
|
||||
---
|
||||
```
|
||||
|
||||
{{% note %}}
|
||||
- You found the **speaker notes**!
|
||||
{{% /note %}}
|
||||
|
||||
---
|
||||
|
||||
{{< slide notes="You found the notes!" >}}
|
||||
|
||||
## Notes
|
||||
|
||||
You can also add notes with the `slide` shortcode and `notes` attribute:
|
||||
|
||||
```markdown
|
||||
---
|
||||
|
||||
{{%/* slide notes="You found the notes!" */%}}
|
||||
|
||||
---
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
<section data-noprocess>
|
||||
<h2>Write slides in HTML</h2>
|
||||
<p>Use a <code>section</code> tag with a <code>data-noprocess</code> attribute to avoid any processing by reveal-hugo.</p>
|
||||
<pre>
|
||||
<section data-noprocess>
|
||||
<h1>Hello world!</h1>
|
||||
</section></pre>
|
||||
<small>💡 This is useful if you can't get Markdown to output exactly what you want.</small>
|
||||
</section>
|
||||
44
content/home/shortcodes/section.md
Normal file
44
content/home/shortcodes/section.md
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
+++
|
||||
weight = 33
|
||||
+++
|
||||
|
||||
{{% section %}}
|
||||
|
||||
## Section
|
||||
|
||||
The `section` shortcode groups slides into a **vertical display**.
|
||||
|
||||
<br>
|
||||
<small>
|
||||
use the down arrow or swipe down to continue
|
||||
</small>
|
||||
<br>
|
||||
<a href="#" class="navigate-down">🔽</a>
|
||||
|
||||
---
|
||||
|
||||
Put the shortcode around the slides you want to group together.
|
||||
|
||||
```markdown
|
||||
{{%/* section */%}}
|
||||
|
||||
## Section slide 1
|
||||
|
||||
---
|
||||
|
||||
## Section slide 2
|
||||
|
||||
{{%/* /section */%}}
|
||||
```
|
||||
|
||||
Keep going down.
|
||||
|
||||
---
|
||||
|
||||
## That's it!
|
||||
|
||||
Use the right arrow or swipe right to continue.
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
|
||||
250
content/home/shortcodes/slide.md
Normal file
250
content/home/shortcodes/slide.md
Normal file
|
|
@ -0,0 +1,250 @@
|
|||
+++
|
||||
weight = 34
|
||||
+++
|
||||
|
||||
## Slide
|
||||
|
||||
Use this shortcode when you need to customize slide attributes like id, class, background color and transition.
|
||||
|
||||
---
|
||||
|
||||
{{< slide class="hello" >}}
|
||||
|
||||
## Slide
|
||||
|
||||
Add the shortcode above the slide's content, below the `---`.
|
||||
|
||||
```markdown
|
||||
---
|
||||
|
||||
{{</* slide class="hello" */>}}
|
||||
|
||||
## Hello, world!
|
||||
|
||||
---
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
{{< slide transition="zoom" transition-speed="fast" >}}
|
||||
|
||||
## Custom slide 1
|
||||
|
||||
<small>Did you notice? This slide has a fast zoom transition.</small>
|
||||
|
||||
```markdown
|
||||
---
|
||||
|
||||
{{</* slide transition="zoom" transition-speed="fast" */>}}
|
||||
|
||||
## Custom slide 1
|
||||
|
||||
---
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
{{< slide background-color="#FF4081" >}}
|
||||
|
||||
## Custom slide 2
|
||||
|
||||
<small>This slide has a different background color.</small>
|
||||
|
||||
```markdown
|
||||
---
|
||||
|
||||
{{</* slide background-color="#FF4081" */>}}
|
||||
|
||||
## Custom slide 2
|
||||
|
||||
---
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
{{< slide background-image="/images/alex-litvin-790876-unsplash.jpg" background-color="#000000" >}}
|
||||
|
||||
## Custom slide 3
|
||||
|
||||
<small>This slide has a background image.</small>
|
||||
|
||||
```markdown
|
||||
---
|
||||
|
||||
{{</* slide background-image="/images/alex-litvin-790876-unsplash.jpg" */>}}
|
||||
|
||||
---
|
||||
```
|
||||
|
||||
<small>(credit <a href="https://unsplash.com/@alexlitvin">Alex Litvin</a>)</small>
|
||||
|
||||
---
|
||||
|
||||
{{< slide id="custom-slide" >}}
|
||||
|
||||
💡 Tip: Setting a slide's `id` attribute makes it easy to link to from other parts of the presentation.
|
||||
<br><br>
|
||||
|
||||
```markdown
|
||||
---
|
||||
|
||||
{{</* slide id="custom-slide" */>}}
|
||||
|
||||
## Custom slide
|
||||
|
||||
---
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
```markdown
|
||||
[Try the link](#custom-slide)
|
||||
```
|
||||
|
||||
<br>
|
||||
|
||||
[Try the link](#custom-slide)
|
||||
|
||||
---
|
||||
|
||||
Slide attribute possibilities from the [Reveal.js docs](https://github.com/hakimel/reveal.js):
|
||||
|
||||
- `autoslide`
|
||||
- `state`
|
||||
- `background`
|
||||
- `background-color`
|
||||
- `background-image`
|
||||
- `background-size`
|
||||
- `background-position`
|
||||
- `background-repeat`
|
||||
|
||||
---
|
||||
|
||||
- `background-video`
|
||||
- `background-video-loop`
|
||||
- `background-video-muted`
|
||||
- `background-interactive`
|
||||
- `background-iframe`
|
||||
- `background-transition`
|
||||
- `transition` (can have different in and out transitions)
|
||||
- `transition-speed`
|
||||
- `notes` (can also use the note shortcode)
|
||||
- `timing`
|
||||
|
||||
---
|
||||
|
||||
{{% section %}}
|
||||
|
||||
## Slide templates
|
||||
|
||||
Store sets of common slide attributes in front matter variables and apply them to slides with the template attribute.
|
||||
|
||||
<br>
|
||||
<small>
|
||||
navigate down to learn more
|
||||
</small>
|
||||
<br>
|
||||
<a href="#" class="navigate-down">🔽</a>
|
||||
|
||||
---
|
||||
|
||||
Create templates in config.toml, _index.md or the current page's front matter. Put them under the **templates** key with a meaningful name:
|
||||
|
||||
```toml
|
||||
[reveal_hugo.templates.hotpink]
|
||||
class = "hotpink"
|
||||
background = "#FF4081"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
{{< slide template="hotpink" >}}
|
||||
|
||||
Apply the template using the **template** attribute of the slide shortcode:
|
||||
|
||||
```markdown
|
||||
{{</* slide template="hotpink" */>}}
|
||||
|
||||
# I'm a hot pink slide!
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
If a template exists in multiple configurations, it's properties will be merged. If a property is declared multiple times, the order of precedence is:
|
||||
|
||||
- page
|
||||
- section (_index.md)
|
||||
- site (config.toml)
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
---
|
||||
|
||||
{{% section %}}
|
||||
|
||||
{{< slide content="home.reusable" >}}
|
||||
|
||||
---
|
||||
|
||||
{{< slide content="common.nested.reusable" >}}
|
||||
|
||||
{{% /section %}}
|
||||
|
||||
---
|
||||
|
||||
{{% section %}}
|
||||
|
||||
## Slide-specific CSS
|
||||
|
||||
Add more variety to your presentation by applying slide-specific CSS.
|
||||
|
||||
<br>
|
||||
<small>
|
||||
navigate down to learn more
|
||||
</small>
|
||||
<br>
|
||||
<a href="#" class="navigate-down">🔽</a>
|
||||
|
||||
---
|
||||
|
||||
First, use the `slide` shortcode to give the slide a class:
|
||||
|
||||
```markdown
|
||||
---
|
||||
|
||||
{{</* slide class="side-by-side" */>}}
|
||||
|
||||
# 📈
|
||||
|
||||
# 📊
|
||||
|
||||
---
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
Next, use a layout extension partial like `reveal-hugo/head.html` to add CSS selectors:
|
||||
|
||||
```html
|
||||
<style>
|
||||
.reveal section.side-by-side h1 {
|
||||
position: absolute;
|
||||
}
|
||||
.reveal section.side-by-side h1:first-of-type {
|
||||
left: 25%;
|
||||
}
|
||||
.reveal section.side-by-side h1:nth-of-type(2) {
|
||||
right: 25%;
|
||||
}
|
||||
</style>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
{{< slide class="side-by-side" >}}
|
||||
|
||||
# 📈
|
||||
|
||||
# 📊
|
||||
|
||||
{{% /section %}}
|
||||
109
content/home/usage.md
Normal file
109
content/home/usage.md
Normal file
|
|
@ -0,0 +1,109 @@
|
|||
+++
|
||||
weight = 20
|
||||
+++
|
||||
|
||||
# Usage
|
||||
|
||||
---
|
||||
|
||||
## Prerequisite
|
||||
|
||||
First, add this to your `config.toml`:
|
||||
|
||||
```toml
|
||||
[outputFormats.Reveal]
|
||||
baseName = "index"
|
||||
mediaType = "text/html"
|
||||
isHTML = true
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### Presentation at site root
|
||||
|
||||
Create `content/_index.md`:
|
||||
|
||||
```markdown
|
||||
+++
|
||||
outputs = ["Reveal"]
|
||||
+++
|
||||
|
||||
# Slide 1
|
||||
|
||||
Hello world!
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### Add slides
|
||||
|
||||
Separate them by `---` surrounded by blank lines:
|
||||
|
||||
```
|
||||
# Slide 1
|
||||
|
||||
Hello world!
|
||||
|
||||
---
|
||||
|
||||
# Slide 2
|
||||
|
||||
Hello program!
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
### Add slides with other files
|
||||
|
||||
Add slides to `content/home/*.md`
|
||||
|
||||
```markdown
|
||||
+++
|
||||
weight = 10
|
||||
+++
|
||||
|
||||
# Slide 3
|
||||
|
||||
---
|
||||
|
||||
# Slide 4
|
||||
```
|
||||
|
||||
<small>💡 Tip: Use `weight` to specify the order that files should be considered.</small>
|
||||
|
||||
---
|
||||
|
||||
### Presentation at '/{section}/'
|
||||
|
||||
Add slides to `content/{section}/_index.md`:
|
||||
|
||||
```markdown
|
||||
+++
|
||||
outputs = ["Reveal"]
|
||||
+++
|
||||
|
||||
# Slide 1
|
||||
|
||||
---
|
||||
|
||||
# Slide 2
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
Add slides from other files in `content/{section}/*.md`
|
||||
|
||||
```markdown
|
||||
+++
|
||||
weight = 10
|
||||
+++
|
||||
|
||||
# Slide 3
|
||||
|
||||
---
|
||||
|
||||
# Slide 4
|
||||
```
|
||||
|
||||
<small>💡 Tip: Use `weight` to specify the order that files should be considered.</small>
|
||||
|
||||
113
content/hugo-hl-example/_index.md
Normal file
113
content/hugo-hl-example/_index.md
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
+++
|
||||
title = "Hugo highlighting example"
|
||||
outputs = ["Reveal"]
|
||||
|
||||
[reveal_hugo]
|
||||
theme = "simple"
|
||||
+++
|
||||
|
||||
## Hugo Highlighter Presentation
|
||||
|
||||
This is an example of a presentation using Hugo's compile-time syntax highlighter.
|
||||
|
||||
---
|
||||
|
||||
Reveal.js uses Javascript for syntax highlighting (via Highlight.js). This might slow the presentation down if many slides contain code.
|
||||
|
||||
---
|
||||
|
||||
Hugo has a built-in [compile-time highlighter](https://gohugo.io/content-management/syntax-highlighting/), and it's lightning fast too!
|
||||
|
||||
---
|
||||
|
||||
You can enable it using the `highlight` shortcode.
|
||||
|
||||
{{< highlight go >}}
|
||||
{{</* highlight go */>}}
|
||||
|
||||
package main
|
||||
|
||||
import "fmt"
|
||||
|
||||
func main() {
|
||||
fmt.Println("Hello world!")
|
||||
}
|
||||
|
||||
{{</* /highlight */>}}
|
||||
{{< /highlight >}}
|
||||
|
||||
---
|
||||
|
||||
Several options are supported, check [Hugo's documentation](https://gohugo.io/content-management/syntax-highlighting/).
|
||||
|
||||
{{< highlight go "style=github,linenos=inline,hl_lines=8" >}}
|
||||
{{</* highlight go "style=github,linenos=inline,hl_lines=6" */>}}
|
||||
|
||||
package main
|
||||
|
||||
import "fmt"
|
||||
|
||||
func main() {
|
||||
fmt.Println("Hello world!")
|
||||
}
|
||||
|
||||
{{</* /highlight */>}}
|
||||
{{< / highlight >}}
|
||||
|
||||
---
|
||||
|
||||
You can also use Hugo's highlighter in markdown code fences,
|
||||
by putting this in `config.toml`:
|
||||
|
||||
{{< highlight toml "style=github" >}}
|
||||
|
||||
# use Hugo's hl in markdown (with or without a language tag)
|
||||
[markup.highlight]
|
||||
codeFences = true
|
||||
style = "github"
|
||||
|
||||
{{< /highlight >}}
|
||||
|
||||
(This can only be enabled globally for all presentations.)
|
||||
|
||||
---
|
||||
|
||||
- Highlight.js is automatically disabled in code blocks highlighted by Hugo.
|
||||
- The two highlighters can be even mixed.
|
||||
|
||||
{{< highlight go >}}
|
||||
package main
|
||||
|
||||
import "fmt"
|
||||
|
||||
func main() {
|
||||
fmt.Println("Hello world!")
|
||||
}
|
||||
{{< / highlight >}}
|
||||
|
||||
```go
|
||||
package main
|
||||
|
||||
import "fmt"
|
||||
|
||||
func main() {
|
||||
fmt.Println("Hello world!")
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
If you don't need highlight.js at all, you can prevent it from loading.
|
||||
|
||||
{{< highlight toml "style=github" >}}
|
||||
|
||||
# This works both in config.toml and a presentation's front
|
||||
# matter. Default plugins include highlight.js, so disable them
|
||||
# and load those that we want manually.
|
||||
|
||||
[params.reveal_hugo]
|
||||
load_default_plugins = false
|
||||
plugins = [
|
||||
"reveal-js/plugin/zoom-js/zoom.js",
|
||||
"reveal-js/plugin/notes/notes.js",
|
||||
]
|
||||
90
content/logo-example/_index.md
Normal file
90
content/logo-example/_index.md
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
+++
|
||||
title = "Logo presentation example"
|
||||
outputs = ["Reveal"]
|
||||
[logo]
|
||||
src = "github-logo.png"
|
||||
[reveal_hugo]
|
||||
custom_theme = "reveal-hugo/themes/robot-lung.css"
|
||||
margin = 0.2
|
||||
+++
|
||||
|
||||
## logo-example
|
||||
|
||||
This presentation shows how to add a logo to each slide, like the GitHub one you see above.
|
||||
|
||||
You can generalize the concept to add any additional markup to your presentations.
|
||||
|
||||
---
|
||||
|
||||
[See the code for this presentation](https://github.com/dzello/reveal-hugo/blob/master/exampleSite/content/logo-example)
|
||||
|
||||
---
|
||||
|
||||
For a basic setup, in the front matter, add an image to the presentation's directory.
|
||||
|
||||
Then, add a logo section in the front matter:
|
||||
```toml
|
||||
[logo]
|
||||
src = "github-logo.png"
|
||||
```
|
||||
The front matter should end up looking like this:
|
||||
```toml
|
||||
+++
|
||||
title = "Logo presentation example"
|
||||
outputs = ["Reveal"]
|
||||
[logo]
|
||||
src = "github-logo.png"
|
||||
+++
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
If the logo placement doesn't quite match your needs, you may customize it with the following paramaters:
|
||||
|
||||
```toml
|
||||
[logo]
|
||||
src = "github-logo.png" # Location of the file displayed.
|
||||
alt = "" # Alt text.
|
||||
width = "15%" # Size of the file.
|
||||
diag = "1%" # How far from the top right should the file be.
|
||||
top = "1%" # Overrides diag.
|
||||
right = "1%" # Overrides diag.
|
||||
```
|
||||
|
||||
- Instead of absolute (`250px`), relative measurments (`12.5%`) should be used. They work better with different screen sizes.
|
||||
|
||||
- By default, null (`""`) is used as alt text for logos, as otherwise the alt text would unneededly get read by screen readers.
|
||||
|
||||
---
|
||||
|
||||
💡 Tip: to make the logo settings present on every presentation, add the settings to your site's configuration file `config.toml` under `[params.logo]`:
|
||||
|
||||
```toml
|
||||
[params.logo]
|
||||
src = "/img/logo.png"
|
||||
```
|
||||
Note that now, the path to the logo file shall be absolute, and should be stored in `static/img/logo.png` instead.
|
||||
|
||||
---
|
||||
|
||||
Depending on the theme you're using, your styles will be different. <br>You may also prefer to put your CSS in an external file or your Reveal.js theme.
|
||||
|
||||
For per-presentation override, you may add custom CSS with the ID `#logo` to:
|
||||
```text
|
||||
layouts/partials/{section}/reveal-hugo/body.html
|
||||
```
|
||||
|
||||
Substitute `{section}` for `home` if you are adding a logo to the presentation at `content/_index.md`. Otherwise, substitute the name of the Hugo section where your presentation lives.
|
||||
|
||||
For a site-wide override, use:
|
||||
```text
|
||||
layouts/partials/{section}/reveal-hugo/body.html
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
# 🤗
|
||||
|
||||
That's it.
|
||||
|
||||
Happy Hugo-ing!
|
||||
BIN
content/logo-example/github-logo.png
Normal file
BIN
content/logo-example/github-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 86 KiB |
83
content/plugin-example/_index.md
Normal file
83
content/plugin-example/_index.md
Normal file
|
|
@ -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.
|
||||
|
||||
---
|
||||
|
||||
<ul class="gallery">
|
||||
<li><img src="sample1.jpg" alt="Default settings (Photo by Oscar Fernandez Alonso on Flickr)"></li>
|
||||
<li><img src="sample2.jpg" alt="Default settings (Photo by bullcitydogs on Flickr)"></li>
|
||||
<li><img src="sample3.jpg" alt="Default settings (Photo by Lance McCord on Flickr)"></li>
|
||||
</ul>
|
||||
|
||||
---
|
||||
|
||||
<ul class="gallery" data-iterations="0" data-interval="1">
|
||||
<li><img src="sample1.jpg" alt="Infinite iterations, fast transition (Photo by Oscar Fernandez Alonso on Flickr)"></li>
|
||||
<li><img src="sample2.jpg" alt="Infinite iterations, fast transition (Photo by bullcitydogs on Flickr)"></li>
|
||||
<li><img src="sample3.jpg" alt="Infinite iterations, fast transition (Photo by Lance McCord on Flickr)"></li>
|
||||
</ul>
|
||||
|
||||
---
|
||||
|
||||
<ul class="gallery" data-iterations="2" data-interval="2" data-mode="full-screen">
|
||||
<li><img src="sample1.jpg" alt="Full screen, two iterations, slow transition (Photo by Oscar Fernandez Alonso on Flickr)"></li>
|
||||
<li><img src="sample2.jpg" alt="Full screen, two iterations, slow transition (Photo by bullcitydogs on Flickr)"></li>
|
||||
<li><img src="sample3.jpg" alt="Full screen, two iterations, slow transition (Photo by Lance McCord on Flickr)"></li>
|
||||
</ul>
|
||||
|
||||
---
|
||||
|
||||
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
|
||||
BIN
content/plugin-example/sample1.jpg
Normal file
BIN
content/plugin-example/sample1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 316 KiB |
BIN
content/plugin-example/sample2.jpg
Normal file
BIN
content/plugin-example/sample2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 182 KiB |
BIN
content/plugin-example/sample3.jpg
Normal file
BIN
content/plugin-example/sample3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
19
content/section-example/_index.md
Normal file
19
content/section-example/_index.md
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
+++
|
||||
title = "Section presentation example"
|
||||
outputs = ["Reveal"]
|
||||
[reveal_hugo]
|
||||
theme = "night"
|
||||
margin = 0.2
|
||||
+++
|
||||
|
||||
# Section Presentation
|
||||
|
||||
This is an example of a section presentation.
|
||||
|
||||
---
|
||||
|
||||
Section presentations are completely separate from the root presentation and each other.
|
||||
|
||||
---
|
||||
|
||||
Additional content files can be placed in the section and will be added to the presentation in the order of their weight.
|
||||
8
content/section-example/presentation.md
Normal file
8
content/section-example/presentation.md
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
+++
|
||||
weight = 10
|
||||
+++
|
||||
|
||||
# Including...
|
||||
|
||||
Content from files like this one.
|
||||
|
||||
45
content/template-example/_index.md
Normal file
45
content/template-example/_index.md
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
+++
|
||||
title = "Template presentation"
|
||||
outputs = ["Reveal"]
|
||||
[reveal_hugo]
|
||||
theme = "night"
|
||||
margin = 0.2
|
||||
[reveal_hugo.templates.blue]
|
||||
background = "#0011DD"
|
||||
transition = "zoom"
|
||||
+++
|
||||
|
||||
## Template Example
|
||||
|
||||
---
|
||||
|
||||
This presentation shows how to take advantage of reveal-hugo's slide template feature.
|
||||
|
||||
---
|
||||
|
||||
Slide templates let you specify groups of slide attributes in one place and reuse them throughout the presentation.
|
||||
|
||||
---
|
||||
|
||||
{{< slide template="blue" >}}
|
||||
|
||||
Here's an example of using a template called `blue`, defined in the front matter of this presentation's `_index.md` file.
|
||||
|
||||
---
|
||||
|
||||
The template can contain any valid slide customization params:
|
||||
|
||||
```toml
|
||||
[reveal_hugo.templates.blue]
|
||||
background = "#0011DD"
|
||||
transition = "zoom"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
Then add it to any slide using the slide shortcode:
|
||||
|
||||
```
|
||||
{{</* slide template="blue" */>}}
|
||||
```
|
||||
|
||||
16
content/template-example/continued.md
Normal file
16
content/template-example/continued.md
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
+++
|
||||
+++
|
||||
|
||||
{{< slide template="grey" >}}
|
||||
|
||||
Templates can be specified in `config.toml` as well, for reusability across multiple presentations.
|
||||
|
||||
```
|
||||
[params.reveal_hugo.templates.grey]
|
||||
background = "#424242"
|
||||
transition = "convex"
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## THE END
|
||||
19
data/common/nested.toml
Normal file
19
data/common/nested.toml
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
reusable = '''
|
||||
|
||||
You can organize reusables into folder.
|
||||
|
||||
An an `example` key in `data/common/nested.toml`
|
||||
|
||||
```toml
|
||||
example = "I'm a slide"
|
||||
```
|
||||
<br>
|
||||
|
||||
Set the `content` attribute to "common.nested.example":
|
||||
|
||||
```markdown
|
||||
{{< slide content="common.nested.example" >}}
|
||||
```
|
||||
|
||||
'''
|
||||
|
||||
46
data/home.toml
Normal file
46
data/home.toml
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
# Note: it seems that under goldmark, markdown in data templates has issues.
|
||||
# In particular "---" is converted to <hr> even inside code fences!
|
||||
|
||||
reusable = '''
|
||||
|
||||
## Reusable slides
|
||||
|
||||
Store markdown in a [data template](https://gohugo.io/templates/data-templates/) and reuse it in multiple sections or presentations.
|
||||
|
||||
<br>
|
||||
<small>
|
||||
navigate down to learn more
|
||||
</small>
|
||||
<br>
|
||||
<a href="#" class="navigate-down">🔽</a>
|
||||
|
||||
---
|
||||
|
||||
Add a `example` key to data/home.toml:
|
||||
|
||||
```toml
|
||||
example = "I'm a slide"
|
||||
```
|
||||
<br>
|
||||
|
||||
Set the `content` attribute to "home.example":
|
||||
|
||||
```markdown
|
||||
{{< slide content="home.example" >}}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
💡 Each data template entry can contain one or more slides, separated by `---` with newlines.
|
||||
|
||||
---
|
||||
|
||||
💡 All other slide shortcode attributes (background, transition, etc.) can be used and will be applied to each slide in the data template entry.
|
||||
|
||||
---
|
||||
|
||||
💡 Adding a new file in `data` folder requires to restart `hugo`
|
||||
|
||||
💡 Symbolic links are not allowed in `data` folder
|
||||
|
||||
'''
|
||||
47
layouts/_default/baseof.reveal.html
Normal file
47
layouts/_default/baseof.reveal.html
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{{ partial "layout/head" . }}
|
||||
{{ partial "layout/theme" . }}
|
||||
<!-- To insert markup before the closing head tag for all presentations,
|
||||
create layouts/partials/reveal-hugo/head.html -->
|
||||
{{- partial "reveal-hugo/head" . -}}
|
||||
<!-- To insert markup at the end of the head tag for a specific presentation,
|
||||
create layouts/partials/{section}/reveal-hugo/head.html -->
|
||||
{{- $sectionHeadPartial := printf "%s/reveal-hugo/head" (.Page.Section | default "home") -}}
|
||||
{{- if fileExists (printf "layouts/partials/%s.html" $sectionHeadPartial) -}}{{ partial $sectionHeadPartial . }}{{- end }}
|
||||
</head>
|
||||
<body>
|
||||
{{ if .Param "logo.src" }}
|
||||
<style>
|
||||
#logo {
|
||||
position: absolute;
|
||||
top: {{ if .Param "logo.top"}}{{ .Param "logo.top" }}{{ else if .Param "logo.diag" }}{{ .Param "logo.diag" }}{{ else }}1%{{ end }};
|
||||
left: {{ if .Param "logo.top"}}{{ .Param "logo.left" }}{{ else if .Param "logo.diag" }}{{ .Param "logo.diag" }}{{ else }}1%{{ end }};
|
||||
width: {{ if .Param "logo.width"}}{{ .Param "logo.width" }}{{ else }}15%{{ end }};
|
||||
}
|
||||
</style>
|
||||
<img id="logo" src="{{ .Param "logo.src" }}" alt="{{ .Param "logo.alt" }}">
|
||||
{{ end }}
|
||||
<div class="reveal">
|
||||
<div class="slides">
|
||||
{{- block "main" . -}}{{- end -}}
|
||||
</div>
|
||||
<!-- To insert markup at the end of the .reveal tag for all presentations,
|
||||
create layouts/partials/reveal-hugo/end.html -->
|
||||
{{- partial "reveal-hugo/end" . -}}
|
||||
<!-- To insert markup at the end of the .reveal tag for a specific presentation,
|
||||
create layouts/partials/{section}/reveal-hugo/end.html -->
|
||||
{{- $sectionHeadPartial := printf "%s/reveal-hugo/end" (.Page.Section | default "home") -}}
|
||||
{{- if fileExists (printf "layouts/partials/%s.html" $sectionHeadPartial) -}}{{ partial $sectionHeadPartial . }}{{- end }}
|
||||
</div>
|
||||
{{- partial "layout/javascript" . }}
|
||||
<!-- To insert markup before the closing body tag for all presentations,
|
||||
create layouts/partials/reveal-hugo/body.html -->
|
||||
{{- partial "reveal-hugo/body" . }}
|
||||
<!-- To insert markup at the end of the head tag for a specific presentation,
|
||||
create layouts/partials/{section}/reveal-hugo/body.html -->
|
||||
{{- $sectionBodyPartial := printf "%s/reveal-hugo/body" (.Page.Section | default "home") -}}
|
||||
{{- if fileExists (printf "layouts/partials/%s.html" $sectionBodyPartial) -}}{{ partial $sectionBodyPartial . }}{{- end }}
|
||||
</body>
|
||||
</html>
|
||||
4
layouts/_default/bundle.reveal.html
Normal file
4
layouts/_default/bundle.reveal.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{{ define "main" }}
|
||||
{{ partial "reveal-hugo/slides" (slice .Page) }}
|
||||
{{ partial "reveal-hugo/slides" (.Resources.ByType "page") }}
|
||||
{{ end }}
|
||||
4
layouts/_default/index.reveal.html
Normal file
4
layouts/_default/index.reveal.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{{ define "main" }}
|
||||
{{ partial "reveal-hugo/slides" (slice .Page) }}
|
||||
{{ partial "reveal-hugo/slides" (where .Site.RegularPages "Type" "home") }}
|
||||
{{ end }}
|
||||
4
layouts/_default/list.reveal.html
Normal file
4
layouts/_default/list.reveal.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{{ define "main" }}
|
||||
{{ partial "reveal-hugo/slides" (slice .Page) }}
|
||||
{{ partial "reveal-hugo/slides" (where .Pages "Kind" "page") }}
|
||||
{{ end }}
|
||||
0
layouts/_default/single.reveal.html
Normal file
0
layouts/_default/single.reveal.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<!-- hide Highlight.js line numbers -->
|
||||
<style>
|
||||
.hljs-ln-numbers {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
9
layouts/partials/home/reveal-hugo/body.html
Normal file
9
layouts/partials/home/reveal-hugo/body.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<!-- This partial is included before the end of the body tag for only the 'example' presentation -->
|
||||
<!-- A common use would be to add JavaScript to the page to customize interactions -->
|
||||
<!-- The Reveal.js JavaScript API is located at https://github.com/hakimel/reveal.js/#api -->
|
||||
<script type="text/javascript">
|
||||
// Log the current slide to the console when it changes
|
||||
Reveal.addEventListener('slidechanged', function(event) {
|
||||
console.log("🎞️ Slide is now " + event.indexh);
|
||||
});
|
||||
</script>
|
||||
4
layouts/partials/home/reveal-hugo/end.html
Normal file
4
layouts/partials/home/reveal-hugo/end.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<div class="line top"></div>
|
||||
<div class="line bottom"></div>
|
||||
<div class="line left"></div>
|
||||
<div class="line right"></div>
|
||||
39
layouts/partials/home/reveal-hugo/head.html
Normal file
39
layouts/partials/home/reveal-hugo/head.html
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<!-- This partial is included before the end of the head tag for only the 'example' presentation -->
|
||||
<!-- A common use would be to add CSS to the page to customize the theme -->
|
||||
<style>
|
||||
/* Add padding, margin and a hover effect on code samples */
|
||||
.reveal section pre {
|
||||
box-shadow: none;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 25px;
|
||||
border: 1px solid lightgrey;
|
||||
}
|
||||
.reveal section pre:hover {
|
||||
border: 1px solid grey;
|
||||
transition: border 0.3s ease;
|
||||
}
|
||||
.reveal section pre > code {
|
||||
padding: 10px;
|
||||
}
|
||||
.reveal table {
|
||||
font-size: 0.65em;
|
||||
}
|
||||
/* For slide-specific CSS example */
|
||||
.reveal section.side-by-side h1 {
|
||||
position: absolute;
|
||||
}
|
||||
.reveal section.side-by-side h1:first-of-type {
|
||||
left: 25%;
|
||||
}
|
||||
.reveal section.side-by-side h1:nth-of-type(2) {
|
||||
right: 25%;
|
||||
}
|
||||
.reveal section[data-background-image] a,
|
||||
.reveal section[data-background-image] p,
|
||||
.reveal section[data-background-image] h2 {
|
||||
color: white;
|
||||
}
|
||||
.reveal section[data-background-image] a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
7
layouts/partials/layout/head.html
Normal file
7
layouts/partials/layout/head.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<meta charset="utf-8">
|
||||
<title>{{ or .Page.Title .Site.Title }}</title>
|
||||
{{ with $.Param "description" }}<meta name="description" content="{{ . }}">{{ end }}
|
||||
{{ with .Site.Author.name }}<meta name="author" content="{{ . }}">{{ end }}
|
||||
<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, maximum-scale=1.0, user-scalable=no">
|
||||
63
layouts/partials/layout/javascript.html
Normal file
63
layouts/partials/layout/javascript.html
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
<!-- polyfill needed for IE11 and below -->
|
||||
<script type="text/javascript" src={{ "reveal-hugo/object-assign.js" | relURL }}></script>
|
||||
<!-- Printing and PDF exports -->
|
||||
<!-- use Hugo to create the right path for the print stylesheet, then conditionally include it -->
|
||||
{{- $reveal_location := $.Param "reveal_hugo.reveal_cdn" | default "reveal-js" -}}
|
||||
<a href="{{ printf "%s/css/print/" $reveal_location | relURL }}" id="print-location" style="display: none;"></a>
|
||||
<script type="text/javascript">
|
||||
var printLocationElement = document.getElementById('print-location');
|
||||
var link = document.createElement('link');
|
||||
link.rel = 'stylesheet';
|
||||
link.type = 'text/css';
|
||||
link.href = printLocationElement.href + (window.location.search.match(/print-pdf/gi) ? 'pdf.css' : 'paper.css');
|
||||
document.getElementsByTagName('head')[0].appendChild(link);
|
||||
</script>
|
||||
<!-- output Hugo parameters into JavaScript to be used when initializing Reveal.js -->
|
||||
<script type="application/json" id="reveal-hugo-site-params">{{ jsonify .Site.Params.reveal_hugo | safeJS }}</script>
|
||||
<script type="application/json" id="reveal-hugo-page-params">{{ jsonify .Page.Params.reveal_hugo | safeJS }}</script>
|
||||
<!-- load Reveal.js javascripts -->
|
||||
<script src="{{ printf "%s/js/reveal.js" $reveal_location | relURL }}"></script>
|
||||
<!-- load Reveal.js plugins -->
|
||||
<script type="text/javascript">
|
||||
// Hugo lowercases all params and Reveal.js needs camelcase
|
||||
// So params in Hugo must be stored in snakecase and we camelize them here
|
||||
function camelize(map) {
|
||||
if (map) {
|
||||
Object.keys(map).forEach(function(k) {
|
||||
newK = k.replace(/(\_\w)/g, function(m) { return m[1].toUpperCase() });
|
||||
if (newK != k) {
|
||||
map[newK] = map[k];
|
||||
delete map[k];
|
||||
}
|
||||
});
|
||||
}
|
||||
return map;
|
||||
}
|
||||
// pattern inspired by https://github.com/RealOrangeOne/hugo-theme-revealjs
|
||||
var revealHugoDefaults = { center: true, controls: true, history: true, progress: true, transition: "slide" };
|
||||
var revealHugoSiteParams = JSON.parse(document.getElementById('reveal-hugo-site-params').innerHTML);
|
||||
var revealHugoPageParams = JSON.parse(document.getElementById('reveal-hugo-page-params').innerHTML);
|
||||
// See all options - https://github.com/hakimel/reveal.js#configuration
|
||||
var options = Object.assign({},
|
||||
camelize(revealHugoDefaults),
|
||||
camelize(revealHugoSiteParams),
|
||||
camelize(revealHugoPageParams));
|
||||
Reveal.initialize(options);
|
||||
</script>
|
||||
<!-- load Reveal.js plugins after Reveal.js is initialized -->
|
||||
{{ if $.Param "reveal_hugo.load_default_plugins" | default true }}
|
||||
{{ $default_plugins := slice "plugin/markdown/marked.js" "plugin/markdown/markdown.js" "plugin/highlight/highlight.js" "plugin/zoom-js/zoom.js" }}
|
||||
{{ range $default_plugins }}
|
||||
<script type="text/javascript" src="{{ printf "%s/%s" $reveal_location . | relURL }}"></script>
|
||||
{{ end }}
|
||||
<!-- always use local version of the notes plugin since HTML file it requires isn't on CDN -->
|
||||
<script type="text/javascript" src="{{ "reveal-js/plugin/notes/notes.js" | relURL }}"></script>
|
||||
{{ end }}
|
||||
<!-- load custom plugins locally only (not CDN since many plugins won't exist there) -->
|
||||
{{ range $.Param "reveal_hugo.plugins" }}
|
||||
<script type="text/javascript" src="{{ . | relURL }}"></script>
|
||||
{{ end }}
|
||||
{{- $custom_js := $.Param "reveal_hugo.custom_js" -}}
|
||||
{{- if $custom_js -}}
|
||||
<script type="text/javascript" src="{{ $custom_js | relURL }}"></script>
|
||||
{{- end -}}
|
||||
28
layouts/partials/layout/theme.html
Normal file
28
layouts/partials/layout/theme.html
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
<!-- Theme used for presentation -->
|
||||
{{- $reveal_location := $.Param "reveal_hugo.reveal_cdn" | default "reveal-js" -}}
|
||||
{{- $highlight_location := $.Param "reveal_hugo.highlight_cdn" | default "highlight-js" -}}
|
||||
{{- $custom_theme := $.Param "reveal_hugo.custom_theme" -}}
|
||||
<link rel="stylesheet" href="{{ printf "%s/css/reset.css" $reveal_location | relURL }}">
|
||||
<link rel="stylesheet" href="{{ printf "%s/css/reveal.css" $reveal_location | relURL }}">
|
||||
{{- $custom_theme := $.Param "reveal_hugo.custom_theme" -}}
|
||||
{{- if $custom_theme -}}
|
||||
{{- $custom_theme_options := $.Param "reveal_hugo.custom_theme_options" | default dict -}}
|
||||
{{- if $.Param "reveal_hugo.custom_theme_compile" -}}
|
||||
{{ $asset := resources.Get $custom_theme | resources.ExecuteAsTemplate "_.scss" . | toCSS $custom_theme_options | minify | fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $asset.Permalink | relURL }}" id="theme">
|
||||
{{- else -}}
|
||||
<link rel="stylesheet" href="{{ $custom_theme | relURL }}" id="theme">
|
||||
{{- end -}}
|
||||
{{ else -}}
|
||||
{{- $theme := $.Param "reveal_hugo.theme" | default "black" -}}
|
||||
<link rel="stylesheet" href="{{ printf "%s/css/theme/%s.css" $reveal_location $theme | relURL }}" id="theme">
|
||||
{{ end -}}
|
||||
{{ if $.Param "reveal_hugo.load_default_plugins" | default true -}}
|
||||
<!-- Theme used for syntax highlighting of code -->
|
||||
{{- $highlight_theme := $.Param "reveal_hugo.highlight_theme" | default "default" -}}
|
||||
<link rel="stylesheet" href="{{ printf "%s/%s.min.css" $highlight_location $highlight_theme | relURL }}">
|
||||
{{- end }}
|
||||
{{- $custom_css := $.Param "reveal_hugo.custom_css" -}}
|
||||
{{- if $custom_css -}}
|
||||
<link rel="stylesheet" href="{{ $custom_css | relURL }}" id="custom_css">
|
||||
{{- end -}}
|
||||
9
layouts/partials/logo-example/reveal-hugo/body.html
Normal file
9
layouts/partials/logo-example/reveal-hugo/body.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<style>
|
||||
#logo {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
width: 250px;
|
||||
}
|
||||
</style>
|
||||
<img id="logo" src="{{ .Param "logo.src" }}" alt="{{ .Param "logo.alt" }}">
|
||||
1
layouts/partials/plugin-example/reveal-hugo/head.html
Normal file
1
layouts/partials/plugin-example/reveal-hugo/head.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<link rel="stylesheet" href="/plugin/gallery/gallery.css">
|
||||
1
layouts/partials/reveal-hugo/body.html
Normal file
1
layouts/partials/reveal-hugo/body.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!-- override this partial to add content before the body tag closes -->
|
||||
1
layouts/partials/reveal-hugo/end.html
Normal file
1
layouts/partials/reveal-hugo/end.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!-- override this partial to add content before the .reveal tag closes -->
|
||||
1
layouts/partials/reveal-hugo/head.html
Normal file
1
layouts/partials/reveal-hugo/head.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
<!-- override this partial to add content before the head tag closes -->
|
||||
26
layouts/partials/reveal-hugo/slides.html
Normal file
26
layouts/partials/reveal-hugo/slides.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<!-- Use the array of pages passed as a param -->
|
||||
{{ range . -}}
|
||||
<!-- Don't process empty content files -->
|
||||
{{- if ne (len .Content) 0 -}}
|
||||
<!-- Remove the <hr /> tag generated by blackfriday for footnotes -->
|
||||
{{- $content := replace .Content "<div class=\"footnotes\">\n\n<hr />" "<div class=\"footnotes\">" -}}
|
||||
<!-- <code> blocks processed by Hugo's highlighter have a data-lang attribute. For those, we disable -->
|
||||
<!-- highlight.js by changing the language class to "nohighlight", and adding "data-noescape". -->
|
||||
{{- $content := replaceRE `<code class="language-\w+"\s+data-lang="\w+"` `<code class="nohighlight" data-noescape` $content -}}
|
||||
<!-- enable Highlight.js line numbers when the markdown code block language selection is followed by "{}" e.g. ```js{} -->
|
||||
{{- $content := replaceRE `(<code class="language-\w+){}(">)` `$1" data-line-numbers>` $content -}}
|
||||
<!-- enable Highlight.js line highlights when the language selection is followed by "{<line numbers>}" e.g. ```js{1,5-7} -->
|
||||
{{- $content := replaceRE `(<code class="language-\w+){(\S+)}(">)` `$1" data-line-numbers="$2">` $content -}}
|
||||
<!-- Support both <hr /> (blackfriday) and <hr> (mmark) -->
|
||||
{{- $content := replace $content "<hr>" "<hr />" -}}
|
||||
<!-- Split the processed content by <hr /> tag -->
|
||||
{{- range (split $content "<hr />") -}}
|
||||
<!-- Only wrap in <section> tag if not already wrapped by shortcode -->
|
||||
{{- if not (in . "data-noprocess") -}}
|
||||
<section>
|
||||
{{- end -}}
|
||||
{{- . | safeHTML -}}
|
||||
</section>
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- end }}
|
||||
4
layouts/shortcodes/frag.html
Normal file
4
layouts/shortcodes/frag.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<span class='fragment {{ .Get "class" }}'
|
||||
{{ with .Get "index" }}data-fragment-index='{{ . }}'{{ end }}>
|
||||
{{ .Get "c" }}
|
||||
</span>
|
||||
4
layouts/shortcodes/fragment.html
Normal file
4
layouts/shortcodes/fragment.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{{/* Render .Inner before processing the shortcode. */}}
|
||||
{{ $_hugo_config := `{ "version": 1 }` }}
|
||||
<span class='fragment {{ .Get "class" }}' {{ with .Get "index" }}data-fragment-index='{{ . }}'{{ end }}>{{ .Inner }}</span>
|
||||
|
||||
8
layouts/shortcodes/markdown.html
Normal file
8
layouts/shortcodes/markdown.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<section data-noprocess data-markdown
|
||||
data-separator="^\r?\n---\r?\n$"
|
||||
data-separator-vertical="^\r?\n------\r?\n$"
|
||||
data-separator-notes="notes?:">
|
||||
<script type="text/template">
|
||||
{{ .Inner }}
|
||||
</script>
|
||||
</section>
|
||||
4
layouts/shortcodes/note.html
Normal file
4
layouts/shortcodes/note.html
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
{{/* Markdown is not rendered inside <aside> tags! So we use the following */}}
|
||||
{{/* config which causes .Inner to be rendered before processing the shortcode. */}}
|
||||
{{ $_hugo_config := `{ "version": 1 }` }}
|
||||
<aside class="notes">{{ .Inner }}</aside>
|
||||
5
layouts/shortcodes/section.html
Normal file
5
layouts/shortcodes/section.html
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
{{/* Render .Inner before processing the shortcode. */}}
|
||||
{{ $_hugo_config := `{ "version": 1 }` }}
|
||||
<section data-shortcode-section>
|
||||
{{ .Inner }}
|
||||
</section>
|
||||
63
layouts/shortcodes/slide.html
Normal file
63
layouts/shortcodes/slide.html
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
{{- $scratch := .Scratch -}}
|
||||
{{- $scratch.Set "slides" slice -}}
|
||||
{{- $content := .Get "content" -}}
|
||||
{{- if $content -}}
|
||||
{{- $lookup := split $content "." }}
|
||||
{{ $markdownContent := .Page.Site.Data }}
|
||||
{{- range $dataPath := $lookup -}}
|
||||
{{- $markdownContent = index $markdownContent $dataPath -}}
|
||||
{{- end -}}
|
||||
{{- $html := $markdownContent | markdownify -}}
|
||||
{{- $html := replace $html "<hr>" "<hr />" -}}
|
||||
{{- $slides := split $html "<hr />" -}}
|
||||
{{- range $slides -}}
|
||||
{{- $scratch.Add "slides" . -}}
|
||||
{{- end -}}
|
||||
{{- else -}}
|
||||
{{- $scratch.Add "slides" "" -}}
|
||||
{{- end -}}
|
||||
{{- $params := . -}}
|
||||
{{- $noPrefix := slice "id" "class" -}}
|
||||
{{- $noOutput := slice "content" "template" -}}
|
||||
{{- $template := $params.Get "template" -}}
|
||||
{{- if $template -}}
|
||||
{{- $scratch.Add "templateParams" slice -}}
|
||||
{{- with $.Site.Params.reveal_hugo.templates -}}
|
||||
{{- $scratch.Add "templateParams" . -}}
|
||||
{{- end -}}
|
||||
{{- if ne $.Page.File.LogicalName "_index.md" -}}
|
||||
{{- $scratch.Add "templateParams" ($.Site.GetPage $.Page.Section).Params.reveal_hugo.templates -}}
|
||||
{{- end -}}
|
||||
{{- with $.Page.Params.reveal_hugo.templates -}}
|
||||
{{- $scratch.Add "templateParams" . -}}
|
||||
{{- end -}}
|
||||
{{- $scratch.Add "templateParams" (slice $.Page.Params.reveal_hugo.templates) -}}
|
||||
{{- $templateParams := $scratch.Get "templateParams" }}
|
||||
{{- range $templateParams -}}
|
||||
{{- if (ne . nil) -}}
|
||||
{{- range $key, $value := (index . $template) -}}
|
||||
{{- $scratch.SetInMap "template" $key $value | safeHTMLAttr -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- range $sindex, $svalue := $scratch.Get "slides" }}
|
||||
<section data-noprocess data-shortcode-slide
|
||||
{{- if $template -}}
|
||||
{{- range $key, $value := ($scratch.Get "template") }}
|
||||
{{- $attrName := cond (in $noPrefix $key) $key (delimit (slice "data" $key) "-") }}
|
||||
{{ $attrName | safeHTMLAttr }}="{{ $value }}"
|
||||
{{- end }}
|
||||
data-template="{{ $template }}"
|
||||
{{- end -}}
|
||||
{{- range $key, $value := $.Params -}}
|
||||
{{- if not (in $noOutput $key) -}}
|
||||
{{- $attrName := cond (in $noPrefix $key) $key (delimit (slice "data" $key) "-") }}
|
||||
{{ $attrName | safeHTMLAttr }}="{{ $value }}"
|
||||
{{- end -}}
|
||||
{{- end -}}>
|
||||
{{ $svalue | safeHTML }}
|
||||
{{- if ne $sindex (sub (len ($scratch.Get "slides")) 1) -}}
|
||||
</section>
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
|
|
@ -0,0 +1 @@
|
|||
body{background:#03812d;background-color:#03812d}.reveal{font-family:source sans pro,Helvetica,sans-serif;font-size:38px;font-weight:400;color:#fff}::selection{color:#fff;background:#bee4fd;text-shadow:none}::-moz-selection{color:#fff;background:#bee4fd;text-shadow:none}.reveal .slides section,.reveal .slides section>section{line-height:1.3;font-weight:inherit}.reveal h1,.reveal h2,.reveal h3,.reveal h4,.reveal h5,.reveal h6{margin:0 0 20px;color:#fff;font-family:source sans pro,Helvetica,sans-serif;font-weight:600;line-height:1.2;letter-spacing:normal;text-transform:uppercase;text-shadow:none;word-wrap:break-word}.reveal h1{font-size:2.5em}.reveal h2{font-size:1.6em}.reveal h3{font-size:1.3em}.reveal h4{font-size:1em}.reveal h1{text-shadow:none}.reveal p{margin:20px 0;line-height:1.3}.reveal img,.reveal video,.reveal iframe{max-width:95%;max-height:95%}.reveal strong,.reveal b{font-weight:700}.reveal em{font-style:italic}.reveal ol,.reveal dl,.reveal ul{display:inline-block;text-align:left;margin:0 0 0 1em}.reveal ol{list-style-type:decimal}.reveal ul{list-style-type:disc}.reveal ul ul{list-style-type:square}.reveal ul ul ul{list-style-type:circle}.reveal ul ul,.reveal ul ol,.reveal ol ol,.reveal ol ul{display:block;margin-left:40px}.reveal dt{font-weight:700}.reveal dd{margin-left:40px}.reveal blockquote{display:block;position:relative;width:70%;margin:20px auto;padding:5px;font-style:italic;background:rgba(255,255,255,.05);box-shadow:0 0 2px rgba(0,0,0,.2)}.reveal blockquote p:first-child,.reveal blockquote p:last-child{display:inline-block}.reveal q{font-style:italic}.reveal pre{display:block;position:relative;width:90%;margin:20px auto;text-align:left;font-size:.55em;font-family:monospace;line-height:1.2em;word-wrap:break-word;box-shadow:0 5px 15px rgba(0,0,0,.15)}.reveal code{font-family:monospace;text-transform:none}.reveal pre code{display:block;padding:5px;overflow:auto;max-height:400px;word-wrap:normal}.reveal table{margin:auto;border-collapse:collapse;border-spacing:0}.reveal table th{font-weight:700}.reveal table th,.reveal table td{text-align:left;padding:.2em .5em;border-bottom:1px solid}.reveal table th[align=center],.reveal table td[align=center]{text-align:center}.reveal table th[align=right],.reveal table td[align=right]{text-align:right}.reveal table tbody tr:last-child th,.reveal table tbody tr:last-child td{border-bottom:none}.reveal sup{vertical-align:super;font-size:smaller}.reveal sub{vertical-align:sub;font-size:smaller}.reveal small{display:inline-block;font-size:.6em;line-height:1.2em;vertical-align:top}.reveal small *{vertical-align:top}.reveal a{color:#42affa;text-decoration:none;-webkit-transition:color .15s ease;-moz-transition:color .15s ease;transition:color .15s ease}.reveal a:hover{color:#8dcffc;text-shadow:none;border:none}.reveal .roll span:after{color:#fff;background:#068de9}.reveal section img{margin:15px 0;background:rgba(255,255,255,.12);border:4px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.15)}.reveal section img.plain{border:0;box-shadow:none}.reveal a img{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;transition:all .15s linear}.reveal a:hover img{background:rgba(255,255,255,.2);border-color:#42affa;box-shadow:0 0 20px rgba(0,0,0,.55)}.reveal .controls{color:#42affa}.reveal .progress{background:rgba(0,0,0,.2);color:#42affa}.reveal .progress span{-webkit-transition:width 800ms cubic-bezier(0.26,0.86,0.44,0.985);-moz-transition:width 800ms cubic-bezier(0.26,0.86,0.44,0.985);transition:width 800ms cubic-bezier(0.26,0.86,0.44,0.985)}@media print{.backgrounds{background-color:#03812d}}section.has-light-background,section.has-light-background h1,section.has-light-background h2,section.has-light-background h3,section.has-light-background h4,section.has-light-background h5,section.has-light-background h6{color:#222}.reveal pre{margin:50px auto}
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"Target":"_.min.debb4e7703d02f02d0510843db28b0aecb70d4c1394da8410aac6d3593ceec29.css","MediaType":"text/css","Data":{"Integrity":"sha256-3rtOdwPQLwLQUQhD2yiwrstw1ME5TahBCqxtNZPO7Ck="}}
|
||||
2
static/_redirects
Normal file
2
static/_redirects
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
# Redirect default Netlify subdomain to primary domain
|
||||
https://reveal-hugo.netlify.com/* https://reveal-hugo.dzello.com/:splat 301!
|
||||
11
static/css/custom.css
Normal file
11
static/css/custom.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
.custom em{
|
||||
color: #a32843
|
||||
}
|
||||
|
||||
.custom code{
|
||||
color: #ff2f86
|
||||
}
|
||||
|
||||
.customjs {
|
||||
background-color: #504e9e
|
||||
}
|
||||
BIN
static/favicon.ico
Executable file
BIN
static/favicon.ico
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
1
static/highlight-js/a11y-dark.min.css
vendored
Normal file
1
static/highlight-js/a11y-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#ffa07a}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#f5ab35}.hljs-attribute{color:#ffd700}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#abe338}.hljs-title,.hljs-section{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs{display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-builtin-name,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-string,.hljs-symbol,.hljs-type,.hljs-quote{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:bold}}
|
||||
1
static/highlight-js/a11y-light.min.css
vendored
Normal file
1
static/highlight-js/a11y-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#696969}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#d91e18}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#aa5d00}.hljs-attribute{color:#aa5d00}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#008000}.hljs-title,.hljs-section{color:#007faa}.hljs-keyword,.hljs-selector-tag{color:#7928a1}.hljs{display:block;overflow-x:auto;background:#fefefe;color:#545454;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-builtin-name,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-string,.hljs-symbol,.hljs-type,.hljs-quote{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:bold}}
|
||||
17
static/highlight-js/agate.min.css
vendored
Normal file
17
static/highlight-js/agate.min.css
vendored
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
/*!
|
||||
* Agate by Taufik Nurrohman <https://github.com/taufik-nurrohman>
|
||||
* ---------------------------------------------------------------
|
||||
*
|
||||
* #ade5fc
|
||||
* #a2fca2
|
||||
* #c6b4f0
|
||||
* #d36363
|
||||
* #fcc28c
|
||||
* #fc9b9b
|
||||
* #ffa
|
||||
* #fff
|
||||
* #333
|
||||
* #62c8f3
|
||||
* #888
|
||||
*
|
||||
*/.hljs{display:block;overflow-x:auto;padding:.5em;background:#333;color:white}.hljs-name,.hljs-strong{font-weight:bold}.hljs-code,.hljs-emphasis{font-style:italic}.hljs-tag{color:#62c8f3}.hljs-variable,.hljs-template-variable,.hljs-selector-id,.hljs-selector-class{color:#ade5fc}.hljs-string,.hljs-bullet{color:#a2fca2}.hljs-type,.hljs-title,.hljs-section,.hljs-attribute,.hljs-quote,.hljs-built_in,.hljs-builtin-name{color:#ffa}.hljs-number,.hljs-symbol,.hljs-bullet{color:#d36363}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#fcc28c}.hljs-comment,.hljs-deletion,.hljs-code{color:#888}.hljs-regexp,.hljs-link{color:#c6b4f0}.hljs-meta{color:#fc9b9b}.hljs-deletion{background-color:#fc9b9b;color:#333}.hljs-addition{background-color:#a2fca2;color:#333}.hljs a{color:inherit}.hljs a:focus,.hljs a:hover{color:inherit;text-decoration:underline}
|
||||
1
static/highlight-js/an-old-hope.min.css
vendored
Normal file
1
static/highlight-js/an-old-hope.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#B6B18B}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#EB3C54}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#E7CE56}.hljs-attribute{color:#EE7C2B}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#4FB4D7}.hljs-title,.hljs-section{color:#78BB65}.hljs-keyword,.hljs-selector-tag{color:#B45EA4}.hljs{display:block;overflow-x:auto;background:#1C1D21;color:#c0c5ce;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/androidstudio.min.css
vendored
Normal file
1
static/highlight-js/androidstudio.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{color:#a9b7c6;background:#282b2e;display:block;overflow-x:auto;padding:.5em}.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet{color:#6897BB}.hljs-keyword,.hljs-selector-tag,.hljs-deletion{color:#cc7832}.hljs-variable,.hljs-template-variable,.hljs-link{color:#629755}.hljs-comment,.hljs-quote{color:#808080}.hljs-meta{color:#bbb529}.hljs-string,.hljs-attribute,.hljs-addition{color:#6A8759}.hljs-section,.hljs-title,.hljs-type{color:#ffc66d}.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#e8bf6a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/arduino-light.min.css
vendored
Normal file
1
static/highlight-js/arduino-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;background:#FFFFFF}.hljs,.hljs-subst{color:#434f54}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-doctag,.hljs-name{color:#00979D}.hljs-built_in,.hljs-literal,.hljs-bullet,.hljs-code,.hljs-addition{color:#D35400}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#00979D}.hljs-type,.hljs-string,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:#005C5F}.hljs-title,.hljs-section{color:#880000;font-weight:bold}.hljs-comment{color:rgba(149,165,166,0.8)}.hljs-meta-keyword{color:#728E00}.hljs-meta{color:#434f54}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-function{color:#728E00}.hljs-number{color:#8A7B52}
|
||||
1
static/highlight-js/arta.min.css
vendored
Normal file
1
static/highlight-js/arta.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;background:#222}.hljs,.hljs-subst{color:#aaa}.hljs-section{color:#fff}.hljs-comment,.hljs-quote,.hljs-meta{color:#444}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-regexp{color:#ffcc33}.hljs-number,.hljs-addition{color:#00cc66}.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-template-variable,.hljs-attribute,.hljs-link{color:#32aaee}.hljs-keyword,.hljs-selector-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#6644aa}.hljs-title,.hljs-variable,.hljs-deletion,.hljs-template-tag{color:#bb1166}.hljs-section,.hljs-doctag,.hljs-strong{font-weight:bold}.hljs-emphasis{font-style:italic}
|
||||
1
static/highlight-js/ascetic.min.css
vendored
Normal file
1
static/highlight-js/ascetic.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;background:white;color:black}.hljs-string,.hljs-variable,.hljs-template-variable,.hljs-symbol,.hljs-bullet,.hljs-section,.hljs-addition,.hljs-attribute,.hljs-link{color:#888}.hljs-comment,.hljs-quote,.hljs-meta,.hljs-deletion{color:#ccc}.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-name,.hljs-type,.hljs-strong{font-weight:bold}.hljs-emphasis{font-style:italic}
|
||||
1
static/highlight-js/atelier-cave-dark.min.css
vendored
Normal file
1
static/highlight-js/atelier-cave-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#7e7887}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-regexp,.hljs-link,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#be4678}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#aa573c}.hljs-string,.hljs-symbol,.hljs-bullet{color:#2a9292}.hljs-title,.hljs-section{color:#576ddb}.hljs-keyword,.hljs-selector-tag{color:#955ae7}.hljs-deletion,.hljs-addition{color:#19171c;display:inline-block;width:100%}.hljs-deletion{background-color:#be4678}.hljs-addition{background-color:#2a9292}.hljs{display:block;overflow-x:auto;background:#19171c;color:#8b8792;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-cave-light.min.css
vendored
Normal file
1
static/highlight-js/atelier-cave-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#655f6d}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#be4678}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#aa573c}.hljs-string,.hljs-symbol,.hljs-bullet{color:#2a9292}.hljs-title,.hljs-section{color:#576ddb}.hljs-keyword,.hljs-selector-tag{color:#955ae7}.hljs-deletion,.hljs-addition{color:#19171c;display:inline-block;width:100%}.hljs-deletion{background-color:#be4678}.hljs-addition{background-color:#2a9292}.hljs{display:block;overflow-x:auto;background:#efecf4;color:#585260;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-dune-dark.min.css
vendored
Normal file
1
static/highlight-js/atelier-dune-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#999580}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#d73737}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#b65611}.hljs-string,.hljs-symbol,.hljs-bullet{color:#60ac39}.hljs-title,.hljs-section{color:#6684e1}.hljs-keyword,.hljs-selector-tag{color:#b854d4}.hljs{display:block;overflow-x:auto;background:#20201d;color:#a6a28c;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-dune-light.min.css
vendored
Normal file
1
static/highlight-js/atelier-dune-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#7d7a68}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#d73737}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#b65611}.hljs-string,.hljs-symbol,.hljs-bullet{color:#60ac39}.hljs-title,.hljs-section{color:#6684e1}.hljs-keyword,.hljs-selector-tag{color:#b854d4}.hljs{display:block;overflow-x:auto;background:#fefbec;color:#6e6b5e;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-estuary-dark.min.css
vendored
Normal file
1
static/highlight-js/atelier-estuary-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#878573}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#ba6236}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#ae7313}.hljs-string,.hljs-symbol,.hljs-bullet{color:#7d9726}.hljs-title,.hljs-section{color:#36a166}.hljs-keyword,.hljs-selector-tag{color:#5f9182}.hljs-deletion,.hljs-addition{color:#22221b;display:inline-block;width:100%}.hljs-deletion{background-color:#ba6236}.hljs-addition{background-color:#7d9726}.hljs{display:block;overflow-x:auto;background:#22221b;color:#929181;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-estuary-light.min.css
vendored
Normal file
1
static/highlight-js/atelier-estuary-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#6c6b5a}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#ba6236}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#ae7313}.hljs-string,.hljs-symbol,.hljs-bullet{color:#7d9726}.hljs-title,.hljs-section{color:#36a166}.hljs-keyword,.hljs-selector-tag{color:#5f9182}.hljs-deletion,.hljs-addition{color:#22221b;display:inline-block;width:100%}.hljs-deletion{background-color:#ba6236}.hljs-addition{background-color:#7d9726}.hljs{display:block;overflow-x:auto;background:#f4f3ec;color:#5f5e4e;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-forest-dark.min.css
vendored
Normal file
1
static/highlight-js/atelier-forest-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#9c9491}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#f22c40}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#df5320}.hljs-string,.hljs-symbol,.hljs-bullet{color:#7b9726}.hljs-title,.hljs-section{color:#407ee7}.hljs-keyword,.hljs-selector-tag{color:#6666ea}.hljs{display:block;overflow-x:auto;background:#1b1918;color:#a8a19f;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-forest-light.min.css
vendored
Normal file
1
static/highlight-js/atelier-forest-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#766e6b}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#f22c40}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#df5320}.hljs-string,.hljs-symbol,.hljs-bullet{color:#7b9726}.hljs-title,.hljs-section{color:#407ee7}.hljs-keyword,.hljs-selector-tag{color:#6666ea}.hljs{display:block;overflow-x:auto;background:#f1efee;color:#68615e;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-heath-dark.min.css
vendored
Normal file
1
static/highlight-js/atelier-heath-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#9e8f9e}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#ca402b}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#a65926}.hljs-string,.hljs-symbol,.hljs-bullet{color:#918b3b}.hljs-title,.hljs-section{color:#516aec}.hljs-keyword,.hljs-selector-tag{color:#7b59c0}.hljs{display:block;overflow-x:auto;background:#1b181b;color:#ab9bab;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-heath-light.min.css
vendored
Normal file
1
static/highlight-js/atelier-heath-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#776977}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#ca402b}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#a65926}.hljs-string,.hljs-symbol,.hljs-bullet{color:#918b3b}.hljs-title,.hljs-section{color:#516aec}.hljs-keyword,.hljs-selector-tag{color:#7b59c0}.hljs{display:block;overflow-x:auto;background:#f7f3f7;color:#695d69;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-lakeside-dark.min.css
vendored
Normal file
1
static/highlight-js/atelier-lakeside-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#7195a8}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#d22d72}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#935c25}.hljs-string,.hljs-symbol,.hljs-bullet{color:#568c3b}.hljs-title,.hljs-section{color:#257fad}.hljs-keyword,.hljs-selector-tag{color:#6b6bb8}.hljs{display:block;overflow-x:auto;background:#161b1d;color:#7ea2b4;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-lakeside-light.min.css
vendored
Normal file
1
static/highlight-js/atelier-lakeside-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#5a7b8c}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#d22d72}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#935c25}.hljs-string,.hljs-symbol,.hljs-bullet{color:#568c3b}.hljs-title,.hljs-section{color:#257fad}.hljs-keyword,.hljs-selector-tag{color:#6b6bb8}.hljs{display:block;overflow-x:auto;background:#ebf8ff;color:#516d7b;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-plateau-dark.min.css
vendored
Normal file
1
static/highlight-js/atelier-plateau-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#7e7777}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#ca4949}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#b45a3c}.hljs-string,.hljs-symbol,.hljs-bullet{color:#4b8b8b}.hljs-title,.hljs-section{color:#7272ca}.hljs-keyword,.hljs-selector-tag{color:#8464c4}.hljs-deletion,.hljs-addition{color:#1b1818;display:inline-block;width:100%}.hljs-deletion{background-color:#ca4949}.hljs-addition{background-color:#4b8b8b}.hljs{display:block;overflow-x:auto;background:#1b1818;color:#8a8585;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-plateau-light.min.css
vendored
Normal file
1
static/highlight-js/atelier-plateau-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#655d5d}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#ca4949}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#b45a3c}.hljs-string,.hljs-symbol,.hljs-bullet{color:#4b8b8b}.hljs-title,.hljs-section{color:#7272ca}.hljs-keyword,.hljs-selector-tag{color:#8464c4}.hljs-deletion,.hljs-addition{color:#1b1818;display:inline-block;width:100%}.hljs-deletion{background-color:#ca4949}.hljs-addition{background-color:#4b8b8b}.hljs{display:block;overflow-x:auto;background:#f4ecec;color:#585050;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-savanna-dark.min.css
vendored
Normal file
1
static/highlight-js/atelier-savanna-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#78877d}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#b16139}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#9f713c}.hljs-string,.hljs-symbol,.hljs-bullet{color:#489963}.hljs-title,.hljs-section{color:#478c90}.hljs-keyword,.hljs-selector-tag{color:#55859b}.hljs-deletion,.hljs-addition{color:#171c19;display:inline-block;width:100%}.hljs-deletion{background-color:#b16139}.hljs-addition{background-color:#489963}.hljs{display:block;overflow-x:auto;background:#171c19;color:#87928a;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-savanna-light.min.css
vendored
Normal file
1
static/highlight-js/atelier-savanna-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#5f6d64}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#b16139}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#9f713c}.hljs-string,.hljs-symbol,.hljs-bullet{color:#489963}.hljs-title,.hljs-section{color:#478c90}.hljs-keyword,.hljs-selector-tag{color:#55859b}.hljs-deletion,.hljs-addition{color:#171c19;display:inline-block;width:100%}.hljs-deletion{background-color:#b16139}.hljs-addition{background-color:#489963}.hljs{display:block;overflow-x:auto;background:#ecf4ee;color:#526057;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-seaside-dark.min.css
vendored
Normal file
1
static/highlight-js/atelier-seaside-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#809980}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#e6193c}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#87711d}.hljs-string,.hljs-symbol,.hljs-bullet{color:#29a329}.hljs-title,.hljs-section{color:#3d62f5}.hljs-keyword,.hljs-selector-tag{color:#ad2bee}.hljs{display:block;overflow-x:auto;background:#131513;color:#8ca68c;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-seaside-light.min.css
vendored
Normal file
1
static/highlight-js/atelier-seaside-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#687d68}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#e6193c}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#87711d}.hljs-string,.hljs-symbol,.hljs-bullet{color:#29a329}.hljs-title,.hljs-section{color:#3d62f5}.hljs-keyword,.hljs-selector-tag{color:#ad2bee}.hljs{display:block;overflow-x:auto;background:#f4fbf4;color:#5e6e5e;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-sulphurpool-dark.min.css
vendored
Normal file
1
static/highlight-js/atelier-sulphurpool-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#898ea4}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#c94922}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#c76b29}.hljs-string,.hljs-symbol,.hljs-bullet{color:#ac9739}.hljs-title,.hljs-section{color:#3d8fd1}.hljs-keyword,.hljs-selector-tag{color:#6679cc}.hljs{display:block;overflow-x:auto;background:#202746;color:#979db4;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atelier-sulphurpool-light.min.css
vendored
Normal file
1
static/highlight-js/atelier-sulphurpool-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs-comment,.hljs-quote{color:#6b7394}.hljs-variable,.hljs-template-variable,.hljs-attribute,.hljs-tag,.hljs-name,.hljs-regexp,.hljs-link,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#c94922}.hljs-number,.hljs-meta,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params{color:#c76b29}.hljs-string,.hljs-symbol,.hljs-bullet{color:#ac9739}.hljs-title,.hljs-section{color:#3d8fd1}.hljs-keyword,.hljs-selector-tag{color:#6679cc}.hljs{display:block;overflow-x:auto;background:#f5f7ff;color:#5e6687;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/atom-one-dark-reasonable.min.css
vendored
Normal file
1
static/highlight-js/atom-one-dark-reasonable.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf;background:#282c34}.hljs-keyword,.hljs-operator{color:#F92672}.hljs-pattern-match{color:#F92672}.hljs-pattern-match .hljs-constructor{color:#61aeee}.hljs-function{color:#61aeee}.hljs-function .hljs-params{color:#A6E22E}.hljs-function .hljs-params .hljs-typing{color:#FD971F}.hljs-module-access .hljs-module{color:#7e57c2}.hljs-constructor{color:#e2b93d}.hljs-constructor .hljs-string{color:#9CCC65}.hljs-comment,.hljs-quote{color:#b18eb1;font-style:italic}.hljs-doctag,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-link{text-decoration:underline}
|
||||
1
static/highlight-js/atom-one-dark.min.css
vendored
Normal file
1
static/highlight-js/atom-one-dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-link{text-decoration:underline}
|
||||
1
static/highlight-js/atom-one-light.min.css
vendored
Normal file
1
static/highlight-js/atom-one-light.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;color:#383a42;background:#fafafa}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#a626a4}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#50a14f}.hljs-built_in,.hljs-class .hljs-title{color:#c18401}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#986801}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#4078f2}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-link{text-decoration:underline}
|
||||
1
static/highlight-js/brown-paper.min.css
vendored
Normal file
1
static/highlight-js/brown-paper.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;background:#b7a68e url(./brown-papersq.png)}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#005599;font-weight:bold}.hljs,.hljs-subst{color:#363c69}.hljs-string,.hljs-title,.hljs-section,.hljs-type,.hljs-attribute,.hljs-symbol,.hljs-bullet,.hljs-built_in,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable,.hljs-link,.hljs-name{color:#2c009f}.hljs-comment,.hljs-quote,.hljs-meta,.hljs-deletion{color:#802022}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-title,.hljs-section,.hljs-type,.hljs-name,.hljs-strong{font-weight:bold}.hljs-emphasis{font-style:italic}
|
||||
BIN
static/highlight-js/brown-papersq.png
Normal file
BIN
static/highlight-js/brown-papersq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
1
static/highlight-js/codepen-embed.min.css
vendored
Normal file
1
static/highlight-js/codepen-embed.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;background:#222;color:#fff}.hljs-comment,.hljs-quote{color:#777}.hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-regexp,.hljs-meta,.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-params,.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-deletion{color:#ab875d}.hljs-section,.hljs-title,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-type,.hljs-attribute{color:#9b869b}.hljs-string,.hljs-keyword,.hljs-selector-tag,.hljs-addition{color:#8f9c6c}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
1
static/highlight-js/color-brewer.min.css
vendored
Normal file
1
static/highlight-js/color-brewer.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;background:#fff}.hljs,.hljs-subst{color:#000}.hljs-string,.hljs-meta,.hljs-symbol,.hljs-template-tag,.hljs-template-variable,.hljs-addition{color:#756bb1}.hljs-comment,.hljs-quote{color:#636363}.hljs-number,.hljs-regexp,.hljs-literal,.hljs-bullet,.hljs-link{color:#31a354}.hljs-deletion,.hljs-variable{color:#88f}.hljs-keyword,.hljs-selector-tag,.hljs-title,.hljs-section,.hljs-built_in,.hljs-doctag,.hljs-type,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-strong{color:#3182bd}.hljs-emphasis{font-style:italic}.hljs-attribute{color:#e6550d}
|
||||
1
static/highlight-js/darcula.min.css
vendored
Normal file
1
static/highlight-js/darcula.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;background:#2b2b2b;color:#bababa}.hljs-strong,.hljs-emphasis{color:#a8a8a2}.hljs-bullet,.hljs-quote,.hljs-link,.hljs-number,.hljs-regexp,.hljs-literal{color:#6896ba}.hljs-code,.hljs-selector-class{color:#a6e22e}.hljs-emphasis{font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-attribute,.hljs-name,.hljs-variable{color:#cb7832}.hljs-params{color:#b9b9b9}.hljs-string{color:#6a8759}.hljs-subst,.hljs-type,.hljs-built_in,.hljs-builtin-name,.hljs-symbol,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-template-tag,.hljs-template-variable,.hljs-addition{color:#e0c46c}.hljs-comment,.hljs-deletion,.hljs-meta{color:#7f7f7f}
|
||||
1
static/highlight-js/dark.min.css
vendored
Normal file
1
static/highlight-js/dark.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:.5em;background:#444}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-link{color:white}.hljs,.hljs-subst{color:#ddd}.hljs-string,.hljs-title,.hljs-name,.hljs-type,.hljs-attribute,.hljs-symbol,.hljs-bullet,.hljs-built_in,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#d88}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:#777}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-title,.hljs-section,.hljs-doctag,.hljs-type,.hljs-name,.hljs-strong{font-weight:bold}.hljs-emphasis{font-style:italic}
|
||||
1
static/highlight-js/darkula.min.css
vendored
Normal file
1
static/highlight-js/darkula.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
@import url('darcula.css');
|
||||
Some files were not shown because too many files have changed in this diff Show more
Reference in a new issue