hyla 1.0.6 → 1.0.7.pre.1

data/lib/hyla/configuration.rb

@@ -27,7 +27,6 @@ module Hyla
         },
         'safe' => 'unsafe',
         'header_footer' => true
-
     }
 
     #
@@ -46,20 +45,23 @@ module Hyla
 
     INDEX_SUFFIX = '_AllSlides.txt'
 
+    INDEX_FILE = 'AllSlides.txt'
+
     SNIPPET_TAG = 'snippet'
 
-    HEADER = ":data-uri:\n" +
-        ":icons: font\n" +
-        ":last-update-label!:\n" +
-        ":source-highlighter: coderay\n"
 
-    HEADER_INDEX = ":data-uri:\n" +
-        ":navigation: # navigation attribute used for DeckJS Slideshow\n" +
-        ":menu: # navigation attribute used for DeckJS Slideshow\n" +
-        ":status: # navigation attribute used for DeckJS Slideshow\n" +
-        ":goto: # navigation attribute used for DeckJS Slideshow\n" +
-        ":notitle: \n" +
-        ":toc: left # Comment or uncomment this attribute if you don't need to display left part of the HTML page a table of content\n"
+    #    OLD HEADER_TXT used with hyla < 1.0.7
+    #    HEADER_TXT = ":data-uri:\n" +
+    #        ":icons: font\n" +
+    #        ":last-update-label!:\n" +
+    #        ":source-highlighter: coderay\n"
+    #
+    #    HEADER_TXT = "ifndef::local[]\n" +
+    #                 ":imagesdir: ../image/\n" +
+    #                 "endif::[]\n"
+
+
+    HEADER_TXT = "// Asciidoctor attributes\n"
 
     LEVEL_1 = '= '
 
@@ -67,24 +69,11 @@ module Hyla
 
     SKIP_CHARACTERS = '>>'
 
-    ADOC_EXT = '.ad'
+    #ADOC_EXT = '.ad'
+    ADOC_EXT = '.adoc'
 
     PREFIX_ARTEFACT = 'asciidoc_'
 
-    TEMPLATES = '../../lib/templates'
-
-    RESOURCES = '../../lib/resources'
-
-    SAMPLES = '../../lib/templates/sample'
-
-    STYLES = '../../lib/resources/styles'
-
-    FONTS = '../../lib/resources/fonts'
-
-    BACKENDS = '../../lib/resources/backends'
-
-    COVER_TEMPLATE = '../../lib/resources/cover.slim'
-
     YAML_CONFIG_FILE_NAME = '_config.yaml'
 
     #
@@ -146,7 +135,6 @@ module Hyla
     # Returns the final configuration Hash.
     def self.parse(override)
 
-
       # Extract Asciidoctor attributes received from hyla command line '-a key=value,key=value'
       # Convert them to a Hash of attributes 'attributes' => { 'backend' => html5 ... }
       # Assign hash to override[:attributes]
@@ -205,6 +193,21 @@ module Hyla
       YAML.safe_load_file(filename)
     end
 
+    #
+    # Retrieve asciidoctor attributes
+    # Could be an Arrays of Strings key=value,key=value
+    # or
+    # Could be a Hash (DEFAULTS, CONFIG_File)
+    def self.extract_attributes(attributes)
+      result = attributes.split(',')
+      attributes = Hash.new
+      result.each do |entry|
+        words = entry.split('=')
+        attributes[words[0]] = words[1]
+      end
+      return attributes
+    end
+
     # Public: Turn all keys into string
     #
     # Return a copy of the hash where all its keys are strings
@@ -239,20 +242,37 @@ module Hyla
       }
     end
 
-    #
-    # Retrieve asciidoctor attributes
-    # Could be an Arrays of Strings key=value,key=value
-    # or
-    # Could be a Hash (DEFAULTS, CONFIG_File)
-    def self.extract_attributes(attributes)
-      result = attributes.split(',')
-      attributes = Hash.new
-      result.each do |entry|
-        words = entry.split('=')
-        attributes[words[0]] = words[1]
-      end
-      return attributes
-    end
+    TEMPLATES = '../../lib/templates'
+
+    RESOURCES = '../../lib/resources'
+
+    SAMPLES = '../../lib/templates/sample'
+
+    STYLES = '../../lib/resources/styles'
+
+    FONTS = '../../lib/resources/fonts'
+
+    BACKENDS = '../../lib/resources/backends'
+
+    COVER_TEMPLATE = '../../lib/resources/cover.slim'
+
+    ASSESSMENT_TXT = File.open(self.resources + '/course/assessment.txt','r').read
+
+    LABS_TXT = File.open(self.resources + '/course/labinstructions.txt','r').read
+
+    INDEX = File.open(self.resources + '/course/index.txt','r').read
+
+    HEADER_INDEX = File.open(self.resources + '/course/header_index.txt','r').read
+
+    FOOTER_TXT = File.open(self.resources + '/course/footer.txt','r').read
+
+    COVER_TXT = File.open(self.resources + '/course/cover.txt','r').read
+
+    OBJECTIVES_TXT = File.open(self.resources + '/course/objectives.txt','r').read
+
+    SUMMARY_TXT = File.open(self.resources + '/course/summary.txt','r').read
+
+    AUDIO_TXT = File.open(self.resources + '/course/audio.txt','r').read
 
   end # Class Configuration
 end # module Hyla

