hyla 1.0.4 → 1.0.5.pre.1

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    YmRkYTZmMjQ5NjFkMzQ2YThiZGYxMzdiYmNlZmY0OGVlMzVlN2Y3Yg==
+    Y2M5ODkzOWM4YTcxNTQ4MDUwZGQ2ZDNmMWU5YTg2MDViYzUwNWY1OA==
   data.tar.gz: !binary |-
-    YzQyYTc0ZjQwZWJkNTYxNmQyODBlNDlmYWMzMzk1YzNmMDY3NzFmZQ==
+    YjQzZWQwZTRlYzE2MWM2MGJjM2ExNzBjNjcxODEyZGVmMTU5YzQ2Yw==
 SHA512:
   metadata.gz: !binary |-
-    ZDMzNTQ1Y2I3OGJlNGY2OGQ5OGU4MTgxYzdkODQ1ZGJkOTBmNTk5YzMyMjkz
-    N2FkMTAyMThmMDczMGE0NGNlMjdhODc1YjE0ZjY1ZGJkN2ZkYWM3ZjY1NmM0
-    MjBmMjQ2MzRhZjNhMGQxMGE1ZWE1YWVkMWVhMTAxOTg5NGFkOWQ=
+    YzE0OGIwNDZlYzc0OWZjMDA1Y2ZjNWE0ODIwZmYzNWZhZmJkMGFmZTg4MjJh
+    YzliZjY0YjQzY2EzZmE4NjAxODk4YjdkN2JiNWNjZTNkMWI4NDUyNThiY2Y1
+    NzgyYzg5Mjg0N2VlMDY2ZTZmYzA1ZTAwMzZhOWYyMmZlZmFiMWU=
   data.tar.gz: !binary |-
-    MzIxMzE1ODc1MjE0YTI2NGFmMmI4MzE3ZDdkY2Q3ZDYyMmM3ZThkZjFjMWI1
-    YWIxYTc5ZTg4M2ExNmFlYWIzYWFjNmEwZWU4MGY0NTFmYzUyNzRmNmE3MTdi
-    YzgyMjFhOWJmZjVmZTY4YTQ0NzBiNTlmYWQyNmJkYzU5ZTY2MzQ=
+    YWQwNDNlOTMyYWYxMGYzYTE1OWNkNzU0OThkM2EwMGJiZDA3ODkyY2VlNTQw
+    OWM1MWRlYmUyYzgyY2E0MWRmNTkwYjRiNzMwZGNkN2U2OGExYzRkNWI3MmYx
+    OTg5ZDJiYTZjOWFiZjBkZjc4ZmIwNjRlZTVjY2IwYmRiNTZjYzM=

data/README.adoc

@@ -73,12 +73,12 @@ And then execute:
 
     Clone Git project locally, move to Hyla directory and execute the following commands
     gem build hyla.gemspec
-    sudo gem install hyla-1.0.x.gem
+    sudo gem install hyla-1.0.x.gem -l
 
 == To publish Hyla to Gem Repo
 
     gem build hyla.gemspec
-    gem install hyla-1.0.x.gem
+    gem install hyla-1.0.x.gem -l
     gem yank hyla -v 1.0.x
     gem push hyla-1.0.x.gem
 

data/bin/hyla

@@ -77,6 +77,11 @@ command :generate do |c|
   c.option '--t', '--toc [PATH]', String, 'File Path of the asciidoc file containing the Table of Content'
   c.option '-y', '--style [STYLE]', String, 'Stylesheet theme to be applied : asciidoctor, liberation, github, colony, foundation, ...'
   c.option '-a', '--attributes [KEY=VALUE,KEY=VALUE]', String, 'Asciidoctor attributes'
+  c.option '-o','--cover_image [PNG FILE NAME]', String, 'Name of the cover png image file generated'
+  c.option '-n','--course_name [COURSE NAME]', String, 'Name of the course'
+  c.option '-l','--cover_file [HTML FILE NAME]', String, 'Name of the cover html image file generated'
+  c.option '-m','--module_name [MODULE NAME]', String, 'Name of the module'
+  c.option '-i','--image_path [BACKGROUND IMAGE]', String, 'Location of the file used as background'
 
   add_common_options(c)
   add_build_options(c)

data/documentation/introduction.adoc

