First checkin

dploeger · Dec 10, 2013 · 20c27b0 · 20c27b0
1 parent a526dfc
commit 20c27b0
Show file tree

Hide file tree

Showing 15 changed files with 162 additions and 308 deletions.
diff --git a/.gitmodules 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
@@ -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
+
+  <year>-<month>-<day>-<title>.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
@@ -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
diff --git a/_layouts/post.html b/_layouts/post.html
diff --git a/_layouts/reveal.html b/_layouts/reveal.html
@@ -0,0 +1,79 @@
+<!doctype html>
+<html lang="en">
+
+	<head>
+		<meta charset="utf-8">
+
+		<title>{{ page.title }}</title>
+
+		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
+		<meta name="author" content="Hakim El Hattab">
+
+		<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">
+
+		<link rel="stylesheet" href="reveal.js/css/reveal.min.css">
+		<link rel="stylesheet" href="reveal.js/css/theme/default.css" id="theme">
+
+		<!-- For syntax highlighting -->
+		<link rel="stylesheet" href="reveal.js/lib/css/zenburn.css">
+
+		<!-- If the query includes 'print-pdf', use the PDF print sheet -->
+		<script>
+			document.write( '<link rel="stylesheet" href="reveal.js/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
+		</script>
+
+		<!--[if lt IE 9]>
+		<script src="reveal.js/lib/js/html5shiv.js"></script>
+		<![endif]-->
+	</head>
+
+	<body>
+
+		<div class="reveal">
+
+            <div class="slides">
+
+                {{ content }}
+
+            </div>
+
+		</div>
+
+		<script src="reveal.js/lib/js/head.min.js"></script>
+		<script src="reveal.js/js/reveal.min.js"></script>
+
+		<script>
+
+			// Full list of configuration options available here:
+			// https://github.com/hakimel/reveal.js#configuration
+			Reveal.initialize({
+				controls: true,
+				progress: true,
+				history: true,
+				center: true,
+
+				theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
+				transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
+
+				// Parallax scrolling
+				// parallaxBackgroundImage: 'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg',
+				// parallaxBackgroundSize: '2100px 900px',
+
+				// Optional libraries used to extend on reveal.js
+				dependencies: [
+					{ src: 'reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
+					{ src: 'reveal.js/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+					{ src: 'reveal.js/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+					{ src: 'reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
+					{ src: 'reveal.js/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
+					{ src: 'reveal.js/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
+				]
+			});
+
+		</script>
+
+	</body>
+</html>
diff --git a/_posts/1-1-1-1.html 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
@@ -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
@@ -0,0 +1,6 @@
+## Fragments
+
+It's also possible to do fragments.
+
+- Like <!-- .element: class="fragment" -->
+- This <!-- .element: class="fragment" -->
diff --git a/_posts/1-1-1-4.md 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