shining 1.0.0

data/README.markdown

@@ -0,0 +1,27 @@
+# Shining
+
+A presentation framework to be used with Webkit. Yeah, it's all in-browser.
+
+# License
+
+The MIT License
+
+Copyright (c) 2010 Julio Cesar Ody.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,30 @@
+require File.join(File.dirname(__FILE__), 'spec', 'spec_helper')
+require 'spec/rake/spectask'
+
+Spec::Rake::SpecTask.new do |t|
+  t.spec_files = FileList['spec/*_spec.rb']
+  t.spec_opts = ['--colour', '--format nested']
+end
+
+begin
+  require 'jeweler'
+  Jeweler::Tasks.new do |gem|
+    gem.name                = "shining"
+    gem.summary             = "Webkit + CSS + Javascript = awesome presos"
+    gem.description         = "Webkit + CSS + Javascript = awesome presos"
+    gem.email               = "julio.ody@gmail.com"
+    gem.homepage            = "http://github.com/juliocesar/shining"
+    gem.authors             = "Julio Cesar Ody"
+    gem.add_dependency      'haml', '>= 2.2.17'
+    gem.add_dependency      'json_pure', '>= 1.1.9'
+    gem.add_development_dependency 'rspec', '1.3.0'
+    gem.add_development_dependency 'stackdeck',  '0.2.0'
+    gem.add_development_dependency 'johnson',    '2.0.0.pre2'
+    gem.add_development_dependency 'rspec',      '1.3.0'
+    gem.add_development_dependency 'rake',       '0.8.7'
+    gem.add_development_dependency 'envjs',      '0.1.4'
+    gem.add_development_dependency 'juliocesar-harmony', '0.5.2'
+  end
+rescue LoadError
+  puts 'Jeweler (or a dependency) not available. Install it with: gem install jeweler'
+end

data/VERSION

@@ -0,0 +1 @@
+1.0.0

data/bin/console

@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+require File.join(File.dirname(__FILE__), *%w(.. .bundle environment))
+require 'harmony'
+require 'irb'
+require 'tilt'
+IRB.start

data/bin/shine

