rhet-butler 0.5.0 → 0.9.0

data/default-configuration/assets/stylesheets/highlight/xcode.css

@@ -0,0 +1,154 @@
+/*
+
+XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
+
+*/
+
+pre code {
+  display: block; padding: 0.5em;
+  background: #fff; color: black;
+}
+
+pre .comment,
+pre .template_comment,
+pre .javadoc,
+pre .comment * {
+  color: rgb(0,106,0);
+}
+
+pre .keyword,
+pre .literal,
+pre .nginx .title {
+  color: rgb(170,13,145);
+}
+pre .method,
+pre .list .title,
+pre .tag .title,
+pre .setting .value,
+pre .winutils,
+pre .tex .command,
+pre .http .title,
+pre .request,
+pre .status {
+  color: #008;
+}
+
+pre .envvar,
+pre .tex .special {
+  color: #660;
+}
+
+pre .string {
+  color: rgb(196,26,22);
+}
+pre .tag .value,
+pre .cdata,
+pre .filter .argument,
+pre .attr_selector,
+pre .apache .cbracket,
+pre .date,
+pre .regexp {
+  color: #080;
+}
+
+pre .sub .identifier,
+pre .pi,
+pre .tag,
+pre .tag .keyword,
+pre .decorator,
+pre .ini .title,
+pre .shebang,
+pre .prompt,
+pre .hexcolor,
+pre .rules .value,
+pre .css .value .number,
+pre .symbol,
+pre .symbol .string,
+pre .number,
+pre .css .function,
+pre .clojure .title,
+pre .clojure .built_in {
+  color: rgb(28,0,207);
+}
+
+pre .class .title,
+pre .haskell .type,
+pre .smalltalk .class,
+pre .javadoctag,
+pre .yardoctag,
+pre .phpdoc,
+pre .typename,
+pre .tag .attribute,
+pre .doctype,
+pre .class .id,
+pre .built_in,
+pre .setting,
+pre .params,
+pre .clojure .attribute {
+  color: rgb(92,38,153);
+}
+
+pre .variable {
+ color: rgb(63,110,116);
+}
+pre .css .tag,
+pre .rules .property,
+pre .pseudo,
+pre .subst {
+  color: #000;
+}
+
+pre .css .class, pre .css .id {
+  color: #9B703F;
+}
+
+pre .value .important {
+  color: #ff7700;
+  font-weight: bold;
+}
+
+pre .rules .keyword {
+  color: #C5AF75;
+}
+
+pre .annotation,
+pre .apache .sqbracket,
+pre .nginx .built_in {
+  color: #9B859D;
+}
+
+pre .preprocessor,
+pre .preprocessor * {
+  color: rgb(100,56,32);
+}
+
+pre .tex .formula {
+  background-color: #EEE;
+  font-style: italic;
+}
+
+pre .diff .header,
+pre .chunk {
+  color: #808080;
+  font-weight: bold;
+}
+
+pre .diff .change {
+  background-color: #BCCFF9;
+}
+
+pre .addition {
+  background-color: #BAEEBA;
+}
+
+pre .deletion {
+  background-color: #FFC8BD;
+}
+
+pre .comment .yardoctag {
+  font-weight: bold;
+}
+
+pre .method .id {
+  color: #000;
+}

data/default-configuration/assets/stylesheets/highlight/zenburn.css