@@ -82,12 +82,12 @@ where _version_ should be 1.0.2, 1.0.x
 
     Clone Git project locally, move to Hyla directory and execute the following commands
     gem build hyla.gemspec
-    gem install hyla-1.0.x
+    gem install hyla-1.0.x -l
 
 == To publish Hyla to Gem Repo
 
     gem build hyla.gemspec
-    gem install hyla-1.0.x.gem
+    gem install hyla-1.0.x.gem -l
     gem push hyla-1.0.x.gem
 
 == Usage

data/hyla.gemspec

@@ -20,22 +20,31 @@ Gem::Specification.new do |s|
 
   s.add_development_dependency 'bundler', '~> 1.3'
   s.add_development_dependency 'rake', '~> 10.1'
-  s.add_development_dependency 'rdoc', '~> 3.11'
 
   #  Ruby command-line executables
-  s.add_runtime_dependency 'commander', '~> 4.1', '>= 4.1.3'
   s.add_runtime_dependency 'asciidoctor', '~> 0.1', '>= 0.1.4'
+  s.add_runtime_dependency 'coderay', '~> 1.1', '>= 1.1.0'
+  s.add_runtime_dependency 'commander', '~> 4.1', '~> 4.1.5'
   s.add_runtime_dependency 'em-websocket', '~> 0.5'
-  s.add_runtime_dependency 'multi_json',   '~> 1.8', '>= 1.8.4'
-  s.add_runtime_dependency 'tilt', '~> 1.4', '>= 1.4.1'
-  s.add_runtime_dependency 'haml', '~> 4.0', '>= 4.0.4'
-  s.add_runtime_dependency 'slim', '~> 2.0', '>= 2.0.2'
+  s.add_runtime_dependency 'eventmachine', '~> 1.0', '>= 1.0.3'
+  s.add_runtime_dependency 'ffi', '~> 1.9', '>= 1.9.3'
   s.add_runtime_dependency 'guard', '~> 1.8', '>= 1.8.3'
+  s.add_runtime_dependency 'imgkit', '~> 1.4', '>= 1.4.0'
+  s.add_runtime_dependency 'haml', '~> 4.0', '>= 4.0.5'
+  s.add_runtime_dependency 'highline', '~> 1.6', '>= 1.6.20'
   s.add_runtime_dependency 'listen', '~> 1.3', '>= 1.3.1'
-  s.add_runtime_dependency 'safe_yaml', '~> 1.0', '>= 1.0.0'
+  s.add_runtime_dependency 'lumberjack', '~> 1.0', '>= 1.0.4'
   s.add_runtime_dependency 'mail', '~> 2.5', '>= 2.5.4'
-  s.add_runtime_dependency 'wkhtmltopdf-binary', '~> 0.1', '>= 0.1.2'
-  s.add_runtime_dependency 'imgkit', '~> 1.0', '>= 1.0.3'
+  s.add_runtime_dependency 'multi_json', '~> 1.8', '>= 1.8.4'
+  s.add_runtime_dependency 'rdoc', '~> 3.12', '>= 3.12.2'
+  s.add_runtime_dependency 'pry', '~> 0.9', '>= 0.9.12.6'
+  s.add_runtime_dependency 'safe_yaml', '~> 1.0', '>= 1.0.0'
+  s.add_runtime_dependency 'slim', '~> 2.0', '>= 2.0.2'
+  s.add_runtime_dependency 'slop', '= 3.5.0'
+  s.add_runtime_dependency 'temple', '= 0.6.7'
+  s.add_runtime_dependency 'tilt', '~> 1.4', '>= 1.4.1'
+  s.add_runtime_dependency 'thor', '= 0.18.1'
+  s.add_runtime_dependency 'wkhtmltopdf-binary', '~> 0.9', '>= 0.9.9.1'
 
   # Colorize Text Terminal
   s.add_runtime_dependency 'colorator', '~> 0.1'

data/lib/hyla/commands/generate.rb

@@ -195,7 +195,9 @@ module Hyla
             FileUtils.mkdir_p html_dir
 
             # Copy Fonts
-            self.cp_resources_to_dir(File.dirname(html_dir), 'fonts')
+            # TODO : Verify if we still needed as the FONTS liberation have been moved
+            # TODO : under local lib directory of revealjs
+            # self.cp_resources_to_dir(File.dirname(html_dir), 'fonts')
 
             # Copy Resources for Slideshow
             case options[:backend]

