nopoint 0.1.2 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 74f479ccd2e43dd24eeb9de9bf504b8abf16cc2d
-  data.tar.gz: f2fafee079f2c349f06e80281077b7bc47ca1289
+  metadata.gz: b59dab6bf207fcf978c930a0e37d72515b808627
+  data.tar.gz: 60310224bd93de509cf51de5de961aca8f48c17b
 SHA512:
-  metadata.gz: 5928f10e065dd5a1f52b3f51f46a92994d87a7aea534c512d3807b8a714763e3d628e093207295cbd6a075e5770d529a8434615996002577697f44f293c034cd
-  data.tar.gz: 2233c1a9c6d05548bb9aaa69556a78339a992e9a1fd572a9bec816fabb788b79f195a578f53832d84814690245461b2e40f9d950f1b56b14301620a60c109c6b
+  metadata.gz: 4a7b34059b066f2172fc562e4a5f7528a4a72455f7c1da929d215b41d9f886ca7855ce91093b9d8e1797b6d8e077de85c9a916a4ae1656f4201a5d956f502381
+  data.tar.gz: c92440d634fd6ea8e7ac41d4d304b73999ed088697deca85007afb90116cf53d55046d97b99d9d20e45735681d11a3e320b6a0338bf0998cb04d62a2de6e1237

data/bin/nopoint

@@ -13,7 +13,7 @@ default_command :help
 command :new do |c|
   c.syntax = 'nopoint new PATH [options]'
   c.summary = 'Scaffold a new Slide'
-  c.description = 'Creates a new Nopoint Slide scaffold in PATH'
+  c.description = 'Creates a new Nopoint scaffold at $PATH'
   
 	c.action do |args, options|
     Nopoint::Commands::New.process(args, options)
@@ -23,20 +23,26 @@ end
 command :serve do |c|
   c.syntax = 'nopoint serve [options]'
   c.summary = 'Start a webserver'
-  c.description = 'Starts a webserver for the slides public dir'
-
+  c.description = 'Serve your slideshow locally'
+  
+  c.option '-w', '--watch', 'watch for changes and rebuild'
+   
   c.action do |args, options|
+    # let the build command know that we are serving
+    options.default :serving => true
+    Nopoint::Commands::Build.process(options)
     Nopoint::Commands::Serve.process(options)
   end
 end
 
 command :build do |c|
   c.syntax = 'nopoint build [options]'
-  c.summary = 'Convert to html'
+  c.summary = 'Generate slideshow'
   c.description = 'Converts the slideshow to a static html site'
   
+  c.option '-w', '--watch', 'watch for changes and rebuild'
+  
 	c.action do |args, options|
     Nopoint::Commands::Build.process(options)
   end
-end
-
+end

data/lib/nopoint.rb

@@ -15,8 +15,9 @@ require 'coderay'
 
 # internal
 require 'nopoint/command'
-require 'nopoint/version'
+require 'nopoint/chapter'
 require 'nopoint/slide'
+require 'nopoint/version'
 
 require_all 'nopoint/commands'
 

data/lib/nopoint/chapter.rb

@@ -0,0 +1,26 @@
+module Nopoint
+	class Chapter
+		require 'kramdown'
+
+		attr_accessor :id, :data, :slides
+
+		def initialize(id, file)
+			@id = id
+      @slides = []
+      source = File.read(file)      
+      if source =~ /\A(---\s*\n.*?\n?)^(---\s*$\n?)/m
+         # remove the matched header
+         source = $'
+         self.data = YAML.safe_load($1)
+      else
+        self.data = Hash.new
+      end
+      
+      source.split(/\* ?\* ?\*/).each do |slide|
+        @slides << Nopoint::Slide.new(slide)
+      end
+		end
+	end
+end
+
+

data/lib/nopoint/commands/build.rb

@@ -5,34 +5,100 @@ module Nopoint
 			require 'erb'
 
 			def self.process(options)
+        puts 'Let’s go!'
+        self.build(options)
+        self.watch(options) if options.watch
+      end
+      
+      def self.build(options)
 				config = YAML.safe_load_file('config.yml')
-				layout = File.read('layout/slide.erb')
-				
-				slides = []
-				source = []
+        template = config['template'] # Error handling
 
-				config['chapters'].each do |chapter|
-					source += File.read('slides/' + chapter).split(/\* ?\* ?\*/)
+				chapters = []
+				source = []
+        destination = 'public'
+        
+				config['chapters'].each_with_index do |chapter, index|
+          name = File.join(Dir.pwd, "slides/#{chapter}")
+					chapters.push Nopoint::Chapter.new(index, name)
 				end
