showoff 0.7.0 → 0.9.7

data/public/css/showoff.css

@@ -1,6 +1,6 @@
 @media screen {
   body {
-			font-size: 100%;
+      font-size: 100%;
       font-family: "Gill Sans", Helvetica, Arial, sans-serif;
       background:#333;
       overflow:hidden;
@@ -39,50 +39,23 @@
       border-top-right-radius: 3px;
       z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
   }
-}
-
-/* iPhone */
-/* Portrait */
-@media screen and (max-width: 320px)
-{
-  #preso {
-      margin: 0;
-      padding: 0;
-      width: 320px;
-      max-height: 356px;
-      margin-left:auto;
-      margin-right:auto;
-/*      overflow:hidden;*/
-  }
-  #footer {
-      background: #eee;
-      margin: 0;
-      padding: 2px;
-      width: 320px;
-      height: 20px;
-      margin-left:auto;
-      margin-right:auto;
-  }
-}
-/* Landscape */
-@media screen and (max-width: 480px)
-{
-  #preso {
-      margin: 0;
-      padding: 0;
-/*      min-height: 320px;*/
-      width: 480px;
-      margin-left:auto;
-      margin-right:auto;
+  #followMode {
+    display: none;
   }
-  #footer {
-      background: #eee;
-      margin: 0;
-      padding: 2px;
-      width: 480px;
-      height: 20px;
-      margin-left:auto;
-      margin-right:auto;
+  #pauseScreen {
+      background: rgba(0, 0, 0, 0.85);
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      top: 0px;
+      left: 0px;
+      display: none;
+      margin: auto;
+      color: white;
+      font-size: 2em;
+      padding: 1em;
+      z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
+      text-align: center;
   }
 }
 
@@ -214,13 +187,33 @@ h3 { font-size: 2em; }
 
 pre { margin: 1em 40px; padding: .25em; }
 
-.notes { display: none }
+.notes, .handouts, .instructor, .solguide { display: none }
 .hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
 .buttonNav { display: none }
 .offscreen { position:absolute; top:0; left:-9999px; overflow:hidden; }
 #debugInfo { margin-left: 30px; }
 #notesInfo { margin-left: 30px; display: none }
+#slideFilename {
+  position: absolute;
+  right: 5px;
+  bottom: 0px;
+  height: 23px;
+  padding-left: 10px;
+  background: #ccc;
+  z-index: 2147483647;
+}
+img#disconnected {
+  float: right;
+  display: none;
+}
+
 #preshow { display: none; }
+/* define the screen blocking view */
+/* we define it as invisible because we use jQuery to animate its presentation */
+#screenblanker {
+  height: 100%;
+  display: none;
+}
 
 #help {
     background: #9f9;
@@ -236,6 +229,77 @@ pre { margin: 1em 40px; padding: .25em; }
     font-weight: bold;
 }
 
+
+#feedbackWrapper {
+  float: left;
+  height: 100%;
+  position: fixed;
+  background-color: #dfdfdf;
+  opacity: 0.98;
+  z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
+}
+
+#feedbackSidebar {
+  height: 100%;
+  width: 200px;
+  background: transparent url(grippy-close.png) no-repeat right center;
+  display: none;
+}
+
+#feedbackSidebar img#feedbackActivity {
+  position: absolute;
+  right: 3px;
+  top: 3px;
+  display: none;
+}
+
+#feedbackHandle {
+  height: 100%;
+  width: 9px;
+  background: transparent url(grippy.png) no-repeat center;
+}
+
+#feedbackSidebar div.row {
+  text-align: center;
+  margin: 5px 0;
+  padding: 5px 0;
+}
+
+#feedbackWrapper h4 {
+  text-align: left;
+  margin-left: 3px;
+}
+#feedbackSidebar span.buttonWrapper {
+  height: 60px;
+  width: 85px;
+  padding: 5px;
+  display: inline-block;
+}
+#feedbackSidebar span.buttonWrapper button {
+  margin: 44px auto 0 auto;
+}
+
+#feedbackSidebar span.buttonWrapper.slower {
+  background: transparent url(slow.png) no-repeat center top;
+}
+
+#feedbackSidebar span.buttonWrapper.faster {
+  background: transparent url(fast.png) no-repeat center top;
+}
+
+#feedbackSidebar textarea {
+  height: 85px;
+  width: 85%;
+}
+
+#feedbackSidebar #disclaimer {
+  position: absolute;
+  bottom: 25px;
+  width: 100%;
+  text-align: center;
+}
+
+
 .fg-menu-container {
     z-index: 2147483647; /* max, see http://www.puidokas.com/max-z-index/ */
 }