@@ -0,0 +1,114 @@
+/*
+
+Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
+based on dark.css by Ivan Sagalaev
+
+*/
+
+pre code {
+  display: block; padding: 0.5em;
+  background: #3F3F3F;
+  color: #DCDCDC;
+}
+
+pre .keyword,
+pre .tag,
+pre .css .class,
+pre .css .id,
+pre .lisp .title,
+pre .nginx .title,
+pre .request,
+pre .status,
+pre .clojure .attribute {
+  color: #E3CEAB;
+}
+
+pre .django .template_tag,
+pre .django .variable,
+pre .django .filter .argument {
+  color: #DCDCDC;
+}
+
+pre .number,
+pre .date {
+  color: #8CD0D3;
+}
+
+pre .dos .envvar,
+pre .dos .stream,
+pre .variable,
+pre .apache .sqbracket {
+  color: #EFDCBC;
+}
+
+pre .dos .flow,
+pre .diff .change,
+pre .python .exception,
+pre .python .built_in,
+pre .literal,
+pre .tex .special {
+  color: #EFEFAF;
+}
+
+pre .diff .chunk,
+pre .subst {
+  color: #8F8F8F;
+}
+
+pre .dos .keyword,
+pre .python .decorator,
+pre .title,
+pre .haskell .type,
+pre .diff .header,
+pre .ruby .class .parent,
+pre .apache .tag,
+pre .nginx .built_in,
+pre .tex .command,
+pre .prompt {
+    color: #efef8f;
+}
+
+pre .dos .winutils,
+pre .ruby .symbol,
+pre .ruby .symbol .string,
+pre .ruby .string {
+  color: #DCA3A3;
+}
+
+pre .diff .deletion,
+pre .string,
+pre .tag .value,
+pre .preprocessor,
+pre .built_in,
+pre .sql .aggregate,
+pre .javadoc,
+pre .smalltalk .class,
+pre .smalltalk .localvars,
+pre .smalltalk .array,
+pre .css .rules .value,
+pre .attr_selector,
+pre .pseudo,
+pre .apache .cbracket,
+pre .tex .formula {
+  color: #CC9393;
+}
+
+pre .shebang,
+pre .diff .addition,
+pre .comment,
+pre .java .annotation,
+pre .template_comment,
+pre .pi,
+pre .doctype {
+  color: #7F9F7F;
+}
+
+pre .coffeescript .javascript,
+pre .javascript .xml,
+pre .tex .formula,
+pre .xml .javascript,
+pre .xml .vbscript,
+pre .xml .css,
+pre .xml .cdata {
+  opacity: 0.5;
+}

data/default-configuration/assets/stylesheets/presenter/rhet.css.sass

