ligi / presentations

testing reveal.js

title	description	theme	transition	permalink
Reveal.js presentation template	Reveal.js presentation template running with Jekyll hosted on GitHub Pages.	serif	slide	/

<textarea data-template>

revealjs-presentation-template

• Click on Use the template or fork this repo.
• git submodule add -f https://github.com/hakimel/reveal.js/ assets/vendor/reveal.js
• git commit -a.
• Activate GitHub Pages in repository settings and set source to master branch.

</textarea>

<textarea data-template>

Run it locally

git submodule add -f https://github.com/hakimel/reveal.js/ assets/vendor/reveal.js
gem install jekyll bundler
bundle exec jekyll serve

</textarea>

<textarea data-template>

Headings

# H1
## H2
### H3
#### H4
##### H5
###### H6

</textarea>

<textarea data-template>

Emphasis

Emphasis, aka italics, with asterisks or underscores.

Strong emphasis, aka bold, with asterisks or underscores.

Combined emphasis with asterisks and underscores.

Strikethrough uses two tildes. Scratch this. </textarea>

<textarea data-template>

Links

I'm an inline-style link. I'm an inline-style link with title. I'm a reference-style link. I'm a relative reference to a repository file. You can use numbers for reference-style link definitions Or leave it empty and use the link text itself.

URLs and URLs in angle brackets will automatically get turned into links. http://www.example.com or http://www.example.com.

</textarea>

<textarea data-template>

Images

Here's our logo (hover to see the title text):

Inline-style:

Reference-style:

</textarea>

<textarea data-template>

Code and syntax highlight

var s = "JavaScript syntax highlighting";
alert(s);

s = "Python syntax highlighting"
print s

No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.

</textarea>

<textarea data-template>

Tables I

Colons can be used to align columns.

Tables	Are	Cool
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

</textarea>

<textarea data-template>

Tables II

There must be at least 3 dashes separating each header cell. The outer pipes (|) are optional, and you don't need to make the raw Markdown line up prettily. You can also use inline Markdown.

Markdown	Less	Pretty
Still	renders	nicely
1	2	3

</textarea>

<textarea data-template>

Blockquotes

Blockquotes are very handy in email to emulate reply text. This line is part of the same quote.

This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.

</textarea>

<textarea data-template>

Inline HTML

Definition list

Is something people use sometimes.

Markdown in HTML

Does *not* work **very** well. Use HTML tags.

</textarea>

<textarea data-template>

Inline LaTeX

When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

</textarea>

<textarea data-template>

YouTube Videos

<iframe width="840" height="480" src="https://www.youtube.com/embed/HUBNt18RFbo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Just copy and paste the embedded code from YouTube.

</textarea>