+        
+        # Cleanup and rebuild the Public folder
+        if File.directory? destination
+          FileUtils.rm_rf(Dir.glob("#{destination}/*"))
+        else
+          FileUtils.mkdir(destination)
+        end
+        
+        # Insert vendor template
+        FileUtils.mkdir destination + '/assets'
+        FileUtils.mkdir destination + '/slides'
+        FileUtils.mkdir destination + '/images'
+        
+			  FileUtils.cp 'vendor/index.html', destination
+        FileUtils.cp Dir.glob('vendor/*.js'), destination + '/assets'
+        FileUtils.cp_r Dir.glob('images/*'), destination + '/images' if File.directory? 'images'
+        FileUtils.cp Dir.glob("templates/#{template}/*.{css,js}"), destination + '/assets'
+        
+        # Build Stitic slides
+        @slide_index = 0
+        @slide_max = chapters.inject(0) {|sum, ch| sum + ch.slides.count}
+        @chapter_max = chapters.count
+        
+        chapters.each_with_index do |chapter, index|
+          @chapter_index = index
+          
+          if chapter.data.has_key? 'title'
+          	@title = chapter.data['title']
+          else
+            @title = ''
+          end
+          
+          chapter.slides.each do |slide|
+  				  path = "public/slides/#{@slide_index}.html"
+  				  file = File.new(path, 'w')
+					   # slides.count - 1
+  				  @content = slide.content
+					  erb = ERB.new(File.read("templates/#{template}/slide.erb"))
+            
+					  file.puts erb.result(binding)
+					  file.close
+            
+            @slide_index += 1
+				  end
+        end
+      end
+      
+      def self.watch(options)
+        require 'directory_watcher'
 
-				source.each_with_index do |slide, index|
-					slides.push Nopoint::Slide.new(index, slide)
-				end
+        source = File.join(Dir.pwd, 'slides/')
 
-				slides.each do |slide|
-  				path = "public/slides/#{slide.id}.html"
-  				file = File.new(path, 'w')
-					
-					max = slides.count - 1
-  				content = slide.content
-					id = slide.id
+        glob = './{slides/*, templates/*, config.yml, images/*}'
+        
+        puts "watching #{source} for changes"
+        
+        dw = DirectoryWatcher.new(Dir.pwd, :glob => glob, :pre_load => true)
+        dw.interval = 1
 
-					erb = ERB.new(layout)
+        dw.add_observer do |*args|
+          t = Time.now.strftime("%Y-%m-%d %H:%M:%S")
+          print "Regenerating: #{args.size} files at #{t}"
+          self.build(options)
+          puts  "...done."
+        end
 
-					file.puts erb.result(binding)
-					file.close
-				end
-			end
+        dw.start
+
+        unless options.serving
+          trap("INT") do
+            puts "     Halting auto-regeneration."
+            exit 0
+          end
+          loop { sleep 1000 }
+        end
+      end
+        
 		end
 	end
 end

data/lib/nopoint/commands/new.rb

@@ -13,8 +13,7 @@ module Nopoint
 			private
 
 			def self.create_sample_files(path)
-				FileUtils.cp_r(template + '/.', path)
-				FileUtils.mkdir_p(path + '/public/slides')
+				FileUtils.cp_r(self.template + '/.', path)
 			end
 
 			def self.template

data/lib/nopoint/slide.rb

@@ -2,14 +2,13 @@ module Nopoint
 	class Slide
 		require 'kramdown'
 
-		attr_accessor :id, :content, :comments
-
-		def initialize(id, source)
-			@id = id
+		attr_accessor :content, :comment
+    
+		def initialize(source)
 			notes = /\/\/ .*/
 			@comments = source.match(notes)
 			markdown = source.sub(notes, '')
 			@content = Kramdown::Document.new(markdown).to_html
-		end
+    end
 	end
 end

data/lib/nopoint/version.rb

@@ -1,3 +1,3 @@
 module Nopoint
-	VERSION = '0.1.2'
+	VERSION = '0.3.0'
 end

data/lib/slideshow_template/config.yml

@@ -1,2 +1,3 @@
+template: flat
 chapters:
-- intro.md
+- welcome.md

data/lib/slideshow_template/slides/welcome.md

