hyla 1.0.7.pre.3 → 1.0.7.pre.5

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    YzBmZWMxMGYwMDM2MzEwNmI5NzMzOWJiYzQ4OTIyOTEyMjc2ZmI2MA==
+    NjM3ODU2N2Q0N2I5YzYzMTczNjMyZmJlMTA2NzRhMzQ1MzZjMmRlNA==
   data.tar.gz: !binary |-
-    ZDQ4NTQ1MzE5ZWZhYmM4M2Q5Njg0ZTIxZTBkYThlN2JmZTlkNWM5Ng==
+    MTdlMDZmZGY3ZDNlNmI3ZTI2NmQzZDhlYTlkODgwZmNlOTQzMjdlOA==
 SHA512:
   metadata.gz: !binary |-
-    OGVmZGM2M2FlNjI0NjE4MGYyMzNjYTE5NWYyNmE2OWQ2OTZmMWI4NWFjODFh
-    MWFmYzIxYzQxNDhhNzVjNWFhMTE0ZmMzNjVjNjk0ZTAzZTM5NDBjOWYwY2Y0
-    ZWI1OGYzNDMxYjQ2MjU1NzdiNzIwNjI4YjdjYzAwOWRiNjEwNDc=
+    MmZmYjg4NjQ2ZTc1MWQ2NWE5YmZlMTdiNGRiODQwMmExZTY4OWVmOTYyYWJm
+    ZDIxZGMyZThmYzU3YjVlZDFjOTA3OGQ2NTBjNDEwYTg4NjVlN2Y4NTJkZDBk
+    YjJmM2RmMzNlODk2Mjk5NjA2NjBhMWE2OWRiMTk2NjNlYmY4ZDA=
   data.tar.gz: !binary |-
-    YWJlZWM2N2M1OTEwZTVkY2E5MjdkMDM4MTdiYjdiMjRlNzY5MGFjMWIwMmQ0
-    NDYyYzkxZDNlYTgyNGI0ODcwZjAzZGIzM2RkNWVkNzc4MzM4ZGMyMDFmMjVh
-    MzhiYzNjZGI0Yjc1MDQ1NTg4MTQ5NzRkYzM2M2ZmODNhM2M2MDc=
+    M2Q1OTY2OTRiZjBjZmJkMzMyNzA1NWQ5YmUxNGY0NDI0YmM5ZDRiYzBkOGY1
+    MjYwOTRmYTliODgyNWU1M2Y5MjRlNzBiYmEzOGE3NDVkMDM2NDI2NmMyOTE4
+    ZjQ2OTQ3MWNkOTRjNTFlMGIzN2FmZTZhOTZmOTZjMzEyMTc0ZTM=

data/Rakefile

@@ -98,6 +98,9 @@ task :compass do
     sh "cp styles/font-awesome.css #{revealjs_css_vendor_assets}/font-awesome-4.3.0.css"
 
     sh "cp styles/gpe2.css #{revealjs_redhat_css_theme_assets}/gpe.css"
+    sh "cp styles/theme-v2-liberation.css #{revealjs_redhat_css_theme_assets}/theme-v2-liberation.css"
+    sh "cp styles/theme-v2-overpass.css #{revealjs_redhat_css_theme_assets}/theme-v2-overpass.css"
+    sh "cp styles/theme-output.css #{revealjs_redhat_css_theme_assets}/theme-output.css"
     sh "cp styles/font-awesome.css #{revealjs_redhat_css_theme_assets}/font-awesome-4.3.0.css"
 
     # sh "cp gpe.scss #{revealjs_css_theme_assets}"
@@ -108,22 +111,22 @@ task :compass do
 
 end
 
-# Build the Gem
+desc "Build the Gem"
 task :build do
   system "gem build #{gemspec_file}"
 end
 
-# Build the Gem & deploy it locally
+desc "Build the Gem & deploy it locally"
 task :install => :build do
   system "gem install #{gem_file} -l"
 end
 
-# Build the Gem, install it locally & push it
+desc "Build the Gem, install it locally & push it"
 task :deploy => :install do
   system "gem push #{gem_file}"
 end
 
-# Tag the release 
+desc "Tag Hyla release to github repo"
 task :tag_release do
   system "git tag -a #{name}-#{version} -m 'Release of hyla #{version}'"
   system "git push origin #{name}-#{version}"
@@ -191,11 +194,11 @@ task :publish do
   puts 'Done.'
 end
 
