slideshow-service 0.0.1

data/lib/slideshow/service/public/slideshow-s6-blank/s6/print.css

@@ -0,0 +1 @@
+/*********************************
 * CSS @media print rules (not projection or screen)
 */
 * Make sure all slides are visible (to make them all appear in prin)
 */
         display: block !important;
       }
 * Extra styling for first slide (title slide)
 */
     border-bottom: 1px dotted silver;
   }
 * Turn on print-specific stuff/classes
 */
 * Turn off online (screen/projection)-specific stuff/classes
 */
 * The following rule keeps the layout stuff out of print.
 * Remove at your own risk!
 */

data/lib/slideshow/service/public/slideshow-s6-blank/s6/projection.css

@@ -0,0 +1,109 @@
+/*********************************
+ * CSS @media projection rules (not print or screen)
+ *
+ * 1) projection -> slideshow mode (display one slide at-a-time; hide all others)
+ * 2) screen     -> outline mode (display all slides-at-once on screen) 
+ * 3) print      -> print (and print preview)
+ *
+ * toogle between slideshow/outline mode using t-key
+ */
+
+html,
+body,
+.presentation { margin: 0; padding: 0; }
+
+
+.slide { display: none; 
+         position: absolute;
+         top: 0; left: 0; 
+         margin: 0;
+         padding: 2% 4% 0% 4%;      /* css note: order is => top right bottom left  */
+         width: 92%; height: 95%;    /* css note: to get to 100% add padding/border/margin */
+         overflow-x: hidden; overflow-y: auto;
+         z-index: 2;
+       }
+
+#slide1 { display: block; }
+
+.notes  { display: none; } /* handout notes/note (use note? handout? notes? */
+
+
+/********* format layout block
+ *
+ *  .layout
+ *    > #header
+ *    > #footer
+ *    > #controls      (holding navigation controls)
+ *       > #navLinks
+ *          > #toggle
+ *          > #navList
+ *            > #jumplist
+ *    > #currentSlide  (e.g. 1/7)
+ *
+ */
+
+.layout { display: block; }
+
+#header {  position: fixed;
+           top: 0; left: 0;
+           width: 100%; height: 0.5em;
+           z-index: 1;
+        }
+   
+#footer {  position: fixed;
+           top: auto; bottom: 0;
+           padding: 1em 0;   /* css note: order is => 1st top,bottom; 2nd right,left */
+           width: 100%; height: 1em;
+           z-index: 5;
+    
+           /* todo: move font-size and font-style to blank.css */    
+           font-size: 100%; font-weight: bold; 
+        }
+  
+/* todo: move font-size and font-style to blank.css */
+
+  #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; }
+
+
+/*************************
+ * format for navigation controls 
+ */
+
+
+#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; }
+
+/*************************
+ * format for 
+ * currentSlide block ( e.g. 2/20 )
+ */
+
+#currentSlide { position: fixed;
+                left: 45%; bottom: 1em;
+                width: 10%;
+                z-index: 10;
+                text-align: center;
+                font-size: 0.8em;
+              }
+
+#currentSlide :link,
+#currentSlide :visited {  text-decoration: none; }
+
+

data/lib/slideshow/service/public/slideshow-s6-blank/s6/screen.css

@@ -0,0 +1,50 @@
+/*********************************
+ * CSS @media screen (not projection or print)
+ *
+ * 1) projection -> slideshow mode (display one slide at-a-time; hide all others)
+ * 2) screen     -> outline mode (display all slides-at-once on screen) 
+ * 3) print      -> print (and print preview)
+ *
+ * toogle between slideshow/outline mode using t-key
+ */
+
+
+/****
+ * hide layout stuff (header, footer, navLinks, navList etc.)
+ */
+
+.layout * { display: none; }
+
+.projection { display: none; }
+
+/*************
+ * make toggle button visible and reposition to upper right corner *
+ * note: toogle button is nested inside #controls > #navLinks > #toogle
+ */
+
+#controls,
+#navLinks,
+#toggle    { display: block;
+             visibility: visible;
+             margin: 0; padding: 0;
+           }
+
+#toggle { position: fixed;
+          top: 0; right: 0;
+          padding: 0.5em; 
+          border-left: 1px solid;
+          border-bottom: 1px solid;
+          background: white;
+        }
+
+
+/*************
+ * 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; }
+

data/lib/slideshow/service/public/slideshow-s6-blank/slides.html

@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+   <meta http-equiv="content-type" content="text/html;charset=utf-8"> 
+   <title>{{ headers['title'] }}</title>
+
+<meta name="generator" content="{{ headers['generator'] }}">
+<meta name="author"    content="{{ headers['author'] }}" >
+
+<!-- S6 style sheet links -->
+<link rel="stylesheet" href="style.css"        media="projection" id="styleProjection">
+<link rel="stylesheet" href="s6/screen.css"    media="screen"     id="styleScreen">
+<link rel="stylesheet" href="s6/print.css"     media="print">
+
+<!-- S6 JS -->
+<script src="s6/jquery.js"></script>
+<script src="s6/jquery.slideshow.js"></script>
+<script>
+  $(document).ready( function() {
+    Slideshow.init();
+  } );
+
+  {{ more_content_for_js }}
+</script>
+
+
+  {{ more_content_for_head }}
+
+</head>
+<body>
+
+<div class="layout"> 
+  <div id="header"></div>
+  <div id="footer">
+    <h1>{{ headers['footer'] }}</h1>
+    <h2>{{ headers['subfooter'] }}</h2>
+  </div>
+</div>
+
+<div class="presentation">
+   
+{{ content }}
+
+</div><!-- presentation -->
+</body>
+</html>

data/lib/slideshow/service/public/slideshow-s6-blank/slides.pdf.html

@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+<head>
+   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+   <title>{{ headers['title'] }}</title>
+   
+   {{ more_content_for_head }}
+
+<style>
+html, body { margin: 0; padding: 0; }
+
+body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
+
+a:link, a:visited { color: black; }
+
+h1 { font-size: 30pt;  }
+h2 { font-size: 28pt;  }
+h3 { font-size: 25pt;  }
+p, li, dt, dd, td, th { font-size: 18pt; }
+
+pre { font-size: 14pt;  }
+pre.small { font-size: 11pt; }
+
+pre.code {
+        background-color: azure;
+        padding: 5px;
+      }
+     
+ul { list-style-type: square; }    
+   
+.center { text-align: center; }   
+     
+.slide { page-break-after: always;
+         min-height: 100mm;
+         padding: 40px;
+         
+         border: 1px dotted black;
+
+/*      
+  background: -moz-linear-gradient( top, maroon, red);
+*/
+       }
+
+/* {{ more_content_for_css }}
+ */
+
+ 
+/*
+for princexml (CSS3 paged media support)
+@page { size: A4 landscape }
+*/
+</style>
+
+</head>
+<body>
+
+<div class="presentation">
+
+{{ content }}
+
+  </div> <!-- presentation -->
+</body>
+</html> 