@@ -0,0 +1,6 @@
+---
+title: welcome
+---
+
+# Welcome To Nopoint
+{: .large}

data/lib/slideshow_template/templates/flat/main.css

@@ -0,0 +1,107 @@
+* {
+  -webkit-box-sizing: padding; }
+
+body {
+  font: 25px/1.5em "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
+  color: #2c3e50;
+  background: white;
+  margin: 0;
+  min-height: 100vh;
+  flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  display: -webkit-box;
+  display: flex; }
+
+header {
+  padding: 0 50px;
+  background: #2c3e50;
+  color: white; }
+  header h1 {
+    font-size: 1.5em; }
+
+main {
+  padding: 1em;
+  margin-bottom: 1.5em;
+  position: relative;
+  -webkit-box-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  justify-content: center; }
+
+footer {
+  text-align: center;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: #2c3e50;
+  color: #95a5a6;
+  line-height: 1.5em;
+  display: -webkit-box;
+  display: flex;
+  flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal; }
+
+a {
+  color: inherit;
+  text-decoration: none; }
+
+.cell-button {
+  flex: 0 0 3em;
+  height: 1.5em;
+  background: #34495e; }
+  .cell-button a {
+    display: block;
+    height: 100%; }
+
+.cell-center {
+  -webkit-box-flex: 1;
+  flex: 1;
+  height: 1.5em;
+  margin: 0; }
+  .cell-center p {
+    margin: 0; }
+
+.large {
+  font-size: 3em; }
+
+.line-numbers {
+  margin-right: 10px;
+  opacity: 0.4; }
+
+.nolinenos .line-numbers {
+  display: none; }
+
+.full {
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  position: absolute; }
+
+.center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  display: -webkit-box;
+  -webkit-box-align: center;
+  -webkit-box-pack: center; }
+
+.hidden {
+  opacity: 0;
+  -webkit-transition-duration: 0.5s;
+  -moz-transition-duration: 0.5s;
+  transition-duration: 0.5s; }
+
+.visible {
+  opacity: 1; }
+
+pre {
+  max-width: 100vw;
+  word-wrap: break-word; }

data/lib/slideshow_template/templates/flat/main.css.map

@@ -0,0 +1,6 @@
+{
+"version": "3",
+"mappings": "AAGA,IAAI;EACF,IAAI,EAAE,2DAAuB;EAC7B,KAAK,EAAE,OAAO;EACd,UAAU,EALJ,KAAK;EAMX,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,KAAK;EACjB,cAAc,EAAE,MAAM;;AAExB,MAAM;EACJ,OAAO,EAAE,MAAM;EACf,UAAU,EAAE,OAAO;EACnB,KAAK,EAdC,KAAK;EAeX,SAAE;IACA,SAAS,EAAE,KAAK;;AAEpB,IAAI;EACF,OAAO,EAAE,GAAG;EACZ,IAAI,EAAE,CAAC;EACP,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;EACnB,eAAe,EAAE,MAAM;EACvB,aAAa,EAzBC,KAAK;EA0BnB,QAAQ,EAAE,QAAQ;;AAEpB,MAAM;EACJ,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,GAAG;EACnB,QAAQ,EAAE,KAAK;EACf,MAAM,EAAE,CAAC;EACT,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,CAAC;EACR,UAAU,EAAE,OAAO;EACnB,KAAK,EAAE,OAAO;EACd,WAAW,EAtCG,KAAK;;AAuCrB,CAAC;EACC,KAAK,EAAE,OAAO;EACd,eAAe,EAAE,IAAI;;AAEvB,YAAY;EACV,IAAI,EAAE,OAAO;EACb,MAAM,EA7CQ,KAAK;EA8CnB,UAAU,EAAE,OAAO;EACnB,cAAC;IACC,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,IAAI;;AAEhB,YAAY;EACV,IAAI,EAAE,CAAC;EACP,MAAM,EArDQ,KAAK;EAsDnB,MAAM,EAAE,CAAC;EACT,cAAC;IACC,MAAM,EAAE,CAAC;;AAEb,MAAM;EACJ,SAAS,EAAE,GAAG;;AAEhB,aAAa;EACX,YAAY,EAAE,IAAI;EAClB,OAAO,EAAE,GAAG;;AAEZ,wBAAa;EACX,OAAO,EAAE,IAAI;;AAEjB,KAAK;EACH,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC;EACP,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,CAAC;EACR,QAAQ,EAAE,QAAQ;;AAGpB,GAAG;EACD,SAAS,EAAE,KAAK;EAChB,SAAS,EAAE,UAAU",
+"sources": ["main.sass"],
+"file": "main.css"
+}

