org2slides 0.2.0

data/templates/reveal_js_template/css/theme/default.css

@@ -0,0 +1,169 @@
+/**
+ * The default theme for reveal.js presentations.
+ * 
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
+ */
+
+/*********************************************
+ * FONT-FACE DEFINITIONS
+ *********************************************/
+
+@font-face {
+	font-family: 'League Gothic';
+	src: url('../../lib/font/league_gothic-webfont.eot');
+	src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
+		 url('../../lib/font/league_gothic-webfont.woff') format('woff'),
+		 url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
+		 url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
+
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+
+body {
+	font-family: 'Lato', Times, 'Times New Roman', serif;
+	font-size: 36px;
+	font-weight: 200;
+	letter-spacing: -0.02em;
+	color: #eee;
+
+	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NTVhNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWMxZTIwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+	background-color: #2b2b2b;
+	background: -moz-radial-gradient(center, ellipse cover,  rgba(85,90,95,1) 0%, rgba(28,30,32,1) 100%);
+	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(85,90,95,1)), color-stop(100%,rgba(28,30,32,1)));
+	background: -webkit-radial-gradient(center, ellipse cover,  rgba(85,90,95,1) 0%,rgba(28,30,32,1) 100%);
+	background: -o-radial-gradient(center, ellipse cover,  rgba(85,90,95,1) 0%,rgba(28,30,32,1) 100%);
+	background: -ms-radial-gradient(center, ellipse cover,  rgba(85,90,95,1) 0%,rgba(28,30,32,1) 100%);
+	background: radial-gradient(center, ellipse cover,  rgba(85,90,95,1) 0%,rgba(28,30,32,1) 100%);
+}
+
+
+/*********************************************
+ * HEADERS
+ *********************************************/
+
+.reveal h1, 
+.reveal h2, 
+.reveal h3, 
+.reveal h4, 
+.reveal h5, 
+.reveal h6 {
+	margin: 0 0 20px 0;
+	color: #eee;
+	font-family: 'League Gothic', Impact, sans-serif;
+	line-height: 0.9em;
+	letter-spacing: 0.02em;
+	
+	text-transform: uppercase;
+	text-shadow: 0px 0px 6px rgba(0,0,0,0.2);
+}
+
+.reveal h1 {
+	text-shadow: 	0 1px 0 #ccc,
+					0 2px 0 #c9c9c9,
+					0 3px 0 #bbb,
+					0 4px 0 #b9b9b9,
+					0 5px 0 #aaa,
+					0 6px 1px rgba(0,0,0,.1),
+					0 0 5px rgba(0,0,0,.1),
+					0 1px 3px rgba(0,0,0,.3),
+					0 3px 5px rgba(0,0,0,.2),
+					0 5px 10px rgba(0,0,0,.25),
+					0 20px 20px rgba(0,0,0,.15);
+}
+
+
+/*********************************************
+ * LINKS
+ *********************************************/
+
+.reveal a:not(.image) {
+	color: hsl(185, 85%, 50%);
+	text-decoration: none;
+
+	-webkit-transition: color .15s ease;
+	   -moz-transition: color .15s ease;
+	    -ms-transition: color .15s ease;
+	     -o-transition: color .15s ease;
+	        transition: color .15s ease;
+}
+	.reveal a:not(.image):hover {
+		color: hsl(185, 85%, 70%);
+		
+		text-shadow: none;
+		border: none;
+		border-radius: 2px;
+	}
+
+.reveal .roll span:after {
+	color: #fff;
+	background: hsl(185, 60%, 35%);
+}
+
+
+/*********************************************
+ * IMAGES
+ *********************************************/
+
+.reveal section img {
+	margin: 30px 0 0 0;
+	background: rgba(255,255,255,0.12);
+	border: 4px solid #eee;
+	
+	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+	
+	-webkit-transition: all .2s linear;
+	   -moz-transition: all .2s linear;
+	    -ms-transition: all .2s linear;
+	     -o-transition: all .2s linear;
+	        transition: all .2s linear;
+}
+
+	.reveal a:hover img {
+		background: rgba(255,255,255,0.2);
+		border-color: #13DAEC;
+		
+		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
+		   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
+		        box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
+	}
+
+
+/*********************************************
+ * NAVIGATION CONTROLS
+ *********************************************/
+
+.reveal .controls a {
+	color: #fff;
+}
+	.reveal .controls a.enabled {
+		color: hsl(185, 85%, 70%);
+		text-shadow: 0px 0px 2px hsla(185, 45%, 70%, 0.3);
+	}
+
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+
+.reveal .progress {
+	background: rgba(0,0,0,0.2);
+}
+	.reveal .progress span {
+		background: hsl(185, 85%, 50%);
+
+		-webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+		   -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+		    -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+		     -o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+		        transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+	}
+
+

