talks/2019/04/summit-knative_build_and_te.../index.html

2225 lines
104 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="sl-root decks export offline loaded">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Knative Build and Tekton Pipelines</title>
<link rel="stylesheet" type="text/css" href="lib/offline-v2.css">
<!-- Team CSS -->
<style id="global-css-output" type="text/css">
@import url("https://s3.amazonaws.com/static.slid.es/fonts/overpass2/overpass2.css");
.reveal {
/*fix icon inversion*/
}
.reveal svg,
.reveal text,
.reveal tspan,
.reveal svg text {
font-family: "Overpass 2", Overpass, sans-serif !important;
color: currentcolor;
fill: currentcolor;
}
.reveal .sl-block {
color: #354045;
fill: currentcolor;
}
.reveal .sl-block svg {
color: currentcolor;
}
.reveal .has-dark-background,
.reveal .has-dark-background > .sl-block {
color: white;
fill: currentcolor;
}
.reveal section > .sl-block .redhat-logo .logotext {
fill: #000000;
}
.reveal .has-dark-background > .sl-block .redhat-logo .logotext {
fill: #ffffff;
}
.reveal .has-dark-background > .sl-block[data-block-type="image"] {
color: #ffffff;
}
.reveal [fill="none"] {
fill: none !important;
}
.reveal [fill="#a30000"] {
fill: #aa0000 !important;
}
.reveal [fill="#cc2029"],
.reveal [fill="#cb2027"],
.reveal [fill="#c00"] {
fill: #cc0000 !important;
}
.reveal [fill="#fff"] {
fill: #ffffff !important;
}
.reveal [fill="#6d6e70"] {
fill: #6d6e70 !important;
}
.reveal [fill="#231f20"] {
fill: currentcolor !important;
}
.reveal [fill="#efab1f"] {
fill: #efab1f !important;
}
.reveal [fill="#92d400"] {
fill: #92d400 !important;
}
.reveal .has-dark-background [fill="#6d6e70"] {
fill: #266272 !important;
}
.reveal .has-dark-background [fill="#fff"] {
fill: #555555 !important;
}
.reveal .has-dark-background [fill="#fff"] {
fill: #333333 !important;
}
.reveal .has-dark-background [stroke="#231f20"] {
stroke: currentcolor;
}
.reveal [data-inline-svg="true"] img {
display: none;
}
</style>
<!-- Theme CSS -->
<style id="theme-css-output" type="text/css">
@import url(//overpassmonotest-30e2.kxcdn.com/overpass-mono.css);
.reveal {
/*
.sl-block[data-block-type="snippet"],
.sl-block[data-block-type="image"]
{
text,
tspan,
polygon,
path,
rect,
ellipse {
fill: currentcolor;
}
}
*/
/*slide-default*/
/*Custom Ordered Lists */
/*helpers*/
/*fixing left aligned text*/
/*h1,h2,h3,h4,h5,h6{&::first-letter{margin-left:-.09em;}}*/
/*icon absolute brute-fix*/
/*
.present .icon.stroked path.long{ stroke-width: 2px ;
-webkit-animation: icon-animation-long 3.5s 1.5s 1;
-moz-animation: icon-animation-long 3.5s 1.5s 1;
animation: icon-animation-long 3.5s 1.5s 1;
}*/
/*
.present .icon.stroked path.short{
-webkit-animation: icon-animation-short 3.5s 1.5s 1;
-moz-animation: icon-animation-short 3.5s 1.5s 1;
animation: icon-animation-short 3.5s 1.5s 1;
}*/
/*controls logic*/
/*animated logos with complex svg segments*/
/*transitions*/
/*logos svg files that contain inverted path alternates */
/* call to action */
/* tables in snippets.... the devil */
/* tables in text */
/*testimonial snippet */
/*for inverting images*/
/**/
/*code blocks*/
/* round line arrows */
/*fix icon inversion*/
/*body:hover .corner svg{transform: translate(30%, 30%)}*/
}
.reveal.reveal[role="application"] > .backgrounds > .slide-background:not(.stack):first-child,
.reveal.reveal[role="application"] > .backgrounds > .stack:first-child > .slide-background:first-child,
.reveal.reveal[role="application"] .slides > .pdf-page:not(.stack):first-child .slide-background,
.reveal.reveal[role="application"] .slides > .stack:first-child > .pdf-page:first-child .slide-background {
background-color: #900;
color: #fff;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-image: linear-gradient(-45deg, #8e0000 20%, #820000 20%, #990000 85%, #890000 85%);
min-height: 100vh;
}
.reveal.reveal[role="application"] > .backgrounds > .slide-background:not(.stack):first-child.has-light-background,
.reveal.reveal[role="application"] > .backgrounds > .stack:first-child > .slide-background:first-child.has-light-background,
.reveal.reveal[role="application"] .slides > .pdf-page:not(.stack):first-child .slide-background.has-light-background,
.reveal.reveal[role="application"] .slides > .stack:first-child > .pdf-page:first-child .slide-background.has-light-background {
background-image: none;
}
.reveal.reveal .slides > .section:first-child,
.reveal.reveal[role="application"] > .slides > .section:first-child .sl-block {
color: #fff;
}
.reveal .name {
white-space: nowrap;
}
.reveal .reveal,
.reveal .sl-block,
.reveal .sl-block-content,
.reveal .sl-block-content div,
.reveal .sl-block-content p,
.reveal .sl-block-content h1,
.reveal .sl-block-content h2,
.reveal .sl-block-content h3,
.reveal .sl-block-content h4 {
font-family: "Overpass 2", overpass, "Hiragino Kaku Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", sans-serif;
}
.reveal .future .sl-block-content,
.reveal .past .sl-block-content {
transition: none !important;
}
.reveal section,
.reveal.reveal .has-dark-background,
.reveal section.background-shade-dark {
color: #fff;
}
.reveal.reveal .has-dark-background a {
color: #eee;
}
.reveal.reveal .has-dark-background a:hover {
color: #fff;
}
.reveal .backgrounds {
background: #f3f4f4;
}
.reveal .slide-background {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.reveal .slide-background.has-light-background {
/*background-image: url(//s3.amazonaws.com/media-p.slid.es/uploads/team-32/images/1297460/standard-background.svg);*/
}
.reveal .backgrounds .paint-it-red {
background-color: #c00 !important;
-moz-background-blend-mode: multiply;
-webkit-background-blend-mode: multiply;
-ms-background-blend-mode: multiply;
background-blend-mode: multiply;
}
.reveal .paint-it-red {
color: #fff;
}
.reveal .has-dark-background .icon.stroked path,
.reveal section.background-shade-dark .icon.stroked path,
.reveal section.light-foreground .icon.stroked path {
stroke: #fff !important;
}
.reveal .has-dark-background .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 section.background-shade-dark text.logotext,
.reveal section.light-foreground text.logotext,
.reveal .has-dark-background .logotext text,
.reveal section.background-shade-dark .logotext text,
.reveal section.light-foreground .logotext text,
.reveal .has-dark-background path.logotext,
.reveal section.background-shade-dark path.logotext,
.reveal section.light-foreground path.logotext,
.reveal .has-dark-background path.logotype,
.reveal section.background-shade-dark path.logotype,
.reveal section.light-foreground path.logotype,
.reveal .has-dark-background .logotext path,
.reveal section.background-shade-dark .logotext path,
.reveal section.light-foreground .logotext path {
fill: #fff !important;
}
.reveal .has-dark-background .closing-logo .logotext,
.reveal section.background-shade-dark .closing-logo .logotext,
.reveal section.light-foreground .closing-logo .logotext,
.reveal .has-dark-background .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 .icon.stroked path {
stroke: currentcolor;
}
.reveal .has-light-background .redhat-logo .logotext,
.reveal .has-light-background .redhat-logo .logohat {
fill: #000000 !important;
}
.reveal .sl-block-content ol li {
position: relative;
padding-bottom: 0.5em;
}
.reveal .sl-block-content ol li > p:first-child {
margin: 0;
}
.reveal .sl-block-content ol > li::before {
margin-left: -2.5em;
}
.reveal .sl-block-content > ol > li:before {
float: left;
text-align: center;
box-shadow: inset 0 0 0 0.1em;
border-radius: 50%;
}
.reveal .sl-block-content ol {
counter-reset: section;
list-style-type: none;
margin: 0 0 0 2.5em;
display: block;
}
.reveal .sl-block-content ol ol {
margin-top: 0.5em;
}
.reveal .sl-block-content ol > li:before {
font-weight: 400;
display: inline-block;
width: 1.75em;
height: 1.75em;
line-height: 1.75em;
text-align: center;
letter-spacing: 0;
font-size: 0.75em;
margin: 0 0.75em 0 -2.5em;
counter-increment: section;
content: counters(section, ".") " ";
white-space: nowrap;
}
.reveal .sl-block-content > ol > li ol li:before {
opacity: 0.5;
text-align: left;
box-shadow: none;
letter-spacing: 0.1em;
}
.reveal .sl-block-content > ol > li > ol > li > ol > li:before {
width: 4em;
left: -3em;
font-size: 0.75em;
}
.reveal .has-dark-background .sl-block-content > ol > li:before {
color: currentcolor;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 0 0.2em rgba(0, 0, 0, 0.2);
font-weight: 500;
letter-spacing: -0.05em;
}
.reveal .sl-block-content > ol ol ol li:before {
opacity: 1;
font-size: 0.55em !important;
width: 3.5em !important;
}
.reveal .sl-block-content > ol ol ol {
margin-left: 1.5em !important;
}
.reveal .uppercase {
text-transform: uppercase;
}
.reveal .sl-block[data-block-type="text"] > .initial h1,
.reveal .sl-block[data-block-type="text"] > .initial h2,
.reveal .sl-block[data-block-type="text"] > .initial h3 {
text-transform: initial;
}
.reveal .force-mono text,
.reveal .force-mono tspan,
.reveal .force-mono polygon,
.reveal .force-mono path,
.reveal .force-mono rect,
.reveal .force-mono ellipse {
fill: currentcolor !important;
}
.reveal .force-red .stroked path {
stroke: #c00;
}
.reveal .force-red,
.reveal .force-red text,
.reveal .force-red tspan,
.reveal .force-red polygon,
.reveal .force-red path,
.reveal .force-red rect,
.reveal .force-red ellipse {
color: #c00;
fill: currentcolor !important;
}
.reveal .force-red .stroked {
fill: none;
stroke: #c00;
}
.reveal .background-shade-dark .sl-block {
color: #fff;
}
.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 .slide-background.background-shade-dark:after {
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:after {
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;
}
.reveal .slides section h1 {
line-height: 1em;
font-weight: 700 ;
font-size: 3em ;
}
.reveal .slides section h2 {
font-size: 2em;
font-weight: 400 ;
line-height: 1.15em;
}
.reveal .slides section h3 {
font-weight: 700 ;
font-size: 1em ;
line-height: 1.25em;
}
.reveal .slides section p {
margin-bottom: 0.5em;
}
.reveal .slides section blockquote {
font-style: normal;
box-shadow: none;
}
.reveal .progress {
background-color: transparent;
}
.reveal .progress span {
background-color: #5e6a71;
}
.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: 0.5s !important;
stroke-dashoffset: 0;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
stroke: currentcolor;
}
.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: 0.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 white, inset 0 0 0 6px rgba(0, 0, 0, 0.2);
}
.reveal .rh-pattern {
width: 256px;
height: 256px;
}
.reveal .rh-pattern path {
transition: all 0.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"] > .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"] .sl-block-content > svg:not(:last-child) {
position: relative;
}
.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;
}
.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: black !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%);
}
}
@-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;
}
}
@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: currentcolor;
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 #pattern-corporate-2 use {
stroke: #dd0000;
}
.reveal #pattern-corporate use {
stroke: #cc0000;
}
.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);
visibility: hidden;
}
.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);
visibility: hidden;
}
.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%);
visibility: hidden;
}
.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%);
visibility: hidden;
}
.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);
visibility: hidden;
}
.reveal .slides > section.transition-zoom-in.future {
-webkit-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
visibility: hidden;
}
@-webkit-keyframes icon-animation-long {
0% {
stroke-dashoffset: 420;
stroke-width: 0.5px;
}
}
@-moz-keyframes icon-animation-long {
0% {
stroke-dashoffset: 420;
stroke-width: 0.5px;
}
}
@keyframes icon-animation-long {
0% {
stroke-dashoffset: 420;
stroke-width: 0.5px;
}
}
@-webkit-keyframes icon-animation-short {
0% {
stroke-dashoffset: 90;
}
}
@-moz-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.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 .rangle {
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.reveal .sl-block > .vertical {
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.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 .controls {
bottom: 1%;
right: 1%;
}
.reveal .controls button {
opacity: 0;
}
.reveal .controls button.enabled {
opacity: 1;
}
.reveal .controls {
opacity: 0 !important;
transition: opacity 0.5s ease 4.8s, transform 0.5s ease 4.8s;
transform: scale(0.4);
}
.reveal.reveal:hover .controls {
transform: scale(1);
opacity: 1 !important;
transition: opacity 0.5s ease 0s, transform 0.5s ease 0s;
}
.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 0.5s ease;
}
.reveal .animated .complex-logo div.line-icon {
transition-delay: 2s;
}
.reveal .animated .complex-logo div.line-icon path {
transition: all 1s ease 0.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 .lowercase {
text-transform: lowercase;
}
.reveal .pop-in.fragment {
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2);
-webkit-transition: 2s ease 0.25s;
-moz-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;
animation-delay: 0.66s;
}
.reveal .pop-in.fragment.visible {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-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;
-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);
transform: rotate(-12deg) scale(2);
-webkit-transition: none;
-moz-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;
}
.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 .future .fade-in {
transition: none;
opacity: 0;
}
.reveal .present .fade-in,
.reveal .present .fade-up,
.reveal .present .fade-down,
.reveal .present .fade-left,
.reveal .present .fade-right,
.reveal .present .fade-zoom {
-webkit-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.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);
}
.reveal .sl-block {
font-family: "Overpass 2", "Hiragino Kaku Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Overpass, sans-serif !important;
}
.reveal .has-light-background .icon.stroked {
color: currentcolor;
}
.reveal .has-dark-background .icon.stroked path {
stroke: currentcolor;
}
.reveal .has-dark-background .only-light-background {
display: none !important;
}
.reveal .has-dark-background .only-dark-background {
display: block !important;
}
.reveal a.call-to-action:hover {
background-color: #d00 !important;
box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.05) !important;
text-shadow: none !important;
}
.reveal .sl-block[data-block-type="snippet"] table {
width: 100% !important;
max-width: 100% !important;
}
.reveal .sl-block[data-block-type="snippet"] table td {
border-color: currentcolor !important;
}
.reveal .sl-block[data-block-type="snippet"] table td {
text-align: inherit !important;
}
.reveal .sl-block[data-block-type="text"] table {
width: 100%;
}
.reveal .sl-block[data-block-type="text"] table td {
border-color: currentcolor;
}
.reveal .sl-block[data-block-type="text"] table td {
text-align: inherit;
}
.reveal.reveal .sl-block[data-block-type="image"] .person {
border-radius: 50%;
position: relative !important;
background-color: transparent;
height: auto !important;
}
.reveal.reveal .sl-block[data-block-type="image"] .person:before {
content: "" !important;
display: block !important;
padding-top: 100% ;
position: relative !important ;
/* 4:3 aspect ratio */
}
.reveal.reveal .sl-block[data-block-type="image"] .person > img {
position: absolute ;
margin: 0 auto !important;
left: 0% ;
right: 0 ;
width: auto !important;
top: 0 ;
bottom: 0 ;
}
.reveal .present .delay-1 {
transition-delay: 0.1s;
}
.reveal .present .delay-2 {
transition-delay: 0.2s;
}
.reveal .present .delay-3 {
transition-delay: 0.3s;
}
.reveal .present .delay-4 {
transition-delay: 0.4s;
}
.reveal .present .delay-5 {
transition-delay: 0.5s;
}
.reveal .present .delay-6 {
transition-delay: 0.6s;
}
.reveal .present .delay-7 {
transition-delay: 0.7s;
}
.reveal .present .delay-8 {
transition-delay: 0.8s;
}
.reveal .present .delay-9 {
transition-delay: 0.9s;
}
.reveal .present .delay-10 {
transition-delay: 1s;
}
.reveal .present .delay-11 {
transition-delay: 1.1s;
}
.reveal .present .delay-12 {
transition-delay: 1.2s;
}
.reveal .present .delay-13 {
transition-delay: 1.3s;
}
.reveal .present .delay-14 {
transition-delay: 1.4s;
}
.reveal .present .delay-15 {
transition-delay: 1.5s;
}
.reveal .present .delay-16 {
transition-delay: 1.6s;
}
.reveal .present .delay-17 {
transition-delay: 1.7s;
}
.reveal .present .delay-18 {
transition-delay: 1.8s;
}
.reveal .present .delay-19 {
transition-delay: 1.9s;
}
.reveal .present .delay-20 {
transition-delay: 2s;
}
.reveal .present .delay-21 {
transition-delay: 2.1s;
}
.reveal .present .delay-22 {
transition-delay: 2.2s;
}
.reveal .present .delay-23 {
transition-delay: 2.3s;
}
.reveal .present .delay-24 {
transition-delay: 2.4s;
}
.reveal .present .delay-25 {
transition-delay: 2.5s;
}
.reveal .present .delay-26 {
transition-delay: 2.6s;
}
.reveal .present .delay-27 {
transition-delay: 2.7s;
}
.reveal .present .delay-28 {
transition-delay: 2.8s;
}
.reveal .present .delay-29 {
transition-delay: 2.9s;
}
.reveal .present .delay-30 {
transition-delay: 3s;
}
.reveal .present .delay-31 {
transition-delay: 3.1s;
}
.reveal .present .delay-32 {
transition-delay: 3.2s;
}
.reveal .present .delay-33 {
transition-delay: 3.3s;
}
.reveal .present .delay-34 {
transition-delay: 3.4s;
}
.reveal .present .delay-35 {
transition-delay: 3.5s;
}
.reveal .present .delay-36 {
transition-delay: 3.6s;
}
.reveal .present .delay-37 {
transition-delay: 3.7s;
}
.reveal .present .delay-38 {
transition-delay: 3.8s;
}
.reveal .present .delay-39 {
transition-delay: 3.9s;
}
.reveal .present .delay-40 {
transition-delay: 4s;
}
.reveal .light-foreground .sl-block * {
color: #fff;
}
.reveal .dark-foreground .sl-block * {
color: #000;
}
.reveal .has-dark-background .invert {
color: #000;
}
.reveal .has-light-background .invert * {
color: #fff;
}
.reveal .has-light-background .invert .only-light-background {
display: none ;
}
.reveal .has-light-background .invert .only-dark-background {
display: block !important;
}
.reveal .has-dark-background .invert .only-light-background {
display: block !important ;
}
.reveal .has-dark-background .invert .only-dark-background {
display: none !important;
}
.reveal .slide-number {
position: absolute !important;
opacity: 1;
right: 1em;
height: 28px;
min-width: 28px;
bottom: auto;
left: auto;
text-align: center;
font-size: 14px;
border-radius: 28px;
line-height: 28px;
color: white;
text-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.4);
top: 1em;
font-family: "Overpass 2", Overpass, sans-serif;
font-weight: 500;
white-space: nowrap;
padding: 4px;
box-sizing: content-box;
}
.reveal .slide-number-delimiter {
margin: 0 1px;
}
html:not([data-mode="arrange"]) .reveal .present.in-3d-appear {
transform: translatez(0em) !important;
animation: none !important;
transition: transform 1s ease !important;
}
html:not([data-mode="arrange"]) .reveal .future.in-3d-appear {
transform: translatez(10em) rotateX(21deg) !important;
animation: none !important;
}
.reveal .no-filter img,
.reveal .no-filter {
filter: none !important;
-webkit-filter: none !important;
}
.reveal .present .fade-in-slow {
transition: all 5s ease;
}
.reveal .future .fade-in-slow {
transition: none;
opacity: 0;
}
.reveal .redhat-logo .logotext {
fill: #000 !important;
}
.reveal .has-dark-background .redhat-logo .logotext {
fill: #fff !important;
}
.reveal [data-block-type="table"] .sl-block-content {
font-size: 0.75em;
background-color: #c00;
color: #fff;
}
.reveal [data-block-type="table"] td {
background-color: #e5e5e5;
color: #333;
border-color: white;
}
.reveal div[data-block-type="table"] th {
font-weight: 500;
}
.reveal [data-block-type="table"] tr:nth-child(odd) td {
background-color: #f5f5f5;
color: #333;
}
.reveal .has-dark-background > [data-block-type="table"] td {
background-color: #131619;
color: #fff;
}
.reveal .has-dark-background > [data-block-type="table"] tr:nth-child(odd) td {
background-color: #232629;
color: #fff;
}
.reveal [data-block-type="code"],
.reveal .hljs {
background-color: white ;
color: rgba(55, 55, 55, 0.85) !important;
}
.reveal section .hljs {
background-color: white !important;
}
.reveal .has-dark-background [data-block-type="code"],
.reveal .has-dark-background .hljs {
background-color: #012736 !important;
color: rgba(255, 255, 255, 0.85) !important;
}
.reveal [data-block-type="code"] pre {
letter-spacing: 0.015em;
line-height: 1.5em;
}
.reveal .has-light-background[data-block-type="code"] pre,
.reveal [data-block-type="code"] pre {
background-color: white ;
color: currentcolor;
padding: 1em !important;
}
.reveal .has-dark-background [data-block-type="code"] pre {
background-color: #012736;
}
.reveal .hljs,
.reveal pre,
.reveal code {
font-family: 'Overpass Mono', monospace !important;
font-weight: 200 !important;
}
.reveal .hljs-literal {
color: #ffb612 !important;
}
.reveal .hljs-keyword {
color: #ffb612;
font-weight: 700 !important;
}
.reveal .hljs-string {
color: #88c639;
font-weight: 700;
}
.reveal .hljs-comment {
color: #94a0a7 !important;
font-weight: 400 !important;
}
.reveal .hljs-params {
color: #028c98;
font-weight: 700;
}
.reveal .hljs-attr {
color: #EC7A08 !important;
}
.reveal .hljs-tag {
color: #7F5FAE !important;
}
.reveal .hljs-name {
color: #028c98 !important;
}
.reveal .hljs-string {
color: #7f5fae !important;
}
.reveal .hljs-comment {
color: rgba(125, 125, 125, 0.65) !important;
}
.reveal .hljs-number {
color: #4e9fdd !important;
}
.reveal .hljs-attribute {
color: #ec9e34 !important;
}
.reveal .hljs-variable {
color: #4e9fdd !important;
}
.reveal .hljs-built_in {
color: #ee1122 !important;
}
.reveal .hljs-selector-class {
color: #55aab2 !important;
}
.reveal [data-line-end-type="line-arrow"] line,
.reveal [data-line-start-type="line-arrow"] line,
.reveal [data-line-end-type="line-arrow"] path {
stroke-linecap: round;
stroke-linejoin: square;
}
.reveal div[data-block-type="line"] line[stroke="#000000"],
.reveal div[data-block-type="line"] path[stroke="#000000"] {
stroke: currentcolor;
}
.reveal [fill="none"] {
fill: none !important;
}
.reveal [fill="#a30000"] {
fill: #a00 !important;
}
.reveal [fill="#cc2029"],
.reveal [fill="#cb2027"],
.reveal [fill="#c00"] {
fill: #c00 !important;
}
.reveal [fill="#fff"] {
fill: #fff !important;
}
.reveal [fill="#6d6e70"] {
fill: #6d6e70 !important;
}
.reveal [fill="#231f20"] {
fill: currentcolor !important;
}
.reveal [fill="#efab1f"] {
fill: #efab1f !important;
}
.reveal [fill="#92d400"] {
fill: #92d400 !important;
}
.reveal .has-dark-background [fill="#6d6e70"] {
fill: #266272 !important;
}
.reveal .has-dark-background [fill="#fff"] {
fill: #555 !important;
}
.reveal .has-dark-background [fill="#fff"] {
fill: #333 !important;
}
.reveal .has-dark-background [stroke="#231f20"] {
stroke: currentcolor;
}
.reveal .has-dark-background [fill="#221F1F"],
.reveal .has-dark-background [fill="#221f1f"],
.reveal .has-dark-background [fill="#231F20"],
.reveal .has-dark-background [fill="#010101"] {
fill: white !important;
}
.reveal [data-inline-svg="true"] img {
display: none;
}
.reveal .corner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 8;
}
.reveal .corner svg {
transition: all 0.75s ease 5s;
}
</style>
</head>
<body class="reveal-viewport theme-font-overpass2 theme-color-no-color">
<div class="reveal">
<div class="slides">
<section data-background-color="#b21a0f" data-background-image="summit2019-build-and-pipelines/60672f0849c5b758b11dc0905dc42c02.svg" data-id="59a284de51d4ef304b5cd1379cf67593"><div class="sl-block" data-block-type="text" style="height: auto; width: 915px; left: 45px; top: 278px;" data-block-id="dba44663bdf8041ee5eda1d027b9ab70"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11; text-align: left;">
<h1>knative&amp;Tekton</h1>
<h2>BuilD&amp;PIPELINES</h2>
<p> </p>
<p>Red Hat Summit 2019</p>
<h3> </h3>
<h3>vincent Batts</h3>
<p>Engineer</p>
</div></div>
<div class="sl-block" data-block-type="image" style="min-width: 4px; min-height: 4px; width: 478px; height: 113px; left: 45px; top: 62px;" data-block-id="80b64e254ffb8ba24846761ffcca3ae2"><div class="sl-block-content" style="z-index: 12;" data-inline-svg="true">
<img style="" data-natural-width="613" data-natural-height="145" data-lazy-loaded="" data-src="summit2019-build-and-pipelines/5f2cb70d6cc0fee75d3bcdb3375247d8.svg"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 613 145" height="170" width="500" class="redhat-logo"><path class="logohat" style="fill:#fff;" d="M127.47,83.49c12.51,0,30.61-2.58,30.61-17.46a14,14,0,0,0-.31-3.42l-7.45-32.36c-1.72-7.12-3.23-10.35-15.73-16.6C124.89,8.69,103.76.5,97.51.5,91.69.5,90,8,83.06,8c-6.68,0-11.64-5.6-17.89-5.6-6,0-9.91,4.09-12.93,12.5,0,0-8.41,23.72-9.49,27.16A6.43,6.43,0,0,0,42.53,44c0,9.22,36.3,39.45,84.94,39.45M160,72.07c1.73,8.19,1.73,9.05,1.73,10.13,0,14-15.74,21.77-36.43,21.77C78.54,104,37.58,76.6,37.58,58.49a18.45,18.45,0,0,1,1.51-7.33C22.27,52,.5,55,.5,74.22c0,31.48,74.59,70.28,133.65,70.28,45.28,0,56.7-20.48,56.7-36.65,0-12.72-11-27.16-30.83-35.78"></path><path class="logotext" style="fill:#fff;" d="M579.74,92.8c0,11.89,7.15,17.67,20.19,17.67a52.11,52.11,0,0,0,11.89-1.68V95a24.84,24.84,0,0,1-7.68,1.16c-5.37,0-7.36-1.68-7.36-6.73V68.3h15.56V54.1H596.78v-18l-17,3.68V54.1H568.49V68.3h11.25Zm-53,.32c0-3.68,3.69-5.47,9.26-5.47a43.12,43.12,0,0,1,10.1,1.26v7.15a21.51,21.51,0,0,1-10.63,2.63c-5.46,0-8.73-2.1-8.73-5.57m5.2,17.56c6,0,10.84-1.26,15.36-4.31v3.37h16.82V74.08c0-13.56-9.14-21-24.39-21-8.52,0-16.94,2-26,6.1l6.1,12.52c6.52-2.74,12-4.42,16.83-4.42,7,0,10.62,2.73,10.62,8.31v2.73a49.53,49.53,0,0,0-12.62-1.58c-14.31,0-22.93,6-22.93,16.73,0,9.78,7.78,17.24,20.19,17.24m-92.44-.94h18.09V80.92h30.29v28.82H506V36.12H487.93V64.41H457.64V36.12H439.55ZM370.62,81.87c0-8,6.31-14.1,14.62-14.1A17.22,17.22,0,0,1,397,72.09V91.54A16.36,16.36,0,0,1,385.24,96c-8.2,0-14.62-6.1-14.62-14.09m26.61,27.87h16.83V32.44l-17,3.68V57.05a28.3,28.3,0,0,0-14.2-3.68c-16.19,0-28.92,12.51-28.92,28.5a28.25,28.25,0,0,0,28.4,28.6,25.12,25.12,0,0,0,14.93-4.83ZM320,67c5.36,0,9.88,3.47,11.67,8.83H308.47C310.15,70.3,314.36,67,320,67M291.33,82c0,16.2,13.25,28.82,30.28,28.82,9.36,0,16.2-2.53,23.25-8.42l-11.26-10c-2.63,2.74-6.52,4.21-11.14,4.21a14.39,14.39,0,0,1-13.68-8.83h39.65V83.55c0-17.67-11.88-30.39-28.08-30.39a28.57,28.57,0,0,0-29,28.81M262,51.58c6,0,9.36,3.78,9.36,8.31S268,68.2,262,68.2H244.11V51.58Zm-36,58.16h18.09V82.92h13.77l13.89,26.82H292l-16.2-29.45a22.27,22.27,0,0,0,13.88-20.72c0-13.25-10.41-23.45-26-23.45H226Z"></path></svg>
</div></div></section><section data-background-color="#fbe9c3" data-background-image="summit2019-build-and-pipelines/60672f0849c5b758b11dc0905dc42c02.svg" data-id="a75e56aaaa5edd41fc7b0195a9b37782">
<div class="sl-block" data-block-type="code" style="width: 896px; height: 356px; left: 47px; top: 15px;" data-block-id="b4787828483c7bc5a36e5e63a202a614"><div class="sl-block-content notranslate" style="z-index: 11; font-size: 141%;" data-highlight-theme="zenburn"><pre class="none"><code>$&gt; finger $(whoami)
Login: vbatts Name: Vincent Batts
Directory: /home/vbatts Shell: /bin/bash
Such mail.
Plan:
OHMAN
$&gt; id -Gn
devel opencontainers docker appc redhat golang slackware</code></pre></div></div></section><section data-background-image="summit2019-build-and-pipelines/8c743858275e7c6b5532870ae0be23ec.svg" data-id="88c3e70a0e88a564c46079da8bdb06c0" data-background-color="#fcffa7">
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 181px; top: 47px;" data-block-id="4007ea744bce8681df1ef0a792d4cf68"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
<h2 style="text-align: center;">Disclaimer</h2>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 180px; top: 420px;" data-block-id="4b0f727678d4646a777aeca96a5dcaa4"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;">
<p style="text-align:center"><span style="font-size:1.2em">The content set forth herein does not constitute in any way a binding or legal agreement or impose any legal obligation or duty on Red Hat. This information is provided for discussion purposes only and is subject to change for any or no reason.</span></p>
</div></div>
<div class="sl-block" data-block-type="image" style="min-width: 4px; min-height: 4px; width: 242px; height: 210px; left: 359px; top: 140px;" data-block-id="ca7057b1c6ec1cb159414ba06e739f2a"><div class="sl-block-content" style="z-index: 13;"><img style="" data-natural-width="1178" data-natural-height="1023" data-lazy-loaded="" data-src="summit2019-build-and-pipelines/0290a3f816fb5b929f57b2427462871f.png"></div></div></section><section class="stack" data-id="8cb126068c10afda96e1e6d022005f9d"><section data-id="f53fcdcd6489df9e560e191c5407bb96" data-background-image="summit2019-build-and-pipelines/7900634d1a821fe1718dd894b47e93b9.jpg" data-background-opacity="0.2" data-background-color="#cfe68f"><div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 40px; top: 62px;" data-block-id="9925c8b93080e6af3e1b175027c66164"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;" dir="ui">
<h2>Serverless</h2>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 151px; top: 200px;" data-block-id="3cc7ae77ed80bd4bcd3a317ce56e7a6b"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11; font-size: 148%;" data-fragment-index="0">
<p>FaaS</p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 273px; top: 321px;" data-block-id="c93a662689cf6efaaa8a60b40f4f9161"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12; font-size: 148%;" data-fragment-index="1">
<p>Actually Servers?</p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 167px; top: 420px;" data-block-id="2ffe1d54bae73f26b33321c6d02f4d71"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13; font-size: 148%;" data-fragment-index="2">
<p>Events</p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 289px; top: 522px;" data-block-id="ad6dd7c5b2d46130c7914b2359f38986"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 15; font-size: 148%;" data-fragment-index="2">
<p>Containers?</p>
</div></div></section><section data-background-color="#cfe68f" data-background-image="summit2019-build-and-pipelines/7900634d1a821fe1718dd894b47e93b9.jpg" data-background-opacity="0.2" data-id="e7673109597a1bd52cc78545cbea64dc"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 40px; top: 62px;" data-block-id="fae7aed453cd817b409efbe67d4252c7"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;" dir="ui">
<h2>Serverless</h2>
</div></div>
<div class="sl-block" data-block-type="image" style="min-width: 4px; min-height: 4px; width: 951px; height: 125px; left: 5px; top: 286px;" data-block-id="e13d46f77cbc3d6ddeef91380d2ca33d"><div class="sl-block-content" style="z-index: 12;"><img style="" data-natural-width="1184" data-natural-height="156" data-src="summit2019-build-and-pipelines/0f487a2c35b8567eff9c4b11f9ddb1c8.png"></div></div></section><section data-background-color="#cfe68f" data-background-image="summit2019-build-and-pipelines/7900634d1a821fe1718dd894b47e93b9.jpg" data-background-opacity="0.2" data-id="941dfc1b0c180b22b23c10f26119c71c">
<div class="sl-block" data-block-type="text" style="height: auto; width: 773px; left: 80px; top: 137px;" data-block-id="3d697b7b59a126f2d913c268fbdb6c97"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
<ul>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">What is Knative (</span><a href="https://knative.dev" target="_blank"><span style="color:#000000">knative.dev</span></a><span style="color:#000000"> and </span><a href="https://github.com/knative" target="_blank"><span style="color:#000000">github.com/knative</span></a><span style="color:#000000"> )</span></span></p>
<ul>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">A framework built on top of Kubernetes and Istio to build, trigger, and run Serverless functions</span></span></p>
</li>
</ul>
</li>
<li class="fragment" data-fragment-index="0" style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">What is in Knative</span></span></p>
<ul>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">A collection of CRDs and Controllers</span></span></p>
<ul>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Serving: Route requests; auto scale; invoke serverless functions.</span></span></p>
</li>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Eventing: Receive, persist, filter, and deliver Event</span></span></p>
</li>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Build: steps to build from source to image</span></span></p>
</li>
</ul>
</li>
</ul>
</li>
<li class="fragment" data-fragment-index="1" style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Who are developing Knative</span></span></p>
<ul>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Led by Google, joined by Red Hat, IBM, Pivotal...</span></span></p>
</li>
</ul>
</li>
</ul>
<p> </p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 80px; top: 55px;" data-block-id="92856ef54723b3dffc5ba0a60ce04622"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
<h2>Knative</h2>
</div></div></section><section data-background-color="#cfe68f" data-background-image="summit2019-build-and-pipelines/7900634d1a821fe1718dd894b47e93b9.jpg" data-background-opacity="0.2" data-id="8e2fcfd6f28594544cde9f20e764d27f">
<div class="sl-block" data-block-type="image" style="min-width: 4px; min-height: 4px; width: 806px; height: 613px; left: 77px; top: 44px;" data-block-id="118b3c95d3436bb8e91e2bdbdc309fbe"><div class="sl-block-content" style="z-index: 11;"><img style="" data-natural-width="1039" data-natural-height="790" data-lazy-loaded="" data-src="summit2019-build-and-pipelines/1567351cd371553dd90c3145388e1dc4.png"></div></div></section></section><section class="stack" data-id="26473195e7cfdeca3a4861394df431de"><section data-background-color="#fbe9c3" data-background-opacity="0.15" data-id="0de960cf09b4fdaf0420400bc2c062a9" data-background-image="summit2019-build-and-pipelines/5cfcda8e2e90b538dca1353b81d8927a.jpg"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 47px; top: 70px;" data-block-id="953ec91292a6a363b87d6c9ef96c85de"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;">
<h2>Also BuilDs</h2>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 210px; top: 331px;" data-block-id="0ce462e60aee65ac00da9dec1cd2765e"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11; font-size: 148%;">
<p>CI/CD</p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 308px; top: 465px;" data-block-id="737eb16fc0ceeec18f4c4ab8357e931c"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13; font-size: 148%;">
<p>Don't we have enough of those?</p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 126px; top: 191px;" data-block-id="f5a5d382e3dbea0c2d7ddbe59e1dd648"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14; font-size: 148%;">
<p>Containers</p>
</div></div></section><section data-background-color="#fbe9c3" data-background-image="summit2019-build-and-pipelines/5cfcda8e2e90b538dca1353b81d8927a.jpg" data-background-opacity="0.15" data-id="8ec893baf850aaaa6d7721d5c641cde2"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 47px; top: 70px;" data-block-id="eac802ead2137cdf1994e918fe4847b7"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;">
<h2>Containers</h2>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 187px; top: 630px;" data-block-id="02b92e221aa81c12eb75076ac99c7e6d"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 15;" data-fragment-index="0">
<p><span style="font-size:0.9em"><a href="https://www.seacontainers.co.nz/Shipping%20Container%20Workshop.jpg" target="_blank"><span style="color:#001a2b">Source</span></a></span></p>
</div></div>
<div class="sl-block" data-block-type="image" style="min-width: 4px; min-height: 4px; width: 600px; height: 400px; left: 180px; top: 195px;" data-block-id="a782a9103ff76f53282208bbf187fa3c"><div class="sl-block-content fragment" style="z-index: 16;" data-fragment-index="0"><img style="" data-natural-width="600" data-natural-height="400" data-src="summit2019-build-and-pipelines/c525387bbdce0eb6414badf9e6f093dc.jpg"></div></div></section><section data-background-color="#fbe9c3" data-background-image="summit2019-build-and-pipelines/5cfcda8e2e90b538dca1353b81d8927a.jpg" data-background-opacity="0.15" data-id="4c573915850019548fa450ef84f1a043"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 47px; top: 70px;" data-block-id="cc71b180faea68112ab1b933cbd9b71c"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
<h2>Knative/build</h2>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 800px; left: 80px; top: 210px;" data-block-id="f68b140f8eb10fc6a089efb6775c5a57"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;">
<ul>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Templated API resource to take an input (like a git repo URL) and produce a container to serve</span></span></p>
</li>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Narrowly focused on serverless use-case</span></span></p>
</li>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">A number of templates available, including s2i images and Dockerfile with buildah</span></span></p>
</li>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">something almost, but not quite entirely unlike CD</span></span></p>
</li>
</ul>
<p> </p>
</div></div></section><section data-background-color="#fbe9c3" data-background-image="summit2019-build-and-pipelines/5cfcda8e2e90b538dca1353b81d8927a.jpg" data-background-opacity="0.15" data-id="6ff5992e26741d94fb43740249084534"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 47px; top: 70px;" data-block-id="0633fcc94bea188f74dd6e7290aa150c"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
<h2>TEKTON</h2>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 800px; left: 80px; top: 210px;" data-block-id="37cebbd035255cc20d06e9aa74565948"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;">
<ul>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Also a container build resources, but allows for much broader than </span><em>only</em><span style="color:#000000"> serverless</span></span></p>
</li>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Split from Knative into its own org (also now a part of </span><a href="https://cd.foundation/" target="_blank"><span style="color:#000000">https://cd.foundation/</span></a><span style="color:#000000"> </span><span style="color:#000000">)</span></span></p>
</li>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Expected to underpin the basics needed by knative/build</span></span></p>
</li>
<li style="color:#000000">
<p><span style="font-size:1.4em"><span style="color:#000000">Very analogous to our BuildStrategy and Pipelines in OpenShift</span></span></p>
</li>
</ul>
</div></div></section><section data-background-color="#fbe9c3" data-background-image="summit2019-build-and-pipelines/5cfcda8e2e90b538dca1353b81d8927a.jpg" data-background-opacity="0.15" data-id="012cbeb3e677224e7e1ff4e1116dd6e9">
<div class="sl-block" data-block-type="image" style="min-width: 4px; min-height: 4px; width: 806px; height: 609px; left: 77px; top: 46px;" data-block-id="e5a32a1c04aca51f704ea611734e9776"><div class="sl-block-content" style="z-index: 11;"><img style="" data-natural-width="1042" data-natural-height="787" data-lazy-loaded="" data-src="summit2019-build-and-pipelines/04612db48bc3f57fe56e12f4d4060da3.png"></div></div></section></section><section class="stack" data-id="f3ec883f15ae40c393c3c6b9c7611941"><section data-background-color="#d7cde5" data-background-image="summit2019-build-and-pipelines/7900634d1a821fe1718dd894b47e93b9.jpg" data-background-opacity="0.15" data-id="91ca46963f678e3d4358bfff12d2868b"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 47px; top: 70px;" data-block-id="f9076dd3547e5053a703b14d489b5b3a"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
<h2>Where we are</h2>
</div></div>
<div class="sl-block" data-block-type="image" style="min-width: 4px; min-height: 4px; width: 400px; height: 442px; left: 268px; top: 188px;" data-block-id="73fefe17125f5cc03b8fd6ead98740d4"><div class="sl-block-content" style="z-index: 12;"><img style="" data-natural-width="400" data-natural-height="442" data-src="summit2019-build-and-pipelines/a22c41340b99979e057ccb1d404663bf.jpg"></div></div></section><section data-background-color="#d7cde5" data-background-image="summit2019-build-and-pipelines/7900634d1a821fe1718dd894b47e93b9.jpg" data-background-opacity="0.15" data-id="e85687c87e47b7cbea3616f41fa7e831">
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 211px; left: 295px; top: 122px;" data-block-id="150ec93e5d92867501c49fc265c1e9e6"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
<p style="text-align:center"><span style="font-size:1.4em">Run as root</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 211px; left: 615px; top: 122px;" data-block-id="cb72ff9d82e0f67383c2d85e401496c4"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;">
<p style="text-align:center"><span style="font-size:1.4em">Run as non-root</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 211px; left: 29px; top: 262px;" data-block-id="bfdac757dd30b9f13c58815a5622ece5"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
<p style="text-align:center"><span style="font-size:1.4em">Privileged</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 211px; left: 29px; top: 472px;" data-block-id="82ee698f7f4d6baae0b6495124731a0e"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14;">
<p style="text-align:center"><span style="font-size:1.4em">Non-Privileged</span></p>
</div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 240px; top: 81px;" data-block-id="0e7c537cd8d4ae3974632514e10d2165"><div class="sl-block-content" data-line-x1="-140" data-line-y1="450" data-line-x2="-140" data-line-y2="-169" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 15;"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="1" height="619" viewbox="-140 -169 1 619"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-140" y1="450" x2="-140" y2="-169"></line><line stroke="#000000" stroke-width="2" x1="-140" y1="450" x2="-140" y2="-169"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 559px; top: 81px;" data-block-id="ba09e3a55cbad7ae09f881b3cbbe9a50"><div class="sl-block-content" data-line-x1="-140" data-line-y1="450" data-line-x2="-140" data-line-y2="-169" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 16;"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="1" height="619" viewbox="-140 -169 1 619"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-140" y1="450" x2="-140" y2="-169"></line><line stroke="#000000" stroke-width="2" x1="-140" y1="450" x2="-140" y2="-169"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 32px; top: 210px;" data-block-id="1b372ef0f974158d7ecb51b2beee822f"><div class="sl-block-content" data-line-x1="171" data-line-y1="-50" data-line-x2="-677" data-line-y2="-50" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 17;"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="848" height="1" viewbox="-677 -50 848 1"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="171" y1="-50" x2="-677" y2="-50"></line><line stroke="#000000" stroke-width="2" x1="171" y1="-50" x2="-677" y2="-50"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 36px; top: 420px;" data-block-id="6394d7fdc21910c249e790197a93d8ab"><div class="sl-block-content" data-line-x1="167" data-line-y1="-50" data-line-x2="-677" data-line-y2="-50" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 18;"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="844" height="1" viewbox="-677 -50 844 1"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="167" y1="-50" x2="-677" y2="-50"></line><line stroke="#000000" stroke-width="2" x1="167" y1="-50" x2="-677" y2="-50"></line></svg></div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 47px; left: 397px; top: 262px;" data-block-id="e901a70aac7cc4c97447d4e20d0f1ecc"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 19; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">root</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 94px; left: 466px; top: 262px;" data-block-id="c5d3ecca72566d755870b7c1960c53e3"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 20; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">non-root</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 108px; left: 292px; top: 298px;" data-block-id="55c1895804ed80fdf3dcae86fa149eac"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 21; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">Privileged</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 140px; left: 257px; top: 338px;" data-block-id="60e974641cddbec4503fddc7779a51af"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 22; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">Non-Privileged</span></p>
</div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 397px; top: 262px;" data-block-id="01a675389c13bf7235306f27c042d1e1"><div class="sl-block-content" data-line-x1="-140" data-line-y1="-47" data-line-x2="-140" data-line-y2="-159" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 23; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="1" height="112" viewbox="-140 -159 1 112"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-140" y1="-47" x2="-140" y2="-159"></line><line stroke="#000000" stroke-width="2" x1="-140" y1="-47" x2="-140" y2="-159"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 465px; top: 263px;" data-block-id="92ccf123068951a6a64331fb0709ff7a"><div class="sl-block-content" data-line-x1="-140" data-line-y1="-134" data-line-x2="-140" data-line-y2="-169" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 24; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="1" height="35" viewbox="-140 -169 1 35"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-140" y1="-134" x2="-140" y2="-169"></line><line stroke="#000000" stroke-width="2" x1="-140" y1="-134" x2="-140" y2="-169"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 257px; top: 298px;" data-block-id="03f193156f8b90f68e12c60f85d22ab3"><div class="sl-block-content" data-line-x1="-281" data-line-y1="-50" data-line-x2="-584" data-line-y2="-50" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 25; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="303" height="1" viewbox="-584 -50 303 1"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-281" y1="-50" x2="-584" y2="-50"></line><line stroke="#000000" stroke-width="2" x1="-281" y1="-50" x2="-584" y2="-50"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 257px; top: 334px;" data-block-id="63a7f7520af9f31c8fa938fb886d833f"><div class="sl-block-content" data-line-x1="-473" data-line-y1="-50" data-line-x2="-610" data-line-y2="-50" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 26; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="137" height="1" viewbox="-610 -50 137 1"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-473" y1="-50" x2="-610" y2="-50"></line><line stroke="#000000" stroke-width="2" x1="-473" y1="-50" x2="-610" y2="-50"></line></svg></div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 47px; left: 709px; top: 262px;" data-block-id="02178aab21585ec74280613815e48385"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 27; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">root</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 94px; left: 778px; top: 262px;" data-block-id="3e53e5ba06c4f9e70b0ccdfe6991569e"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 28; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">non-root</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 108px; left: 604px; top: 298px;" data-block-id="d677d64151b5b065c30b2d539be29813"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 29; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">Privileged</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 140px; left: 569px; top: 338px;" data-block-id="8c2021171b955ef45b02d4fe9754aded"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 30; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">Non-Privileged</span></p>
</div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 709px; top: 262px;" data-block-id="9cf7b3dabdf1d1374b6d4e7da89b8ef4"><div class="sl-block-content" data-line-x1="-140" data-line-y1="-47" data-line-x2="-140" data-line-y2="-159" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 31; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="1" height="112" viewbox="-140 -159 1 112"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-140" y1="-47" x2="-140" y2="-159"></line><line stroke="#000000" stroke-width="2" x1="-140" y1="-47" x2="-140" y2="-159"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 777px; top: 263px;" data-block-id="cdb42ce0a74ee3d7de77b9ade8892558"><div class="sl-block-content" data-line-x1="-140" data-line-y1="-134" data-line-x2="-140" data-line-y2="-169" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 32; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="1" height="35" viewbox="-140 -169 1 35"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-140" y1="-134" x2="-140" y2="-169"></line><line stroke="#000000" stroke-width="2" x1="-140" y1="-134" x2="-140" y2="-169"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 569px; top: 298px;" data-block-id="3244abd0c32644fd7cf1e10011824d74"><div class="sl-block-content" data-line-x1="-281" data-line-y1="-50" data-line-x2="-584" data-line-y2="-50" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 33; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="303" height="1" viewbox="-584 -50 303 1"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-281" y1="-50" x2="-584" y2="-50"></line><line stroke="#000000" stroke-width="2" x1="-281" y1="-50" x2="-584" y2="-50"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 569px; top: 334px;" data-block-id="9dadf3eb8772e2beddf512341807c68c"><div class="sl-block-content" data-line-x1="-473" data-line-y1="-50" data-line-x2="-610" data-line-y2="-50" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 34; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="137" height="1" viewbox="-610 -50 137 1"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-473" y1="-50" x2="-610" y2="-50"></line><line stroke="#000000" stroke-width="2" x1="-473" y1="-50" x2="-610" y2="-50"></line></svg></div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 47px; left: 386px; top: 452px;" data-block-id="3bec4ed819aa19494212c3b4df55a73a"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 35; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">root</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 94px; left: 455px; top: 452px;" data-block-id="d8e404576314889b2f08e11fb1e141bc"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 36; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">non-root</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 108px; left: 281px; top: 488px;" data-block-id="b2ffdfc5c872fd54b7948941b41405c3"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 37; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">Privileged</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 140px; left: 246px; top: 528px;" data-block-id="0a0462e7e25f92ff035b7e079a7c37b8"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 38; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">Non-Privileged</span></p>
</div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 386px; top: 452px;" data-block-id="29b92519dfa6fe7c8587d6f4214241cb"><div class="sl-block-content" data-line-x1="-140" data-line-y1="-47" data-line-x2="-140" data-line-y2="-159" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 39; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="1" height="112" viewbox="-140 -159 1 112"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-140" y1="-47" x2="-140" y2="-159"></line><line stroke="#000000" stroke-width="2" x1="-140" y1="-47" x2="-140" y2="-159"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 454px; top: 453px;" data-block-id="4fe24ba377d243fb49ac5d24b9c21438"><div class="sl-block-content" data-line-x1="-140" data-line-y1="-134" data-line-x2="-140" data-line-y2="-169" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 40; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="1" height="35" viewbox="-140 -169 1 35"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-140" y1="-134" x2="-140" y2="-169"></line><line stroke="#000000" stroke-width="2" x1="-140" y1="-134" x2="-140" y2="-169"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 246px; top: 488px;" data-block-id="c39779137b1116c966b8c463e3a3d58c"><div class="sl-block-content" data-line-x1="-281" data-line-y1="-50" data-line-x2="-584" data-line-y2="-50" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 41; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="303" height="1" viewbox="-584 -50 303 1"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-281" y1="-50" x2="-584" y2="-50"></line><line stroke="#000000" stroke-width="2" x1="-281" y1="-50" x2="-584" y2="-50"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 246px; top: 524px;" data-block-id="6f45b6a102dc947b4ee881be7e32a5f2"><div class="sl-block-content" data-line-x1="-473" data-line-y1="-50" data-line-x2="-610" data-line-y2="-50" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 42; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="137" height="1" viewbox="-610 -50 137 1"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-473" y1="-50" x2="-610" y2="-50"></line><line stroke="#000000" stroke-width="2" x1="-473" y1="-50" x2="-610" y2="-50"></line></svg></div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 47px; left: 717px; top: 452px;" data-block-id="c10fee6382475890aa76e5b4e834a5dd"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 43; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">root</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 94px; left: 786px; top: 452px;" data-block-id="1fe93ca811a1fb60f6eba9032e801b71"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 44; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">non-root</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 108px; left: 612px; top: 488px;" data-block-id="579dfb7cb3f8d7a6b209622757ceabb8"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 45; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">Privileged</span></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 140px; left: 577px; top: 528px;" data-block-id="7df273de215c0d929d7b1f4454598ab4"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 46; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self">
<p style="text-align:center"><span style="font-size:1.0em">Non-Privileged</span></p>
</div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 717px; top: 452px;" data-block-id="9418df7a6e492cfa3f023fa95578d6d7"><div class="sl-block-content" data-line-x1="-140" data-line-y1="-47" data-line-x2="-140" data-line-y2="-159" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 47; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="1" height="112" viewbox="-140 -159 1 112"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-140" y1="-47" x2="-140" y2="-159"></line><line stroke="#000000" stroke-width="2" x1="-140" y1="-47" x2="-140" y2="-159"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 785px; top: 453px;" data-block-id="458bed6ab84c3d6b16c92fea1c458e20"><div class="sl-block-content" data-line-x1="-140" data-line-y1="-134" data-line-x2="-140" data-line-y2="-169" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 48; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="1" height="35" viewbox="-140 -169 1 35"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-140" y1="-134" x2="-140" y2="-169"></line><line stroke="#000000" stroke-width="2" x1="-140" y1="-134" x2="-140" y2="-169"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 577px; top: 488px;" data-block-id="8682d4e596eb71d52ebb4c3448a4ea22"><div class="sl-block-content" data-line-x1="-281" data-line-y1="-50" data-line-x2="-584" data-line-y2="-50" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 49; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="303" height="1" viewbox="-584 -50 303 1"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-281" y1="-50" x2="-584" y2="-50"></line><line stroke="#000000" stroke-width="2" x1="-281" y1="-50" x2="-584" y2="-50"></line></svg></div></div>
<div class="sl-block" data-block-type="line" style="width: auto; height: auto; min-width: 1px; min-height: 1px; left: 577px; top: 524px;" data-block-id="b82386b8b23507d944a71d4f2d3a2e86"><div class="sl-block-content" data-line-x1="-473" data-line-y1="-50" data-line-x2="-610" data-line-y2="-50" data-line-color="#000000" data-line-start-type="none" data-line-end-type="none" style="z-index: 50; transition-duration: 0.6s; transition-delay: 5s;" data-animation-type="slide-left" data-animation-trigger-id="self"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveaspectratio="xMidYMid" width="137" height="1" viewbox="-610 -50 137 1"><line stroke="rgba(0,0,0,0)" stroke-width="15" x1="-473" y1="-50" x2="-610" y2="-50"></line><line stroke="#000000" stroke-width="2" x1="-473" y1="-50" x2="-610" y2="-50"></line></svg></div></div></section><section data-background-color="#d7cde5" data-background-image="summit2019-build-and-pipelines/7900634d1a821fe1718dd894b47e93b9.jpg" data-background-opacity="0.15" data-id="3e9cc3df4f711654cfc6de6b71868d94">
<div class="sl-block" data-block-type="image" style="min-width: 4px; min-height: 4px; width: 648px; height: 363px; left: 157px; top: 158px;" data-block-id="391d4d7becc5193bec4858ab2fe2fed9"><div class="sl-block-content" style="z-index: 11;"><img style="" data-natural-width="400" data-natural-height="224" data-src="summit2019-build-and-pipelines/0f06546997bc6487aa50deae8fb6c26c.gif"></div></div></section></section><section data-background-color="#e1efba" data-background-image="summit2019-build-and-pipelines/7900634d1a821fe1718dd894b47e93b9.jpg" data-background-opacity="0.15" data-id="798dc9d4923b146f847520e1a4f3a88f"><div class="sl-block" data-block-type="text" style="height: auto; width: 704px; left: 37px; top: 70px;" data-block-id="70a98b95e8a30c30d1cb7d95b75aeb1a"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;">
<h2>Why these projects?</h2>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 240px; top: 195px;" data-block-id="fd2d85fef7709989355cadf395b3fe68"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
<p>Kubernetes is the platform</p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 280px; top: 475px;" data-block-id="98ddd7fd2b4b0a4a7be1a08938f19e04"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;">
<p>enable consistency</p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 120px; top: 335px;" data-block-id="3d797cc9ca92cacc18dc2113655856d5"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14;">
<p>feeling of built in primitives</p>
</div></div></section><section data-background-color="#7cd5ee" data-background-image="summit2019-build-and-pipelines/7900634d1a821fe1718dd894b47e93b9.jpg" data-background-opacity="0.15" data-id="51971ae5e929277a5d5d02f87394d3d4"><div class="sl-block" data-block-type="text" style="height: auto; width: 704px; left: 37px; top: 70px;" data-block-id="7386e6010d8cebfd6872bce53151879e"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
<h2>more information</h2>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 160px; top: 460px;" data-block-id="c8b5837ecb135215600e1db0d6a5f5d6"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;">
<p><a href="https://github.com/openshift-cloud-functions/Documentation/" target="_blank"><span style="color:#001a2b">github.com/openshift-cloud-functions/Documentation</span></a></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 80px; top: 320px;" data-block-id="13c7f458750cbd86154783aa53b004bb"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
<p><a href="https://github.com/redhat-developer-demos/knative-tutorial" target="_blank"><span style="color:#001a2b">github.com/redhat-developer-demos/knative-tutorial</span></a></p>
</div></div>
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 180px; top: 195px;" data-block-id="839203b4f443da2cdc0e016b3b59d805"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14;">
<p><a href="http://bit.ly/rht-summit19-serverless-build" target="_blank"><span style="color:#001a2b">bit.ly/rht-summit19-serverless-build</span></a></p>
</div></div></section><section class="in-3d-appear" data-background-color="#820000" data-background-image="summit2019-build-and-pipelines/60672f0849c5b758b11dc0905dc42c02.svg" data-id="e270a90279cbc05e4cb999695150f5f7"><div class="sl-block" data-block-type="snippet" style="width: 627px; height: 236px; left: 87px; top: 22px;" data-block-id="c98a274208802f8204f4405402a046f1">
<div class="sl-block-content" data-has-custom-html="" style="z-index: 13;">
<svg xmlns="http://www.w3.org/2000/svg" class="closing-logo logotype" viewbox="0 0 613 145" height="170" width="500" style="position:absolute; top:190px; bottom: 0%; height: 50%; width: 50%; left:0: right:0;"><path class="logotext" style="fill:#fff;" d="M579.74,92.8c0,11.89,7.15,17.67,20.19,17.67a52.11,52.11,0,0,0,11.89-1.68V95a24.84,24.84,0,0,1-7.68,1.16c-5.37,0-7.36-1.68-7.36-6.73V68.3h15.56V54.1H596.78v-18l-17,3.68V54.1H568.49V68.3h11.25Zm-53,.32c0-3.68,3.69-5.47,9.26-5.47a43.12,43.12,0,0,1,10.1,1.26v7.15a21.51,21.51,0,0,1-10.63,2.63c-5.46,0-8.73-2.1-8.73-5.57m5.2,17.56c6,0,10.84-1.26,15.36-4.31v3.37h16.82V74.08c0-13.56-9.14-21-24.39-21-8.52,0-16.94,2-26,6.1l6.1,12.52c6.52-2.74,12-4.42,16.83-4.42,7,0,10.62,2.73,10.62,8.31v2.73a49.53,49.53,0,0,0-12.62-1.58c-14.31,0-22.93,6-22.93,16.73,0,9.78,7.78,17.24,20.19,17.24m-92.44-.94h18.09V80.92h30.29v28.82H506V36.12H487.93V64.41H457.64V36.12H439.55ZM370.62,81.87c0-8,6.31-14.1,14.62-14.1A17.22,17.22,0,0,1,397,72.09V91.54A16.36,16.36,0,0,1,385.24,96c-8.2,0-14.62-6.1-14.62-14.09m26.61,27.87h16.83V32.44l-17,3.68V57.05a28.3,28.3,0,0,0-14.2-3.68c-16.19,0-28.92,12.51-28.92,28.5a28.25,28.25,0,0,0,28.4,28.6,25.12,25.12,0,0,0,14.93-4.83ZM320,67c5.36,0,9.88,3.47,11.67,8.83H308.47C310.15,70.3,314.36,67,320,67M291.33,82c0,16.2,13.25,28.82,30.28,28.82,9.36,0,16.2-2.53,23.25-8.42l-11.26-10c-2.63,2.74-6.52,4.21-11.14,4.21a14.39,14.39,0,0,1-13.68-8.83h39.65V83.55c0-17.67-11.88-30.39-28.08-30.39a28.57,28.57,0,0,0-29,28.81M262,51.58c6,0,9.36,3.78,9.36,8.31S268,68.2,262,68.2H244.11V51.58Zm-36,58.16h18.09V82.92h13.77l13.89,26.82H292l-16.2-29.45a22.27,22.27,0,0,0,13.88-20.72c0-13.25-10.41-23.45-26-23.45H226Z"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" class="closing-logo icon" viewbox="0 0 613 145" height="170" width="500" style="position:absolute; top:190px;width: 50%; bottom: 0%; height: 50%; left:0: right:0;"><path class="logohat" style="fill:#fff;" d="M127.47,83.49c12.51,0,30.61-2.58,30.61-17.46a14,14,0,0,0-.31-3.42l-7.45-32.36c-1.72-7.12-3.23-10.35-15.73-16.6C124.89,8.69,103.76.5,97.51.5,91.69.5,90,8,83.06,8c-6.68,0-11.64-5.6-17.89-5.6-6,0-9.91,4.09-12.93,12.5,0,0-8.41,23.72-9.49,27.16A6.43,6.43,0,0,0,42.53,44c0,9.22,36.3,39.45,84.94,39.45M160,72.07c1.73,8.19,1.73,9.05,1.73,10.13,0,14-15.74,21.77-36.43,21.77C78.54,104,37.58,76.6,37.58,58.49a18.45,18.45,0,0,1,1.51-7.33C22.27,52,.5,55,.5,74.22c0,31.48,74.59,70.28,133.65,70.28,45.28,0,56.7-20.48,56.7-36.65,0-12.72-11-27.16-30.83-35.78"></path></svg>
</div>
</div>
<div class="sl-block" data-block-type="text" style="height: auto; width: 403px; left: 557px; top: 247px;" data-block-id="224debdd01704a6c5ee4d5e08a7947ac">
<div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11; text-align: left; font-size: 88%;">
<h1>Thank You!</h1>
</div>
</div>
<div class="sl-block" data-block-type="shape" style="width: 4px; height: 214px; left: 513px; top: 171px;" data-block-id="0d5d9350be1aafb0b601ae8dfc043f08">
<div class="sl-block-content" data-shape-type="rect" data-shape-fill-color="rgb(255, 255, 255)" data-shape-stretch="true" style="z-index: 12;">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" preserveaspectratio="none" viewbox="0 0 4 214"><rect width="4" height="214" rx="0" ry="0" class="shape-element" fill="rgb(255, 255, 255)"></rect></svg>
</div>
</div>
<div class="sl-block" data-block-type="snippet" style="width: 375px; height: 90px; left: 326px; top: 433px;" data-block-id="886d8ab47b16041e334276731b560a3a">
<div class="sl-block-content" data-has-custom-html="" style="z-index: 14;">
<p style="text-align: center;">Vincent Batts</p>
<p style="text-align: center;">vbatts@</p>
</div>
</div></section>
</div>
</div>
<script>
var SLConfig = {"deck": {"id":1490929,"slug":"summit2019-build-and-pipelines","title":"Knative Build and Tekton Pipelines","description":"","width":960,"height":700,"visibility":"self","published_at":null,"sanitize_messages":null,"thumbnail_url":"https://s3.amazonaws.com/media-p.slid.es/thumbnails/48a57754e42979d7dd671a14c49b5f70/thumb.jpg?1556920888","view_count":7,"user":{"id":352550,"username":"vbatts","name":"Vincent Batts","description":"","thumbnail_url":"https://www.gravatar.com/avatar/a76bbb02d3ce311820f53ef484c0f8bf?s=140\u0026d=https%3A%2F%2Fstatic.slid.es%2Fimages%2Fdefault-profile-picture.png","paid":true,"pro":true,"lite":false,"team_id":32,"settings":{"id":185974,"present_controls":true,"present_upsizing":true,"present_pointer":false,"present_notes":true,"default_deck_tag_id":null},"enterprise":true,"membership":{"role":"member","manager":false,"activated":true}},"background_transition":"none","transition":"none","theme_id":176,"theme_font":"overpass2","theme_color":"no-color","auto_slide_interval":0,"comments_enabled":true,"forking_enabled":false,"rolling_links":false,"center":false,"shuffle":false,"should_loop":false,"share_notes":false,"slide_number":false,"slide_count":21,"rtl":false,"version":2,"collaborative":false,"deck_user_editor_limit":null,"data_updated_at":1557241451650,"font_typekit":null,"font_google":null,"time_limit":null,"upsizing_enabled":true,"notes":{}}};
SLConfig.theme = {"id":176,"created_at":"2014-05-27T12:38:16.183Z","updated_at":"2019-05-03T13:12:29.410Z","name":"Red Hat Corporate (Archived)","thumbnail_url":"https://s3.amazonaws.com/media-p.slid.es/thumbnails/66755080be2b0c8c0146bfa70069ef16/thumb.jpg?1556889147","sanitize_messages":null,"slide_template_ids":[28642,36442,26765,26762,56704,16857,16856,16853,16855,16854,16852,16863,16862,16861,16860,16859,16858,56721,185268,185425],"font_typekit":"","font_google":"","width":960,"height":700};
// Use local fonts
SLConfig.fonts_url = 'lib/fonts/';
</script>
<script src="lib/reveal.min.js"></script>
<script src="lib/offline.js"></script>
<!-- Initialize the presentation -->
<script>
Reveal.initialize({
width: 960,
height: 700,
margin: 0.05,
hash: true,
controls: true,
progress: true,
mouseWheel: false,
showNotes: false,
slideNumber: false,
autoSlide: 0,
autoSlideStoppable: true,
center: false,
shuffle: false,
loop: false,
rtl: false,
transition: "none",
backgroundTransition: "none",
highlight: {
escapeHTML: false
},
dependencies: [
{ src: 'lib/reveal-plugins/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'lib/reveal-plugins/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'lib/reveal-plugins/highlight/highlight.js' },
{ src: 'lib/reveal-plugins/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'lib/reveal-plugins/zoom/zoom.js', async: true }
]
});
</script>
<script id="theme-js-output" type="text/javascript">var themeHTMLOutput = document.getElementById('theme-html-output');
if( themeHTMLOutput ) {
themeHTMLOutput.innerHTML = '<link rel="stylesheet" href="https://overpassmonotest-30e2.kxcdn.com/overpass-mono.css" />';
}
// (function() {
//
// var slidesInitInterval = setInterval( function() {
// if( window.SL && window.SL.view ) {
// // If we're in the editor, wait for the Blocks controller
// // to be initialized
// if( SL.editor ) {
//
// if( SL.editor.controllers && SL.editor.controllers.Blocks && SL.editor.controllers.Blocks.textSaved ) {
// SL.editor.controllers.Blocks.textSaved.add( function( element ) {
// var html = element.html();
// html = html.replace( /(@RedHat | @redhat)/g, '@redhat' );
// html = html.replace( 'redhat.com', 'redhat.com' );
// html = html.replace( /(Red Hat|red hat|RedHat|Red hat|Redhat|redHat|red Hat)/g, '<span class="name">Red Hat</span>' );
// html = html.replace( /( redhat |redhat )/g, ' <span class="name">Red Hat</span> ' );
// html = html.replace( 'REDHAT', '<span class="name">RED HAT</span>' );
// html = html.replace( 'redhat<', '<span class="name">Red Hat</span><' );
// html = html.replace( 'openshift', '<span class="name">OpenShift</span>' );
// html = html.replace( '<span class="name"><span class="name">Red Hat</span></span>', '<span class="name">Red Hat</span>' );
// html = html.replace( 'redhat.com', 'redhat.com' );
// html = html.replace( 'REDHAT.COM', 'REDHAT.COM' );
// html = html.replace( '@redhat', '@redhat' );
// html = html.replace( /(@RedHatNews | @redhatnews)/g, '@RedHatNews' );
// html = html.replace( /(@RedHat | @redhat)/g, '@RedHatInc' );
// html = html.replace( /(RHEL-OSP|RHELOSP|Red Hat Enterprise Linux OpenStack Platform)/g, 'Red Hat OpenStack Platform' );
// html = html.replace( /(openstack |openstack|open stack|openStack|Openstack)/g, 'OpenStack' );
// html = html.replace( 'openstack', 'OpenStack' );
// html = html.replace( 'openstack<', 'OpenStack<' );
//
// element.html( html );
// } );
//
// clearInterval( slidesInitInterval );
// }
//
// }
// else {
// clearInterval( slidesInitInterval );
// }
// }
// }, 500 );
//
// })();
// piwik script
var _paq = _paq || [];
_paq.push(["trackPageView"]);
_paq.push(["enableLinkTracking"]);
/* Disabled Apr 25 since the script was unreachable
* and caused exports to fail. -hakim@slides.com
(function() {
var u = (("https:" == document.location.protocol) ? "https" : "http") +
"://engstats.redhat.com/piwik/";
_paq.push(["setTrackerUrl", u+"piwik.php"]);
_paq.push(["setSiteId", "8"]);
var d=document, g=d.createElement("script"),
s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
})();
*/
function sliceString(selector) {
var elements = document.getElementsByClassName(selector);
for (var h=0; h<elements.length; h++){
var string = elements[h].innerText,
total = string.length,
div = '';
// futile attempt to clean space
var string = elements[h].innerText.trim();
for (var i=0; i<total; i++) {
var letter = string.charAt(i);
div+= '<span class="'+letter+'">'+letter+'</span>';
}
elements[h].innerHTML = div;
}
}
sliceString('lettering');
sliceString('lettering'); //no rogue spaces when fired twice for some reason
// function sliceString(selector) {
// if (!document.querySelector) return;
// var string = document.querySelector(selector).innerText,
// total = string.length,
// html = '';
// for (var i=0; i<total; i++) {
// var letter = string.charAt(i);
// html+= '<span class="'+letter+'">'+letter+'</span>';
// }
// document.querySelector(selector).innerHTML = html;
//}
//sliceString('.lettering');</script>
</body>
</html>