data/lib/slideshow_template/templates/flat/main.sass

@@ -0,0 +1,119 @@
+$footer_height: 1.5em
+$white: white
+
+@mixin display-flex
+  display: -webkit-box
+  display: flex  
+
+@mixin flex-1
+  -webkit-box-flex: 1
+  flex: 1
+
+*
+  -webkit-box-sizing: padding
+  
+body
+  font: 25px/1.5em  "Gill Sans", "Gill Sans MT", Calibri, sans-serif
+  color: #2c3e50
+  background: $white
+  margin: 0
+  min-height: 100vh
+    
+  flex-direction: column
+  -webkit-box-orient: vertical
+  -webkit-box-direction: normal
+    
+  @include display-flex
+
+header
+  padding: 0 50px
+  background: #2c3e50
+  color: $white
+  h1
+    font-size: 1.5em
+
+main
+  padding: 1em
+  margin-bottom: $footer_height
+  position: relative
+
+  @include flex-1
+  @include display-flex
+    
+  -webkit-box-align: center
+  align-items: center
+  -webkit-box-pack: center
+  justify-content: center
+
+footer
+  text-align: center
+  position: fixed
+  bottom: 0
+  left: 0
+  right: 0
+  background: #2c3e50
+  color: #95a5a6
+  line-height: $footer_height
+  
+  @include display-flex
+    
+  flex-direction: row
+  -webkit-box-orient: horizontal
+  -webkit-box-direction: normal
+a
+  color: inherit
+  text-decoration: none
+    
+.cell-button
+  flex: 0 0 3em
+  height: $footer_height
+  background: #34495e
+  a
+    display: block
+    height: 100%
+
+.cell-center
+  @include flex-1
+  height: $footer_height
+  margin: 0
+  p
+    margin: 0
+  
+.large
+  font-size: 3em
+  
+.line-numbers
+  margin-right: 10px
+  opacity: 0.4
+  
+.nolinenos
+  .line-numbers
+    display: none
+      
+.full
+  top: 0
+  left: 0
+  bottom: 0
+  right: 0
+  position: absolute
+
+.center
+  display: flex
+  align-items: center
+  justify-content: center
+    
+  display: -webkit-box
+  -webkit-box-align: center
+  -webkit-box-pack: center
+    
+.hidden
+  opacity: 0
+  -webkit-transition-duration: 0.5s
+  -moz-transition-duration:    0.5s
+  transition-duration:         0.5s
+.visible
+  opacity: 1
+
+pre
+  max-width: 100vw
+  word-wrap: break-word

data/lib/slideshow_template/templates/flat/slide.erb

@@ -0,0 +1,33 @@
+<html>
+	<head>
+		<script type="text/javascript" src="/assets/jquery.min.js"></script>
+    <link rel="stylesheet" href="/assets/main.css">
+		<meta charset="utf-8">
+	</head>
+	<body>
+    <header>
+      <h1><%= @chapter_index %> - <%= @title %></h1>
+    </header>
+		<main>
+      <section>
+			  <%= @content %>
+      </section>
+		</main>
+    <footer>
+      <section class="cell-button">
+		  <% if @slide_index > 0 %>
+		  <a id="prev" href="<%= @slide_index - 1 %>.html">&larr;</a>
+	  	<% end %>
+      </section>
+      <section class="cell-center">
+         <p><%= @slide_index+1 %>/<%= @slide_max %></p>
+      </section>
+      <section class="cell-button">
+	  	<% if @slide_index+1 < @slide_max %>
+	  	<a id="next" href="<%= @slide_index + 1 %>.html">&rarr;</a>
+	  	<% end %>
+      </section>
+    </footer>
+	  <script type="text/javascript" src="/assets/s3.min.js"></script>
+	</body>
+</html>

data/lib/slideshow_template/{public → vendor}/index.html

@@ -2,14 +2,14 @@
 <html lang="en-US">
     <head>
         <meta charset="UTF-8">
-        <meta http-equiv="refresh" content="1;url=/slides/0.html">
+        <meta http-equiv="refresh" content="1;url=slides/0.html">
         <script type="text/javascript">
-            window.location.href = "/slides/0.html"
+            window.location.href = "slides/0.html"
         </script>
         <title>Page Redirection</title>
     </head>
     <body>
         <!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
