hyla 1.0.7.pre.2 → 1.0.7.pre.3

data/lib/resources/assets/revealjs-redhat/lib/css/print/paper.css

@@ -0,0 +1,176 @@
+/* Default Print Stylesheet Template
+   by Rob Glazebrook of CSSnewbie.com
+   Last Updated: June 4, 2008
+
+   Feel free (nay, compelled) to edit, append, and
+   manipulate this file as you see fit. */
+
+
+/* SECTION 1: Set default width, margin, float, and
+   background. This prevents elements from extending
+   beyond the edge of the printed page, and prevents
+   unnecessary background images from printing */
+body {
+	background: #fff;
+	font-size: 13pt;
+	width: auto;
+	height: auto;
+	border: 0;
+	margin: 0 5%;
+	padding: 0;
+	float: none !important;
+	overflow: visible;
+}
+html {
+	background: #fff;
+	width: auto;
+	height: auto;
+	overflow: visible;
+}
+
+/* SECTION 2: Remove any elements not needed in print.
+   This would include navigation, ads, sidebars, etc. */
+.nestedarrow,
+.controls,
+.reveal .progress,
+.reveal.overview,
+.fork-reveal,
+.share-reveal,
+.state-background {
+	display: none !important;
+}
+
+/* SECTION 3: Set body font face, size, and color.
+   Consider using a serif font for readability. */
+body, p, td, li, div, a {
+	font-size: 16pt!important;
+	font-family: Georgia, "Times New Roman", Times, serif !important;
+	color: #000;
+}
+
+/* SECTION 4: Set heading font face, sizes, and color.
+   Differentiate your headings from your body text.
+   Perhaps use a large sans-serif for distinction. */
+h1,h2,h3,h4,h5,h6 {
+	color: #000!important;
+	height: auto;
+	line-height: normal;
+	font-family: Georgia, "Times New Roman", Times, serif !important;
+	text-shadow: 0 0 0 #000 !important;
+	text-align: left;
+	letter-spacing: normal;
+}
+/* Need to reduce the size of the fonts for printing */
+h1 { font-size: 26pt !important;  }
+h2 { font-size: 22pt !important; }
+h3 { font-size: 20pt !important; }
+h4 { font-size: 20pt !important; font-variant: small-caps; }
+h5 { font-size: 19pt !important; }
+h6 { font-size: 18pt !important; font-style: italic; }
+
+/* SECTION 5: Make hyperlinks more usable.
+   Ensure links are underlined, and consider appending
+   the URL to the end of the link for usability. */
+a:link,
+a:visited {
+	color: #000 !important;
+	font-weight: bold;
+	text-decoration: underline;
+}
+/*
+.reveal a:link:after,
+.reveal a:visited:after {
+	content: " (" attr(href) ") ";
+	color: #222 !important;
+	font-size: 90%;
+}
+*/
+
+
+/* SECTION 6: more reveal.js specific additions by @skypanther */
+ul, ol, div, p {
+	visibility: visible;
+	position: static;
+	width: auto;
+	height: auto;
+	display: block;
+	overflow: visible;
+	margin: auto;
+	text-align: left !important;
+}
+.reveal .slides {
+	position: static;
+	width: auto;
+	height: auto;
+
+	left: auto;
+	top: auto;
+	margin-left: auto;
+	margin-top: auto;
+	padding: auto;
+
+	overflow: visible;
+	display: block;
+
+	text-align: center;
+	-webkit-perspective: none;
+	   -moz-perspective: none;
+	    -ms-perspective: none;
+	        perspective: none;
+
+	-webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
+	   -moz-perspective-origin: 50% 50%;
+	    -ms-perspective-origin: 50% 50%;
+	        perspective-origin: 50% 50%;
+}
+.reveal .slides>section,
+.reveal .slides>section>section {
+
+	visibility: visible !important;
+	position: static !important;
+	width: 90% !important;
+	height: auto !important;
+	display: block !important;
+	overflow: visible !important;
+
+	left: 0% !important;
+	top: 0% !important;
+	margin-left: 0px !important;
+	margin-top: 0px !important;
+	padding: 20px 0px !important;
+
+	opacity: 1 !important;
+
+	-webkit-transform-style: flat !important;
+	   -moz-transform-style: flat !important;
+	    -ms-transform-style: flat !important;
+	        transform-style: flat !important;
+
+	-webkit-transform: none !important;
+	   -moz-transform: none !important;
+	    -ms-transform: none !important;
+	        transform: none !important;
+}
+.reveal section {
+	page-break-after: always !important;
+	display: block !important;
+}
+.reveal section .fragment {
+	opacity: 1 !important;
+	visibility: visible !important;
+
+	-webkit-transform: none !important;
+	   -moz-transform: none !important;
+	    -ms-transform: none !important;
+	        transform: none !important;
+}
+.reveal section:last-of-type {
+	page-break-after: avoid !important;
+}
+.reveal section img {
+	display: block;
+	margin: 15px 0px;
+	background: rgba(255,255,255,1);
+	border: 1px solid #666;
+	box-shadow: none;
+}

data/lib/resources/assets/revealjs-redhat/lib/css/print/pdf.css