@@ -0,0 +1,107 @@
+#!/usr/bin/env ruby
+
+require File.join(File.dirname(__FILE__), *%w(.. lib shining))
+require 'fileutils'
+require 'tilt'
+require 'erb'
+require 'json/pure'
+
+ACTIONS   = {
+  :new_on!            => ['build'], 
+  :new_slide!         => ['slide'], 
+  :compile_templates! => ['compile'],
+  :vendorize          => ['vendor', 'vendorize']
+}
+TEMPLATES = %w(haml erb)
+
+class String; def /(s) File.join(self, s) end end
+
+def doing what, &block
+  puts what
+  block.call if block_given?
+end
+
+def bail! reason
+  STDERR.puts(reason) and exit(-2)
+end
+
+def vendorized?
+  bail!("This isn't a Shining preso!") unless shining?
+  File.exists? Dir.pwd/'vendor'/'lib'/'jquery.shining.js' and
+    File.exists? Dir.pwd/'vendor'/'themes'
+end
+
+def figure_what_to_do!
+  help_and_exit! if ARGV.empty?
+  if ACTIONS.values.flatten.include? ARGV.first
+    action = ACTIONS.select { |action, args| args.include? ARGV.first }.flatten.first
+    send action, *ARGV[1..(ARGV.length - 1)]
+  else
+    new_on! ARGV.first
+  end
+end
+
+def help_and_exit!
+  STDERR.puts <<-HELP
+Shine - Generates a new Shining presentation
+  Usage:
+    shine <directory>
+  Example:
+    shine mycoolpreso
+  HELP
+  exit -1
+end
+
+def new_on! dir
+  target = File.expand_path(dir)
+  doing("Creating #{target}")      { FileUtils.mkdir_p target }
+  doing("Creating #{target/'config.json'}") { FileUtils.cp SHINING_ROOT/'templates'/'config.json', target/'config.json' }
+  doing("Creating #{target/'index.html'}") {
+    contents = File.read(SHINING_ROOT/'templates'/'index.html')
+    File.open(target/'index.html', 'w') do |file| file.write ERB.new(contents).result end
+  }
+  doing("Creating #{target/'slides'}")      { FileUtils.cp_r SHINING_ROOT/'templates'/'slides', target/'slides' }
+end
+
+def new_slide! name
+  bail!("This isn't a Shining preso!") unless shining?
+  config = JSON.parse File.read(Dir.pwd/'config.json')
+  config['slides'] << name
+  File.open(Dir.pwd/'config.json', 'w') do |file| file.write JSON.pretty_generate(config) end
+  doing("Creating #{Dir.pwd/'slides'/name}.html")  {
+    File.open(Dir.pwd/'slides'/"#{name}.html", 'w') do |file| file.write "<h1 class='centered'>#{name}</h1><p class='centered>♫ ♫ ♫</p>" end
+  }
+  doing("Creating #{Dir.pwd/'slides'/name}.js")    { FileUtils.touch Dir.pwd/'slides'/name + '.js' }
+end
+
+def vendorize
+  bail! 'This preso seems vendorized already.' if vendorized?
+  FileUtils.mkdir Dir.pwd/'vendor'
+  %w(lib css images themes).each do |required|
+    FileUtils.cp_r SHINING_ROOT/required, Dir.pwd/'vendor/'
+  end
+  index = File.read SHINING_ROOT/'templates'/'index.html'
+  Object.send(:remove_const, :SHINING_ROOT) and Object.const_set(:SHINING_ROOT, 'vendor')
+  File.open(Dir.pwd/'index.html', 'w') do |file| file.write ERB.new(index).result end
+  puts "Done!"
+end
+
+def compile_templates!
+  bail!("This isn't a Shining preso!") unless shining?
+  Dir[Dir.pwd/'slides'/'*'].reject { |f| f =~ /html|js$/ }.each do |template|
+    begin
+      target   = File.basename(template).sub(File.extname(template), '.html')
+      rendered = Tilt.new(template).render
+      File.open(Dir.pwd/'slides'/target, 'w') do |file| file.write rendered end
+      puts "Compiled: #{File.basename(template)} -> #{target}"
+    rescue RuntimeErroor
+      STDERR.puts "Tilt coult not compile #{File.basename template}. Skipping."
+    end
+  end
+end
+
+def shining?
+  File.exists?(Dir.pwd/'config.json') and File.directory?(Dir.pwd/'slides')
+end
+
+figure_what_to_do!

data/css/base.css