-desc 'Say Hello'
-task :hello, [:msg1, :msg2] do |t, args|
-  msg1 = args.msg1 or
-      fail "Msg1 is mandatory"
-  msg2 = args[:msg2] || "Man"
-  puts msg1.upcase + '!'
-  puts msg2.downcase + '!'
-end
+# desc 'Say Hello'
+# task :hello, [:msg1, :msg2] do |t, args|
+#   msg1 = args.msg1 or
+#       fail "Msg1 is mandatory"
+#   msg2 = args[:msg2] || "Man"
+#   puts msg1.upcase + '!'
+#   puts msg2.downcase + '!'
+# end

data/lib/hyla/commands/generate.rb

@@ -96,8 +96,9 @@ module Hyla
             course_name = options[:course_name]
             module_name = options[:module_name]
             bg_image_path = options[:image_path]
+            tool = options[:tool] || 'imgkit'
 
-            self.cover_img(out_dir, file_name, image_name, course_name, module_name, bg_image_path)
+            self.cover_img(out_dir, file_name, image_name, course_name, module_name, bg_image_path, tool)
 
           else
             Hyla.logger.error ">> Unknow rendering"
@@ -128,47 +129,49 @@ module Hyla
       # Cover Function
       # Create a png file using the HTML generated with the Slim cover template
       #
-      def self.cover_img(out_dir, file_name, image_name, course_name, module_name, bg_image_path)
+      def self.cover_img(out_dir, file_name, image_name, course_name, module_name, bg_image_path, tool)
 
         unless Dir.exist? out_dir
           FileUtils.mkdir_p out_dir
         end
 
-        # Configure Slim engine
-        slim_file = Configuration::cover_template
-        slim_tmpl = File.read(slim_file)
-        template = Slim::Template.new(:pretty => true) { slim_tmpl }
-
-        # Replace underscore with space
-        course_name = course_name.gsub('_', ' ')
-        # Replace underscore with space, next digits & space with nothing & Capitalize
-        module_name = module_name.gsub('_', ' ').gsub(/^\d{1,2}\s/, '').capitalize
-
-        # f_html = File.read(Configuration::covers + '/cover.html')
+        case tool
+          when 'imgkit'
+            # Configure Slim engine
+            slim_file = Configuration::cover_template
+            slim_tmpl = File.read(slim_file)
+            template = Slim::Template.new(:pretty => true) { slim_tmpl }
 
-        Hyla.logger.debug "Module name : " + module_name
+            # Replace underscore with space
+            course_name = course_name.gsub('_', ' ')
+            # Replace underscore with space, next digits & space with nothing & Capitalize
+            module_name = module_name.gsub('_', ' ').gsub(/^\d{1,2}\s/, '').capitalize
 
-        # Do the HTML Rendering
-        parameters = {:course_name => course_name,
-                      :module_name => module_name,
-                      :image_path => bg_image_path }
-        res = template.render(Object.new, parameters)
+            Hyla.logger.debug "Module name : " + module_name
+            Hyla.logger.info "Curent directory : #{Dir.pwd}"
 
-        # res = f_html
-
-        #
-        # Create the cover file and do the rendering of the image
-        #
-        Dir.chdir(out_dir) do
-          out_file = File.new(file_name, 'w')
-          out_file.puts res
-          out_file.puts "\n"
+            # Use slim template & render the HTML
+            parameters = {:course_name => course_name,
+                          :module_name => module_name,
+                          :image_path => bg_image_path }
+            res = template.render(Object.new, parameters)
+            #
+            # Create the cover file and do the rendering of the image
+            #
+            Dir.chdir(out_dir) do
+              out_file = File.new(file_name, 'w')
+              out_file.puts res
+              out_file.puts "\n"
 
-          # Do the Rendering Image
-          kit = IMGKit.new(res, quality: 100, width: 1280, height: 800)
+              # Do the Rendering Image
+              kit = IMGKit.new(res, quality: 100, width: 1280, height: 800)
 
-          kit.to_img(:png)
-          kit.to_file(image_name)
+              kit.to_img(:png)
+              kit.to_file(image_name)
+            end
+            
+          when 'wkhtmltopdf'  
+            
         end
 
       end

data/lib/hyla/configuration.rb

@@ -273,7 +273,9 @@ module Hyla
 
     BACKENDS = '../../lib/resources/backends'
 
-    COVER_TEMPLATE = '../../lib/resources/assets/cover/new_cover.slim'
+    COVER_TEMPLATE = '../../lib/resources/assets/cover/cover.slim'
+    
+    NEW_COVER_TEMPLATE = '../../lib/resources/assets/cover/new_cover.slim'
 
     ASSESSMENT_TXT = File.open(self.templates + '/course/assessment.txt','r').read
 