-        If you are not redirected automatically, follow the <a href='/slides/0.html'>link to first slide</a>
+        If you are not redirected automatically, follow the <a href='slides/0.html'>link to first slide</a>
     </body>
 </html>

data/lib/slideshow_template/vendor/s3.min.js

@@ -0,0 +1,26 @@
+var all = document.getElementsByTagName("li");
+var i
+for (i=0, max=all.length; i < max; i++) {
+  all[i].className = 'hidden';
+}
+i = 0
+$(document).keydown(function(e){
+  // left
+  if (e.keyCode == 37) {
+    window.location.href = document.getElementById("prev").href;
+  }
+  // right
+  if (e.keyCode == 39) {
+    window.location.href = document.getElementById("next").href;
+  }
+  // down
+  if (e.keyCode == 40 && i < all.length) {
+    all[i].className = 'vis';
+    i++;
+  }
+  // up
+  else if (e.keyCode == 38 && i > 0) {
+    i--;
+    all[i].className = 'hid';
+  }    
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: nopoint
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.3.0
 platform: ruby
 authors:
 - Leon Rische
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-07-21 00:00:00.000000000 Z
+date: 2013-10-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: liquid
@@ -95,6 +95,7 @@ files:
 - Rakefile
 - bin/nopoint
 - lib/nopoint.rb
+- lib/nopoint/chapter.rb
 - lib/nopoint/command.rb
 - lib/nopoint/commands/build.rb
 - lib/nopoint/commands/new.rb
@@ -102,12 +103,15 @@ files:
 - lib/nopoint/slide.rb
 - lib/nopoint/version.rb
 - lib/slideshow_template/config.yml
-- lib/slideshow_template/layout/slide.erb
-- lib/slideshow_template/public/assets/jquery.min.js
-- lib/slideshow_template/public/assets/s3.min.css
-- lib/slideshow_template/public/assets/s3.min.js
-- lib/slideshow_template/public/index.html
-- lib/slideshow_template/slides/intro.md
+- lib/slideshow_template/slides/welcome.md
+- lib/slideshow_template/templates/flat/.sass-cache/a4c4ae6bc8d2ebcfd264bee16365b35b58890f5a/main.sassc
+- lib/slideshow_template/templates/flat/main.css
+- lib/slideshow_template/templates/flat/main.css.map
+- lib/slideshow_template/templates/flat/main.sass
+- lib/slideshow_template/templates/flat/slide.erb
+- lib/slideshow_template/vendor/index.html
+- lib/slideshow_template/vendor/jquery.min.js
+- lib/slideshow_template/vendor/s3.min.js
 - nopoint.gemspec
 homepage: http://nopoint.l3kn.de
 licenses:
@@ -129,7 +133,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.3
+rubygems_version: 2.0.7
 signing_key: 
 specification_version: 4
 summary: Slideshow generator

data/lib/slideshow_template/layout/slide.erb

@@ -1,20 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<script type="text/javascript" src="../assets/jquery.min.js"></script>
-		<link rel="stylesheet" href="../assets/s3.min.css">
-		<meta charset="utf-8">
-	</head>
-	<body>
-		<div class="slide">
-			<%= content %>
-		</div>
-		<% if id > 0 %>
-		<a id="prev" class="button" href="<%= id - 1 %>.html">&larr;</a>
-		<% end %>
-		<% if id < max %>
-		<a id="next" class="button" href="<%= id + 1 %>.html">&rarr;</a>
-		<% end %>
-	<script type="text/javascript" src="../assets/s3.min.js"></script>
-	</body>
-</html>

data/lib/slideshow_template/public/assets/s3.min.css

@@ -1 +0,0 @@
-html{height:100%}body{margin:0;padding:0;height:100%;font-family:"Lato",Calibri,Arial,sans-serif;background:white;font-weight:400;color:#333;font-size:150%;height:100%;width:80%;margin:0 auto;display:table}img{max-width:100%}.title{position:fixed;top:0px;left:40px}.slide{display:table-cell;vertical-align:middle}.half{width:50%;float:right;word-wrap:break-word}.center{text-align:center}.vis{visibility:visible;opacity:1;transition:opacity .5s linear}.hid{visibility:hidden;opacity:0}.large{font-size:400%}.line-numbers{visibility:hidden}#next{position:absolute;width:32px;height:32px;bottom:5px;right:5px;text-decoration:none;background:#f1103a;border-radius:50%;color:white;line-height:30px;text-align:center;speak:none;font-weight:bold;cursor:pointer}#prev{position:absolute;width:32px;height:32px;bottom:5px;right:45px;text-decoration:none;background:#f1103a;border-radius:50%;color:white;line-height:30px;text-align:center;speak:none;font-weight:bold;cursor:pointer}

data/lib/slideshow_template/public/assets/s3.min.js

@@ -1,3 +0,0 @@
-var all=document.getElementsByTagName('li');var i
-for(i=0,max=all.length;i<max;i++){all[i].className='hid';}i=0
-	$(document).keydown(function(e){if(e.keyCode==37){window.location.href=document.getElementById('prev').href;}if(e.keyCode==39){window.location.href=document.getElementById('next').href;}if(e.keyCode==40&&i<all.length){all[i].className='vis';i++;}else if(e.keyCode==38&&i>0){i--;all[i].className='hid';}});

data/lib/slideshow_template/slides/intro.md

@@ -1,156 +0,0 @@
-// Intro
-
-Nopoint
-{: .large .center}
-
-* * *
-
-# Wait, what?
-{: .title }
-
-## This slideshow aims to be a simple guide to nopoint.
-_(Of course is based on nopoint, sofuckingmeta)_
-
-* * *
-
-# Static slides?
-{: .title }
-
-There are many other web-based slideshow tools like _deck.js_ or _reveal.js_, but all of these are barely usable for people who disabled JavaScript in their browsers.
-
-__Nopoint__ tries to solve this problem by converting every slide into a .html file.
-
-* * *
-
-# Static Slide Script (s3.js)
-{: .title }
-
-Nopoint ships with an optional JavaScript which enhances your slideshow experience in multiple ways:
-
-__Protipp: press [↓]__
-
-* Switch slides with [←] and [→]  
-* Reveal list items one at a time with [↓] and [↑]
-
-* * *
-
-# Getting started
-{: .title }
-
-~~~ text
-$ gem install nopoint  # install the nopoint-gem
-$ nopoint new hello    # scaffold a new slideshow
-$ cd hello/
-$ nopoint build        # build it
-$ nopoint serve        # serve the static slides on port 2337
-~~~
-
-* * *
-
-# Files
-{: .title }
-
-A basic nopoint slideshow could like this
-
-~~~ text
-config.yml     # configure chapters of your slideshow
-slides/        # place the markdown sources here
-\- intro.md    # one chapter of the slideshow 
-layout/        # erb layouts for the html slides
-public/        # converted slides
-\- index.html  # a redirection to the first slide
-\- assets/     # js and css files go here
-\- slides/     # generated html slides
-   \-  0.html
-~~~
-
-* * *
-
-# A noobs guide to [markdown](http://daringfireball.net/projects/markdown/)
-{: .title }
-
-~~~ text
-_italic_
-__bold__
-
-# heading 1
-## heading 2
-...
-
-* unordered
-* list
-
-1. ordered
-2. list
-~~~
-
-* * *
-
-# A noobs guide to [markdown](http://daringfireball.net/projects/markdown/)
-{: .title }
-
-~~~ text
-[an url](www.example.com)
-![an image](www.image.com)
-
-> blockquote
-`code`
-
-*_*_* seperate single slides
-(replace the _ with spaces)
-~~~
-
-* * *
-
-# A noobs guide to [kramdown](http://kramdown.rubyforge.org)
-{: .title }
-
-~~~ text
-	~~~ ruby
-		puts 'syntax highlighting'
-	~~~
-
- 	{: .css_class }
-~~~
-
-Available css-classes are:  
-_(remember the [↓]-key!)_
-
-* __.center__ -> center the element above
-* __.title__  -> mark element as a slides title
-* __.large__  -> increase font size 
-
-* * *
-
-# Your first slide
-{: .title }
-
-~~~ text
-$ vim slides/intro.md
-~~~
-
-and enter something like this
-
-~~~ text
-
-# My first nopoint
-{: .center .large }
-
-*_*_* (replace _ with spaces)
-
-# A title
-{: .title }
-
-Hello world!
-
-~~~
-
-* * *
-
-# One more thing!
-{: .title }
-
-## Follow me on [Twitter](http://twitter.com/l3kn) and [Github](http://github.com/l3kn)
-
-[![Flattr](http://api.flattr.com/button/button-static-50x60.png)](https://flattr.com/submit/auto?user_id=l3kn&url=http://www.nopoint.l3kn.de&title=Nopoint)
-