@@ -248,7 +312,7 @@ a.fg-button { float:left; }
 
 .fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
 
-#navmenu {
+#navmenu, #stylemenu {
   position: absolute;
   top: 10px;
   left: 10px;
@@ -335,6 +399,10 @@ a.fg-button { float:left; }
   background-color: yellow;
 }
 
+.executing:hover {
+  cursor: pointer;
+}
+
 #tips, #preshow_timer {
   display:inline;
   background-color:#000;
@@ -357,18 +425,266 @@ a.fg-button { float:left; }
   bottom: 0px;
 }
 
+/**********************************
+ ***     table of contents      ***
+ **********************************/
+#toc a {
+  text-decoration: none;
+}
+#toc a::after {
+  content: leader(".") target-counter(attr(href), page);
+}
+
+/**********************************
+ ***   supplemental materials   ***
+ **********************************/
+#slides.supplemental .slide {
+  max-height: none !important;
+  height: auto;
+  padding: 0.5em;
+  width: 8.1in;
+}
+
+.supplemental h1 { font-family: 'Arvo'; text-align: left; }
+.supplemental h2,
+    .supplemental h3,
+    .supplemental h4,
+    .supplemental h5,
+    .supplemental h6 { font-family: 'PT Sans'; text-align: left; }
+
+.supplemental h1 { font-size: 2em; }
+.supplemental h2 { font-size: 1.5em; }
+.supplemental h3,
+    .supplemental h4,
+    .supplemental h5,
+    .supplemental h6 { font-size: 1.3em; text-align: left; }
+
+.supplemental .content > p,
+    .supplemental .content > ol,
+    .supplemental .content > ul { font-size: 1em; }
+
+.supplemental img { max-width: 7in; }
+.supplemental .content > pre,
+  .supplemental .content > pre > code { font-size: 10pt; font-family: 'Courier New', Courier, monospace; }
+.supplemental ul { list-style: disc; margin-left: 1.25em !important; padding-left: inherit !important; }
+.supplemental .content table { font-size: 0.65em; } /* Ugly hack for tables, which never seem to scale properly. Ick */
+
+/* downloads page */
+/* we want scrolls! */
+body#download {
+  overflow:auto;
+  height: auto;
+}
+#download h1 {
+  font-size: 3em;
+}
+ul#downloads {
+    margin-left:  20%;
+    font-size: large;
+    list-style-type: disc;
+}
+ul#downloads li {
+    margin: 0.5em;
+}
+
+span#issueUrl {
+  display: none;
+}
+
+/**********************
+ ***   stats page   ***
+ **********************/
+/* we want scrolls! */
+body#stats {
+  overflow:auto;
+  height: auto;
+}
+
+/* apply some nifty rounding styles to the row */
+#stats div.row {
+  position: relative;
+  margin: 0.25em 1em;
+  padding: 0.1em;
+  background-color: #dfdfdf;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  border-radius: 5px;
+}
+/* and to the bar inside the row */
+#stats div.bar {
+  height: 1.25em;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  border-radius: 5px;
+}
+/* position the label to the top left and time to the top right */
+#stats div.row span.label {
+  position: absolute;
+  top: 0.15em;
+  left: 0.25em;
+}
+#stats div.time {
+  position: absolute;
+  top: 0.15em;
+  right: 0.25em;
+}
+
+/* style all three boxes */
+#stats div#least,
+#stats div#most,
+#stats div#all {
+  width: 45%;
+  border: 1px solid black;
+  -moz-border-radius: 1em;
+  -webkit-border-radius: 1em;
+  -khtml-border-radius: 1em;
+  border-radius: 1em;
+}
+
+/* least box */
+#stats div#least {
+  float: left;
+  margin-left: 3%;}
+#stats div#least div.bar {
+  background: #f5f56f;
+}
+
+/* most box */
+#stats div#most {
+  float: right;
+  margin-right: 3%;
+}
+#stats div#most div.bar {
+  background: #f45f5f;
+}
+
+/* listing of all stats */
+#stats div#all {
+  clear: both;
+  position: relative;
+  top: 3em;
+  margin: 0 3% 5em 3%;
+  width: 94%;
+}
+#stats div#all div.bar {
+  background: #66b366;
+}
+
+/* detail view */
+#stats div#all div.detail {
+  margin: 0 5em 0 1em;
+}
+#stats div#all div.detail div.bar {
+  background: #8484dd;
+}
+/**********************
+ *** end stats page ***
+ **********************/
+
+/**********************
+ ** presenter popups **
+ **********************/
+.tipsy-inner { text-align: left; max-width: 500px; }
+.tipsy-inner h1 { font-size: 1.5em; }
+.tipsy-inner h2 { font-size: 1.35em; }
+.tipsy-inner h3 { font-size: 1.25em; }
+.tipsy-inner a { color: #0d8dfd; }
+.tipsy-inner a:hover { color: #04ffff; }
+
+.tipsy-inner p.newpage { text-align: right; padding-bottom: 0.25em; }
+.tipsy-inner p.newpage a {
+  color: white;
+  padding: 0.25em;
+  text-decoration: none;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  border-radius: 5px;
+  border: 1px solid black;
+}
+.tipsy-inner p.newpage a:hover {
+  font-weight: bold;
+  background-color: #222;
+  border: 1px solid white;
+}
+
+
+.tipsy-inner #stats { min-width: 450px; }
+.tipsy-inner #stats .row { color: black; }
+.tipsy-inner #stats #all { max-height: 325px; overflow: auto; }
+
+.tipsy-inner ul#downloads { font-size: 1em; margin-left: 0.25em; }
+/************************
+ * end presenter popups *
+ ************************/
+
+/* iPhone */
+/* Portrait */
+@media screen and (max-width: 320px)
+{
+  html,body,#footer {
+    min-width: 320px !important;
+    max-width: 320px !important;
+    width: 320px !important;
+    margin: 0;
+    padding: 0;
+  }
+  body > #preso {
+    width: 976px;
+    zoom: 0.32;
+  }
+  #preso .slide {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+}
+
+/* Landscape */
+/*
+@media screen and (max-width: 480px)
+{
+  #preso {
+      margin: 0;
+      padding: 0;
+      width: 480px;
+      margin-left:auto;
+      margin-right:auto;
+  }
+  #footer {
+      background: #eee;
+      margin: 0;
+      padding: 2px;
+      width: 480px;
+      height: 20px;
+      margin-left:auto;
+      margin-right:auto;
+  }
+}
+*/
+
 /** Print **/
 @media print {
   body {
     font-size: 70%;
   }
 
+  #sidebarWrapper,
+  #sidebar,
+  #sidebarHandle {
+    display:none,
+
+  }
+
   #preso, .slide {
     border: 1px solid #999;
   }
 
   .slide .center {
-    width: 600px;
+    width: 800px;
     height: 600px;
     display: table-cell;
     text-align: center;
@@ -377,7 +693,7 @@ a.fg-button { float:left; }
 
   #preso, .slide {
       background: #fff;
-      width: 600px;
+      width: 800px;
       height: 600px;
       margin-left:auto;
       margin-right:auto;
@@ -396,4 +712,13 @@ a.fg-button { float:left; }
   pre, code {
     font-family: Monaco, monospace;
   }
+
+  /* page break styling */
+  div.break {
+    page-break-after: always;
+    font-size: small;
+    font-style: italic;
+    padding-top: 0.25em;
+    padding-bottom: 0.25em;
+  }
 }

