diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..12123b5 --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "reveal.js"] + path = reveal.js + url = https://github.com/hakimel/reveal.js.git diff --git a/README.md b/README.md new file mode 100644 index 0000000..4093e28 --- /dev/null +++ b/README.md @@ -0,0 +1,41 @@ +# Jekyll & Reveal.js + +A Jekyll-Site for creating presentations based on Reveal.js + +## Introduction + +If you like [Reveal.js][] for creating your online presentations and like the site +management [Jekyll][] gives you, here's an easy way to create a presentation using +Jekyll and Reveal.js + +## Howto + +First, [install Jekyll][]. After that, clone this repository and create a branch +for your new presentation: + + git clone + git checkout presentation1 + +Clean the Example presentation: + + git rm _posts/* + mkdir _posts + +After that, add your slides into the _posts-subdirectory in clean Markdown syntax +and you're ready to go with building your presentation with Jekyll: + + jekyll build + +## Slide filenames + +Because we're using the Jekyll post framework here, we're bound to the conventions +of Jekyll posts, namely being + + ---.md + +But everything should work well, if you just name the files + + 1-1-1-1.md + 1-1-1-2.md + +and so forth. diff --git a/_config.yml b/_config.yml index 85daa77..4544a14 100644 --- a/_config.yml +++ b/_config.yml @@ -1,3 +1,4 @@ -name: Your New Jekyll Site +name: Jekyll and Reveal.js markdown: redcarpet pygments: true +markdown_ext: ignoreme diff --git a/_layouts/default.html b/_layouts/default.html deleted file mode 100644 index 22e7e3f..0000000 --- a/_layouts/default.html +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html> -<html> - <head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - <title>{{ page.title }} - - - - - - - - - - - -
-
-

{{ site.name }}

- home -
- - {{ content }} - -
-
-

- Your Name
- What You Are
- you@example.com -

-
-
-

- github.com/yourusername
- twitter.com/yourusername
-

-
-
-
- - - diff --git a/_layouts/post.html b/_layouts/post.html deleted file mode 100644 index 04e3586..0000000 --- a/_layouts/post.html +++ /dev/null @@ -1,9 +0,0 @@ ---- -layout: default ---- -

{{ page.title }}

-

{{ page.date | date_to_string }}