data/lib/slideshow/service/public/slideshow-s6-blank/style.css

@@ -0,0 +1,94 @@
+
+@import url(s6/projection.css); /* required to make the slide show run at all */
+     
+body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
+
+a:link, a:visited { color: black; }
+
+.slide h1 { font-size: 30pt;  }
+
+.slide h1 {  text-align: center; }
+
+.slide h1.fullscreen { position: absolute;
+                       top: 40%;
+                       width: 100%; }
+
+/* lets you create slides with no heading (because heading is hidden but gets included in toc) */
+.slide h1.hidden     { display: none; }
+
+
+.slide h2 { font-size: 28pt;  }
+
+h3 { font-size: 25pt;  }
+
+/* todo: add special formating for .cover slide
+   lets you use h1(cover). for title/cover slide (a la S5 slide0) but more generic (not bound to 1st slide)
+*/
+
+.cover h1 { /* tbd */ }
+.cover h2 { /* tbd */ }
+
+/* todo: add special formating for h1, h2 in footer */
+
+#footer h1 { /* tbd */ }
+#footer h2 { /* tbd */ }
+
+
+p, li, dt, dd, td, th { font-size: 18pt; }
+
+ul { list-style-type: square; }    
+
+/**********************************/
+/* general text-alignment classes */
+
+.left   { text-align: left; }
+.center { text-align: center; }
+.right  { text-align: right;  }
+
+/**********************************/
+/* general font-size classes      */
+
+.small { font-size: 97%; }
+
+.x-small,
+.smaller { font-size: 88%; }
+
+.xx-small,
+.smallest,
+.tiny      { font-size: 82%; }
+
+
+
+pre { font-size: 16pt;  }
+
+.code { 
+        background-color: azure;
+        padding: 5px;
+      }
+     
+.footnote a:first-of-type  { text-decoration: none; }
+
+
+p.small  { font-size: 97%; }
+
+p.x-small,
+p.smaller,  
+p.footnote { font-size: 88%; }
+
+p.xx-small,
+p.smallest,
+p.tiny     { font-size: 82%; }
+
+
+.help p,
+.help td  { font-size: 88%; }
+
+ 
+.step { color: silver; }
+/* or hide next steps e.g.  .step { visibility: hidden; } */
+.stepcurrent { color: black; }
+
+
+/**
+ {{ more_content_for_css }}
+**/

data/lib/slideshow/service/public/style.css

@@ -0,0 +1,62 @@
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
+
+
+a, a:visited  {
+  color: black;     /* was #8B0000; */
+  text-decoration: none; }
+
+  a:hover {
+    color: black; /* was #8B0000; */
+    text-decoration: underline; }
+
+.header .title a,
+.header .title a:visited {
+  text-decoration: none;
+}
+
+.footer {
+  margin: 10px;
+}
+
+
+
+.params {
+  color: green;
+  font-style: italic;
+  font-weight: bold; }
+
+pre {
+  background-color: #F3F3F3;
+  border-bottom: 1px solid #BBBBBB;
+  border-top: 1px solid #BBBBBB;
+  padding: 4px; }
+
+
+h3 {
+    border-bottom: 1px solid black;
+}
+
+/****************
+ * api
+ */
+
+.api a, .api a:visited {
+    color: black;
+  }
+
+
+/**********
+ * version / powered by
+ */
+
+.version {
+  text-align: center;
+  margin-top: 10px;
+  color: grey; }
+  .version a,
+  .version a:visited,
+  .version span {
+    font-size: 12px;
+    color: grey; }
+