briefing 0.0.1

data/lib/briefing/public/plugin/postmessage/postmessage.js

@@ -0,0 +1,42 @@
+/*
+
+	simple postmessage plugin
+
+	Useful when a reveal slideshow is inside an iframe.
+	It allows to call reveal methods from outside.
+
+	Example:
+		 var reveal =  window.frames[0];
+
+		 // Reveal.prev(); 
+		 reveal.postMessage(JSON.stringify({method: 'prev', args: []}), '*');
+		 // Reveal.next(); 
+		 reveal.postMessage(JSON.stringify({method: 'next', args: []}), '*');
+		 // Reveal.slide(2, 2); 
+		 reveal.postMessage(JSON.stringify({method: 'slide', args: [2,2]}), '*');
+
+	Add to the slideshow:
+
+		dependencies: [
+			...
+			{ src: 'plugin/postmessage/postmessage.js', async: true, condition: function() { return !!document.body.classList; } }
+		]
+
+*/
+
+(function (){
+
+	window.addEventListener( "message", function ( event ) {
+		var data = JSON.parse( event.data ),
+				method = data.method,
+				args = data.args;
+
+		if( typeof Reveal[method] === 'function' ) {
+			Reveal[method].apply( Reveal, data.args );
+		}
+	}, false);
+
+}());
+
+
+

data/lib/briefing/public/plugin/remotes/remotes.js

@@ -0,0 +1,19 @@
+/**
+ * Touch-based remote controller for your presentation courtesy 
+ * of the folks at http://remotes.io
+ */
+
+head.ready( 'remotes.ne.min.js', function() {
+	
+	new Remotes("preview")
+		.on("swipe-left", function(e){ Reveal.right(); })
+		.on("swipe-right", function(e){ Reveal.left(); })
+		.on("swipe-up", function(e){ Reveal.down(); })
+		.on("swipe-down", function(e){ Reveal.up(); })
+		.on("tap", function(e){ 
+			Reveal.toggleOverview(); 
+		});
+
+} );
+
+head.js( 'https://raw.github.com/Remotes/Remotes/master/dist/remotes.ne.min.js' );

data/lib/briefing/public/plugin/zoom-js/zoom.js