- -
-{{ content }} -
diff --git a/_layouts/reveal.html b/_layouts/reveal.html new file mode 100644 index 0000000..fe4139d --- /dev/null +++ b/_layouts/reveal.html @@ -0,0 +1,79 @@ + + + + + + + {{ page.title }} + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + {{ content }} + +
+ +
+ + + + + + + + diff --git a/_posts/1-1-1-1.html b/_posts/1-1-1-1.html new file mode 100644 index 0000000..c29c90b --- /dev/null +++ b/_posts/1-1-1-1.html @@ -0,0 +1,3 @@ +## Welcome + +Welcome to the Jekyll/Reveal.js example presentation. diff --git a/_posts/1-1-1-2.md b/_posts/1-1-1-2.md new file mode 100644 index 0000000..537d0cd --- /dev/null +++ b/_posts/1-1-1-2.md @@ -0,0 +1,3 @@ +## Slide 2 + +This is the second slide. And it's just another file inside the _posts-directory. diff --git a/_posts/1-1-1-3.md b/_posts/1-1-1-3.md new file mode 100644 index 0000000..3f14332 --- /dev/null +++ b/_posts/1-1-1-3.md @@ -0,0 +1,6 @@ +## Fragments + +It's also possible to do fragments. + +- Like +- This diff --git a/_posts/1-1-1-4.md b/_posts/1-1-1-4.md new file mode 100644 index 0000000..913caf5 --- /dev/null +++ b/_posts/1-1-1-4.md @@ -0,0 +1,15 @@ +## Vertical Slides + +Or + +-- + +Even + +-- + +Vertical + +-- + +Slides diff --git a/_posts/2013-12-10-welcome-to-jekyll.markdown b/_posts/2013-12-10-welcome-to-jekyll.markdown deleted file mode 100644 index fe34a0c..0000000 --- a/_posts/2013-12-10-welcome-to-jekyll.markdown +++ /dev/null @@ -1,24 +0,0 @@ ---- -layout: post -title: "Welcome to Jekyll!" -date: 2013-12-10 15:22:27 -categories: jekyll update ---- - -You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes! -To add new posts, simply add a file in the `_posts` directory that follows the convention: YYYY-MM-DD-name-of-post.ext. - -Jekyll also offers powerful support for code snippets: - -{% highlight ruby %} -def print_hi(name) - puts "Hi, #{name}" -end -print_hi('Tom') -#=> prints 'Hi, Tom' to STDOUT. -{% endhighlight %} - -Check out the [Jekyll docs][jekyll] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh]. - -[jekyll-gh]: https://github.com/mojombo/jekyll -[jekyll]: http://jekyllrb.com diff --git a/css/main.css b/css/main.css deleted file mode 100755 index 1a2c013..0000000 --- a/css/main.css +++ /dev/null @@ -1,160 +0,0 @@ -/*****************************************************************************/ -/* -/* Common -/* -/*****************************************************************************/ - -/* Global Reset */ -* { - margin: 0; - padding: 0; -} - -html, body { height: 100%; } - -body { - background-color: #FFF; - font: 13.34px Helvetica, Arial, sans-serif; - font-size: small; - text-align: center; -} - -h1, h2, h3, h4, h5, h6 { - font-size: 100%; } - -h1 { margin-bottom: 1em; } -p { margin: 1em 0; } - -a { color: #00a; } -a:hover { color: #000; } -a:visited { color: #a0a; } - -/*****************************************************************************/ -/* -/* Home -/* -/*****************************************************************************/ -.posts { - list-style-type: none; - margin-bottom: 2em; -} - -.posts li { - line-height: 1.75em; -} - -.posts span { - color: #aaa; - font-family: Monaco, "Courier New", monospace; - font-size: 80%; -} - -/*****************************************************************************/ -/* -/* Site -/* -/*****************************************************************************/ - -.site { - font-size: 115%; - text-align: justify; - width: 42em; - margin: 3em auto 2em; - line-height: 1.5em; -} - -.header a { - font-weight: bold; - text-decoration: none; -} - -.title { - display: inline-block; - margin-bottom: 2em; -} - -.title a { - color: #a00; -} - -.title a:hover { - color: #000; -} - -.header a.extra { - color: #aaa; - margin-left: 1em; -} - -.header a.extra:hover { - color: #000; -} - -.meta { - color: #aaa; -} - -.footer { - font-size: 80%; - color: #666; - border-top: 4px solid #eee; - margin-top: 2em; - overflow: hidden; -} - -.footer .contact { - float: left; - margin-right: 3em; -} - -.footer .contact a { - color: #8085C1; -} - -.footer .rss { - margin-top: 1.1em; - margin-right: -.2em; - float: right; -} - -.footer .rss img { - border: 0; -} - -/*****************************************************************************/ -/* -/* Posts -/* -/*****************************************************************************/ - -/* standard */ -.post pre { - border: 1px solid #ddd; - background-color: #eef; - padding: 0 .4em; -} - -.post ul, .post ol { - margin-left: 1.35em; -} - -.post code { - border: 1px solid #ddd; - background-color: #eef; - padding: 0 .2em; -} - -.post pre code { - border: none; -} - -/* terminal */ -.post pre.terminal { - border: 1px solid #000; - background-color: #333; - color: #FFF; -} - -.post pre.terminal code { - background-color: #333; -} diff --git a/css/syntax.css b/css/syntax.css deleted file mode 100644 index 2774b76..0000000 --- a/css/syntax.css +++ /dev/null @@ -1,60 +0,0 @@ -.highlight { background: #ffffff; } -.highlight .c { color: #999988; font-style: italic } /* Comment */ -.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ -.highlight .k { font-weight: bold } /* Keyword */ -.highlight .o { font-weight: bold } /* Operator */ -.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ -.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ -.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ -.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ -.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #aa0000 } /* Generic.Error */ -.highlight .gh { color: #999999 } /* Generic.Heading */ -.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ -.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ -.highlight .go { color: #888888 } /* Generic.Output */ -.highlight .gp { color: #555555 } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #aaaaaa } /* Generic.Subheading */ -.highlight .gt { color: #aa0000 } /* Generic.Traceback */ -.highlight .kc { font-weight: bold } /* Keyword.Constant */ -.highlight .kd { font-weight: bold } /* Keyword.Declaration */ -.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ -.highlight .kr { font-weight: bold } /* Keyword.Reserved */ -.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ -.highlight .m { color: #009999 } /* Literal.Number */ -.highlight .s { color: #d14 } /* Literal.String */ -.highlight .na { color: #008080 } /* Name.Attribute */ -.highlight .nb { color: #0086B3 } /* Name.Builtin */ -.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ -.highlight .no { color: #008080 } /* Name.Constant */ -.highlight .ni { color: #800080 } /* Name.Entity */ -.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ -.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ -.highlight .nn { color: #555555 } /* Name.Namespace */ -.highlight .nt { color: #000080 } /* Name.Tag */ -.highlight .nv { color: #008080 } /* Name.Variable */ -.highlight .ow { font-weight: bold } /* Operator.Word */ -.highlight .w { color: #bbbbbb } /* Text.Whitespace */ -.highlight .mf { color: #009999 } /* Literal.Number.Float */ -.highlight .mh { color: #009999 } /* Literal.Number.Hex */ -.highlight .mi { color: #009999 } /* Literal.Number.Integer */ -.highlight .mo { color: #009999 } /* Literal.Number.Oct */ -.highlight .sb { color: #d14 } /* Literal.String.Backtick */ -.highlight .sc { color: #d14 } /* Literal.String.Char */ -.highlight .sd { color: #d14 } /* Literal.String.Doc */ -.highlight .s2 { color: #d14 } /* Literal.String.Double */ -.highlight .se { color: #d14 } /* Literal.String.Escape */ -.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ -.highlight .si { color: #d14 } /* Literal.String.Interpol */ -.highlight .sx { color: #d14 } /* Literal.String.Other */ -.highlight .sr { color: #009926 } /* Literal.String.Regex */ -.highlight .s1 { color: #d14 } /* Literal.String.Single */ -.highlight .ss { color: #990073 } /* Literal.String.Symbol */ -.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ -.highlight .vc { color: #008080 } /* Name.Variable.Class */ -.highlight .vg { color: #008080 } /* Name.Variable.Global */ -.highlight .vi { color: #008080 } /* Name.Variable.Instance */ -.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ diff --git a/index.html b/index.html index c726819..15ff3b6 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,12 @@ --- -layout: default -title: Your New Jekyll Site +layout: reveal +title: Reveal.js Example presentation --- -
-

Blog Posts

-
    - {% for post in site.posts %} -
  • {{ post.date | date_to_string }} » {{ post.title }}
    • - {% endfor %} -
-
\ No newline at end of file +{% for post in site.posts reversed %} +
+ +
+{% endfor %} diff --git a/reveal.js b/reveal.js new file mode 160000 index 0000000..4068c52 --- /dev/null +++ b/reveal.js @@ -0,0 +1 @@ +Subproject commit 4068c5221d8550a78cd5ca8a9664b66f2cff1f54