data/lib/hyla/project.rb

@@ -1,5 +1,5 @@
 module Hyla
-    VERSION = '1.0.7.pre.3'
+    VERSION = '1.0.7.pre.5'
     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/assets/cover/cover.slim

@@ -66,5 +66,5 @@ html
     h1 = course_name
     h2 = module_name
   .back
-    img src=image_path style="width: 970px; height: 765px;"
+    img src=image_path style="width: 970px; height: 765px;
 

data/lib/resources/assets/revealjs-redhat/lib/css/gpe.css

@@ -1,60 +1,91 @@
 /* $debug-configuration: true; */
-@font-face {
-  font-family: 'Overpass';
-  src: local("Overpass"), url("../../lib/font/overpass/overpass_regular-web.eot?#iefix") format("eot"), url("../../lib/font/overpass/overpass_regular-web.woff") format("woff"), url("../../lib/font/overpass/overpass_regular-web.ttf") format("truetype"), url("../../lib/font/overpass/overpass_regular-web.svg#webfontLTZe4IYH") format("svg");
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Overpass';
-  src: local("Overpass Bold"), local("OverpassBold"), url("../../lib/font/overpass/overpass_bold-web.eot?#iefix") format("eot"), url("../../lib/font/overpass/overpass_bold-web.woff") format("woff"), url("../../lib/font/overpass/overpass_bold-web.ttf") format("truetype"), url("../../lib/font/overpass/overpass_bold-web.svg#webfontzAU82Ltw") format("svg");
-  font-weight: bold;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Liberation Sans';
-  src: local("Liberation"), url("../../lib/font/liberation/Liberation-Regular-webfont.eot?#iefix") format("eot"), url("../../lib/font/liberation/Liberation-Regular-webfont.woff") format("woff"), url("../../lib/font/liberation/Liberation-Regular-webfont.ttf") format("truetype"), url("../../lib/font/liberation/Liberation-Regular-webfont.svg#webfontLTZe4IYH") format("svg");
-  font-weight: normal;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Liberation Sans';
-  src: local("Liberation Bold"), local("LiberationBold"), url("../../lib/font/liberation/Liberation-Bold-webfont.eot?#iefix") format("eot"), url("../../lib/font/liberation/Liberation-Bold-webfont.woff") format("woff"), url("../../lib/font/liberation/Liberation-Bold-webfont.ttf") format("truetype"), url("../../lib/font/liberation/Liberation-Bold-webfont.svg#webfontzAU82Ltw") format("svg");
-  font-weight: bold;
-  font-style: normal;
-}
-@font-face {
-  font-family: 'Liberation Sans';
-  src: local("Liberation Italic"), local("LiberationItalic"), url("../../lib/font/liberation/Liberation-Italic-webfont.eot?#iefix") format("eot"), url("../../lib/font/liberation/Liberation-Italic-webfont.woff") format("woff"), url("../../lib/font/liberation/Liberation-Italic-webfont.ttf") format("truetype"), url("../../lib/font/liberation/Liberation-Italic-webfont.svg#webfontzAU82Ltw") format("svg");
-  font-weight: normal;
-  font-style: italic;
-}
-@font-face {
-  font-family: 'Liberation Sans';
-  src: local("Liberation Bold Italic"), local("LiberationBoldItalic"), url("../../lib/font/liberation/Liberation-BoldItalic-webfont.eot?#iefix") format("eot"), url("../../lib/font/liberation/Liberation-BoldItalic-webfont.woff") format("woff"), url("../../lib/font/liberation/Liberation-BoldItalic-webfont.ttf") format("truetype"), url("../../lib/font/liberation/Liberation-BoldItalic-webfont.svg#webfontzAU82Ltw") format("svg");
-  font-weight: bold;
-  font-style: italic;
-}
 /* 
  * We dont import the css content of font-awesome hre
  * as it will added to the HTML of the slideshow as a local/remote resource
  *  @import "font-awesome"; 
  */