data/lib/hyla/commands/sendmail.rb

@@ -66,6 +66,7 @@ module Hyla
 
         html_part = Mail::Part.new do
           content_type 'text/html; charset=UTF-8'
+          content_transfer_encoding 'quoted-printable'
           body inline_html
         end
 

data/lib/hyla/project.rb

@@ -1,5 +1,5 @@
 module Hyla
-    VERSION = '1.0.4'
+    VERSION = '1.0.5.pre.1'
     DESCRIPTION = 'Asciidoctor Hyla - Command Line tool to create new project, watch modifications, generate content, publish or consult it live !'
     SUMMARY = 'Asciidoctor Hyla - builder/generator of HTML5, slideshow. Watch modifications, generate content, publish or consult it live !'
 end

data/lib/resources/backends/slim/html5/document.html.slim

@@ -37,7 +37,7 @@ html lang=(attr :lang, 'en' unless attr? :nolang)
         - else
           style=Asciidoctor::HTML5.pygments_stylesheet(attr 'pygments-style')
     - when 'highlightjs'
-      link rel='stylesheet' href="#{attr :highlightjsdir, 'http://cdnjs.cloudflare.com/ajax/libs/highlight.js/7.3'}/styles/#{attr 'highlightjs-theme', 'default'}.min.css"
+      link rel='stylesheet' href="#{attr :highlightjsdir, 'http://cdnjs.cloudflare.com/ajax/libs/highlight.js/7.3'}/styles/#{attr 'highlightjs-theme', 'googlecode'}.min.css"
       script src="#{attr :highlightjsdir, 'http://cdnjs.cloudflare.com/ajax/libs/highlight.js/7.3'}/highlight.min.js"
       script hljs.initHighlightingOnLoad()
     - when 'prettify'

data/lib/resources/backends/slim/revealjs/document.html.slim

@@ -1,3 +1,6 @@
+- slide_vertical_alignment = (attr? :revealjs_vertical_alignment) ? (attr :revealjs_vertical_alignment) : true
+- browser_history = (attr? :revealjs_history) ? (attr :revealjs_history) : true
+- display_slide_number = (attr? :revealjs_display_slide_number) ? (attr :revealjs_display_slide_number) : false
 doctype 5
 html lang=(attr :lang, 'en' unless attr? :nolang)
   head
@@ -7,9 +10,9 @@ html lang=(attr :lang, 'en' unless attr? :nolang)
         meta name=key content=(attr key)
 
     title=((doctitle :sanitize => true) || (attr 'untitled-label'))
-    meta content="yes" name="apple-mobile-web-app-capable"
-    meta content="black-translucent" name="apple-mobile-web-app-status-bar-style"
-    meta content="width=(device-width, initial-scale=1.0, maximum-scale=1.0,)user-scalable=no" name="viewport"
+    meta name="apple-mobile-web-app-capable" content="yes"
+    meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"
+    meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" 
 
     link href="revealjs/css/reveal.min.css" rel="stylesheet"
 
@@ -18,11 +21,46 @@ html lang=(attr :lang, 'en' unless attr? :nolang)
     - else
       link rel='stylesheet' href='revealjs/css/theme/gpe.css' id='theme'
 
+    - if attr? :icons, 'font'
+      - if !(attr 'iconfont-remote', '').nil?
+        link rel='stylesheet' href=(attr 'iconfont-cdn', 'http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css')
+      - else
+        link rel='stylesheet' href=normalize_web_path("#{attr 'iconfont-name', 'font-awesome'}.css", (attr :stylesdir, ''))
+
     // For syntax highlighting
     link href="revealjs/lib/css/zenburn.css" rel="stylesheet"