@@ -0,0 +1,251 @@
+// Custom reveal.js integration
+(function(){
+	document.querySelector( '.reveal' ).addEventListener( 'click', function( event ) {
+		if( event.altKey ) {
+			event.preventDefault();
+			zoom.to({ element: event.target, pan: false });
+		}
+	} );
+})();
+
+/*!
+ * zoom.js 0.2 (modified version for use with reveal.js)
+ * http://lab.hakim.se/zoom-js
+ * MIT licensed
+ * 
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
+ */
+var zoom = (function(){
+
+	// The current zoom level (scale)
+	var level = 1;
+	
+	// The current mouse position, used for panning
+	var mouseX = 0,
+		mouseY = 0;
+	
+	// Timeout before pan is activated
+	var panEngageTimeout = -1,
+		panUpdateInterval = -1;
+
+	var currentOptions = null;
+
+	// Check for transform support so that we can fallback otherwise
+	var supportsTransforms = 	'WebkitTransform' in document.body.style ||
+								'MozTransform' in document.body.style ||
+								'msTransform' in document.body.style ||
+								'OTransform' in document.body.style ||
+								'transform' in document.body.style;
+    
+	if( supportsTransforms ) {
+		// The easing that will be applied when we zoom in/out
+		document.body.style.transition = 'transform 0.8s ease';
+		document.body.style.OTransition = '-o-transform 0.8s ease';
+		document.body.style.msTransition = '-ms-transform 0.8s ease';
+		document.body.style.MozTransition = '-moz-transform 0.8s ease';
+		document.body.style.WebkitTransition = '-webkit-transform 0.8s ease';
+	}
+	
+	// Zoom out if the user hits escape
+	document.addEventListener( 'keyup', function( event ) {
+		if( level !== 1 && event.keyCode === 27 ) {
+			zoom.out();
+		}
+	}, false );
+
+	// Monitor mouse movement for panning
+	document.addEventListener( 'mousemove', function( event ) {
+		if( level !== 1 ) {
+			mouseX = event.clientX;
+			mouseY = event.clientY;
+		}
+	}, false );
+
+	/**
+	 * Applies the CSS required to zoom in, prioritizes use of CSS3 
+	 * transforms but falls back on zoom for IE.
+	 * 
+	 * @param {Number} pageOffsetX 
+	 * @param {Number} pageOffsetY 
+	 * @param {Number} elementOffsetX 
+	 * @param {Number} elementOffsetY 
+	 * @param {Number} scale 
+	 */
+	function magnify( pageOffsetX, pageOffsetY, elementOffsetX, elementOffsetY, scale ) {
+
+		if( supportsTransforms ) {
+			var origin = pageOffsetX +'px '+ pageOffsetY +'px',
+				transform = 'translate('+ -elementOffsetX +'px,'+ -elementOffsetY +'px) scale('+ scale +')';
+			
+			document.body.style.transformOrigin = origin;
+			document.body.style.OTransformOrigin = origin;
+			document.body.style.msTransformOrigin = origin;
+			document.body.style.MozTransformOrigin = origin;
+			document.body.style.WebkitTransformOrigin = origin;
+
+			document.body.style.transform = transform;
+			document.body.style.OTransform = transform;
+			document.body.style.msTransform = transform;
+			document.body.style.MozTransform = transform;
+			document.body.style.WebkitTransform = transform;
+		}
+		else {
+			// Reset all values
+			if( scale === 1 ) {
+				document.body.style.position = '';
+				document.body.style.left = '';
+				document.body.style.top = '';
+				document.body.style.width = '';
+				document.body.style.height = '';
+				document.body.style.zoom = '';
+			}
+			// Apply scale
+			else {
+				document.body.style.position = 'relative';
+				document.body.style.left = ( - ( pageOffsetX + elementOffsetX ) / scale ) + 'px';
+				document.body.style.top = ( - ( pageOffsetY + elementOffsetY ) / scale ) + 'px';
+				document.body.style.width = ( scale * 100 ) + '%';
+				document.body.style.height = ( scale * 100 ) + '%';
+				document.body.style.zoom = scale;
+			}
+		}
+
+		level = scale;
+
+		if( level !== 1 && document.documentElement.classList ) {
+			document.documentElement.classList.add( 'zoomed' );
+		}
+		else {
+			document.documentElement.classList.remove( 'zoomed' );
+		}
+	}
+
+	/**
+	 * Pan the document when the mosue cursor approaches the edges 
+	 * of the window.
+	 */
+	function pan() {
+		var range = 0.12,
+			rangeX = window.innerWidth * range,
+			rangeY = window.innerHeight * range,
+			scrollOffset = getScrollOffset();
+		
+		// Up
+		if( mouseY < rangeY ) {
+			window.scroll( scrollOffset.x, scrollOffset.y - ( 1 - ( mouseY / rangeY ) ) * ( 14 / level ) );
+		}
+		// Down
+		else if( mouseY > window.innerHeight - rangeY ) {
+			window.scroll( scrollOffset.x, scrollOffset.y + ( 1 - ( window.innerHeight - mouseY ) / rangeY ) * ( 14 / level ) );
+		}
+
+		// Left
+		if( mouseX < rangeX ) {
+			window.scroll( scrollOffset.x - ( 1 - ( mouseX / rangeX ) ) * ( 14 / level ), scrollOffset.y );
+		}
+		// Right
+		else if( mouseX > window.innerWidth - rangeX ) {
+			window.scroll( scrollOffset.x + ( 1 - ( window.innerWidth - mouseX ) / rangeX ) * ( 14 / level ), scrollOffset.y );
+		}
+	}
+
+	function getScrollOffset() {
+		return {
+			x: window.scrollX !== undefined ? window.scrollX : window.pageXOffset,
+			y: window.scrollY !== undefined ? window.scrollY : window.pageXYffset
+		}
+	}
+
+	return {
+		/**
+		 * Zooms in on either a rectangle or HTML element.
+		 * 
+		 * @param {Object} options
+		 *   - element: HTML element to zoom in on
+		 *   OR
+		 *   - x/y: coordinates in non-transformed space to zoom in on
+		 *   - width/height: the portion of the screen to zoom in on
+		 *   - scale: can be used instead of width/height to explicitly set scale
+		 */
+		to: function( options ) {
+			// Due to an implementation limitation we can't zoom in
+			// to another element without zooming out first
+			if( level !== 1 ) {
+				zoom.out();
+			}
+			else {
+				options.x = options.x || 0;
+				options.y = options.y || 0;
+
+				// If an element is set, that takes precedence
+				if( !!options.element ) {
+					// Space around the zoomed in element to leave on screen
+					var padding = 20;
+
+					options.width = options.element.getBoundingClientRect().width + ( padding * 2 );
+					options.height = options.element.getBoundingClientRect().height + ( padding * 2 );
+					options.x = options.element.getBoundingClientRect().left - padding;
+					options.y = options.element.getBoundingClientRect().top - padding;
+				}
+
+				// If width/height values are set, calculate scale from those values
+				if( options.width !== undefined && options.height !== undefined ) {
+					options.scale = Math.max( Math.min( window.innerWidth / options.width, window.innerHeight / options.height ), 1 );
+				}
+
+				if( options.scale > 1 ) {
+					options.x *= options.scale;
+					options.y *= options.scale;
+
+					var scrollOffset = getScrollOffset();
+
+					if( options.element ) {
+						scrollOffset.x -= ( window.innerWidth - ( options.width * options.scale ) ) / 2;
+					}
+
+					magnify( scrollOffset.x, scrollOffset.y, options.x, options.y, options.scale );
+
+					if( options.pan !== false ) {
+
+						// Wait with engaging panning as it may conflict with the
+						// zoom transition
+						panEngageTimeout = setTimeout( function() {
+							panUpdateInterval = setInterval( pan, 1000 / 60 );
+						}, 800 );
+
+					}
+				}
+
+				currentOptions = options;
+			}
+		},
+
+		/**
+		 * Resets the document zoom state to its default.
+		 */
+		out: function() {
+			clearTimeout( panEngageTimeout );
+			clearInterval( panUpdateInterval );
+
+			var scrollOffset = getScrollOffset();
+
+			if( currentOptions && currentOptions.element ) {
+				scrollOffset.x -= ( window.innerWidth - ( currentOptions.width * currentOptions.scale ) ) / 2;
+			}
+			
+			magnify( scrollOffset.x, scrollOffset.y, 0, 0, 1 );
+
+			level = 1;
+		},
+
+		// Alias
+		magnify: function( options ) { this.to( options ) },
+		reset: function() { this.out() },
+		
+		zoomLevel: function() {
+			return level;
+		}
+	}
+	
+})();
+