data/lib/hyla/project.rb

@@ -1,5 +1,5 @@
 module Hyla
-    VERSION = '1.0.6'
+    VERSION = '1.0.7.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/haml/deckjs/document.html.haml

@@ -25,8 +25,8 @@
         - 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")
-      %script(src="#{attr :highlightjsdir, 'http://cdnjs.cloudflare.com/ajax/libs/highlight.js/7.3'}/highlight.min.js")
+      %link(rel='stylesheet' href="#{attr :highlightjsdir, 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4'}/styles/#{attr 'highlightjs-theme', 'default'}.min.css")
+      %script(src="#{attr :highlightjsdir, 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4'}/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")

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

@@ -37,8 +37,8 @@
         - 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")
-      %script(src="#{attr :highlightjsdir, 'http://cdnjs.cloudflare.com/ajax/libs/highlight.js/7.3'}/highlight.min.js")
+      %link(rel='stylesheet' href="#{attr :highlightjsdir, 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4'}/styles/#{attr 'highlightjs-theme', 'default'}.min.css")
+      %script(src="#{attr :highlightjsdir, 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4'}/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")

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

@@ -37,8 +37,8 @@ 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', 'googlecode'}.min.css"
-      script src="#{attr :highlightjsdir, 'http://cdnjs.cloudflare.com/ajax/libs/highlight.js/7.3'}/highlight.min.js"
+      link rel='stylesheet' href="#{attr :highlightjsdir, 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4'}/styles/#{attr 'highlightjs-theme', 'googlecode'}.min.css"
+      script src="#{attr :highlightjsdir, 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4'}/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"

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

@@ -1,4 +1,4 @@
-aside id=@id class='notes'
+aside id=@id class=role
   - if title?
     .title=title
   =content

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

@@ -47,8 +47,8 @@ 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/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"
+      link rel='stylesheet' href="#{attr :highlightjsdir, 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4'}/styles/#{attr 'highlightjs-theme', 'default'}.min.css"
+      script src="#{attr :highlightjsdir, 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4'}/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"

data/lib/resources/course/assessment.txt

@@ -0,0 +1,7 @@
+QUESTIONBANKCODE|QUESTIONCODE|QUESTIONTYPE|QUESTIONTEXT|QUESTIONTEXTFORMAT|QUESTIONFEEDBACK|OPTION|RIGHTOPTION|OPTIONFEEDBACK|ISCORRECT|OPTIONWEIGHT|ISCASESENSITIVE|RANDOMIZEOPTIONS|STATUS
+OPENTEST|OPENTEST0101|1|Which of the following is not a Red Hat JBoss supported product?|||JBoss BPM Suite|||0|0|||
+OPENTEST|OPENTEST0101|1|Which of the following is not a Red Hat JBoss supported product?|||JBoss Enterprise Application Platform|||0|0|||
+OPENTEST|OPENTEST0101|1|Which of the following is not a Red Hat JBoss supported product?|||Hibernate|||1|100|||
+OPENTEST|OPENTEST0101|1|Which of the following is not a Red Hat JBoss supported product?|||JBoss Data Grid|||0|0|||
+OPENTEST|OPENTEST0102|5|The Red Hat Global Partner Enablement Team is cool?|||TRUE|||1|100|||
+OPENTEST|OPENTEST0102|5|The Red Hat Global Partner Enablement Team is cool?|||FALSE|||0|0|||

data/lib/resources/course/audio.txt

@@ -0,0 +1,3 @@
+ifdef::audioscript[]
+audio::audio/xxx.mp3[]
+endif::[]

data/lib/resources/course/cover.txt

