slideshow 0.5 → 0.5.1

data/lib/templates/s6/outline.css

@@ -0,0 +1,27 @@
+/* don't change this unless you want the layout stuff to show up in the outline view! */
+
+.layout *, #footer *, #navLinks * { display: none; }
+
+#controls, #navLinks, #toggle {
+  display: block; visibility: visible; margin: 0; padding: 0;}
+
+#toggle { position: fixed; top: 0; right: 0; padding: 0.5em; }
+#toggle {border: 1px solid; border-width: 0 0 1px 1px; background: #FFF;}
+
+
+/* making the outline look pretty-ish */
+
+#slide1, #slide1 h1, #slide1 h2, #slide1 h3, #slide1 h4 {border: none; margin: 0;}
+#slide1 h1 {padding-top: 1.5em;}
+
+.slide { margin: 1.5em 0 0; border-top: 1px solid #888; }
+.slide h1 { border-bottom: 1px solid #AAA; }
+
+#microsoft {
+        display: none;
+        border: red solid thick;
+        padding: 1em;
+        font-family: sans-serif;
+        font-weight: bold;
+        margin-bottom: 2em;
+}

data/lib/templates/s6/print.css

@@ -0,0 +1 @@
+/* The following rule is necessary to have all slides appear in print! DO NOT REMOVE IT! */

data/lib/templates/s6/slides.css

@@ -0,0 +1,76 @@
+ .slide { display: none; }
+ #slide1 { display: block; }
+ #microsoft { display: none; }
+ 
+ .slide { position: absolute; }
+  #header, #footer { position: fixed; }
+
+ .layout { display: block; }
+ .notes  { display: none; } /* handout notes/note (use note? handout? notes? */
+  
+  #header, #footer, .slide { width: 100%; top: 0; left: 0; }
+  #header { top: 0; height: 0.5em; z-index: 1;}
+  
+  #footer { top: auto; bottom: 0; height: 1em; z-index: 5;}
+  #footer { font-size: 100%; font-weight: bold; padding: 1em 0;}
+  #footer h1 { display: block; margin: 0; padding: 0 1em; font-size: 0.5em; }
+  #footer h2 { display: block; margin: 0; padding: 0 1em; font-size: 0.5em; font-style: italic; }
+
+
+
+  #controls { position: fixed; left: 60%; bottom: 0; width: 40%; z-index: 100;
+              text-align: right;
+              font: bold 1.2em Verdana, Helvetica, sans-serif; }
+  
+  #controls :focus { outline: 1px dotted white;}
+  
+  #controls #navLinks { text-align: right; margin: 0; visibility: hidden; } 
+   
+  #controls #navLinks a { padding: 0; margin: 0 0.5em; cursor: pointer; border: none; }
+  
+  #controls #navLinks :link,
+  #controls #navLinks :visited {text-decoration: none; }
+
+  #controls #navList #jumplist { background: white; color: black; }
+
+
+  #currentSlide { position: fixed; width: 10%; left: 45%; bottom: 1em; z-index: 10;}
+  #currentSlide { text-align: center; font-size: 0.8em; }
+  #currentSlide :link,
+  #currentSlide :visited {text-decoration: none; }
+
+.presentation { margin: 0; padding: 0; } 
+.slide { margin: 0 0 0 0; height: 96%; }
+.slide { overflow-x: hidden; overflow-y: auto; }
+.slide { top: 0; width: 92%; padding: 2% 4% 0 4%; z-index: 2;  list-style: none;}
+  
+  /* .step { visibility: hidden; } */
+
+/* enable svg backgrounds for gradient themes */
+div.background { position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: -1; }
+body { opacity: .99; }
+
+html, body { margin: 0; padding: 0; }
+
+
+
+
+/*
+div#header {background: #FCC;}
+div#footer {background: #CCF;}
+div#controls {background: #BBD;}
+div#currentSlide {background: #FFC;}
+*/
+
+
+
+
+
+
+
+
+
+
+
+
+

data/lib/templates/s6/slides.js