data/public/css/tipsy.css

@@ -0,0 +1,26 @@
+.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
+  .tipsy-inner { background-color: #000; color: #FFF; padding: 5px 8px 4px 8px; text-align: center; }
+
+  /* Rounded corners */
+  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
+  
+  /* Uncomment for shadow */
+  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
+  
+  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
+  
+  /* Rules to colour arrows */
+  .tipsy-arrow-n { border-bottom-color: #000; }
+  .tipsy-arrow-s { border-top-color: #000; }
+  .tipsy-arrow-e { border-left-color: #000; }
+  .tipsy-arrow-w { border-right-color: #000; }
+  
+	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
+    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
+    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
+  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
+    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
+    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
+  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
+  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
+  

data/public/js/jquery.parsequery.min.js

@@ -0,0 +1,2 @@
+(function($){$.parseQuery=function(options){var config={query:window.location.search||""},params={};if(typeof options==='string'){options={query:options};}
+$.extend(config,$.parseQuery,options);config.query=config.query.replace(/^\?/,'');$.each(config.query.split(config.separator),function(i,param){var pair=param.split('='),key=config.decode(pair.shift(),null).toString(),value=config.decode(pair.length?pair.join('='):null,key);if(config.array_keys(key)){params[key]=params[key]||[];params[key].push(value);}else{params[key]=value;}});return params;};$.parseQuery.decode=$.parseQuery.default_decode=function(string){return decodeURIComponent((string||"").replace('+',' '));};$.parseQuery.array_keys=function(){return false;};$.parseQuery.separator="&";}(jQuery));