@@ -0,0 +1,46 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+----------------------------------------------------------------------------------------- */
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
+body { line-height : 1; }
+ol, ul { list-style-type : none; }
+:focus { outline : 0 } 
+ins { text-decoration : none; }
+del { text-decoration : line-through }
+
+body  { 
+  font: 12px/1.5 "Lucida Grande", Tahoma, serif;
+  overflow: hidden;
+  text-align: center;
+}
+
+#stage  { 
+  position: relative;
+  display: inline-block;
+  padding: 40px 20px;
+  max-width: 90%;
+  text-align: left;
+}
+
+.no-text-shadow { text-shadow: none }
+.no-drop-shadow {}
+.hidden         { display: none }
+.visible        { opacity: 1; display: static }
+.centered       { text-align: center; margin: 0 auto }
+
+h1    { font-size: 3.6em }
+h2    { font-size: 3.2em }
+h3    { font-size: 3em }
+p, li { font-size: 1.4em }
+p     { margin: 0.5em 0 }
+
+ul    { display: inline-block; margin-left: 2em }
+
+#stage > * { text-rendering: optimizeLegibility }
+a          { cursor: pointer }
+
+@media all and (min-width: 480px)   { #stage  { font-size: 80% } }
+@media all and (min-width: 640px)   { #stage  { font-size: 100% } }
+@media all and (min-width: 800px)   { #stage  { font-size: 130% } }
+@media all and (min-width: 1024px)  { #stage  { font-size: 160% } }
+@media all and (min-width: 1280px)  { #stage  { font-size: 180% } }

data/css/effects.css

@@ -0,0 +1,136 @@
+.transparent    { opacity: 0; -webkit-transition: opacity 200ms linear }
+.fades-in       { opacity: 1; -webkit-transition: opacity 200ms linear  }
+
+.fades-in-zoom-slow {
+  opacity: 1;
+  -webkit-animation-name: fades-in-zoom;
+  -webkit-animation-duration: 2s;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-timing-function: ease-out;
+}
+
+.fades-in-zoom-quick {
+  opacity: 1;
+  -webkit-animation-name: fades-in-zoom;
+  -webkit-animation-duration: 500ms;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-timing-function: ease-out;
+}
+
+.appears-dramatically {
+  -webkit-animation-name: appears-dramatically;
+  -webkit-animation-duration: 2.5s;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-timing-function: linear;
+}
+
+.speeds-in-left,
+.speeds-in-right {
+  -webkit-animation-duration: 2s;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-timing-function: linear;
+}
+
+.speeds-in-left {
+  -webkit-animation-name: speeds-in-left;
+}
+
+.speeds-in-right {
+  -webkit-animation-name: speeds-in-right;
+}
+
+.booms-out {
+  opacity: 0;
+  -webkit-transform: scale(1.3);
+  -webkit-transition: all 300ms ease-out;
+}
+
+.fades-out {
+  opacity: 0;
+  -webkit-animation-name: fades-in-zoom;
+  -webkit-animation-duration: 2s;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-timing-function: ease-out;
+}
+
+.shines {
+  text-shadow: none;
+  -webkit-animation-name: shines;
+  -webkit-animation-duration: 4s;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-timing-function: linear;
+}
+
+.dances {
+  -webkit-animation-name: dances;
+  -webkit-animation-duration: 3s;
+  -webkit-animation-iteration-count: infinite;
+  -webkit-animation-timing-function: ease-in-out;
+}
+
+.y-spin, .x-spin {
+  -webkit-animation-duration: 2s;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-timing-function: ease-out;
+}
+
+.y-spin { -webkit-animation-name: y-spin }
+.x-spin { -webkit-animation-name: x-spin }
+
+@-webkit-keyframes fades-in-zoom {
+  0%    { opacity: 0; -webkit-transform: scale(0.8) }
+  100%  { opacity: 1; -webkit-transform: scale(1) }
+}
+
+@-webkit-keyframes shines {
+  0%    { text-shadow: none }
+  25%   { text-shadow: rgb(255, 255, 255) -30px 0px 100px }
+  50%   { text-shadow: rgb(255, 255, 255) 0px 0px 200px }
+  75%   { text-shadow: rgb(255, 255, 255) 30px 0px 100px }
+  100%  { text-shadow: none }
+}
+
+@-webkit-keyframes y-spin {
+  0%    { -webkit-transform: rotateY(0deg) }
+  50%   { -webkit-transform: rotateY(180deg) }
+  100%  { -webkit-transform: rotateY(360deg) }
+}
+
+@-webkit-keyframes x-spin {
+  0%    { -webkit-transform: rotateX(0deg) }
+  50%   { -webkit-transform: rotateX(180deg) }
+  100%  { -webkit-transform: rotateX(360deg) }
+}
+
+@-webkit-keyframes dances {
+  0%      { -webkit-transform: skew(0deg) scale(1) }
+  12.5%   { -webkit-transform: skew(20deg) scale(1.2) }
+  25%     { -webkit-transform: skew(0deg) scale(1) }
+  37.5%   { -webkit-transform: skew(20deg) scale(1.2) }
+  50%     { -webkit-transform: skew(0deg) scale(1) }
+  62.5%   { -webkit-transform: skew(-20deg) scale(1.2) }
+  75%     { -webkit-transform: skew(0deg) scale(1) }
+  87.5%   { -webkit-transform: skew(-20deg) scale(1.2) }
+  100%    { -webkit-transform: skew(0deg) scale(1) }
+}
+
+@-webkit-keyframes appears-dramatically {
+  0%    { opacity: 0; -webkit-transform: scale(0.5) }
+  10%   { opacity: 1; -webkit-transform: scale(0.8) }
+  90%   { opacity: 1; -webkit-transform: scale(1.1) }
+  100%  { opacity: 0; -webkit-transform: scale(1.4) }
+}
+
+@-webkit-keyframes speeds-in-left {
+  0%    { opacity: 0; -webkit-transform: skew(40deg); margin-left: -4em }
+  10%   { opacity: 1; -webkit-transform: skew(0deg); margin-left: -2em }
+  90%   { opacity: 1; -webkit-transform: skew(0deg); margin-left: 0em }
+  100%  { opacity: 0; -webkit-transform: skew(-40deg); margin-right: -4em }
+}
+
+@-webkit-keyframes speeds-in-right {
+  0%    { opacity: 0; -webkit-transform: skew(-40deg); margin-right: -4em }
+  10%   { opacity: 1; -webkit-transform: skew(0deg); margin-right: -2em }
+  90%   { opacity: 1; -webkit-transform: skew(0deg); margin-right: 0em }
+  100%  { opacity: 0; -webkit-transform: skew(40deg); margin-left: -4em }
+}

data/css/shCore.css

@@ -0,0 +1,330 @@
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
+ *
+ * @version
+ * 2.1.364 (October 15 2009)
+ * 
+ * @copyright
+ * Copyright (C) 2004-2009 Alex Gorbatchev.
+ *
+ * @license
+ * This file is part of SyntaxHighlighter.
+ * 
+ * SyntaxHighlighter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * SyntaxHighlighter is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
+ */
+.syntaxhighlighter,
+.syntaxhighlighter div,
+.syntaxhighlighter code,
+.syntaxhighlighter table,
+.syntaxhighlighter table td,
+.syntaxhighlighter table tr,
+.syntaxhighlighter table tbody
+{
+	margin: 0 !important;
+	padding: 0 !important;
+	border: 0 !important;
+	outline: 0 !important;
+	background: none !important;
+	text-align: left !important;
+	float: none !important;
+	vertical-align: baseline !important;
+	position: static !important;
+	left: auto !important;
+	top: auto !important;
+	right: auto !important;
+	bottom: auto !important;
+	height: auto !important;
+	width: auto !important;
+	line-height: 1.1em !important;
+	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
+	font-weight: normal !important;
+	font-style: normal !important;
+	font-size: 1em !important;
+	min-height: inherit !important; /* For IE8, FF & WebKit */
+	min-height: auto !important; /* For IE7 */
+}
+
+.syntaxhighlighter
+{
+	width: 99% !important; /* 99% fixes IE8 horizontal scrollbar */
+	margin: 1em 0 1em 0 !important;
+	padding: 1px !important; /* adds a little border on top and bottom */
+	position: relative !important;
+}
+
+.syntaxhighlighter .bold 
+{
+	font-weight: bold !important;
+}
+
+.syntaxhighlighter .italic 
+{
+	font-style: italic !important;
+}
+
+.syntaxhighlighter .line
+{
+}
+
+.syntaxhighlighter .no-wrap .line .content
+{
+	white-space: pre !important;
+}
+
+.syntaxhighlighter .line table 
+{
+	border-collapse: collapse !important;
+}
+
+.syntaxhighlighter .line td
+{
+	vertical-align: top !important;
+}
+
+.syntaxhighlighter .line .number
+{
+	width: 3em !important;
+}
+
+.syntaxhighlighter .line .number code
+{
+	width: 2.7em !important;
+	padding-right: .3em !important;
+	text-align: right !important;
+	display: block !important;
+}
+
+.syntaxhighlighter .line .content
+{
+	padding-left: .5em !important;
+}
+
+.syntaxhighlighter .line .spaces
+{
+}
+
+/* Disable border and margin on the lines when no gutter option is set */
+.syntaxhighlighter.nogutter .line .content
+{
+	border-left: none !important;
+}
+
+.syntaxhighlighter .bar
+{
+	display: none !important;
+}
+
+.syntaxhighlighter .bar.show 
+{
+	display: block !important;
+}
+
+.syntaxhighlighter.collapsed .bar
+{
+	display: block !important;
+}
+
+/* Adjust some properties when collapsed */
+
+.syntaxhighlighter.collapsed .lines
+{
+	display: none !important;
+}
+
+.syntaxhighlighter .lines.no-wrap
+{
+	overflow: auto !important;
+	overflow-y: hidden !important;
+}
+
+/* Styles for the toolbar */
+
+.syntaxhighlighter .toolbar
+{
+	position: absolute !important;
+	right: 0px !important;
+	top: 0px !important;
+	font-size: 1px !important;
+	padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
+}
+
+.syntaxhighlighter.collapsed .toolbar
+{
+	font-size: 80% !important;
+	padding: .2em 0 .5em .5em !important;
+	position: static !important;
+}
+
+.syntaxhighlighter .toolbar a.item,
+.syntaxhighlighter .toolbar .item
+{
+	display: block !important;
+	float: left !important;
+	margin-left: 8px !important;
+	background-repeat: no-repeat !important;
+	overflow: hidden !important;
+	text-indent: -5000px !important;
+}
+
+.syntaxhighlighter.collapsed .toolbar .item
+{
+	display: none !important;
+}
+
+.syntaxhighlighter.collapsed .toolbar .item.expandSource
+{
+	background-image: url(magnifier.png) !important;
+	display: inline !important;
+	text-indent: 0 !important;
+	width: auto !important;
+	float: none !important;
+	height: 16px !important;
+	padding-left: 20px !important;
+}
+
+.syntaxhighlighter .toolbar .item.viewSource
+{
+	background-image: url(page_white_code.png) !important;
+}
+
+.syntaxhighlighter .toolbar .item.printSource
+{
+	background-image: url(printer.png) !important;
+}
+
+.syntaxhighlighter .toolbar .item.copyToClipboard
+{
+	text-indent: 0 !important;
+	background: none !important;
+	overflow: visible !important;
+}
+
+.syntaxhighlighter .toolbar .item.about
+{
+	background-image: url(help.png) !important;
+}
+
+/** 
+ * Print view.
+ * Colors are based on the default theme without background.
+ */
+
+.syntaxhighlighter.printing,
+.syntaxhighlighter.printing .line.alt1 .content,
+.syntaxhighlighter.printing .line.alt2 .content,
+.syntaxhighlighter.printing .line.highlighted .number,
+.syntaxhighlighter.printing .line.highlighted.alt1 .content,
+.syntaxhighlighter.printing .line.highlighted.alt2 .content,
+{
+	background: none !important;
+}
+
+/* Gutter line numbers */
+.syntaxhighlighter.printing .line .number
+{
+	color: #bbb !important;
+}
+
+/* Add border to the lines */
+.syntaxhighlighter.printing .line .content
+{
+	color: #000 !important;
+}
+
+/* Toolbar when visible */
+.syntaxhighlighter.printing .toolbar
+{
+	display: none !important;
+}
+
+.syntaxhighlighter.printing a
+{
+	text-decoration: none !important;
+}
+
+.syntaxhighlighter.printing .plain,
+.syntaxhighlighter.printing .plain a
+{ 
+	color: #000 !important;
+}
+
+.syntaxhighlighter.printing .comments,
+.syntaxhighlighter.printing .comments a
+{ 
+	color: #008200 !important;
+}
+
+.syntaxhighlighter.printing .string,
+.syntaxhighlighter.printing .string a
+{
+	color: blue !important; 
+}
+
+.syntaxhighlighter.printing .keyword
+{ 
+	color: #069 !important; 
+	font-weight: bold !important; 
+}
+
+.syntaxhighlighter.printing .preprocessor 
+{ 
+	color: gray !important; 
+}
+
+.syntaxhighlighter.printing .variable 
+{ 
+	color: #a70 !important; 
+}
+
+.syntaxhighlighter.printing .value
+{ 
+	color: #090 !important; 
+}
+
+.syntaxhighlighter.printing .functions
+{ 
+	color: #ff1493 !important; 
+}
+
+.syntaxhighlighter.printing .constants
+{ 
+	color: #0066CC !important; 
+}
+
+.syntaxhighlighter.printing .script
+{
+	font-weight: bold !important;
+}
+
+.syntaxhighlighter.printing .color1,
+.syntaxhighlighter.printing .color1 a
+{ 
+	color: #808080 !important; 
+}
+
+.syntaxhighlighter.printing .color2,
+.syntaxhighlighter.printing .color2 a
+{ 
+	color: #ff1493 !important; 
+}
+
+.syntaxhighlighter.printing .color3,
+.syntaxhighlighter.printing .color3 a
+{ 
+	color: red !important; 
+}