@@ -0,0 +1,13 @@
+:noheader: true
+
+// No title should be displayed for Slideshow presentation as the cover picture already content the text
+ifdef::slideshow[]
+==  
+endif::[]
+
+ifndef::slideshow[]
+== Cover
+endif::[]
+
+[.cover]
+image::image/xxx.png[]

data/lib/resources/course/footer.txt

@@ -0,0 +1,10 @@
+ifdef::showscript[]
+[.notes]
+****
+//tag::snippet[]
+
+== TITLE
+
+//end::snippet[]
+****
+endif::[]

data/lib/resources/course/header_index.txt

@@ -0,0 +1 @@
+:toc: left

data/lib/resources/course/index.txt

@@ -0,0 +1,3 @@
+ifndef::slideshow[]
+== xxx
+endif::[]

data/lib/resources/course/labinstructions.txt

@@ -0,0 +1,26 @@
+:numbered:
+== MODULE NAME Lab
+
+.Goals
+After completing this lab, you should understand the following XXX key concepts:
+
+* Concept 1
+* Concept 2
+* Concept n
+    
+.Lab Assets
+The lab exercises and solutions are available in the following zip archives:
+
+* link:lab_assets.zip[]
+* link:lab_assets_solution.zip[]
+
+...
+
+ifdef::showscript[]
+[.notes]
+****
+//tag::snippet[]
+
+//end::snippet[]
+****
+endif::[]

data/lib/resources/course/objectives.txt

@@ -0,0 +1,28 @@
+
+== Module Topics
+
+ifdef::audioscript[]
+audio::audio/xxx.mp3[]
+endif::[]
+
+By completing this module you will learn about the following topics:
+
+  * Item 1
+  * Item 2
+
+ifdef::showscript[]
+[.notes]
+****
+//tag::snippet[]
+
+== Module Topics
+
+ifdef::audioscript[]
+audio::audio/xxx.mp3[]
+endif::[]
+
+* This module introduces ...
+
+//end::snippet[]
+****
+endif::[]

data/lib/resources/course/summary.txt

@@ -0,0 +1,27 @@
+
+== Summary
+
+ifdef::includeaudio[]
+audio::audio/xxx.mp3[]
+endif::[]
+
+This module introduced you to the following topics:
+
+** Item 1
+** Item 2
+** Item 3
+
+ifdef::showscript[]
+[.notes]
+****
+//tag::snippet[]
+
+== Summary
+
+This module addressed questions about ...
+
+//end::snippet[]
+****
+endif::[]
+
+

data/lib/resources/cover.slim

@@ -1,7 +1,7 @@
 doctype html
 html
   head
