slideoff 0.1

data/lib/slideoff/utils.rb

@@ -0,0 +1,453 @@
+require "fileutils"
+
+module Slideoff
+  module Utils
+    module_function
+
+    def init_directory(name)
+      raise "Directory '#{name}' does already exist. Use another one." if Dir.exist? name
+      FileUtils.mkdir_p name
+      Dir.chdir(name) do |dir|
+        FileUtils.mkdir_p 'main'
+        File.open('main/index.md', 'w') do |file|
+          file.write <<-EOF
+!SLIDE title cover h
+#Title
+##Subtitle
+![Image](https://farm4.staticflickr.com/3254/3034540524_2412428602_b.jpg)
+
+!SLIDE cover w
+![Image](https://farm4.staticflickr.com/3254/3034540524_2412428602_b.jpg)
+
+!SLIDE cover h
+![Image](https://farm4.staticflickr.com/3254/3034540524_2412428602_b.jpg)
+
+!SLIDE cover w h
+![Image](https://farm4.staticflickr.com/3254/3034540524_2412428602_b.jpg)
+
+!SLIDE
+# Normal list
+
+* Keep
+* It
+* Super
+* Simple
+
+!SLIDE chapter h
+# Chapter
+![Image](https://farm4.staticflickr.com/3254/3034540524_2412428602_b.jpg)
+
+!SLIDE section h
+# Section
+![Image](https://farm4.staticflickr.com/3254/3034540524_2412428602_b.jpg)
+
+!SLIDE shout up
+# Shout up!
+
+!SLIDE shout left
+# Shout left!
+
+!SLIDE shout right
+# Shout right!
+
+!SLIDE shout down
+# Shout down!
+
+!SLIDE
+# Bullet list
+
+* Keep
+* It
+* Super
+* Simple
+
+!SLIDE
+# Numbered list
+
+1. Keep
+1. It
+1. Super
+1. Simple
+
+!SLIDE small
+# Small slide with full of text
+
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.
+
+!SLIDE
+# Description list
+
+Ruby
+  : Loving scripting language
+HTTP
+  : Hyper Text Transfer Protocol
+CSS
+  : Cascading Style Sheet
+REST
+  : Representational state transfer
+
+!SLIDE
+# Link
+
+1. Click on [DSIW/slideoff](http://github.com/DSIW/slideoff).
+
+!SLIDE
+# Code
+
+```sh
+$ gem install slideoff
+```
+
+```ruby
+class World
+  def hello
+    puts "Hello \#{self.class.name}!"
+  end
+end
+
+World.new.hello #=> "Hello World!"
+```
+
+Note: Code `self.class.name` will be evaluated.
+
+!SLIDE
+# Table
+
+|Left column|Centered column| Right column
+|-----------|:-------------:|------------:
+|Dataset 1  |Dataset 1      | Dataset 2
+|Dataset 1  |Dataset 2      | Dataset 2
+|Dataset 1  |Dataset 3      | Dataset 2
+|Dataset 1  |Dataset 4      | Dataset 2
+
+!SLIDE
+# Colors
+
+1. <span class="text-green">abc</span>
+1. <span class="text-red">abc</span>
+1. <span class="text-purple">abc</span>
+1. <span class="text-orange">abc</span>
+1. <span class="text-blue">abc</span>
+1. <span class="text-bluegreen">abc</span>
+
+!SLIDE
+# Highlighting
+
+1. <mark class="green">abc</mark>
+1. <mark class="red">abc</mark>
+1. <mark class="purple">abc</mark>
+1. <mark class="orange">abc</mark>
+1. <mark class="blue">abc</mark>
+1. <mark class="bluegreen">abc</mark>
+
+!SLIDE
+# Colorize with custom markdown
+
+This is ==orange==some== __orange__super__ and _underlined_ text.
+
+!SLIDE incr-list
+# Incremental list
+
+* First item
+* Second item
+* Third item
+
+!SLIDE incr-code
+# Incremental Code
+
+```ruby
+1.class #=> Fixnum
+1.1.class #=> Float
+"abc".clas #=> String
+:abc.clas #=> Symbol
+```
+
+!SLIDE typewriter
+# Incremental Code
+
+```sh
+bundle install
+```
+
+!SLIDE incr-table
+# Incremental table
+
+|Left column|Centered column| Right column
+|-----------|:-------------:|------------:
+|Dataset 1  |Dataset 1      | Dataset 2
+|Dataset 1  |Dataset 2      | Dataset 2
+|Dataset 1  |Dataset 3      | Dataset 2
+|Dataset 1  |Dataset 4      | Dataset 2
+
+!SLIDE incremental
+# Content with pauses
+
+This is the first text.
+
+!PAUSE
+
+More text <span class="inactive">with hidden info</span>!
+
+!SLIDE disabled
+# Hidden slide
+
+!SLIDE
+# Blockquote
+
+>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.
+>
+>Athor Name
+
+!SLIDE
+# Box
+
++++
++++ Box without shadow
++++ Content
+
++++ shadow
++++ Box with shadow
++++ Content
+
+!SLIDE
+# Arranged Box
+
+<div class="col2">
+  <div class="box box-alert">
+    <div>Errors</div>
+    <div>aren't good</div>
+  </div>
+
+  <div class="inactive">
+    <div class="box box-success">
+      <div>No errors</div>
+      <div>are better</div>
+    </div>
+  </div>
+</div>
+
+!SLIDE
+# Box with different colors (1)
+
++++ box-blue
++++ Header
++++ Content
+
++++ box-bluegreen
++++ Header
++++ Content
+
++++ box-green
++++ Header
++++ Content
+
+!SLIDE
+# Box with different colors (2)
+
++++ box-red
++++ Header
++++ Content
+
++++ box-purple
++++ Header
++++ Content
+
++++ box-orange
++++ Header
++++ Content
+
+!SLIDE
+# Image
+
+![Markdown](http://upload.wikimedia.org/wikipedia/commons/4/48/Markdown-mark.svg)
+
+!SLIDE img-place-middle
+# Centered Image
+
+![Markdown](http://upload.wikimedia.org/wikipedia/commons/4/48/Markdown-mark.svg)
+
+!SLIDE section cover w
+# Image via Flickr API
+
+!F[22565509]
+
+!SLIDE
+# Placement with "place t r b l"
+
+<span class="bg-red place">center</span>
+<span class="bg-red place t">top</span>
+<span class="bg-red place t l">top-left</span>
+<span class="bg-red place t r">top-right</span>
+<span class="bg-red place l">left</span>
+<span class="bg-red place r">right</span>
+<span class="bg-red place b">bottom</span>
+<span class="bg-red place b l">bottom-left</span>
+<span class="bg-red place b r">bottom-right</span>
+
+!SLIDE
+# Diagram with Highcharts
+
+<div id="diagram-pie" style="width: 850px; height: 565px;"></div>
+<script type="text/javascript">
+$(function () {
+  $('#diagram-pie').highcharts({
+    credits: { enabled: false },
+    plotOptions: {
+      pie: {
+        cursor: 'pointer',
+        dataLabels: {
+          enabled: true,
+          distance: 40,
+          style: {
+            fontSize: '23px',
+            color: 'black'
+          },
+          formatter: function() {
+            return '<b>'+ this.point.name +'</b> ('+this.point.year+'): '+ Math.round(this.percentage*10)/10.0 +'%';
+          }
+        }
+      }
+    },
+    series: [{
+      type: 'pie',
+      innerSize: '45%',
+      data: [
+        { name: 'Dataset 1', year: '1980', y: 1.3,  },
+        { name: 'Dataset 2', year: '1990', y: 0.3,  },
+        { name: 'Dataset 3', year: '2000', y: 10.0, },
+        { name: 'Dataset 4', year: '2010', y: 88.3, },
+        { name: 'Dataset 5', year: '2020', y: 0.1   }
+      ]
+    }]
+  });
+});
+</script>
+
+
+!SLIDE noheader cover h
+
+<div class="left-33">
+  <p style="font: 500 46px/1 'Open Sans'" class="text-center">Header</p>
+  <p style="font-size: 28px;" class="text-center">Subheader</p>
+
+  <ul class="border-separated">
+    <li>list item</li>
+    <li>list item</li>
+    <li>list item</li>
+    <li>list item</li>
+  </ul>
+</div>
+
+![Image](https://farm4.staticflickr.com/3254/3034540524_2412428602_b.jpg)
+
+!SLIDE
+# Clickbindings
+
+Click                           | Action
+------------------------------- | -------------------------
+Left click                      | Goto next slide
+Right click                     | Goto previous slide
+
+!SLIDE
+# Keybindings (1)
+
+Key                             | Action
+------------------------------- | -------------------------
+F5 / Enter                      | Goto slide mode
+Esc                             | Goto list mode
+Home                            | Goto first slide
+End                             | Goto last slide
+
+!SLIDE
+# Keybindings (1)
+
+Key                             | Action
+------------------------------- | -------------------------
+Tab / Space                     | Goto next slide
+... with Shift                  | Goto previous slide
+PageUp / Up / Left / h / k      | Goto previous slide
+... with Shift                  | Goto previous chapter
+PageDown / Down / right / l / j | Goto next slide
+... with Shift                  | Goto next chapter
+          EOF
+        end
+        File.open('presentation.json', 'w') do |file|
+          file.write <<-EOF
+{
+  "title": "#{name}",
+  "author": "Me",
+  "theme": "modern",
+  "pygments_style": "github",
+  //"duration": 20,
+  //"flickr_api_key": "...",
+  //"remote_host": "...",
+  //"remote_path": "...",
+  "sections": {
+    "main": {"title": "Modern theme", "show_chapter": false, "show_toc": false}
+  }
+}
+          EOF
+        end
+        puts `git init`
+      end
+    end
+
+    def install_theme(git_repository_url)
+      slideoff_home = File.join(ENV['HOME'], '.slideoff')
+      FileUtils.mkdir_p slideoff_home
+
+      theme_name = git_repository_url.split('/').last
+      theme_path = File.join(slideoff_home, theme_name)
+      `git clone #{git_repository_url} #{theme_path}`
+      puts "Cloned under #{theme_path}"
+
+      puts "Please make sure that '#{theme_name}' is set in your presentation.json"
+    end
+
+    def upload(options = {})
+      generate_static(options)
+      path = CONFIG.remote_path
+      mkdir_commands = parents(path).map { |path| "mkdir -vp -m 755 #{path}" }
+      remote_cmd mkdir_commands
+      `scp -r #{File.join(static_dir, "*")} #{CONFIG.remote_host}:#{path}`
+      remote_cmd "chmod -vR o+r #{path}"
+    end
+
+    def generate_static(options = {})
+      pid = Process.fork { Slideoff::Server.new(options).start }
+
+      sleep 2
+
+      begin
+        FileUtils.mkdir_p(static_dir)
+        Dir.chdir(static_dir) do |dir|
+          `wget -E -H -k -nH -p http://lh:#{options[:port]}/`
+          File.write('robots.txt', "User-agent: *\nDisallow: /\n")
+        end
+      ensure
+        Process.kill "QUIT", pid
+        Process.wait pid
+      end
+    end
+
+    def serve_static(port, options = {})
+      puts "Listening python server on http://0.0.0.0:#{port}" if options[:verbose]
+      `python3 -m http.server #{port}`
+    end
+
+
+    def parents(dir)
+      splitted = dir.split(File::SEPARATOR)
+      splitted.length.times.reduce([]) { |_parents, i| _parents << splitted[0..i].join(File::SEPARATOR) }
+    end
+
+    def remote_cmd(cmds)
+      `ssh #{CONFIG.remote_host} "#{Array(cmds).join(';')}"`
+    end
+
+    def static_dir
+      "../static_#{File.basename(Dir.pwd)}"
+    end
+  end
+end

data/lib/slideoff.rb

@@ -0,0 +1,15 @@
+module Slideoff
+  autoload :Markdown,        "slideoff/markdown"
+  autoload :Presentation,    "slideoff/presentation"
+  autoload :SlidesAPI,       "slideoff/slides_api"
+  autoload :RemoteAPI,       "slideoff/remote_api"
+  autoload :Routes,          "slideoff/routes"
+  autoload :Server,          "slideoff/server"
+  autoload :ConfigBuilder,   File.expand_path("slideoff/config_builder", File.dirname(__FILE__))
+  autoload :Utils,           "slideoff/utils"
+  autoload :FlickrImage,     "slideoff/flickr_image"
+  autoload :FlickrAPI,       "slideoff/flickr_api"
+
+  CONFIG = ConfigBuilder.new(Dir.pwd)
+  VERSION = "0.1"
+end

data/themes/3d_slideshow/README

@@ -0,0 +1,2 @@
+This theme was created by Hakim El Hattab:
+http://hakim.se/experiments/css3-3d-slideshow

data/themes/3d_slideshow/css/main.css

@@ -0,0 +1,232 @@
+/**
+ * @author Hakim El Hattab
+ */
+
+
+/*********************************************
+ * FONT-FACE DEFINITIONS
+ *********************************************/
+
+@font-face {
+	font-family: 'League Gothic';
+	src: url('../fonts/league_gothic-webfont.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+  font-family: 'Crimson Text';
+  font-style: normal;
+  font-weight: 600;
+  src: local('Crimson Text Semibold'), local('CrimsonText-Semibold'), url('../fonts/crimson_text_semibold.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'Crimson Text';
+  font-style: normal;
+  font-weight: normal;
+  src: local('Crimson Text'), local('CrimsonText-Roman'), url('../fonts/crimson_text.ttf') format('truetype');
+}
+@font-face {
+  font-family: 'Crimson Text';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Crimson Text Bold'), local('CrimsonText-Bold'), url('../fonts/crimson_text_bold.ttf') format('truetype');
+}
+
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+
+html, body {
+	padding: 0;
+	margin: 0;
+	overflow: hidden;
+	
+	font-family: 'Crimson Text', Times, 'Times New Roman', serif;
+	font-size: 36px;
+	
+	background: #fff;
+	color: #222;
+	
+	width: 100%;
+	height: 100%;
+	
+	background-image: -webkit-gradient(
+		radial, 
+		50% 50%, 0, 
+		50% 50%, 1000, 
+		from(rgba(245,245,245,1.0)), 
+		to(rgba(100,100,100,1.0))
+	);
+
+	background-image: -moz-radial-gradient(
+		50% 50% 90deg,
+		rgba(245,245,245,1.0) 0%, 
+		rgba(100,100,100,1.0) 100%
+	);
+	
+}
+
+
+/*********************************************
+ * HEADERS
+ *********************************************/
+h1, h2, h3, h4 {
+	margin: 0 0 20px 0;
+	font-family: 'League Gothic', Arial, Helvetica, sans-serif;
+	line-height: 0.9em;
+	letter-spacing: 0.02em;
+	text-transform: uppercase;
+	color: #222;
+	text-shadow: 0px 0px 2px #fff, 0px 0px 4px #bbb;
+}
+
+h1 { font-size: 136px; 	}
+h2 { font-size: 76px;	}
+h3 { font-size: 56px;	}
+h4 { font-size: 36px;	}
+
+h1.inverted,
+h2.inverted,
+h3.inverted,
+h4.inverted {
+	color: #fff;
+	text-shadow: 0px 0px 2px #fff, 0px 0px 2px #888;
+}
+
+
+/*********************************************
+ * SLIDES
+ *********************************************/
+#main {
+	position: absolute;
+	width: 1024px;
+	height: 768px;
+	
+	left: 50%;
+	top: 50%;
+	margin-left: -512px;
+	margin-top: -320px;
+	
+	text-align: center;
+	
+	-webkit-perspective: 600px;
+ 	-webkit-perspective-origin: 50% 25%;
+}
+
+#main>section,
+#main>section>section {
+	display: none;
+	
+	position: absolute;
+	width: 100%;
+	min-height: 600px;
+	
+	-webkit-transform-style: preserve-3d;
+	
+	-webkit-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); 
+	   -moz-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); 
+	     -o-transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); 
+	        transition: all 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
+}
+
+#main section.past {
+	display: block;
+	opacity: 0;
+	
+	-webkit-transform: 	translate3d(-100%, 0, 0) 
+						rotateY(-90deg) 
+						translate3d(-100%, 0, 0);
+}
+
+#main section.present {
+	display: block;
+}
+
+#main section.future {
+	display: block;
+	opacity: 0;
+	
+	-webkit-transform: 	translate3d(100%, 0, 0) 
+						rotateY(90deg) 
+						translate3d(100%, 0, 0);
+}
+
+#main section>section.past {
+	display: block;
+	opacity: 0;
+	
+	-webkit-transform: 	translate3d(0, -50%, 0) 
+						rotateX(70deg) 
+						translate3d(0, -50%, 0);
+}
+#main section>section.future {
+	display: block;
+	opacity: 0;
+	
+	-webkit-transform: 	translate3d(0, 50%, 0) 
+						rotateX(-70deg) 
+						translate3d(0, 50%, 0);
+}
+
+
+/*********************************************
+ * DEFAULT ELEMENT STYLES
+ *********************************************/
+
+#main>section {
+	line-height: 1.2em;
+	text-shadow: 0px 0px 2px #fff, 0px 0px 4px #bbb;
+	font-weight: 600;
+}
+
+ol {
+	list-style: decimal;
+	list-style-position: inside;
+}
+
+li, p {
+	margin-bottom: 10px;
+}
+
+a:not(.image) {
+	color: #1b6263;
+	text-decoration: none;
+	border-bottom: 1px dashed rgba(0,0,0,0.3);
+	padding: 1px 3px;
+}
+	
+	a:not(.image):hover {
+		color: #fff;
+		background: #2fa794;
+		text-shadow: none;
+		border: none;
+	}
+
+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 .11s linear;
+	   -moz-transition: all .11s linear;
+	     -o-transition: all .11s linear;
+	        transition: all .11s linear;
+}
+
+	a.image:hover img {
+		background: rgba(255,255,255,0.2);
+		
+		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
+		   -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
+		        box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
+	}
+
+pre {
+    font-family: monospace;
+    text-align: left;
+}