@@ -0,0 +1,160 @@
+@import 'compass/reset'
+@import 'compass'
+@import 'animate-helpers'
+@import 'animate/windblown'
+@import 'animate/fade'
+
+$default-animation-class-mode: silent
+$default-animation-duration: 0.5s
+$default-animation-timing-function: ease
+
++animate-windblown()
++animate-fade
+
+html
+  height: 100vh
+  +perspective(1000)
+  +transform-style(preserve-3d)
+
+body
+  font-family: 'PT Sans', sans-serif
+  background: rgba(215, 215, 215, 0.5)
+  @include background-image(radial-gradient( rgba(165, 165, 165, 0.5), rgba(211, 211, 211, 0.5)))
+  overflow: hidden
+  height: 100vh
+
+.hint
+  display: none
+
+/*
+  .root.moving
+    &.by-slide
+      &.forwards
+        .slide
+          &.previous
+            z-index: 10
+          &.current
+            z-index: 5
+          &.next
+            z-index: 3
+        .slide.previous.am-at
+          +animation(windblownOut .5s ease)
+      &.backwards
+        .slide
+          &.previous
+            z-index: 3
+          &.current
+            z-index: 5
+          &.next
+            z-index: 10
+        .slide.next.am-at
+          +animation(windblownIn .5s ease)
+
+.rhet-butler
+  &.root
+    @include box-sizing(border-box)
+    width: 100vw
+    height: 50vh
+    margin: 0
+    padding: 0
+    overflow: hidden
+
+  &.current ~ .slide
+    display: block
+    left: 50vw
+    opacity: .7
+
+  &.current ~ .group .slide
+    display: block
+    left: 50vw
+    opacity: .7
+
+.slide
+  @include box-sizing(border-box)
+  width: 46vw
+  height: 46vh
+  margin: 2vh 2vw
+  padding: 5vh 5vw
+  float: left
+
+  display: none
+
+  &.current,&.next,&.previous
+    display: block
+
+  &.current
+    .notes
+      position: absolute
+      display: block
+      width: 89vw
+      height: 39vh
+      margin: 2vh 2vw
+      padding: 3vh 3vw
+      top: 50vh
+      left: 0
+      border: 1px solid black
+      background-color: honeydew
+
+  &.previous
+    z-index: 10
+
+  &.current
+    z-index: 5
+
+  &.next
+    z-index: 3
+
+  @include background-image(linear-gradient(white, rgb(230, 230, 230)))
+
+  border: 1px solid rgba(0, 0, 0, .3)
+  border-radius: 10px
+  @include single-box-shadow(2px, 2px, 8px, 2px, rgb(100,100,100))
+
+  color: black
+  text-shadow: 0 2px 2px rgba(0, 0, 0, .1)
+
+  font-family: 'Open Sans', Arial, sans-serif
+  font-size: 5vh
+  line-height: 1.1em
+  letter-spacing: -1px
+  text-align: center
+
+  img
+    max-width: 100%
+    max-height: 100%
+
+  pre
+    font-family: monospace
+    text-align: initial
+    font-size: 4vh
+    line-height: 1em
+    code
+      border-radius: 10px
+      +box-shadow(-2px -2px 8px 2px rgb(140,140,140) inset, 2px 2px 8px 2px rgb(40, 40, 40) inset)
+
+  li
+    opacity: 0.5
+
+  @for $i from 1 through 10
+    &.current-cue-#{$i}
+      code span.cue-#{$i}
+        border-radius: 5px
+        +box-shadow(-1px -1px 0px 1px rgba(140,140,140,0.5) inset, 1px 1px 0px 1px rgba(40, 40, 40, 0.5) inset)
+        background-color: rgba(255,255,255,0.1)
+
+      @for $j from 1 through $i
+        li.cue-#{$j}
+          opacity: 1
+
+  p
+    margin: .4em 0
+
+  q
+    display: block
+    font-size: 50px
+    line-height: 72px
+
+    margin-top: 100px
+
+    strong
+      white-space: nowrap

data/default-configuration/assets/stylesheets/rhet.css.sass

@@ -0,0 +1,142 @@
+@import 'compass/reset'
+@import 'compass'
+@import 'font.css'
+@import 'animate-helpers'
+@import 'animate/windblown'
+@import 'animate/fade'
+
+$default-animation-class-mode: silent
+$default-animation-duration: 0.5s
+$default-animation-timing-function: ease
+
++animate-windblown()
++animate-fade
+
+html
+  height: 100vh
+  +perspective(1000)
+  +transform-style(preserve-3d)
+
+body
+  font-family: 'Arimo', sans-serif
+  background: rgba(215, 215, 215, 0.5)
+  @include background-image(radial-gradient( rgba(165, 165, 165, 0.5), rgba(211, 211, 211, 0.5)))
+  overflow: hidden
+  height: 100vh
+
+.hint
+  display: none
+
+.root.moving
+  &.by-slide
+    &.forwards
+      .slide
+        &.previous
+          z-index: 10
+        &.current
+          z-index: 5
+        &.next
+          z-index: 3
+      .slide.previous.am-at
+        +animation(windblownOut .5s ease)
+    &.backwards
+      .slide
+        &.previous
+          z-index: 3
+        &.current
+          z-index: 5
+        &.next
+          z-index: 10
+      .slide.next.am-at
+        +animation(windblownIn .5s ease)
+
+.slide
+  @include box-sizing(border-box)
+
+  -webkit-backface-visibility: hidden
+  +perspective(1000)
+  position: absolute
+  top: 0
+  left: 0
+
+  display: none
+
+  &.current,&.next,&.previous
+    display: block
+
+  &.previous
+    z-index: 10
+
+  &.current
+    z-index: 5
+
+  &.next
+    z-index: 3
+
+  width: 92vw
+  height: 92vh
+  margin: 4vh 4vw
+  padding: 10vh 10vw
+
+  @include background-image(linear-gradient(white, rgb(230, 230, 230)))
+
+  border: 1px solid rgba(0, 0, 0, .3)
+  border-radius: 10px
+  @include single-box-shadow(2px, 2px, 8px, 2px, rgb(100,100,100))
+
+  color: black
+  text-shadow: 0 2px 2px rgba(0, 0, 0, .1)
+
+  font-family: 'Arimo', sans-serif
+  font-size: 10vh
+  line-height: 1.1em
+  letter-spacing: -1px
+  text-align: center
+
+  .comic
+    font-family: 'Slackey', cursive
+
+  .dignified
+    font-family: 'Cinzel Decorative', cursive
+
+  img
+    max-width: 100%
+    max-height: 100%
+
+  pre
+    font-family: 'Droid Sans Mono', monospace
+    text-align: initial
+    font-size: 6vh
+    line-height: 1em
+    code
+      border-radius: 10px
+      +box-shadow(-2px -2px 8px 2px rgb(140,140,140) inset, 2px 2px 8px 2px rgb(40, 40, 40) inset)
+
+  li
+    opacity: 0
+
+  @for $i from 1 through 10
+    &.current-cue-#{$i}
+      code span.cue-#{$i}
+        border-radius: 5px
+        +box-shadow(-1px -1px 0px 1px rgba(140,140,140,0.5) inset, 1px 1px 0px 1px rgba(40, 40, 40, 0.5) inset)
+        background-color: rgba(255,255,255,0.1)
+
+      li.cue-#{$i}
+        +animation(fadeIn .6s ease both)
+      @for $j from 1 through $i
+        li.cue-#{$j}
+          opacity: 1
+
+  p
+    margin: .4em 0
+
+  q
+    display: block
+    font-size: 50px
+    line-height: 72px
+
+    margin-top: 100px
+
+    strong
+      white-space: nowrap

data/default-configuration/common/config.yaml

@@ -1,4 +1,21 @@
 ---
+named-filters:
+  normal:
+    - !textile
+    - !cues
+  code:
+    - !code
+    - !textile
+    - !cues
+
+template-cache: .template-cache
+
+default-content-filters:
+  normal
+
+default-note-filters:
+  normal
+
 arrangement: horizontal
 impress-config:
   transition-duration: 200

data/default-configuration/common/templates/group.html.erb

@@ -0,0 +1,5 @@
+<div <%= id_attr %> class="rhet-butler <%= classes.join(" ") %>">
+  <% each do |child| %>
+    <%= render child.template_name, child %>
+  <% end %>
+</div>

data/default-configuration/common/templates/presentation.html.erb

@@ -9,25 +9,16 @@
     <meta name="description" content="<%= presentation.description %>" />
     <meta name="author" content="<%= presentation.author_name %>" />
 
+    <script src="/javascript/rhet-present.js"></script>
+    <script src="/javascript/keyboard-nav.js"></script>
     <%= render 'stylesheets.html' %>
     <%= render 'header-javascript.html' %>
   </head>
 
-  <body class="impress-not-supported">
-
-    <div class="fallback-message">
-      <p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
-      <p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
-    </div>
-
-    <div id="impress" <% impress_config.each_pair do |name, value| %>
-        data-<%= name %>="<%= value %>"
-      <% end %>>
-      <% slides.each do |slide| %>
-        <div <%= slide.impress_attrs %>>
-          <%= slide.content %>
-          <%= render 'slide-notes.html', slide %>
-        </div>
+  <body id="presentation">
+    <div class="rhet-butler root" >
+      <% root_step.each do |child| %>
+        <%= render child.template_name, child %>
       <% end %>
     </div>
 
@@ -36,9 +27,12 @@
       <p id="touch-hint" style="display:none">Tap on the left or right to navigate</p>
     </div>
 
-    <script src="/javascript/impress.js"></script>
     <%= render 'live-javascript.html' %>
-    <script>impress().init();</script>
+    <script>
+        var presenter = new rhetButler.Presenter(document, window);
+        presenter.setup("presentation");
+        setupUserInterface(presenter);
+    </script>
 
   </body>
 </html>

data/default-configuration/common/templates/presenter-qr.html.erb

@@ -48,10 +48,10 @@
         <li>
         Scanning this QR code to control the presentation from your smart phone
         <table cellspacing="0">
-          <% module_count.times do |x| %>
+          <% qr.module_count.times do |x| %>
             <tr>
-              <% module_count.times do |y| %>
-                <td class='<%= dark?(x,y) ? "dark" : "light" %>'>&nbsp</td>
+              <% qr.module_count.times do |y| %>
+                <td class='<%= qr.dark?(x,y) ? "dark" : "light" %>'>&nbsp</td>
               <% end %>
             </tr>
           <% end %>

data/default-configuration/common/templates/slide.html.erb

@@ -0,0 +1,3 @@
+<div <%= id_attr %> class="rhet-butler <%= classes %>">
+  <%= content %>
+</div>

data/default-configuration/common/templates/stylesheets.html.erb

@@ -1,3 +1,3 @@
 <link href="/stylesheets/google-open-sans.css" rel="stylesheet" />
-<link href="/stylesheets/presentation.css" rel="stylesheet" />
+<link href="/stylesheets/rhet.css" rel="stylesheet" />
 <link href="/stylesheets/highlight/solarized_dark.css" rel="stylesheet" />

data/default-configuration/presenter/templates/live-javascript.html.erb

@@ -4,11 +4,12 @@
     var currentStep = null;
 
     var earlyStepEnter = function(event){ currentStep = event.target.id };
-    document.addEventListener("impress:stepenter", earlyStepEnter);
+    document.addEventListener("rhet:stepenter", earlyStepEnter);
 
     var handleSockOpen = function() {
-      document.removeEventListener("impress:stepenter", earlyStepEnter);
-      document.addEventListener("impress:stepenter", function(event){
+      document.removeEventListener("rhet:stepenter", earlyStepEnter);
+      document.addEventListener("rhet:stepenter", function(event){
+          console.log(event);
           sock.send(event.target.id);
           })
       if(currentStep !== null){

data/default-configuration/presenter/templates/slide.html.erb

@@ -0,0 +1,6 @@
+<div <%= id_attr %> class="rhet-butler <%= classes %>">
+  <%= content %>
+  <div class="notes">
+    <%= notes %>
+  </div>
+</div>