-    title Cove page generated by Hyla
+    title Cover page generated by Hyla
   body
     css:
       body {

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

@@ -1,20 +1,92 @@
-/********************************************
- * FONTS
+/*********************************************
+ *
+ * RedHat Conference Theme customized from GPE & RevealJS
+ *
+ *********************************************/
+
+/*********************************************
+ * LIBERATION FONTS
  *********************************************/
 @font-face {
     font-family: 'liberation';
-    src: url(../../lib/font/liberation_sans-regular.ttf) format('truetype');
+    src: url("../../lib/font/liberation_sans-regular.ttf") format('truetype');
     font-weight: normal;
     font-style: normal;
 }
 
-/**
- * RedHat GPE Conference theme
- */
+@font-face {
+    font-family: 'liberation';
+    src: url("../../lib/font/liberation_sans-bold.ttf") format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'liberation';
+    src: url("../../lib/font/liberation_sans-bolditalic.ttf") format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'liberation';
+    src: url("../../lib/font/liberation_sans-italic.ttf") format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
 
 /*********************************************
- * GLOBAL STYLES
+ * ScrollBar
+ * Feb 24, ART: Changed the height of the scrollbar from 450 600
+ * Feb 24, ART: Changed the padding from 10 20 20 20 to 5 10 10 10
+ * Feb 24, ART: Changed the margin from 20px 0 0 to 5px 0 0
+ *********************************************/
+.scrollbar {
+    border: 1px solid #eee;
+    height: 600px;
+    overflow: scroll;
+    margin: 5px 0 0;
+    padding: 5px 10px 10px 10px;
+}
+
+/*********************************************
+ * Corporate Logo Header Image
+ * Feb 26, CHM: Changed the height from 80px to 0px
+ *********************************************/
+.header {
+    position: absolute;
+    margin: 0 auto;
+    left: 0;
+    right: 0;
+    top: 0;
+    height: 0px;
+    font-family: 'liberation';
+    font-size: 20px;
+    text-align: center;
+}
+
+/*********************************************
+ * Copyright Footer
+ * Feb 24, ART: Changed to footer height from 80 to 40
  *********************************************/
+.footer {
+    position: absolute;
+    margin: 0 auto;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 40px;
+    font-family: 'liberation';
+    font-size: 20px;
+    text-align: center;
+}
+
+/*********************************************
+ * GLOBAL STYLES
+ * Feb 24, ART:  added a border to the body, attempting to see how the margin is being used.
+ * Feb 24, ART:  added a border to the reveal section, attempting to see how the margin is being used.
+  * Feb 26, CHM : Reduce font-size from 32px to 30px
+  *********************************************/
 body {
     background: white;
     background-color: white;
@@ -22,16 +94,16 @@ body {
 
 .reveal {
     font-family: 'liberation';
-    font-size: 32px;
+    font-size: 28px;
     font-weight: normal;
     letter-spacing: -0.02em;
     /* Color used within paragraphs - text */
     color: #4E4E4E;
 }
 
-/*.reveal .slides {
+.reveal .slides {
     margin-top: 80px;
-}*/
+}
 
 .reveal section {
     text-align: left;
@@ -63,10 +135,6 @@ body {
     text-align: left;
 }
 
-/*.reveal h1 {
-    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
-}*/
-
 .reveal h2 {
     font-size: 2em;
 }
@@ -169,16 +237,13 @@ body {
 .reveal .slide-number {
     color: darkblue; }
 
-/***********************************************
- * Modified for RedHat Style
- ***********************************************/
-
 /*********************************************
  * ScrollBar
+ * Feb 26, CHM : Increase height from 450 to 480px
  *********************************************/
 .scrollbar {
     border: 1px solid #eee;
-    height: 450px;
+    height: 480px;
     overflow: scroll;
     margin: 20px 0 0;
     padding: 10px 20px 20px 20px;
@@ -186,6 +251,7 @@ body {
 
 /*********************************************
  * Corporate Logo Header Image
+ * Feb 26, CHM : Changed text-align right to center
  *********************************************/
 .header {
     position: absolute;
@@ -199,45 +265,137 @@ body {
     text-align: right;
 }
 
+/*********************************************
+ * 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;
+}
+
+/******************************************
+ * Fill screen to 100% & align text on left
+ * Feb 26, CHM : Changed top: to 350px otherwise the text is mixed with header image
+ ******************************************/
 .reveal .slides {
     text-align: left;
+    top: 350px;
+}
+
+/*******************************************************
+ * Asciidoctor Table style rendering
+ * Feb 27, CHM: Added & Refactor to display the borders
+ * Mar 02, CHM: Add caption to display the Table title with a different style, color
+ * Mar 03, CHM: Improve style to be compliant with Redhat styles
+ ******************************************************/
+table.tableblock, table.tableblock td {
+    border-style: solid;
+    border-color: rgb(183, 188, 190);
+    border-width: 0.99px;
+    border-collapse: collapse;
+    border-spacing: 0px;
+    padding: 5px;
+}
+
+table.tableblock > caption {
+    line-height: 1.4;
+    color: #333333;
+    margin-top: 0.2em;
+    margin-bottom: 0.5em;
+    overflow: visible;
+    max-width: 0;
+    white-space: nowrap;
+    display: table-caption
+}
+
+table.tableblock tr:first-child td {
+    background-color: #a70000;
+    text-align: left;
+    padding: 10px;
+    color: white;
+    font-size: 24px;
+}
+
+table.tableblock tr:nth-child(even) {
+    background: white;
+}
+
+table.tableblock tr:nth-child(odd) {
+    background: rgb(238, 238, 238);
+}
+
+th.tableblock.halign-left, td.tableblock.halign-left {
+    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
-*/
+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;
+}
+
+/**************************************************************
+ * By default, it is not possible to display text in Bold or within <li>> tag
+ * Here is a trick to support that <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;}
+/*********************************************************************************
+ * 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
+ * Feb 27, CHM : Added
+ * Mar 04 2015, CHM: Add red colors & square, disc & circle
+ *********************************************************************************/
+.reveal ul li p, ul li li p, ul li li p {
+    color: black;
+    list-style:none;
+}
+
+.reveal ul li {
+    list-style-type: square;
+    color: #a70000;
+}
+
+.reveal ul li li {
+    list-style-type: disc;
+    color: #a70000;
+}
 
-/*
- * .reveal i must be overrided to let to use Font Awesome
- */
+.reveal ul li li li {
+    list-style-type: circle;
+    color: #a70000;
+}
+
+/*******************************************************************
+ * .reveal i must be override in order to be able to use Asciidoctor and
+ * Font Awesome icons for NOTE, WARNING, REMARK, ....
+ *******************************************************************/
 .reveal i.fa {
     font-family: 'FontAwesome';
     font-style: normal;
@@ -245,12 +403,13 @@ ul li li li {list-style-type:circle;}
 }
 
 /*********************************************
- * Callout
+ * Support asciidoctor callout
  *********************************************/
 .reveal i.conum {
     display: inline-block;
     color: white !important;
-    background-color: #222222;
+    /*    background-color: #222222;*/
+    background-color: #c50000;
     -webkit-border-radius: 100px;
     border-radius: 100px;
     text-align: center;
@@ -265,12 +424,29 @@ ul li li li {list-style-type:circle;}
 .reveal i.conum:after { content: attr(data-value); }
 .reveal i.conum:not([data-value]):empty { display: none; }
 
-
+/****************************************************
+ * Increase size of a paragraph block
+ * Improve content readability
+ * Feb 26, CHM : Remove white color
+ ****************************************************/
 .paragraph p {
     display:block;
     line-height: 1.3;
 }
 
+/*****************************************************
+ * Cover page
+ * Feb 26, CHM : Display text of the speaker-page in white
+ *****************************************************/
+.paragraph {
+    color: #ffffff;
+    text-align: left;
+}
+
+/****************************************************
+ * Include a new line when the slide contains &nbps;
+ * Improve content readability
+ ****************************************************/
 .newline:before {
     content: '\A';
     white-space:pre;
@@ -292,22 +468,154 @@ ul li li li {list-style-type:circle;}
     text-align: center;
 }
 
-/*
- First Page - Background Red
- Title H2 Strong - white
- Paragraph class - white
- */
+/**************************************************************
+ * First Page - Background Red
+ * Title H2 Strong - white
+ * Paragraph class - white
+ **************************************************************/
 .reveal h2 strong {
     color: #ffffff;
 }
 
-.paragraph {
-    color: #ffffff;
+/**************************************************************
+ * Override Revealjs Pre class
+ * Mar 04 2015, CHM : Change width from 90% to 100% and margin to reduce size of the box hightlighted
+ *************************************************************/
+.reveal pre {
+    width: 100%;
+}
+.listingblock .content {
+    margin-right: 50px;
+    padding-right: 50px;
 }
 
+/**************************************************************
+ * Style used to display the cover picture full screen
+ * Add this tag [.cover] before the picture of the cover page
+ **************************************************************/
 .cover {
-    position:absolute;
-    top:150px;
-    left:10px;
-    right:10px;
+    position: absolute;
+    top: 150px;
+    text-align: center;
+}
+
+/**************************************************************
+ * Admonition Asciidoctor
+ *
+ * Mar 03, CHM: Added
+ **************************************************************/
+.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .mathblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title {
+    text-align: left;
+    font-weight: bold;
+}
+
+.admonitionblock > table {
+    border: 0;
+    background: none;
+    width: 100%;
+    padding: 5px 0px;
+}
+
+.admonitionblock > table td.icon {
+    text-align: center;
+    width: 80px;
+}
+
+.admonitionblock > table td.icon img {
+    max-width: none;
+}
+
+.admonitionblock > table td.icon .title {
+    font-weight: bold;
+    text-transform: uppercase;
+}
+
+.admonitionblock > table td.content {
+    padding-left: 1.125em;
+    padding-right: 1.25em;
+    border-left: 1px solid #dddddd;
+    color: #6f6f6f;
+    font-size: 20px;
+    font-style: normal;
+}
+
+.admonitionblock > table td.content > :last-child > :last-child {
+    margin-bottom: 0;
+}
+
+.admonitionblock td.icon [class^="icon-"]:before {
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+    cursor: default;
+}
+
+.admonitionblock td.icon .icon-note:before {
+    content: "\f05a";
+    color: #005498;
+    color: #003f72;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-tip:before {
+    content: "\f0eb";
+    font-family: FontAwesome;
+    text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8);
+    color: #111;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-warning:before {
+    content: "\f071";
+    color: #bf6900;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-caution:before {
+    content: "\f06d";
+    color: #bf3400;
+    font-family: FontAwesome;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
+}
+
+.admonitionblock td.icon .icon-important:before {
+    content: "\f06a";
+    font-family: FontAwesome;
+    color: #bf0000;
+    font-style: normal;
+    font-weight: normal;
+    text-decoration: inherit;
+    font-size: 46px;
+    padding-right: 0.5em;
+    position: relative;
+    top: 10px;
+    left: 0;
 }