@@ -0,0 +1,190 @@
+/* Default Print Stylesheet Template
+   by Rob Glazebrook of CSSnewbie.com
+   Last Updated: June 4, 2008
+
+   Feel free (nay, compelled) to edit, append, and
+   manipulate this file as you see fit. */
+
+
+/* SECTION 1: Set default width, margin, float, and
+   background. This prevents elements from extending
+   beyond the edge of the printed page, and prevents
+   unnecessary background images from printing */
+
+* {
+	-webkit-print-color-adjust: exact;
+}
+
+body {
+	font-size: 18pt;
+	width: 297mm;
+	height: 229mm;
+	margin: 0 auto !important;
+	border: 0;
+	padding: 0;
+	float: none !important;
+	overflow: visible;
+}
+
+html {
+	width: 100%;
+	height: 100%;
+	overflow: visible;
+}
+
+@page {
+	size: letter landscape;
+	margin: 0;
+}
+
+/* SECTION 2: Remove any elements not needed in print.
+   This would include navigation, ads, sidebars, etc. */
+.nestedarrow,
+.controls,
+.reveal .progress,
+.reveal.overview,
+.fork-reveal,
+.share-reveal,
+.state-background {
+	display: none !important;
+}
+
+/* SECTION 3: Set body font face, size, and color.
+   Consider using a serif font for readability. */
+body, p, td, li, div {
+	font-size: 18pt;
+}
+
+/* SECTION 4: Set heading font face, sizes, and color.
+   Differentiate your headings from your body text.
+   Perhaps use a large sans-serif for distinction. */
+h1,h2,h3,h4,h5,h6 {
+	text-shadow: 0 0 0 #000 !important;
+}
+
+/* SECTION 5: Make hyperlinks more usable.
+   Ensure links are underlined, and consider appending
+   the URL to the end of the link for usability. */
+a:link,
+a:visited {
+	font-weight: normal;
+	text-decoration: underline;
+}
+
+.reveal pre code {
+	overflow: hidden !important;
+	font-family: monospace !important;
+}
+
+
+/* SECTION 6: more reveal.js specific additions by @skypanther */
+ul, ol, div, p {
+	visibility: visible;
+	position: static;
+	width: auto;
+	height: auto;
+	display: block;
+	overflow: visible;
+	margin: auto;
+}
+.reveal {
+	width: auto !important;
+	height: auto !important;
+	overflow: hidden !important;
+}
+.reveal .slides {
+	position: static;
+	width: 100%;
+	height: auto;
+
+	left: auto;
+	top: auto;
+	margin: 0 !important;
+	padding: 0 !important;
+
+	overflow: visible;
+	display: block;
+
+	text-align: center;
+
+	-webkit-perspective: none;
+	   -moz-perspective: none;
+	    -ms-perspective: none;
+	        perspective: none;
+
+	-webkit-perspective-origin: 50% 50%; /* there isn't a none/auto value but 50-50 is the default */
+	   -moz-perspective-origin: 50% 50%;
+	    -ms-perspective-origin: 50% 50%;
+	        perspective-origin: 50% 50%;
+}
+.reveal .slides section {
+
+	page-break-after: always !important;
+
+	visibility: visible !important;
+	position: relative !important;
+	width: 100% !important;
+	height: 229mm !important;
+	min-height: 229mm !important;
+	display: block !important;
+	overflow: hidden !important;
+
+	left: 0 !important;
+	top: 0 !important;
+	margin: 0 !important;
+	padding: 2cm 2cm 0 2cm !important;
+	box-sizing: border-box !important;
+
+	opacity: 1 !important;
+
+	-webkit-transform-style: flat !important;
+	   -moz-transform-style: flat !important;
+	    -ms-transform-style: flat !important;
+	        transform-style: flat !important;
+
+	-webkit-transform: none !important;
+	   -moz-transform: none !important;
+	    -ms-transform: none !important;
+	        transform: none !important;
+}
+.reveal section.stack {
+	margin: 0 !important;
+	padding: 0 !important;
+	page-break-after: avoid !important;
+	height: auto !important;
+	min-height: auto !important;
+}
+.reveal .absolute-element {
+	margin-left: 2.2cm;
+	margin-top: 1.8cm;
+}
+.reveal section .fragment {
+	opacity: 1 !important;
+	visibility: visible !important;
+
+	-webkit-transform: none !important;
+	   -moz-transform: none !important;
+	    -ms-transform: none !important;
+	        transform: none !important;
+}
+.reveal section .slide-background {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 0;
+}
+.reveal section>* {
+	position: relative;
+	z-index: 1;
+}
+.reveal img {
+	box-shadow: none;
+}
+.reveal .roll {
+	overflow: visible;
+	line-height: 1em;
+}
+.reveal small a {
+	font-size: 16pt !important;
+}

data/lib/resources/assets/revealjs-redhat/lib/css/theme-output.css