@@ -0,0 +1,201 @@
+   var snum = 1;      /* current slide # (non-zero based index e.g. starting with 1) */
+   var smax = 1;      /* max number of slides */
+   var s6mode = true; /* are we in slide mode (in contrast to outline mode)? */ 
+   var defaultView = 'slideshow'; /* slideshow | outline */
+   
+ function showHide(action)
+ {
+	switch( action ) {
+	  case 's': $( '#navLinks' ).css( 'visibility', 'visible' );  break;
+	  case 'h': $( '#navLinks' ).css( 'visibility', 'hidden' );   break;
+    case 'c':  /* toggle control panel */
+      if( $( '#navLinks' ).css( 'visibility' ) != 'visible' )
+         $( '#navLinks' ).css( 'visibility', 'visible' );
+      else
+         $( '#navLinks' ).css( 'visibility', 'hidden' );
+	    break; 
+  }
+ }  
+   
+  function currentSlide() {
+	 
+    $( '#currentSlide' ).html( '<a id="plink" href="">' + 
+		     '<span id="csHere">' + snum + '<\/span> ' + 
+		     '<span id="csSep">\/<\/span> ' + 
+		     '<span id="csTotal">' + smax + '<\/span>' +
+		     '<\/a>' );		
+  }    
+   
+
+  function permaLink() {
+	   $('#plink').get(0).href = window.location.pathname + '#slide' + snum;
+  }
+
+ function goTo( target ) {
+	 if( target > smax || target == snum ) return;
+	 go( target - snum );
+ }
+ 
+ function go( step ) {
+  
+	var cid = '#slide' + snum;
+
+	if (step != 'j') {
+		snum += step;
+		if( snum > smax ) snum = smax;
+		if (snum < 1) snum = 1;
+	} else
+   snum = parseInt( $( '#jumplist' ).val() );
+  
+	var nid = '#slide' + snum;
+  
+  $( cid ).hide();
+  $( nid ).show();
+  
+  $('#jumplist').get(0).selectedIndex = (snum-1);
+  currentSlide();
+  permaLink(); 
+}
+
+
+function toggle() {
+ 
+  /* get stylesheets */
+	var slides  = $('#slideProj').get(0);
+	var outline = $('#outlineStyle').get(0);
+	
+  if( !slides.disabled ) {
+		slides.disabled = true;
+		outline.disabled = false;
+		s6mode = false;
+    $('.slide').each( function() { $(this).show(); } );
+	} else {
+		slides.disabled = false;
+		outline.disabled = true;
+		s6mode = true;
+    $('.slide').each( function(i) {
+      if( i == (snum-1) )
+        $(this).show();
+      else
+        $(this).hide();
+    });
+	}
+}
+ 
+ 
+   function populateJumpList() {
+    
+     var list = $('#jumplist').get(0);
+    
+     $( '.slide' ).each( function(i) {              
+       list.options[list.length] = new Option( (i+1)+' : '+ $(this).find('h1').text(), (i+1) );
+     });
+   } 
+   
+   function createControls() {	  
+  
+   	 $('#controls').html(  '<div id="navLinks">' +
+	'<a accesskey="t" id="toggle" href="#">&#216;<\/a>' +
+	'<a accesskey="z" id="prev" href="#">&laquo;<\/a>' +
+	'<a accesskey="x" id="next" href="#">&raquo;<\/a>' +
+	'<div id="navList"><select id="jumplist" /><\/div>' +
+	'<\/div>' ); 
+      
+      $('#controls').mouseover( function() { showHide('s'); } );
+      $('#controls').mouseout( function()  { showHide('h'); } );
+      $('#toggle').click( function() { toggle(); } );
+      $('#prev').click( function() { go(-1); } );
+      $('#next').click( function() { go(1); } );
+      
+      $('#jumplist').change( function() { go('j'); } );
+  	
+      populateJumpList();     
+      currentSlide();
+   }
+   
+   function addSlideIds() {
+     $( '.slide' ).each( function(i) {
+       $(this).attr( 'id', 'slide'+(i+1) );
+     });
+       
+     smax = $( '.slide' ).length;
+   }
+   
+   function notOperaFix() {
+	     
+	     $('#slideProj').attr( 'media','screen' );
+              
+	     var outline = $('#outlineStyle').get(0);
+	     outline.disabled = true;
+    }    
+     
+  
+  function defaultCheck() {
+     $( 'meta' ).each( function() {
+        if( $(this).attr( 'name' ) == 'defaultView' )
+          defaultView = $(this).attr( 'content' );
+     } );
+  }
+  
+  function keys(key) {
+	if (!key) {
+		key = event;
+		key.which = key.keyCode;
+	}
+	if (key.which == 84) {
+		toggle();
+		return;
+	}
+	if (s6mode) {
+		switch (key.which) {
+			case 32: // spacebar
+			case 34: // page down
+			case 39: // rightkey
+			case 40: // downkey
+					go(1);
+				  break;
+			case 33: // page up
+			case 37: // leftkey
+			case 38: // upkey
+					go(-1);
+				  break;
+      case 36: // home
+				goTo(1);
+				break;
+			case 35: // end
+				goTo(smax);
+				break;   
+			case 67: // c
+				showHide('c');
+				break;
+		}
+	}
+	return false;
+}
+
+   
+$(document).ready(function(){
+        
+  if( $.browser.msie )
+        {
+          $( '.layout *').hide();
+          $( '.presentation').hide();
+          
+          $( '#microsoft' ).show();          
+        }
+        else
+        {
+         defaultCheck();
+         addSlideIds();
+         createControls();
+         
+         /* opera is the only browser currently supporting css projection mode */ 
+         /* if( !$.browser.opera ) */
+           notOperaFix();
+         
+         if( defaultView == 'outline' ) 
+		       toggle();
+           
+         document.onkeyup = keys;
+        }
+     });

data/lib/templates/s6/style.css.erb

@@ -0,0 +1,27 @@
+@import url(s6/slides.css); /* required to make the slide show run at all */
+     
+html, body { color: white;
+             font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
+
+a:link, a:visited { color: white; }
+
+h1 { font-size: 30pt;  }
+h2 { font-size: 28pt;  }
+h3 { font-size: 25pt;  }
+p, li, td, th { font-size: 18pt; }
+
+pre { font-size: 16pt;  }
+
+pre.code { 
+        background-color: black;
+        padding: 5px;
+         border: silver thick groove;
+          -moz-border-radius: 11px;
+      }
+     
+ 
+div#header, div#footer {  color: silver; }
+
+#currentSlide { color: silver;}
+
+#controls #navLinks a { color: silver; }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: slideshow
 version: !ruby/object:Gem::Version 
-  version: "0.5"
+  version: 0.5.1
 platform: ruby
 authors: 
 - Gerald Bauer
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2008-07-02 00:00:00 -07:00
+date: 2008-07-08 00:00:00 -07:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -75,6 +75,15 @@ files:
 - lib/templates/s5/s5-core.css
 - lib/templates/s5/slides.js
 - lib/templates/s5/style.css.erb
+- lib/templates/s6
+- lib/templates/s6/footer.html.erb
+- lib/templates/s6/header.html.erb
+- lib/templates/s6/jquery.js
+- lib/templates/s6/outline.css
+- lib/templates/s6/print.css
+- lib/templates/s6/slides.css
+- lib/templates/s6/slides.js
+- lib/templates/s6/style.css.erb
 - lib/templates/style.css.erb
 - bin/slideshow
 has_rdoc: false