data/templates/reveal_js_template/css/theme/simple.css

@@ -0,0 +1,164 @@
+/**
+ * A simple theme for reveal.js presentations, similar 
+ * to the default theme. The accent color is darkblue; 
+ * do a find-replace to change it.
+ * 
+ * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
+ * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se; so is the theme - beige.css - that this is based off of.
+ */
+
+/*********************************************
+ * FONT-FACE DEFINITIONS
+ *********************************************/
+
+@font-face {
+	font-family: 'League Gothic';
+	src: url('../../lib/font/league_gothic-webfont.eot');
+	src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
+		 url('../../lib/font/league_gothic-webfont.woff') format('woff'),
+		 url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
+		 url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
+
+	font-weight: normal;
+	font-style: normal;
+}
+
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+
+body {
+	font-family: 'Lato', Times, 'Times New Roman', serif;
+	font-size: 36px;
+	font-weight: 200;
+	letter-spacing: -0.02em;
+	color: black !important;
+
+	background: white;
+}
+
+::-moz-selection {
+    background:rgba(0, 0, 0, 0.99);
+	color: white; 
+}
+::-webkit-selection {
+    background:rgba(0, 0, 0, 0.99);
+	color: white; 
+}
+::selection {
+    background:rgba(0, 0, 0, 0.99);
+	color: white; 
+}
+
+/*********************************************
+ * HEADERS
+ *********************************************/
+
+.reveal h1, 
+.reveal h2, 
+.reveal h3, 
+.reveal h4, 
+.reveal h5, 
+.reveal h6 {
+	margin: 0 0 20px 0;
+	color: black;
+	font-family: 'League Gothic', Impact, sans-serif;
+	line-height: 0.9em;
+	letter-spacing: 0.02em;
+	
+	text-transform: uppercase;
+}
+
+.reveal h1 {
+	border-bottom: 5px dashed black;
+}
+
+
+/*********************************************
+ * LINKS
+ *********************************************/
+
+.reveal a:not(.image) {
+	color: darkblue;
+	text-decoration: none;
+
+	-webkit-transition: color .15s ease;
+	   -moz-transition: color .15s ease;
+	    -ms-transition: color .15s ease;
+	     -o-transition: color .15s ease;
+	        transition: color .15s ease;
+}
+	.reveal a:not(.image):hover {
+		text-shadow: none;
+		border: none;
+		border-radius: 2px;
+	}
+
+.reveal .roll span:after {
+	color: #fff;
+	background: darkblue;
+}
+
+
+/*********************************************
+ * IMAGES
+ *********************************************/
+
+.reveal section img {
+	margin: 30px 0 0 0;
+	background: rgba(255,255,255,0.12);
+	border: 4px solid #eee;
+	
+	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+	        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+	
+	-webkit-transition: all .2s linear;
+	   -moz-transition: all .2s linear;
+	    -ms-transition: all .2s linear;
+	     -o-transition: all .2s linear;
+	        transition: all .2s linear;
+}
+
+	.reveal a:hover img {
+		background: rgba(255,255,255,0.2);
+		border-color: darkblue;
+		
+		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
+		   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
+		        box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
+	}
+
+
+/*********************************************
+ * NAVIGATION CONTROLS
+ *********************************************/
+
+.reveal .controls a {
+	color: black;
+}
+	.reveal .controls a.enabled {
+		color: darkblue;
+		opacity: 1;
+		text-shadow: 0px 0px 2px hsla(185, 45%, 70%, 0.3);
+	}
+
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+
+.reveal .progress {
+	background: rgba(0,0,0,0.2);
+}
+	.reveal .progress span {
+		background: darkblue;
+
+		-webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+		   -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+		    -ms-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+		     -o-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+		        transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+	}
+
+