data/lib/briefing/slides.rb

@@ -0,0 +1,37 @@
+require 'yaml'
+
+module Briefing
+  class Slides
+    attr_reader :sections, :options
+
+    DEFAULTS = {
+      'controls'     => false,
+      'progress'     => true,
+      'history'      => true,
+      'keyboard'     => true,
+      'overview'     => true,
+      'center'       => true,
+      'loop'         => false,
+      'rtl'          => false,
+      'autoSlide'    => 0,
+      'mouseWheel'   => false,
+      'rollingLinks' => false
+    }
+
+    def initialize(filepath)
+      @sections = []
+      buffer = []
+      File.open(filepath).read.each_line {|line|
+        if line.match /^-{3,}(.*)$/
+          if buffer.length > 0
+            @sections << buffer.join("")
+          end
+          buffer = []
+        else
+          buffer << line
+        end
+      }
+      @options = DEFAULTS.merge(YAML.load(@sections.shift))
+    end
+  end
+end

data/lib/briefing/version.rb

@@ -0,0 +1,3 @@
+module Briefing
+  VERSION = "0.0.1"
+end

data/lib/briefing/views/index.erb

@@ -0,0 +1,79 @@
+<!doctype html>
+<html lang="en">
+
+  <head>
+    <meta charset="utf-8">
+    <title><%= @options['title'] || 'Slides' %></title>
+ 
+    <% if @options['author'] %>
+      <meta name="author" content="<%= @options['author'] %>">
+    <% end%>
+    <% if @options['description'] %>
+      <meta name="description" content="<%= @options['description'] %>">
+    <% end%>
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+    <link rel="stylesheet" href="css/reveal.min.css">
+    <link rel="stylesheet" href="css/theme/<%= @options['theme'] || 'default' %>.css" id="theme">
+
+    <!-- For syntax highlighting -->
+    <link rel="stylesheet" href="lib/css/zenburn.css">
+
+    <% if @options['style'] %>
+      <style>
+        <!--
+<%= @options['style'] %>
+        -->
+      </style>
+    <% end %>
+
+    <!-- If the query includes 'print-pdf', use the PDF print sheet -->
+    <script>
+      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">
+      <div class="slides">
+        <% @slides.sections.each {|section| %>
+          <section data-markdown>
+            <script type="text/template">
+<%= section %>
+            </script>
+          </section>
+        <% } %>
+      </div>
+    </div>
+
+    <script src="lib/js/head.min.js"></script>
+    <script src="js/reveal.min.js"></script>
+
+    <script>
+      Reveal.initialize({
+        <% Briefing::Slides::DEFAULTS.each_key {|key| %>
+          <%= key.to_s %>: <%= @options[key] %>,
+        <% } %>
+        theme: '<%= @options['theme'] || 'default' %>', // available themes are in /css/theme
+        transition: '<%= @options['transition'] || 'default' %>', // default/cube/page/concave/zoom/linear/none
+
+        // Optional libraries used to extend on reveal.js
+        dependencies: [
+          { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
+          { src: 'plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+          { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+          { src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
+          { src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
+          { src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
+        ]
+      });
+    </script>
+
+  </body>
+</html>

data/lib/briefing.rb

@@ -0,0 +1,5 @@
+require "briefing/version"
+require "briefing/app"
+
+module Briefing
+end

metadata

@@ -0,0 +1,140 @@
+--- !ruby/object:Gem::Specification
+name: briefing
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- kambara
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-12-05 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sinatra-reloader
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Briefing is a presentation tool that lets you create slides from a text
+  file written in Markdown. By executing 'briefing' command and specifying a text
+  file, you can show it as a beautiful slides in your web browser.
+email:
+- kambara@sappari.org
+executables:
+- briefing
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- .gitmodules
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- bin/briefing
+- briefing.gemspec
+- lib/briefing.rb
+- lib/briefing/app.rb
+- lib/briefing/public/css/print/paper.css
+- lib/briefing/public/css/print/pdf.css
+- lib/briefing/public/css/reveal.css
+- lib/briefing/public/css/reveal.min.css
+- lib/briefing/public/css/shaders/tile-flip.fs
+- lib/briefing/public/css/shaders/tile-flip.vs
+- lib/briefing/public/css/theme/README.md
+- lib/briefing/public/css/theme/beige.css
+- lib/briefing/public/css/theme/default.css
+- lib/briefing/public/css/theme/night.css
+- lib/briefing/public/css/theme/serif.css
+- lib/briefing/public/css/theme/simple.css
+- lib/briefing/public/css/theme/sky.css
+- lib/briefing/public/css/theme/source/beige.scss
+- lib/briefing/public/css/theme/source/default.scss
+- lib/briefing/public/css/theme/source/night.scss
+- lib/briefing/public/css/theme/source/serif.scss
+- lib/briefing/public/css/theme/source/simple.scss
+- lib/briefing/public/css/theme/source/sky.scss
+- lib/briefing/public/css/theme/template/mixins.scss
+- lib/briefing/public/css/theme/template/settings.scss
+- lib/briefing/public/css/theme/template/theme.scss
+- lib/briefing/public/js/reveal.js
+- lib/briefing/public/js/reveal.min.js
+- lib/briefing/public/lib/css/zenburn.css
+- lib/briefing/public/lib/font/league_gothic-webfont.eot
+- lib/briefing/public/lib/font/league_gothic-webfont.svg
+- lib/briefing/public/lib/font/league_gothic-webfont.ttf
+- lib/briefing/public/lib/font/league_gothic-webfont.woff
+- lib/briefing/public/lib/font/league_gothic_license
+- lib/briefing/public/lib/js/classList.js
+- lib/briefing/public/lib/js/head.min.js
+- lib/briefing/public/lib/js/html5shiv.js
+- lib/briefing/public/plugin/highlight/highlight.js
+- lib/briefing/public/plugin/markdown/markdown.js
+- lib/briefing/public/plugin/markdown/showdown.js
+- lib/briefing/public/plugin/notes-server/client.js
+- lib/briefing/public/plugin/notes-server/index.js
+- lib/briefing/public/plugin/notes-server/notes.html
+- lib/briefing/public/plugin/notes/notes.html
+- lib/briefing/public/plugin/notes/notes.js
+- lib/briefing/public/plugin/postmessage/example.html
+- lib/briefing/public/plugin/postmessage/postmessage.js
+- lib/briefing/public/plugin/remotes/remotes.js
+- lib/briefing/public/plugin/zoom-js/zoom.js
+- lib/briefing/slides.rb
+- lib/briefing/version.rb
+- lib/briefing/views/index.erb
+- vendor/.gitkeep
+homepage: https://github.com/kambara/briefing
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: A presentation tool that lets you create slides from a text file written
+  in Markdown
+test_files: []