-/*$var-family-name: 'Liberation Sans';*/
-/* line 15, ../gpe2.scss */
+/* $fonts: 'Overpass', 'Liberation Sans', 'Open Sans', sans-serif; */
+/*********************************************
+ * 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.
+ *********************************************/
+/* line 18, ../gpe2.scss */
 body {
-  font-family: "Overpass", "Liberation Sans", "Open Sans", sans-serif;
+  font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
+}
+
+/* line 22, ../gpe2.scss */
+.reveal {
+  font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
+  font-size: 28px;
+  font-weight: normal;
+  letter-spacing: -0.02em;
+  color: black;
+}
+
+/* line 31, ../gpe2.scss */
+::selection {
+  color: white;
+  background: rgba(0, 0, 0, 0.99);
+  text-shadow: none;
+}
+
+/*********************************************
+ * HEADERS
+ *********************************************/
+/* line 40, ../gpe2.scss */
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+  margin: 0 0 20px 0;
+  color: #3E4349;
+  font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
+  line-height: 0.9em;
+  letter-spacing: 0.02em;
+  text-transform: none;
+  text-shadow: none;
+}
+
+/**************************************************************
+ * Change color of the cover slide using class sl-block-content
+ **************************************************************/
+/* line 58, ../gpe2.scss */
+.reveal .sl-block-content h1,
+.reveal .sl-block-content h2,
+.reveal .sl-block-content h3,
+.reveal .sl-block-content h4,
+.reveal .sl-block-content h5,
+.reveal .sl-block-content h6 {
+  color: white;
 }
 
-/**************************************************
- * 
- * Add a fixed position for all the slides excepted
- * the cover
+/***************************************************
+ * Feb 26, ART: Font Size 2em and width: 900px added
  **************************************************/