data/templates/reveal_js_template/index.html

@@ -0,0 +1,231 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>How to Git(orious) - Git basics</title>
+    <meta name="author" content="Christian Johansen">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="css/theme/default.css">
+    <!-- For syntax highlighting -->
+    <link rel="stylesheet" href="lib/css/zenburn.css">
+    <script>
+      // If the query includes 'print-pdf' we'll use the PDF print sheet
+      document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
+    </script>
+    <!--[if lt IE 9]>
+        <script src="lib/js/html5shiv.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+    <div class="reveal">
+      <!-- Used to fade in a background when a specific slide state is reached -->
+      <div class="state-background"></div>
+
+      <!-- Any section element inside of this container is displayed as a slide -->
+      <div class="slides">
+        <section>
+          <section data-state="blackout">
+            <h1>How to Git(orious)</h1>
+            <p>Thomas K. Nilsson, thomas@gitorious.com</p>
+            <p>Christian Johansen, christian@gitorious.com</p>
+          </section>
+          <section>
+            <h2>About us</h2>
+            <p><img src="images/gitorious-org.png" alt="Gitorious"/></p>
+          </section>
+          <section>
+            <h2>Goals</h2>
+            <ul>
+              <li class="fragment">Git: <strong class="fragment">D</strong>VCS</li>
+              <li class="fragment">Using Git "like SVN"</li>
+              <li class="fragment">Tracking content the Git way</li>
+              <li class="fragment">Branches and tags</li>
+              <li class="fragment">Merging and rebasing</li>
+              <li class="fragment">Remotes, push and pull</li>
+              <li class="fragment">How Gitorious fits in</li>
+            </ul>
+          </section>
+          <section>
+            <h2>Getting acquainted</h2>
+            <ul>
+              <li>Your name?</li>
+              <li>Experience with Git?</li>
+              <li>Experience with other VCS?</li>
+              <li>Expectations to course</li>
+            </ul>
+          </section>
+        </section>
+        <section>
+          <section data-state="blackout">
+            <h1>Git basics</h1>
+          </section>
+          <section>
+            <h2><strong>De</strong>centralized</h2>
+            <p>The basic principles of distributed version control</p>
+          </section>
+          <section>
+            <h2>Our first Git repository</h2>
+            <pre><code contenteditable>$ mkdir myproject
+<span class="fragment">$ cd myproject
+</span><span class="fragment">$ git init .
+</span><span class="fragment">$ ls -la
+</span><span class="fragment">total 24
+drwxrwxr-x.  3 christian christian  4096 Jan  2 14:46 .
+drwxrwxrwt. 40 christian christian 12288 Jan  2 14:46 ..
+drwxrwxr-x.  7 christian christian  4096 Jan  2 14:46 .git</span></code></pre>
+          </section>
+          <section>
+            <h2>Status?</h2>
+            <pre><code contenteditable>$ echo "Hello, world" &gt; hello.txt
+<span class="fragment">$ git status
+</span><span class="fragment"># On branch master
+#
+# Initial commit
+#
+# Untracked files:
+#   (use "git add &lt;file&gt;..." to include in what will be committed)
+#
+#       hello.txt
+nothing added to commit but untracked files present (use "git add"
+to track)</span></code></pre>
+          </section>
+          <section>
+            <h2>Git, the SVN way</h2>
+            <pre><code>$ git add hello.txt
+<span class="fragment">$ # Or like this: `git add .`
+</span><span class="fragment">$ git commit -m "My first commit"
+</span><span class="fragment">[master (root-commit) 4894391] My first commit
+ 1 file changed, 1 insertion(+)
+ create mode 100644 hello.txt
+</span><span class="fragment">$ git status
+</span><span class="fragment"># On branch master
+nothing to commit (working directory clean)</span></code></pre>
+          </section>
+          <section>
+            <h2>Browsing history</h2>
+            <pre><code contenteditable>$ git log
+<span class="fragment">commit 4894391c0722cb9dd1d67d49b42717d4455534ef
+Author: Christian Johansen &lt;christian@cjohansen.no&gt;
+Date:   Wed Jan 2 14:55:24 2013 +0100
+
+    My first commit
+</span></code></pre>
+          </section>
+          <section>
+            <h2>Inspecting history</h2>
+            <pre><code contenteditable>$ git show 4894391c0722cb9dd1d67d49b42717d4455534ef</code></pre>
+          </section>
+          <section>
+            <h2>Short oid's</h2>
+            <pre><code contenteditable>$ git show 4894391</code></pre>
+          </section>
+          <section>
+            <h2>What's in .git?</h2>
+            <ul>
+              <li class="fragment">objects</li>
+              <li class="fragment">refs</li>
+            </ul>
+          </section>
+          <section>
+            <h2>Tracking more content</h2>
+            <pre><code contenteditable>$ echo "Yes, hello" &gt;&gt; hello.txt
+<span class="fragment">$ git commit -m "Added more intriguing dialogue"
+</span><span class="fragment"># On branch master
+# Changes not staged for commit:
+#  (use "git add &lt;file&gt;..." to update what will be committed)
+#  (use "git checkout -- &lt;file&gt;..." to discard changes in working directory)
+#
+#       modified:   hello.txt
+#
+no changes added to commit (use "git add" and/or "git commit -a")</span></code></pre>
+          </section>
+          <section>
+            <h2>Git, the SVN way</h2>
+            <pre><code>$ git commit -am "Added more intriguing dialogue"</code></pre>
+          </section>
+          <section>
+            <h2>The Git way: The staging area</h2>
+          </section>
+          <section data-state="blackout">
+            <h2>Important lesson!</h2>
+            <h1 class="fragment">Git tracks content</h1>
+            <h1 class="fragment"><strong>not</strong> files</h1>
+          </section>
+          <section>
+            <h2>Staging changes</h2>
+          </section>
+          <section>
+            <h2>Interactive stage</h2>
+          </section>
+          <section>
+            <h2>Staging patches</h2>
+          </section>
+          <section>
+            <h2>Staging patches in a GUI</h2>
+            <p>
+              Git's staging area and `git add -p` will change how you
+              use version control. Especially when combined with a UI
+              that makes these features conveniently available.
+              Example with Emacs and Magit.
+            </p>
+          </section>
+        </section>
+        <section>
+          <section data-state="blackout">
+            <h1>Unearthing history</h1>
+            <p>With <code>git-log</code> and <code>git-diff</code></p>
+          </section>
+          <section>
+            <h1>Pretty graphs</h1>
+            <p>With <code>git-log</code></p>
+          </section>
+        </section>
+        <section>
+          <section data-state="blackout">
+            <h1>Locating content</h1>
+            <p>With <code>git-grep</code></p>
+          </section>
+        </section>
+        <section>
+          <section data-state="soothe">
+            <h2>Exercise: Your first Git repository</h2>
+          </section>
+        </section>
+      </div>
+
+      <!-- The navigational controls UI -->
+      <aside class="controls">
+        <a class="left" href="#">&#x25C4;</a>
+        <a class="right" href="#">&#x25BA;</a>
+        <a class="up" href="#">&#x25B2;</a>
+        <a class="down" href="#">&#x25BC;</a>
+      </aside>
+      <!-- Presentation progress bar -->
+      <div class="progress"><span></span></div>
+    </div>
+    <script src="lib/js/head.min.js"></script>
+    <script src="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,
+          transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/linear(2d)
+          // Optional libraries used to extend on reveal.js
+          dependencies: [
+              { src: 'lib/js/highlight.js', async: true, callback: function() { window.hljs.initHighlightingOnLoad(); } },
+              { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
+              { src: 'lib/js/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+              { src: 'lib/js/data-markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+              { src: 'socket.io/socket.io.js', async: true, condition: function() { return window.location.host === 'localhost:1947'; } },
+              { src: 'plugin/speakernotes/client.js', async: true, condition: function() { return window.location.host === 'localhost:1947'; } },
+          ]
+      });
+    </script>
+  </body>
+</html>