+
+    - case attr 'source-highlighter'
+    - when 'coderay'
+      - if (attr 'coderay-css', 'class') == 'class'
+        - if @safe >= Asciidoctor::SafeMode::SECURE || (attr? :linkcss)
+          link rel='stylesheet' href=normalize_web_path('asciidoctor-coderay.css', (attr :stylesdir, ''))
+        - else
+          style=Asciidoctor::HTML5.default_coderay_stylesheet
+    - when 'pygments'
+      - if (attr 'pygments-css', 'class') == 'class'
+        - if @safe >= Asciidoctor::SafeMode::SECURE || (attr? :linkcss)
+          link rel='stylesheet' href=normalize_web_path('asciidoctor-pygments.css', (attr :stylesdir, ''))
+        - else
+          style=Asciidoctor::HTML5.pygments_stylesheet(attr 'pygments-style')
+    - when 'highlightjs'
+      link rel='stylesheet' href="#{attr :highlightjsdir, 'http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0'}/styles/#{attr 'highlightjs-theme', 'default'}.min.css"
+      script src="#{attr :highlightjsdir, 'http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0'}/highlight.min.js"
+      script hljs.initHighlightingOnLoad()
+    - when 'prettify'
+      link rel='stylesheet' href="#{attr :prettifydir, 'http://cdnjs.cloudflare.com/ajax/libs/prettify/r298'}/#{attr 'prettify-theme', 'prettify'}.min.css"
+      script src="#{attr :prettifydir, 'http://cdnjs.cloudflare.com/ajax/libs/prettify/r298'}/prettify.min.js"
+      script document.addEventListener('DOMContentLoaded', prettyPrint)
+
     // If the query includes 'print-pdf', use the PDF print sheet
     javascript:
-      document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
+      if( window.location.search.match( /print-pdf/gi ) ) {
+          var link = document.createElement( 'link' );
+          link.rel = 'stylesheet';
+          link.type = 'text/css';
+          link.href = 'revealjs/css/print/pdf.css';
+          document.getElementsByTagName( 'head' )[0].appendChild( link );
+      }
   body
     .reveal
       - if attr? :header_image_path
@@ -46,13 +84,13 @@ html lang=(attr :lang, 'en' unless attr? :nolang)
          // Display a presentation progress bar
          progress: true,
          // Push each slide change to the browser history
-         history: false,
+         history: #{browser_history},
          // Enable keyboard shortcuts for navigation
          keyboard: true,
          // Enable the slide overview mode
          overview: true,
          // Vertical centering of slides
-         center: true,
+         center: #{slide_vertical_alignment},
          // Loop the presentation
          loop: false,
          // Change the presentation direction to be RTL
@@ -66,7 +104,10 @@ html lang=(attr :lang, 'en' unless attr? :nolang)
          // Apply a 3D roll to links on hover
          rollingLinks: true,
 
-          margin: 0.2,
+         margin: 0.2,
+
+         // Display for each slide a number
+         slideNumber: #{display_slide_number},
 
          // Transition speed
          transitionSpeed: 'default', // default/fast/slow