@@ -0,0 +1,1358 @@
+.reveal .slide-background {
+    background: #f3f4f4;
+    background-size: cover;
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+}
+
+.reveal .has-dark-background,
+.reveal .light-foreground,
+.reveal section.background-shade-dark,
+.reveal section.light-foreground {
+    color: #fff;
+}
+
+.reveal .has-dark-background .product path,
+.reveal .light-foreground .product path,
+.reveal section.background-shade-dark .product path,
+.reveal section.light-foreground .product path {
+    fill: #ffffff !important;
+}
+
+.reveal .has-dark-background .icon.stroked path,
+.reveal .light-foreground .icon.stroked path,
+.reveal section.background-shade-dark .icon.stroked path,
+.reveal section.light-foreground .icon.stroked path {
+    stroke: #ffffff !important;
+}
+
+.reveal .has-dark-background .redhat-product-logotype path,
+.reveal .light-foreground .redhat-product-logotype path,
+.reveal section.background-shade-dark .redhat-product-logotype path,
+.reveal section.light-foreground .redhat-product-logotype path {
+    fill: #ffffff;
+}
+
+.reveal .has-dark-background text.logotext,
+.reveal .light-foreground text.logotext,
+.reveal section.background-shade-dark text.logotext,
+.reveal section.light-foreground text.logotext,
+.reveal .has-dark-background .logotext text,
+.reveal .light-foreground .logotext text,
+.reveal section.background-shade-dark .logotext text,
+.reveal section.light-foreground .logotext text,
+.reveal .has-dark-background path.logotext,
+.reveal .light-foreground path.logotext,
+.reveal section.background-shade-dark path.logotext,
+.reveal section.light-foreground path.logotext,
+.reveal .has-dark-background path.logotype,
+.reveal .light-foreground path.logotype,
+.reveal section.background-shade-dark path.logotype,
+.reveal section.light-foreground path.logotype,
+.reveal .has-dark-background .logotext path,
+.reveal .light-foreground .logotext path,
+.reveal section.background-shade-dark .logotext path,
+.reveal section.light-foreground .logotext path {
+    fill: #fff !important;
+}
+
+.reveal .has-dark-background .redhat-logo .logotext,
+.reveal .light-foreground .redhat-logo .logotext,
+.reveal section.background-shade-dark .redhat-logo .logotext,
+.reveal section.light-foreground .redhat-logo .logotext {
+    fill: #ffffff !important;
+}
+
+.reveal .has-light-background {
+    color: #222222;
+}
+
+.reveal .has-light-background path {
+    fill: currentcolor;
+}
+
+.reveal .has-light-background .icon.stroked path {
+    stroke: currentcolor;
+}
+
+.reveal .has-light-background .redhat-logo .logotext {
+    fill: #000000 !important;
+}
+
+.reveal .dark-foreground,
+.reveal section.background-shade-light,
+.reveal section.dark-foreground {
+    color: #000;
+}
+
+.reveal .dark-foreground .redhat-product-logotype path,
+.reveal section.background-shade-light .redhat-product-logotype path,
+.reveal section.dark-foreground .redhat-product-logotype path {
+    fill: #000000;
+}
+
+.reveal .dark-foreground text.logotext,
+.reveal section.background-shade-light text.logotext,
+.reveal section.dark-foreground text.logotext,
+.reveal .dark-foreground .logotext text,
+.reveal section.background-shade-light .logotext text,
+.reveal section.dark-foreground .logotext text,
+.reveal .dark-foreground path.logotext,
+.reveal section.background-shade-light path.logotext,
+.reveal section.dark-foreground path.logotext,
+.reveal .dark-foreground path.logotype,
+.reveal section.background-shade-light path.logotype,
+.reveal section.dark-foreground path.logotype,
+.reveal .dark-foreground .logotext path,
+.reveal section.background-shade-light .logotext path,
+.reveal section.dark-foreground .logotext path,
+.reveal .dark-foreground .product,
+.reveal section.background-shade-light .product,
+.reveal section.dark-foreground .product {
+    fill: #currentcolor !important;
+}
+
+.reveal .dark-foreground .redhat-logo .logotext,
+.reveal section.background-shade-light .redhat-logo .logotext,
+.reveal section.dark-foreground .redhat-logo .logotext {
+    fill: currentcolor !important;
+}
+
+.reveal svg path {
+    fill: currentcolor;
+}
+
+.reveal .slide-background.background-shade-dark:before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(40, 40, 40, 0.8);
+}
+
+.reveal .slide-background.background-shade-light:before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.8);
+}
+
+.reveal .slides > section {
+    text-align: left;
+    letter-spacing: .061em;
+}
+
+.reveal .slides > section h1 {
+    line-height: 1em;
+    font-weight: 700;
+    letter-spacing: .04em;
+    font-size: 3em;
+}
+
+.reveal .slides > section h2 {
+    font-size: 2em;
+    font-weight: 300;
+    letter-spacing: .15em;
+    line-height: 1.15em;
+}
+
+.reveal .slides > section h3 {
+    font-weight: 700;
+    font-size: 1em;
+    letter-spacing: .05em;
+    line-height: 1.25em;
+}
+
+.reveal .slides > section p {
+    margin-bottom: .5em;
+}
+
+.reveal .slides > section blockquote {
+    font-style: normal;
+    box-shadow: none;
+}
+
+.reveal .progress {
+    position:;
+    background-color: transparent;
+}
+
+.reveal .progress span {
+    background-color: #5e6a71;
+    opacity: .;
+}
+
+.reveal .absolute-element svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100% !important;
+    height: 100% !important;
+}
+
+.reveal .icon.stroked {
+    width: 282px;
+    height: 282px;
+}
+
+.reveal .icon.stroked.icon-arrow path {
+    stroke-width: 4px !important;
+}
+
+.reveal .icon.stroked path {
+    fill: none;
+    stroke-width: 1.5px;
+    transition-delay: .5s !important;
+    stroke-dashoffset: 0;
+    stroke-width: 1.5;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    stroke: #5e6a71;
+}
+
+.reveal .icon.stroked path.long {
+    stroke-dasharray: 420, 420;
+    transition: 2.5s all ease;
+}
+
+.reveal .icon.stroked path.longer {
+    stroke-dasharray: 512, 512;
+    transition: 2.5s all ease;
+}
+
+.reveal .icon.stroked path.short {
+    stroke-dasharray: 90, 90;
+    transition: 5s all ease;
+}
+
+.reveal .icon.stroked path.shortest {
+    stroke-dasharray: 5, 5;
+    transition: 2s all ease;
+}
+
+.reveal .icon.stroked path.round {
+    stroke-linecap: round;
+    stroke-linejoin: round;
+}
+
+.reveal .icon.stroked path.virtual {
+    transition: .5s all ease;
+    stroke-dasharray: 1.1, 3;
+    stroke-linecap: round;
+}
+
+.reveal .icon.stroked path.dashed {
+    stroke-dasharray: 3, 3;
+}
+
+.reveal .icon.stroked path.hand {
+    stroke-linecap: round;
+}
+
+.reveal .present path.virtual {
+    -webkit-animation: virtual-outline 60s infinite linear;
+    -moz-animation: virtual-outline 60s infinite linear;
+    animation: virtual-outline 60s infinite linear;
+}
+
+@-webkit-keyframes virtual-outline {
+    0% {
+        stroke-dashoffset: 0;
+    }
+    100% {
+        stroke-dashoffset: 512;
+    }
+}
+
+@-moz-keyframes virtual-outline {
+    0% {
+        stroke-dashoffset: 0;
+    }
+    100% {
+        stroke-dashoffset: 512;
+    }
+}
+
+@keyframes virtual-outline {
+    0% {
+        stroke-dashoffset: 0;
+    }
+    100% {
+        stroke-dashoffset: 512;
+    }
+}
+
+.reveal a {
+    box-shadow: 0 0.066666em;
+}
+
+.reveal.overview section.present {
+    border: 12px solid white !important;
+    box-shadow: 0 0 0 10px #ffffff, inset 0 0 0 6px rgba(0, 0, 0, 0.2);
+}
+
+.reveal .rh-pattern {
+    width: 256px;
+    height: 256px;
+}
+
+.reveal .rh-pattern path {
+    transition: all .5s ease;
+}
+
+.reveal .future .rh-pattern path {
+    stroke-dasharray: 0, 85 !important;
+}
+
+.reveal .present .rh-pattern path {
+    stroke-dasharray: 80, 0 !important;
+}
+
+.reveal div[data-block-type="snippet"] > .sl-block-content > svg,
+.reveal div[data-block-type="snippet"] .icon,
+.reveal div[data-block-type="snippet"] .product {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.reveal div[data-block-type="snippet"] .icon {
+    top: -15%;
+    right: -15%;
+    bottom: -15%;
+    left: -15%;
+    width: 130%;
+    height: 130%;
+}
+
+.reveal div[data-block-type="snippet"] {
+    min-width: 60px !important;
+    min-height: 40px !important;
+}
+
+.reveal div[data-block-type="text"] {
+    font-size: 20px;
+}
+
+.reveal .triangle-element,
+.reveal .triangle-element * {
+    user-select: none;
+}
+
+.reveal .has-light-background .closing-logo.logotype path {
+    fill: #000000 !important;
+}
+
+@-webkit-keyframes closing-animation {
+    0% {
+        -webkit-transform: scale(4) translate(40%);
+        transform: scale(4) translate(40%);
+        opacity: 0;
+    }
+    80% {
+        -webkit-transform: scale(1) translate(30%);
+        transform: scale(1) translate(30%);
+    }
+}
+
+@-moz-keyframes closing-animation {
+    0% {
+        -webkit-transform: scale(4) translate(40%);
+        transform: scale(4) translate(40%);
+        opacity: 0;
+    }
+    80% {
+        -webkit-transform: scale(1) translate(30%);
+        transform: scale(1) translate(30%);
+    }
+}
+
+@-ms-keyframes closing-animation {
+    0% {
+        -webkit-transform: scale(4) translate(40%);
+        transform: scale(4) translate(40%);
+        opacity: 0;
+    }
+    80% {
+        -webkit-transform: scale(1) translate(30%);
+        transform: scale(1) translate(30%);
+    }
+}
+
+@-o-keyframes closing-animation {
+    0% {
+        -webkit-transform: scale(4) translate(40%);
+        transform: scale(4) translate(40%);
+        opacity: 0;
+    }
+    80% {
+        -webkit-transform: scale(1) translate(30%);
+        transform: scale(1) translate(30%);
+    }
+}
+
+@keyframes closing-animation {
+    0% {
+        -webkit-transform: scale(4) translate(40%);
+        transform: scale(4) translate(40%);
+        opacity: 0;
+    }
+    80% {
+        -webkit-transform: scale(1) translate(30%);
+        transform: scale(1) translate(30%);
+    }
+}
+
+.reveal .present .closing-logo.icon {
+    -webkit-animation: closing-animation 1.5s 1;
+    -moz-animation: closing-animation 1.5s 1;
+    -o-animation: closing-animation 1.5s 1;
+    animation: closing-animation 1.5s 1;
+}
+
+.reveal .present .closing-logo.logotype {
+    -webkit-animation: closing-text-animation 1.8s 1;
+    -moz-animation: closing-text-animation 1.8s 1;
+    -o-animation: closing-text-animation 1.8s 1;
+    animation: closing-text-animation 1.8s 1;
+}
+
+@-webkit-keyframes closing-text-animation {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate(-10%);
+        transform: translate(-10%);
+    }
+    70% {
+        -webkit-transform: translate(-10%);
+        transform: translate(-10%);
+        opacity: 0;
+    }
+    100% {
+        transform: none;
+        opacity: 1;
+        -webkit-transform: none;
+    }
+}
+
+@-moz-keyframes closing-text-animation {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate(-10%);
+        transform: translate(-10%);
+    }
+    70% {
+        -webkit-transform: translate(-10%);
+        transform: translate(-10%);
+        opacity: 0;
+    }
+    100% {
+        transform: none;
+        opacity: 1;
+        -webkit-transform: none;
+    }
+}
+
+@-ms-keyframes closing-text-animation {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate(-10%);
+        transform: translate(-10%);
+    }
+    70% {
+        -webkit-transform: translate(-10%);
+        transform: translate(-10%);
+        opacity: 0;
+    }
+    100% {
+        transform: none;
+        opacity: 1;
+        -webkit-transform: none;
+    }
+}
+
+@-o-keyframes closing-text-animation {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate(-10%);
+        transform: translate(-10%);
+    }
+    70% {
+        -webkit-transform: translate(-10%);
+        transform: translate(-10%);
+        opacity: 0;
+    }
+    100% {
+        transform: none;
+        opacity: 1;
+        -webkit-transform: none;
+    }
+}
+
+@keyframes closing-text-animation {
+    0% {
+        opacity: 0;
+        -webkit-transform: translate(-10%);
+        transform: translate(-10%);
+    }
+    70% {
+        -webkit-transform: translate(-10%);
+        transform: translate(-10%);
+        opacity: 0;
+    }
+    100% {
+        transform: none;
+        opacity: 1;
+        -webkit-transform: none;
+    }
+}
+
+.reveal .brand-pattern-paths path,
+.reveal .pattern-path {
+    stroke-width: 1;
+    fill: none;
+}
+
+.reveal .brand-pattern-paths path {
+    fill: none !important;
+}
+
+.reveal pattern {
+    patterntransform: scale(2) !important;
+}
+
+.reveal pattern.normal use {
+    stroke: #5e6a71;
+    fill: none;
+}
+
+.reveal pattern.light use {
+    stroke: #fff !important;
+    fill: none;
+}
+
+.reveal pattern.dark use {
+    stroke: #000 !important;
+    fill: none;
+}
+
+.reveal .brand-pattern {
+    min-width: 40px;
+    min-height: 40px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.reveal .brand-pattern path,
+.reveal .brand-pattern rect {
+    width: 100% !important;
+    height: 100%;
+}
+
+.reveal .brand-pattern.corporate {
+    fill: url(#pattern-corporate);
+}
+
+.reveal .brand-pattern.storage {
+    fill: url(#pattern-storage);
+}
+
+.reveal .brand-pattern.infrastructure {
+    fill: url(#pattern-infrastructure);
+}
+
+.reveal .brand-pattern.cloud-infrastructure {
+    fill: url(#pattern-cloud-infrastructure);
+}
+
+.reveal .brand-pattern.development {
+    fill: url(#pattern-development);
+}
+
+.reveal .brand-pattern.business-process {
+    fill: url(#pattern-business-process);
+}
+
+.reveal .brand-pattern.cloud-development {
+    fill: url(#pattern-cloud-development);
+}
+
+.reveal .brand-pattern.development {
+    fill: url(#pattern-development);
+}
+
+.reveal .brand-pattern.business-process {
+    fill: url(#pattern-business-process);
+}
+
+.reveal .brand-pattern.cloud-development {
+    fill: url(#pattern-cloud-development);
+}
+
+.reveal .brand-pattern.services {
+    fill: url(#pattern-services);
+}
+
+.reveal .brand-pattern.partners {
+    fill: url(#pattern-partners);
+}
+
+.reveal .brand-pattern.community {
+    fill: url(#pattern-community);
+}
+
+.reveal #pattern-corporate-2 use {
+    stroke: #dd0000;
+}
+
+.reveal #pattern-corporate use {
+    stroke: #cc0000;
+}
+
+.reveal #pattern-storage use {
+    stroke: #ec7a08;
+}
+
+.reveal #pattern-infrastructure-path {
+    stroke: #0088ce;
+}
+
+.reveal #pattern-cloud-infrastructure use {
+    stroke: #0088ce;
+}
+
+.reveal #pattern-development use {
+    stroke: #3f9c35;
+}
+
+.reveal #pattern-cloud-development use {
+    stroke: #3f9c35;
+}
+
+.reveal #pattern-business-process use {
+    stroke: #3f9c35;
+}
+
+.reveal #pattern-partners use {
+    stroke: #005172;
+}
+
+.reveal #pattern-services use {
+    stroke: #5e6a71;
+}
+
+.reveal section,
+.reveal .slide-background {
+    -webkit-backface-visibility: hidden;
+    -ms-backface-visibility: hidden;
+    backface-visibility: hidden;
+}
+
+.reveal .slides > section.transition-slide,
+.reveal .slides > section.transition-slide + section.future,
+.reveal .slides > section.transition-slide + section.present,
+.reveal .backgrounds > .slide-background.transition-slide,
+.reveal .backgrounds > .slide-background.transition-slide + .slide-background.future,
+.reveal .backgrounds > .slide-background.transition-slide + .slide-background.present {
+    transition: all 1s ease !important;
+}
+
+.reveal .backgrounds > .slide-background.transition-slide {
+    opacity: 1;
+}
+
+.reveal .backgrounds > .slide-background.transition-slide.past {
+    z-index: 99;
+    -webkit-transform: translate(-100%, 0);
+    -ms-transform: translate(-100%, 0);
+    transform: translate(-100%, 0);
+}
+
+.reveal .backgrounds > .slide-background.transition-slide.future,
+.reveal .backgrounds > .slide-background.transition-slide.present + .slide-background.future {
+    -webkit-transform: translate(100%, 0);
+    -ms-transform: translate(100%, 0);
+    transform: translate(100%, 0);
+}
+
+.reveal .slides > section.transition-slide.past {
+    z-index: 99;
+    -webkit-transform: translate(-150%, 0);
+    -ms-transform: translate(-150%, 0);
+    transform: translate(-150%, 0);
+}
+
+.reveal .slides > section.transition-slide.future,
+.reveal .slides > section.transition-slide.future + section {
+    -webkit-transform: translate(150%, 0);
+    -ms-transform: translate(150%, 0);
+    transform: translate(150%, 0);
+}
+
+.reveal .slides > section.transition-slide-up,
+.reveal .slides > section.transition-slide-up + section.future,
+.reveal .slides > section.transition-slide-up + section.present,
+.reveal .backgrounds > .slide-background.transition-slide-up,
+.reveal .backgrounds > .slide-background.transition-slide-up + .slide-background.future .backgrounds > .slide-background.transition-slide-up + .slide-background.present {
+    transition: all 1s ease !important;
+}
+
+.reveal .backgrounds > .slide-background.transition-slide-up {
+    opacity: 1;
+}
+
+.reveal .backgrounds > .slide-background.transition-slide-up.past {
+    z-index: 99;
+    -webkit-transform: translate(0, -100%);
+    -ms-transform: translate(0, -100%);
+    transform: translate(0, -100%);
+}
+
+.reveal .backgrounds > .slide-background.transition-slide-up.future,
+.reveal .backgrounds > .slide-background.transition-slide-up.present + .slide-background.future {
+    -webkit-transform: translate(0, 100%);
+    -ms-transform: translate(0, 100%);
+    transform: translate(0, 100%);
+}
+
+.reveal .slides > section.transition-slide-up.past {
+    z-index: 99;
+    -webkit-transform: translate(0, -150%);
+    -ms-transform: translate(0, -150%);
+    transform: translate(0, -150%);
+}
+
+.reveal .slides > section.transition-slide-up.future,
+.reveal .slides > section.transition-slide-up.present + section {
+    -webkit-transform: translate(0, 150%);
+    -ms-transform: translate(0, 150%);
+    transform: translate(0, 150%);
+}
+
+.reveal .slides > section.transition-zoom-in,
+.reveal .slides > section.transition-zoom-in + section.future,
+.reveal .slides > section.transition-zoom-in + section.present,
+.reveal .backgrounds > .slide-background.transition-zoom-in,
+.reveal .backgrounds > .slide-background.transition-zoom-in + .slide-background.future .backgrounds > .slide-background.transition-zoom-in + .slide-background.present {
+    -webkit-transition: all 1s ease !important;
+    -moz-transition: all 1s ease !important;
+    transition: all 1s ease !important;
+}
+
+.reveal .backgrounds > .slide-background.transition-zoom-in.past {
+    opacity: 0 !important;
+    -webkit-transform: scale(1.5);
+    -ms-transform: scale(0.1 0.5);
+    transform: scale(1.5);
+}
+
+.reveal .backgrounds > .slide-background.transition-zoom-in.future,
+.reveal .backgrounds > .slide-background.transition-zoom-in.present + .slide-background.future {
+    opacity: 0 !important;
+    -webkit-transform: scale(0.01);
+    -ms-transform: scale(0.01);
+    transform: scale(0.01);
+}
+
+.reveal.past {
+    z-index: -1;
+    opacity: 0 !important;
+}
+
+.reveal.present + .slide-background.future {
+    z-index: 99;
+}
+
+.reveal .slides > section.transition-zoom-in.past {
+    z-index: 99;
+    -webkit-transform: scale(1.5);
+    -ms-transform: scale(1.5);
+    transform: scale(1.5);
+}
+
+.reveal .slides > section.transition-zoom-in.future {
+    -webkit-transform: scale(0.1);
+    -ms-transform: scale(0.1);
+    transform: scale(0.1);
+}
+
+@-webkit-keyframes icon-animation-long {
+    0% {
+        stroke-dashoffset: 420;
+        stroke-width: .5px;
+    }
+}
+
+@-moz-keyframes icon-animation-long {
+    0% {
+        stroke-dashoffset: 420;
+        stroke-width: .5px;
+    }
+}
+
+@-ms-keyframes icon-animation-long {
+    0% {
+        stroke-dashoffset: 420;
+        stroke-width: .5px;
+    }
+}
+
+@keyframes icon-animation-long {
+    0% {
+        stroke-dashoffset: 420;
+        stroke-width: .5px;
+    }
+}
+
+@-webkit-keyframes icon-animation-short {
+    0% {
+        stroke-dashoffset: 90;
+    }
+}
+
+@-moz-keyframes icon-animation-short {
+    0% {
+        stroke-dashoffset: 90;
+    }
+}
+
+@-ms-keyframes icon-animation-short {
+    0% {
+        stroke-dashoffset: 90;
+    }
+}
+
+@keyframes icon-animation-short {
+    0% {
+        stroke-dashoffset: 90;
+    }
+}
+
+.reveal .present .animate.icon.stroked path,
+.reveal .present .animate .icon.stroked path,
+.reveal .fragment .icon.stroked path {
+    animation: 0;
+    -moz-animation: 0;
+    -webkit-animation: 0;
+    display: none;
+}
+
+.reveal .present .animate.icon.stroked path.long,
+.reveal .present .animate .icon.stroked path.long,
+.reveal .fragment.visible .icon.stroked path.long {
+    display: block;
+    stroke-width: 2px;
+    -webkit-animation: icon-animation-long 3.5s 0.5s 1;
+    -moz-animation: icon-animation-long 3.5s 0.5s 1;
+    animation: icon-animation-long 3.5s 0.5s 1;
+}
+
+.reveal .present .animate.icon.stroked path.short,
+.reveal .present .animate .icon.stroked path.short,
+.reveal .fragment.visible .icon.stroked path.short {
+    display: block;
+    -webkit-animation: icon-animation-short 3.5s 0.5s 1 !important;
+    -moz-animation: icon-animation-short 3.5s 0.5s 1 !important;
+    animation: icon-animation-short 3.5s 0.5s 1 !important;
+}
+
+.reveal .triangle-element {
+    transition: all 0.4s cubic-bezier(0.21, 0.9, 0.55, 1) 5s;
+}
+
+.reveal:hover .triangle-element {
+    transition: all 1s cubic-bezier(0.21, 0.9, 0.55, 1.16) 0s !important;
+    top: 100% !important;
+    left: 100% !important;
+    opacity: 0.95;
+}
+
+.reveal .has-dark-background .only-dark {
+    display: none;
+}
+
+.reveal .has-light-background .only-light {
+    display: none;
+}
+
+.reveal .thinner .icon.stroked path {
+    stroke-width: 1px !important;
+}
+
+.reveal .thinnest .icon.stroked path {
+    stroke-width: 0.05em !important;
+}
+
+.reveal .thicker .icon.stroked path {
+    stroke-width: 3px !important;
+}
+
+.reveal .thickest .icon.stroked path {
+    stroke-width: 4px !important;
+}
+
+.reveal .angle {
+    -ms-transform: rotate(-45deg);
+    -moz-transform: rotate(-45deg);
+    -webkit-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+}
+
+.reveal .skewed {
+    transition: all 1s cubic-bezier(0.13, 0.81, 0.08, 1);
+    -moz-transform: skew(-45deg, 0);
+    -ms-transform: skew(-45deg, 0);
+    -webkit-transform: skew(-45deg, 0);
+    transform: skew(-45deg, 0);
+}
+
+.reveal .future .skewed {
+    margin-left: -800%;
+    opacity: 0;
+}
+
+.reveal .past .skewed {
+    margin-left: 800%;
+    opacity: 0;
+}
+
+.reveal .item-label,
+.reveal .item-box {
+    letter-spacing: 0em;
+    font-weight: 500;
+}
+
+.reveal .epic-content-box {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+
+.reveal .has-dark-background .epic-content-box {
+    box-shadow: inset 0 0 0.51em rgba(0, 0, 0, 0.25), 0 0.05em 0.05em rgba(255, 255, 255, 0.1);
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+.reveal .has-light-background .epic-content-box {
+    box-shadow: inset 0 0 0.2em rgba(255, 255, 255, 0.5), 0 0.06666em 0.555em 0 rgba(0, 0, 0, 0.12);
+}
+
+.reveal .has-dark-background h1,
+.reveal .has-dark-background h2,
+.reveal .has-dark-background h3 {
+    text-shadow: 0 0.05em 0.2em rgba(0, 0, 0, 0.2);
+}
+
+.reveal .controls {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 50%;
+    box-shadow: inset 0 0.2em 1em rgba(0, 0, 0, 0.2);
+    bottom: 1%;
+    right: 1%;
+}
+
+.reveal .controls {
+    opacity: 0 !important;
+    transition: all .5s ease 4.8s;
+    transform: scale(0.4);
+}
+
+.reveal:hover .controls {
+    transform: scale(1);
+    opacity: 1 !important;
+    transition: all .5s ease 0s;
+}
+
+.reveal .slides > section.present.in-3d-appear,
+.reveal .backgrounds > .slide-background.present.in-3d-appear {
+    -moz-animation: slide-3d-appear 2s ease 1;
+    -webkit-animation: slide-3d-appear 2s ease 1;
+    animation: slide-3d-appear 2s ease 1;
+}
+
+@keyframes slide-3d-appear {
+    0% {
+        transition-property: all;
+        transition-duration: 1s;
+        -webkit-transform: scale(2) rotateX(20deg);
+        -moz-transform: scale(2) rotateX(20deg);
+        -ms-transform: scale(2) rotateX(20deg);
+        -o-transform: scale(2) rotateX(20deg);
+        transform: scale(2) rotateX(20deg);
+        transform-origin: top;
+    }
+}
+
+@-moz-keyframes slide-3d-appear {
+    0% {
+        transition-property: all;
+        transition-duration: 1s;
+        -webkit-transform: scale(2) rotateX(20deg);
+        -moz-transform: scale(2) rotateX(20deg);
+        -ms-transform: scale(2) rotateX(20deg);
+        -o-transform: scale(2) rotateX(20deg);
+        transform: scale(2) rotateX(20deg);
+        transform-origin: top;
+    }
+}
+
+@-webkit-keyframes slide-3d-appear {
+    0% {
+        transition-property: all;
+        transition-duration: 1s;
+        -webkit-transform: scale(2) rotateX(20deg);
+        -moz-transform: scale(2) rotateX(20deg);
+        -ms-transform: scale(2) rotateX(20deg);
+        -o-transform: scale(2) rotateX(20deg);
+        transform: scale(2) rotateX(20deg);
+        transform-origin: top;
+    }
+}
+
+.reveal .backgrounds {
+    transition-property: height;
+    transition-duration: 1s;
+    perspective: 1000px;
+    transform-style: preserve-3d;
+}
+
+.reveal .complex-logo {
+    min-height: 70px;
+    min-width: 70px;
+    width: 100%;
+}
+
+.reveal .complex-logo,
+.reveal .complex-logo svg,
+.reveal .complex-logo > div {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.reveal .complex-logo > div.line-icon,
+.reveal .complex-logo svg > div.line-icon,
+.reveal .complex-logo > div > div.line-icon,
+.reveal .complex-logo > div.logomark,
+.reveal .complex-logo svg > div.logomark,
+.reveal .complex-logo > div > div.logomark {
+    transform-origin: 12% 50%;
+}
+
+.reveal .animated .complex-logo div {
+    transition: all .5s ease;
+}
+
+.reveal .animated .complex-logo div.line-icon {
+    transition-delay: 2s;
+}
+
+.reveal .animated .complex-logo div.line-icon path {
+    transition: all 1s ease .52s;
+    stroke-dasharray: 100, 10;
+}
+
+.reveal .animated .complex-logo div.event-name {
+    transition-delay: 1s;
+}
+
+.reveal .animated .complex-logo div.location {
+    transition-delay: 1.4s;
+}
+
+.reveal .future .animated .complex-logo > div {
+    transition: none;
+}
+
+.reveal .future .animated .complex-logo > div.line-icon path {
+    stroke-dasharray: 0, 100;
+    transition: none;
+}
+
+.reveal .future .animated .complex-logo {
+    /*.line-icon{transform:rotate(30deg); opacity:0;}*/
+
+}
+
+.reveal .future .animated .complex-logo .logomark {
+    transform: translate(0, -20%);
+}
+
+.reveal .future .animated .complex-logo .location {
+    transform: translate(0, 0.5em);
+    opacity: 0;
+}
+
+.reveal .future .animated .complex-logo .event-name {
+    opacity: 0;
+    transform: translate(-0.6em, 0);
+}
+
+.reveal svg path {
+    fill: currentcolor;
+}
+
+.reveal .lowercase {
+    text-transform: lowercase;
+}
+
+.reveal .pop-in.fragment {
+    -webkit-transform: scale(0.2);
+    -moz-transform: scale(0.2);
+    -ms-transform: scale(0.2);
+    -o-transform: scale(0.2);
+    transform: scale(0.2);
+    -webkit-transition: 2s ease 0.25s;
+    -moz-transition: 2s ease 0.25s;
+    -o-transition: 2s ease 0.25s;
+    -ms-transition: 2s ease 0.25s;
+    transition: 2s ease 0.25s;
+    -webkit-animation-delay: 0.66s;
+    -moz-animation-delay: 0.66s;
+    -ms-animation-delay: 0.66s;
+    -o-animation-delay: 0.66s;
+    animation-delay: 0.66s;
+}
+
+.reveal .pop-in.fragment.visible {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1);
+}
+
+.reveal .pop-in.fragment.current-fragment {
+    color: #c22;
+}
+
+.reveal .grow-width {
+    -webkit-transition: all 0.5s ease 0.2s;
+    -moz-transition: all 0.5s ease 0.2s;
+    -o-transition: all 0.5s ease 0.2s;
+    -ms-transition: all 0.5s ease 0.2s;
+    transition: all 0.5s ease 0.2s;
+}
+
+.reveal .future .grow-width {
+    width: 0% !important;
+    -webkit-transition: none;
+    -moz-transition: none;
+    -o-transition: none;
+    -ms-transition: none;
+    transition: none;
+}
+
+.reveal .stampit {
+    -webkit-transition: all 1s cubic-bezier(0.79, 0.53, 0.46, 1.3) 1s;
+    -moz-transition: all 1s cubic-bezier(0.79, 0.53, 0.46, 1.3) 1s;
+    -o-transition: all 1s cubic-bezier(0.79, 0.53, 0.46, 1.3) 1s;
+    -ms-transition: all 1s cubic-bezier(0.79, 0.53, 0.46, 1.3) 1s;
+    transition: all 1s cubic-bezier(0.79, 0.53, 0.46, 1.3) 1s;
+}
+
+.reveal .future .stampit {
+    -webkit-transform: rotate(-12deg) scale(2);
+    -moz-transform: rotate(-12deg) scale(2);
+    -ms-transform: rotate(-12deg) scale(2);
+    -o-transform: rotate(-12deg) scale(2);
+    transform: rotate(-12deg) scale(2);
+    -webkit-transition: none;
+    -moz-transition: none;
+    -o-transition: none;
+    -ms-transition: none;
+    transition: none;
+    opacity: 0;
+}
+
+.reveal .headshot img {
+    border-radius: 50%;
+    border: 4px solid #c00 !important;
+}
+
+.reveal .condensed {
+    letter-spacing: 0.02em;
+}
+
+.reveal .condensed li {
+    margin-bottom: 1em;
+}
+
+.reveal .has-light-background .sl-block .has-dark-background > svg.redhat-logo .logotext {
+    fill: #ffffff !important;
+}
+
+.reveal .has-light-background .sl-block .reversed.redhat-logo .logotext,
+.reveal .has-light-background .sl-block .reversed .redhat-logo .logotext,
+.reveal .has-light-background .sl-block .has-dark-background > .redhat-logo .logotext {
+    fill: #ffffff !important;
+}
+
+.reveal .has-dark-background .sl-block .reversed.redhat-logo .logotext,
+.reveal .has-dark-background .sl-block .reversed .redhat-logo .logotext,
+.reveal .has-dark-background .sl-block .has-light-background > .redhat-logo .logotext {
+    fill: #000000 !important;
+}
+
+.reveal .has-dark-background .has-light-background .logo .only-dark path,
+.reveal .has-light-background .mono.redhat-logo path {
+    fill: #000000 !important;
+}
+
+.reveal .has-dark-background .mono.redhat-logo path {
+    fill: #ffffff;
+}
+
+.reveal .has-dark-background .logo .only-dark {
+    display: block;
+}
+
+.reveal .has-light-background .logo .only-light {
+    display: block;
+}
+
+.reveal .has-light-background .logo .only-dark {
+    display: none;
+}
+
+.reveal .has-dark-background .logo .only-light {
+    display: none;
+}
+
+.reveal .has-light-background .reversed svg path {
+    fill: #ffffff !important;
+}
+
+.reveal .has-dark-background .reversed svg path {
+    fill: currentcolor !important;
+}
+
+.reveal .has-dark-background .has-light-background .logo .only-light,
+.reveal .has-dark-background .reversed .logo .only-dark {
+    display: block;
+}
+
+.reveal .has-light-background .has-dark-background .logo .only-dark,
+.reveal .has-light-background .logo .only-light {
+    display: block;
+}
+
+.reveal .has-light-background .has-dark-background .redhat-logo .only-dark,
+.reveal .has-light-background .redhat-logo .only-light {
+    fill: #ffffff !important;
+}
+
+.reveal .has-light-background .has-dark-background .logo .only-light,
+.reveal .has-light-background .logo .only-dark,
+.reveal .has-dark-background .has-light-background .logo .only-dark,
+.reveal .has-dark-background .logo .only-light {
+    display: none;
+}
+
+.reveal .future .fade-up,
+.reveal .future .fade-down,
+.reveal .future .fade-left,
+.reveal .future .fade-right,
+.reveal .future .fade-zoom {
+    -webkit-transition: none;
+    transition: none;
+    opacity: 0;
+    filter: alpha(opacity=0);
+}
+
+.reveal .future .fade-up,
+.reveal .fade-up.fragment {
+    -webkit-transform: translate(0, 2em);
+    -ms-transform: translate(0, 2em);
+    transform: translate(0, 2em);
+    opacity: 0;
+    filter: alpha(opacity=0);
+}
+
+.reveal .future .fade-down,
+.reveal .fade-down.fragment {
+    -webkit-transform: translate(0, -2em);
+    -ms-transform: translate(0, -2em);
+    transform: translate(0, -2em);
+    opacity: 0;
+    filter: alpha(opacity=0);
+}
+
+.reveal .future .fade-left,
+.reveal .fade-left.fragment {
+    -webkit-transform: translate(2em, 0);
+    -ms-transform: translate(2em, 0);
+    transform: translate(2em, 0);
+    opacity: 0;
+    filter: alpha(opacity=0);
+}
+
+.reveal .future .fade-right,
+.reveal .fade-right.fragment {
+    -webkit-transform: translate(-2em, 0);
+    -ms-transform: translate(-2em, 0);
+    transform: translate(-2em, 0);
+    opacity: 0;
+    filter: alpha(opacity=0);
+}
+
+.reveal .future .fade-zoom,
+.reveal .fade-zoom.fragment {
+    -webkit-transform: scale(0.1);
+    -ms-transform: scale(0.1);
+    transform: scale(0.1);
+    opacity: 0;
+    filter: alpha(opacity=0);
+}
+
+.reveal .present .fade-up,
+.reveal .present .fade-down,
+.reveal .present .fade-left,
+.reveal .present .fade-right,
+.reveal .present .fade-zoom {
+    -webkit-transition: all .5s ease .5s;
+    transition: all .5s ease .5s;
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
+
+.reveal .present .fragment.visible.fade-up,
+.reveal .present .fragment.visible.fade-down,
+.reveal .present .fragment.visible.fade-left,
+.reveal .present .fragment.visible.fade-right,
+.reveal .present .fragment.visible.fade-zoom {
+    -webkit-transform: none;
+    -ms-transform: none;
+    transform: none;
+    opacity: 1;
+    filter: alpha(opacity=100);
+}