-/* line 24, ../gpe2.scss */
-.reveal .slides > section:not([id="cover"]) {
-  position: fixed;
-  top: -200px;
+/* line 70, ../gpe2.scss */
+.reveal h1 {
+  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
+  font-size: 2em;
+  width: 900px;
+}
+
+/* line 76, ../gpe2.scss */
+.reveal h2 {
+  font-size: 2em;
+}
+
+/******************************************
+ * Fill screen to 100% & align text on left
+ * Feb 26, CHM : Add top: 370px to fill the screen to 100%
+ * Mar 24 3015, CHM : Remove top due to cutoff with safari, firefox
+ ******************************************/
+/* line 85, ../gpe2.scss */
+.reveal .slides {
+  text-align: left;
 }
 
 /*********************************************
@@ -65,7 +96,7 @@ body {
  * Mar 02, CHM: Increase height from 600 to 670px
  * Mar 06, CHM: Change overflow from scroll to auto
  *********************************************/
-/* line 37, ../gpe2.scss */
+/* line 98, ../gpe2.scss */
 .scrollbar {
   border: 1px solid #eee;
   height: 600px;
@@ -79,7 +110,7 @@ body {
  * Add this tag [.cover] before the picture of the cover page
  * Mar 04 2015, CHM: Initial
  **************************************************************/
-/* line 50, ../gpe2.scss */
+/* line 111, ../gpe2.scss */
 .cover {
   position: absolute;
   top: 20px;
@@ -90,7 +121,7 @@ body {
  * Corporate Logo Header Image
  * Feb 26, CHM: Changed the height from 80px to 0px
  *********************************************/
-/* line 60, ../gpe2.scss */
+/* line 121, ../gpe2.scss */
 .header {
   position: absolute;
   margin: 0 auto;
@@ -98,7 +129,7 @@ body {
   right: 0;
   top: 0;
   height: 0px;
-  font-family: "Overpass", "Liberation Sans", "Open Sans", sans-serif;
+  font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
   font-size: 20px;
   text-align: center;
 }
@@ -107,27 +138,28 @@ body {
  * Copyright Footer
  * Feb 24, ART: Changed to footer height from 80 to 40
  * Mar 13 2015, CHM : Add footer-cover to override the color for cover slide
+ * Mar 24 2015, CHM : Remove hard coded px and use percentages
  ******************************************************/
-/* line 77, ../gpe2.scss */
+/* line 139, ../gpe2.scss */
 .reveal .footer {
   position: absolute;
   margin: 0 auto;
   left: 0;
   right: 0;
-  bottom: -130px;
+  bottom: -20%;
   height: 80px;
-  font-family: "Overpass", "Liberation Sans", "Open Sans", sans-serif;
+  font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif;
   font-size: 14px;
   text-align: center;
 }
 
-/* line 89, ../gpe2.scss */
+/* line 151, ../gpe2.scss */
 .reveal .footer-cover {
   position: absolute;
   margin: 0 auto;
   left: 0;
   right: 0;
-  bottom: 100px;
+  bottom: -15%;
   height: 80px;
   font-family: "Overpass", "Liberation Sans", "Open Sans", sans-serif;
   font-size: 14px;
@@ -135,102 +167,10 @@ body {
   color: white;
 }
 
-/*********************************************
- * 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.
- *********************************************/
-/* line 107, ../gpe2.scss */
-body {
-  background: white;
-  background-color: white;
-}
-
-/* line 112, ../gpe2.scss */
-.reveal {
-  font-family: "Overpass", "Liberation Sans", "Open Sans", sans-serif;
-  font-size: 28px;
-  font-weight: normal;
-  letter-spacing: -0.02em;
-  color: black;
-}
-
-/* line 121, ../gpe2.scss */
-::selection {
-  color: white;
-  background: rgba(0, 0, 0, 0.99);
-  text-shadow: none;
-}
-
-/*********************************************
-  * TODO - To be verified if we use it or not
-  *******************************************/
-/* line 130, ../gpe2.scss */
-.reveal section {
-  text-align: left;
-}
-
-/******************************************
- * Fill screen to 100% & align text on left
- * Feb 26, CHM : Add top: 370px to fill the screen to 100%
- ******************************************/
-/* line 138, ../gpe2.scss */
-.reveal .slides {
-  text-align: left;
-  top: 370px;
-}
-
-/*********************************************
- * HEADERS
- *********************************************/
-/* line 146, ../gpe2.scss */
-.reveal h1,
-.reveal h2,
-.reveal h3,
-.reveal h4,
-.reveal h5,
-.reveal h6 {
-  margin: 0 0 20px 0;
-  color: #3E4349;
-  font-family: "Overpass", "Liberation Sans", "Open Sans", sans-serif;
-  line-height: 0.9em;
-  letter-spacing: 0.02em;
-  text-transform: none;
-  text-shadow: none;
-}
-
-/**************************************************************
- * Change color of the cover slide using class sl-block-content
- **************************************************************/
-/* line 164, ../gpe2.scss */
-.reveal .sl-block-content h1,
-.reveal .sl-block-content h2,
-.reveal .sl-block-content h3,
-.reveal .sl-block-content h4,
-.reveal .sl-block-content h5,
-.reveal .sl-block-content h6 {
-  color: white;
-}
-
-/***************************************************
- * Feb 26, ART: Font Size 2em and width: 900px added
- **************************************************/
-/* line 176, ../gpe2.scss */
-.reveal h1 {
-  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
-  font-size: 2em;
-  width: 900px;
-}
-
-/* line 182, ../gpe2.scss */
-.reveal h2 {
-  font-size: 2em;
-}
-
 /*********************************************
  * LINKS
  *********************************************/
-/* line 189, ../gpe2.scss */
+/* line 167, ../gpe2.scss */
 .reveal a:not(.image) {
   color: #a70000;
   text-decoration: none;
@@ -241,14 +181,14 @@ body {
   transition: color .15s ease;
 }
 
-/* line 200, ../gpe2.scss */
+/* line 178, ../gpe2.scss */
 .reveal a:not(.image):hover {
   color: #a70000;
   text-shadow: none;
   border: none;
 }
 
-/* line 206, ../gpe2.scss */
+/* line 184, ../gpe2.scss */
 .reveal .roll span:after {
   color: #fff;
   background: #a70000;
@@ -258,11 +198,9 @@ body {
  * IMAGES
  * Mar 13 2015, CHM : Remove the shadow box around the image
  *********************************************/
-/* line 215, ../gpe2.scss */
+/* line 193, ../gpe2.scss */
 .reveal section img {
   margin: 15px 0px;
-  /*  background: rgba(255, 255, 255, 0.12);
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);*/
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -ms-transition: all .2s linear;
@@ -270,7 +208,7 @@ body {
   transition: all .2s linear;
 }
 
-/* line 226, ../gpe2.scss */
+/* line 202, ../gpe2.scss */
 .reveal a:hover img {
   background: rgba(255, 255, 255, 0.2);
   border-color: #a70000;
@@ -280,46 +218,46 @@ body {
 /*********************************************
  * NAVIGATION CONTROLS
  *********************************************/
-/* line 235, ../gpe2.scss */
+/* line 211, ../gpe2.scss */
 .reveal .controls div.navigate-left,
 .reveal .controls div.navigate-left.enabled {
   border-right-color: #C1100C;
 }
 
-/* line 240, ../gpe2.scss */
+/* line 216, ../gpe2.scss */
 .reveal .controls div.navigate-right,
 .reveal .controls div.navigate-right.enabled {
   border-left-color: #C1100C;
 }
 
-/* line 245, ../gpe2.scss */
+/* line 221, ../gpe2.scss */
 .reveal .controls div.navigate-up,
 .reveal .controls div.navigate-up.enabled {
   border-bottom-color: #C1100C;
 }
 
-/* line 250, ../gpe2.scss */
+/* line 226, ../gpe2.scss */
 .reveal .controls div.navigate-down,
 .reveal .controls div.navigate-down.enabled {
   border-top-color: #C1100C;
 }
 
-/* line 255, ../gpe2.scss */
+/* line 231, ../gpe2.scss */
 .reveal .controls div.navigate-left.enabled:hover {
   border-right-color: #ef6f16;
 }
 
-/* line 259, ../gpe2.scss */
+/* line 235, ../gpe2.scss */
 .reveal .controls div.navigate-right.enabled:hover {
   border-left-color: #ef6f16;
 }
 
-/* line 263, ../gpe2.scss */
+/* line 239, ../gpe2.scss */
 .reveal .controls div.navigate-up.enabled:hover {
   border-bottom-color: #ef6f16;
 }
 
-/* line 267, ../gpe2.scss */
+/* line 243, ../gpe2.scss */
 .reveal .controls div.navigate-down.enabled:hover {
   border-top-color: #ef6f16;
 }
@@ -327,12 +265,12 @@ body {
 /*********************************************
  * PROGRESS BAR
  *********************************************/
-/* line 274, ../gpe2.scss */
+/* line 250, ../gpe2.scss */
 .reveal .progress {
   background: rgba(0, 0, 0, 0.2);
 }
 
-/* line 278, ../gpe2.scss */
+/* line 254, ../gpe2.scss */
 .reveal .progress span {
   background: #a70000;
   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
@@ -345,7 +283,7 @@ body {
 /*********************************************
  * SLIDE NUMBER
  *********************************************/
-/* line 290, ../gpe2.scss */
+/* line 266, ../gpe2.scss */
 .reveal .slide-number {
   color: darkblue;
 }
@@ -358,28 +296,28 @@ body {
  * Mar 13 2015, CHM: Change color to black and revert square, disc & circle
  *********************************************************************************/
 /* line 287, ../gpe.scss */
-/* line 302, ../gpe2.scss */
+/* line 278, ../gpe2.scss */
 .reveal ul li p, ul li li p, ul li li p {
   color: black;
   list-style: none;
 }
 
 /* line 293, ../gpe.scss */
-/* line 308, ../gpe2.scss */
+/* line 284, ../gpe2.scss */
 .reveal ul li {
   list-style-type: disc;
   color: black;
 }
 
 /* line 298, ../gpe.scss */
-/* line 314, ../gpe2.scss */
+/* line 290, ../gpe2.scss */
 .reveal ul li li {
   list-style-type: square;
   color: black;
 }
 
 /* line 303, ../gpe.scss */
-/* line 320, ../gpe2.scss */
+/* line 296, ../gpe2.scss */
 .reveal ul li li li {
   list-style-type: circle;
   color: black;
@@ -390,7 +328,7 @@ body {
  * Font Awesome icons for NOTE, WARNING, REMARK, ....
  * Feb, CHM: Added
  *******************************************************************/
-/* line 330, ../gpe2.scss */
+/* line 306, ../gpe2.scss */
 .reveal i.fa {
   font-family: 'FontAwesome';
   font-style: normal;
@@ -401,7 +339,7 @@ body {
  * Support asciidoctor callout
  * Feb 27, CHM: Added
  *********************************************/
-/* line 340, ../gpe2.scss */
+/* line 316, ../gpe2.scss */
 .reveal i.conum {
   display: inline-block;
   color: white !important;
@@ -420,22 +358,22 @@ body {
   letter-spacing: -2px;
 }
 
-/* line 358, ../gpe2.scss */
+/* line 334, ../gpe2.scss */
 .reveal i.conum * {
   color: white !important;
 }
 
-/* line 362, ../gpe2.scss */
+/* line 338, ../gpe2.scss */
 .reveal i.conum + b {
   display: none;
 }
 
-/* line 366, ../gpe2.scss */
+/* line 342, ../gpe2.scss */
 .reveal i.conum:after {
   content: attr(data-value);
 }
 
-/* line 370, ../gpe2.scss */
+/* line 346, ../gpe2.scss */
 .reveal i.conum:not([data-value]):empty {
   display: none;
 }
@@ -447,7 +385,7 @@ body {
  * Mar 03, CHM: Improve style to be compliant with Redhat styles
  * Mar 06, CHM: Add a noredheader class to avoid to display the first line in red of a table containing images, ..
  ******************************************************/
-/* line 381, ../gpe2.scss */
+/* line 357, ../gpe2.scss */
 table.tableblock, table.tableblock td {
   border-style: solid;
   border-color: #b7bcbe;
@@ -457,7 +395,7 @@ table.tableblock, table.tableblock td {
   padding: 5px;
 }
 
-/* line 390, ../gpe2.scss */
+/* line 366, ../gpe2.scss */
 table.tableblock > caption {
   line-height: 1.4;
   color: #333333;
@@ -469,7 +407,7 @@ table.tableblock > caption {
   display: table-caption;
 }
 
-/* line 401, ../gpe2.scss */
+/* line 377, ../gpe2.scss */
 table.tableblock:not(.noredheader) tr:first-child td {
   background-color: #a70000;
   text-align: left;
@@ -478,47 +416,47 @@ table.tableblock:not(.noredheader) tr:first-child td {
   font-size: 24px;
 }
 
-/* line 409, ../gpe2.scss */
+/* line 385, ../gpe2.scss */
 table.tableblock.noredheader tr:first-child td {
   background-color: #EEEEEE;
 }
 
-/* line 413, ../gpe2.scss */
+/* line 389, ../gpe2.scss */
 table.tableblock tr:nth-child(even) {
   background: white;
 }
 
-/* line 417, ../gpe2.scss */
+/* line 393, ../gpe2.scss */
 table.tableblock tr:nth-child(odd) {
   background: #eeeeee;
 }
 
-/* line 421, ../gpe2.scss */
+/* line 397, ../gpe2.scss */
 th.tableblock.halign-left, td.tableblock.halign-left {
   text-align: left;
 }
 
-/* line 425, ../gpe2.scss */
+/* line 401, ../gpe2.scss */
 th.tableblock.halign-right, td.tableblock.halign-right {
   text-align: right;
 }
 
-/* line 429, ../gpe2.scss */
+/* line 405, ../gpe2.scss */
 th.tableblock.halign-center, td.tableblock.halign-center {
   text-align: center;
 }
 
-/* line 433, ../gpe2.scss */
+/* line 409, ../gpe2.scss */
 th.tableblock.valign-top, td.tableblock.valign-top {
   vertical-align: top;
 }
 
-/* line 437, ../gpe2.scss */
+/* line 413, ../gpe2.scss */
 th.tableblock.valign-bottom, td.tableblock.valign-bottom {
   vertical-align: bottom;
 }
 
-/* line 441, ../gpe2.scss */
+/* line 417, ../gpe2.scss */
 th.tableblock.valign-middle, td.tableblock.valign-middle {
   vertical-align: middle;
 }
@@ -528,7 +466,7 @@ th.tableblock.valign-middle, td.tableblock.valign-middle {
  * Here is a trick to support that <strong>text</strong> enclosed in <li> tag & color
  * Feb 27, CHM: Added
  **************************************************************/
-/* line 450, ../gpe2.scss */
+/* line 426, ../gpe2.scss */
 li strong {
   color: #a70000;
   font-weight: bold;
@@ -538,12 +476,12 @@ li strong {
  * Override Revealjs Pre class
  * Mar 04 2015, CHM : Change width from 90% to 100% and margin to reduce size of the box hightlighted
  *************************************************************/
-/* line 459, ../gpe2.scss */
+/* line 435, ../gpe2.scss */
 .reveal pre {
   width: 100%;
 }
 
-/* line 463, ../gpe2.scss */
+/* line 439, ../gpe2.scss */
 .listingblock .content {
   margin-right: 50px;
   padding-right: 50px;
@@ -554,42 +492,42 @@ li strong {
  * Mar 06 2015, CHM : Numbers displayed were cut
  * Mar 16 2015, CHM : Change margin left for font overlap otherwise it is cut
  ****************/
-/* line 473, ../gpe2.scss */
+/* line 449, ../gpe2.scss */
 .reveal ol {
   margin-left: 50px;
 }
 
-/* line 477, ../gpe2.scss */
+/* line 453, ../gpe2.scss */
 ol.arabic {
   list-style-type: decimal;
 }
 
-/* line 481, ../gpe2.scss */
+/* line 457, ../gpe2.scss */
 ol.decimal {
   list-style-type: decimal-leading-zero;
 }
 
-/* line 485, ../gpe2.scss */
+/* line 461, ../gpe2.scss */
 ol.loweralpha {
   list-style-type: lower-alpha;
 }
 
-/* line 489, ../gpe2.scss */
+/* line 465, ../gpe2.scss */
 ol.upperalpha {
   list-style-type: upper-alpha;
 }
 
-/* line 493, ../gpe2.scss */
+/* line 469, ../gpe2.scss */
 ol.lowerroman {
   list-style-type: lower-roman;
 }
 
-/* line 497, ../gpe2.scss */
+/* line 473, ../gpe2.scss */
 ol.upperroman {
   list-style-type: upper-roman;
 }
 
-/* line 501, ../gpe2.scss */
+/* line 477, ../gpe2.scss */
 ol.lowergreek {
   list-style-type: lower-greek;
 }
@@ -599,13 +537,13 @@ ol.lowergreek {
  *
  * Mar 03, CHM: Added
  **************************************************************/
-/* line 510, ../gpe2.scss */
+/* line 486, ../gpe2.scss */
 .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;
 }
 
-/* line 515, ../gpe2.scss */
+/* line 491, ../gpe2.scss */
 .admonitionblock > table {
   border: 0;
   background: none;
@@ -613,24 +551,24 @@ ol.lowergreek {
   padding: 5px 0px;
 }
 
-/* line 522, ../gpe2.scss */
+/* line 498, ../gpe2.scss */
 .admonitionblock > table td.icon {
   text-align: center;
   width: 80px;
 }
 
-/* line 527, ../gpe2.scss */
+/* line 503, ../gpe2.scss */
 .admonitionblock > table td.icon img {
   max-width: none;
 }
 
-/* line 531, ../gpe2.scss */
+/* line 507, ../gpe2.scss */
 .admonitionblock > table td.icon .title {
   font-weight: bold;
   text-transform: uppercase;
 }
 
-/* line 536, ../gpe2.scss */
+/* line 512, ../gpe2.scss */
 .admonitionblock > table td.content {
   padding-left: 1.125em;
   padding-right: 1.25em;
@@ -641,22 +579,22 @@ ol.lowergreek {
 }
 
 /* Override the color for the list */
-/* line 546, ../gpe2.scss */
+/* line 522, ../gpe2.scss */
 .admonitionblock > table td.content ul li, .admonitionblock > table td.content ol li, .admonitionblock > table td.content ol p, .admonitionblock > table td.content ul p {
   color: #6f6f6f;
 }
 
-/* line 550, ../gpe2.scss */
+/* line 526, ../gpe2.scss */
 .admonitionblock > table td.content > :last-child > :last-child {
   margin-bottom: 0;
 }
 
-/* line 554, ../gpe2.scss */
+/* line 530, ../gpe2.scss */
 .admonitionblock > table td.icon {
   vertical-align: middle;
 }
 
-/* line 558, ../gpe2.scss */
+/* line 534, ../gpe2.scss */
 .admonitionblock td.icon [class^="icon-"]:before {
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
   cursor: default;
@@ -671,14 +609,14 @@ ol.lowergreek {
   top: 5px;
 }
 
-/* line 572, ../gpe2.scss */
+/* line 548, ../gpe2.scss */
 .admonitionblock td.icon .icon-note:before {
   content: "\f05a";
   color: #005498;
   color: #003f72;
 }
 
-/* line 578, ../gpe2.scss */
+/* line 554, ../gpe2.scss */
 .admonitionblock td.icon .icon-tip:before {
   content: "\f0eb";
   text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8);
@@ -686,20 +624,44 @@ ol.lowergreek {
 }
 
 /* Use a more yellow lighter color */
-/* line 585, ../gpe2.scss */
+/* line 561, ../gpe2.scss */
 .admonitionblock td.icon .icon-warning:before {
   content: "\f071";
   color: #EFEF0C;
 }
 
-/* line 590, ../gpe2.scss */
+/* line 566, ../gpe2.scss */
 .admonitionblock td.icon .icon-caution:before {
   content: "\f06d";
   color: #bf3400;
 }
 
-/* line 595, ../gpe2.scss */
+/* line 571, ../gpe2.scss */
 .admonitionblock td.icon .icon-important:before {
   content: "\f06a";
   color: #bf0000;
 }
+
+/**************************************************************
+ * Audio, pre tag, ...
+ * Mar 23 2015, CHM: Added
+ **************************************************************/
+/* line 580, ../gpe2.scss */
+.reveal .audioblock {
+  padding: 15px 0px;
+}
+
+/* line 583, ../gpe2.scss */
+.reveal p, .reveal ol, .reveal ul, .reveal table, .reveal .colist td {
+  font-size: 0.85em;
+}
+
+/* line 586, ../gpe2.scss */
+.reveal pre {
+  font-size: 0.7em;
+}
+
+/* line 589, ../gpe2.scss */
+.reveal .listingblock {
+  padding-bottom: 10px;
+}