@@ -87,9 +128,11 @@ html lang=(attr :lang, 'en' unless attr? :nolang)
              { src: 'revealjs/lib/js/classList.js', condition: function() { return !document.body.classList; } },
              { src: 'revealjs/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
              { src: 'revealjs/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
-             { src: 'revealjs/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
              { src: 'revealjs/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
-             { src: 'revealjs/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
+             { src: 'revealjs/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } },
+             { src: 'revealjs/plugin/math/math.js', async: true }
          ]
+         // TODO : Add a parameter to enable/disbale REMOTE
+         // { src: 'revealjs/plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } },
        });
 

data/lib/resources/backends/slim/revealjs/section.html.slim

@@ -1,7 +1,18 @@
-section id=@id data-transition=(attr 'data-transition') data-transition-speed=(attr 'data-transition-speed') data-background=(attr 'data-background') data-background-size=(attr 'data-background-size') data-background-repeat=(attr 'data-background-repeat') data-background-transition=(attr 'data-background-transition')
-  h2=title
-  - if attr? :scrollbar
-    .scrollbar
-      =content
-  - else
-    =content.chomp
+- resize_text = (attr? :resize_section) ? (attr :resize_section) : false
+- if resize_text == 'true'
+  div style="position:absolute; top:150px; left:10px; right:10px;"
+    section id=@id data-transition=(attr 'data-transition') data-transition-speed=(attr 'data-transition-speed') data-background=(attr 'data-background') data-background-size=(attr 'data-background-size') data-background-repeat=(attr 'data-background-repeat') data-background-transition=(attr 'data-background-transition')
+      h2=title
+      - if attr? :scrollbar
+        .scrollbar
+          =content
+      - else
+        =content.chomp
+- else
+  section id=@id data-transition=(attr 'data-transition') data-transition-speed=(attr 'data-transition-speed') data-background=(attr 'data-background') data-background-size=(attr 'data-background-size') data-background-repeat=(attr 'data-background-repeat') data-background-transition=(attr 'data-background-transition')
+    h2=title
+    - if attr? :scrollbar
+      .scrollbar
+        =content
+    - else
+      =content.chomp

data/lib/resources/revealjs/css/theme/conference-redhat.css

@@ -0,0 +1,313 @@
+/********************************************
+ * FONTS
+ *********************************************/
+@font-face {
+    font-family: 'liberation';
+    src: url(../../lib/font/liberation_sans-regular.ttf) format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+/**
+ * RedHat GPE Conference theme
+ */
+
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+body {
+    background: white;
+    background-color: white;
+}
+
+.reveal {
+    font-family: 'liberation';
+    font-size: 32px;
+    font-weight: normal;
+    letter-spacing: -0.02em;
+    /* Color used within paragraphs - text */
+    color: #4E4E4E;
+}
+
+/*.reveal .slides {
+    margin-top: 80px;
+}*/
+
+.reveal section {
+    text-align: left;
+}
+
+::selection {
+    color: white;
+    background: rgba(0, 0, 0, 0.99);
+    text-shadow: none; }
+
+/*********************************************
+ * HEADERS
+ *********************************************/
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+    margin: 0 0 20px 0;
+    color: #3E4349;
+    font-family: 'liberation';
+    line-height: 0.9em;
+    letter-spacing: 0.02em;
+
+    /*     text-transform: uppercase; */
+    text-transform: none;
+    text-shadow: none;
+    text-align: left;
+}
+
+/*.reveal h1 {
+    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
+}*/
+
+.reveal h2 {
+    font-size: 2em;
+}
+
+/*********************************************
+ * LINKS
+ *********************************************/
+.reveal a:not(.image) {
+/*    color: darkblue;*/
+    color: #C1100C;
+    text-decoration: none;
+    -webkit-transition: color .15s ease;
+    -moz-transition: color .15s ease;
+    -ms-transition: color .15s ease;
+    -o-transition: color .15s ease;
+    transition: color .15s ease;
+}
+
+.reveal a:not(.image):hover {
+    /*color: #0000f1;*/
+    color: #C1100C;
+    text-shadow: none;
+    border: none;
+}
+
+.reveal .roll span:after {
+    color: #fff;
+/*    background: #00003f;*/
+    background: #C1100C;
+}
+
+/*********************************************
+ * IMAGES
+ *********************************************/
+.reveal section img {
+    margin: 15px 0px;
+    background: rgba(255, 255, 255, 0.12);
+    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);*/
+    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
+    -webkit-transition: all .2s linear;
+    -moz-transition: all .2s linear;
+    -ms-transition: all .2s linear;
+    -o-transition: all .2s linear;
+    transition: all .2s linear; }
+
+.reveal a:hover img {
+    background: rgba(255, 255, 255, 0.2);
+    /*border-color: darkblue;*/
+    border-color: #C1100C;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
+
+/*********************************************
+ * NAVIGATION CONTROLS
+ *********************************************/
+.reveal .controls div.navigate-left,
+.reveal .controls div.navigate-left.enabled {
+    border-right-color: #C1100C; }
+
+.reveal .controls div.navigate-right,
+.reveal .controls div.navigate-right.enabled {
+    border-left-color: #C1100C; }
+
+.reveal .controls div.navigate-up,
+.reveal .controls div.navigate-up.enabled {
+    border-bottom-color: #C1100C; }
+
+.reveal .controls div.navigate-down,
+.reveal .controls div.navigate-down.enabled {
+    border-top-color: #C1100C; }
+
+.reveal .controls div.navigate-left.enabled:hover {
+    border-right-color: #0000f1; }
+
+.reveal .controls div.navigate-right.enabled:hover {
+    border-left-color: #0000f1; }
+
+.reveal .controls div.navigate-up.enabled:hover {
+    border-bottom-color: #0000f1; }
+
+.reveal .controls div.navigate-down.enabled:hover {
+    border-top-color: #0000f1; }
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+.reveal .progress {
+    background: rgba(0, 0, 0, 0.2); }
+
+.reveal .progress span {
+    background: darkblue;
+    -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+    -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+    -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+    -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+    transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * SLIDE NUMBER
+ *********************************************/
+.reveal .slide-number {
+    color: darkblue; }
+
+/***********************************************
+ * Modified for RedHat Style
+ ***********************************************/
+
+/*********************************************
+ * ScrollBar
+ *********************************************/
+.scrollbar {
+    border: 1px solid #eee;
+    height: 450px;
+    overflow: scroll;
+    margin: 20px 0 0;
+    padding: 10px 20px 20px 20px;
+}
+
+/*********************************************
+ * Corporate Logo Header Image
+ *********************************************/
+.header {
+    position: absolute;
+    margin: 0 auto;
+    left: 0;
+    right: 25px;
+    top: 5px;
+    height: 80px;
+    font-family: 'liberation';
+    font-size: 20px;
+    text-align: right;
+}
+
+.reveal .slides {
+    text-align: left;
+}
+
+table thead th, table tfoot th { font-weight: bold; }
+/*
+table.tableblock.grid-all { border-collapse: separate; border-spacing: 1px; -webkit-border-radius: 4px; border-radius: 4px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
+*/
+table.tableblock.frame-topbot, table.tableblock.frame-none { border-left: 0; border-right: 0; }
+table.tableblock.frame-sides, table.tableblock.frame-none { border-top: 0; border-bottom: 0; }
+table.tableblock td .paragraph:last-child p > p:last-child, table.tableblock th > p:last-child, table.tableblock td > p:last-child { margin-bottom: 0; }
+th.tableblock.halign-left, td.tableblock.halign-left { text-align: left; }
+th.tableblock.halign-right, td.tableblock.halign-right { text-align: right; }
+th.tableblock.halign-center, td.tableblock.halign-center { text-align: center; }
+th.tableblock.valign-top, td.tableblock.valign-top { vertical-align: top; }
+th.tableblock.valign-bottom, td.tableblock.valign-bottom { vertical-align: bottom; }
+th.tableblock.valign-middle, td.tableblock.valign-middle { vertical-align: middle; }
+
+/*
+ Used for <strong>text</strong> enclosed in <li> tag
+ & color
+*/
+li strong {
+/*    color: #268bd2;*/
+    color: #C1100C;
+    font-weight: bold;
+}
+
+/*
+  Trick to avoid to define [square] or [circle] for each item of an unordered list
+  and solve issue that we have here as we have nested lists
+*/
+ul li {list-style-type:square;}
+ul li li {list-style-type:disc;}
+ul li li li {list-style-type:circle;}
+
+/*
+ * .reveal i must be overrided to let to use Font Awesome
+ */
+.reveal i.fa {
+    font-family: 'FontAwesome';
+    font-style: normal;
+    font-size: 100%;
+}
+
+/*********************************************
+ * Callout
+ *********************************************/
+.reveal i.conum {
+    display: inline-block;
+    color: white !important;
+    background-color: #222222;
+    -webkit-border-radius: 100px;
+    border-radius: 100px;
+    text-align: center;
+    width: 25px; height: 25px; font-size: 14px;
+    font-weight: bold;
+    line-height: 25px;
+    font-style: normal;
+    position: relative; top: -2px;letter-spacing: -2px;
+}
+.reveal i.conum * { color: white !important; }
+.reveal i.conum + b { display: none; }
+.reveal i.conum:after { content: attr(data-value); }
+.reveal i.conum:not([data-value]):empty { display: none; }
+
+
+.paragraph p {
+    display:block;
+    line-height: 1.3;
+}
+
+.newline:before {
+    content: '\A';
+    white-space:pre;
+}
+
+/*********************************************
+ * Copyright Footer
+ *********************************************/
+.footer {
+    position: absolute;
+    margin: 0 auto;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 50px;
+    font-family: 'liberation';
+    font-size: 15px;
+    color: #aeb3b6;
+    text-align: center;
+}
+
+/*
+ First Page - Background Red
+ Title H2 Strong - white
+ Paragraph class - white
+ */
+.reveal h2 strong {
+    color: #ffffff;
+}
+
+.paragraph {
+    color: #ffffff;
+}
+
+.cover {
+    position:absolute;
+    top:150px;
+    left:10px;
+    right:10px;
+}