mirror of
https://github.com/vbatts/talks.git
synced 2024-12-29 10:06:33 +00:00
2226 lines
85 KiB
HTML
2226 lines
85 KiB
HTML
|
<!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>Containers: Under the hood [2016 DevNation]</title>
|
|||
|
|
|
|||
|
|
<meta name="description" content="Overview of where we've gotten so far on container standards, and how we're moving forward. The OpenContainer Initiative is the best option for standardizing common interfaces and reducing risk on the long-term for the container ecosystem.">
|
|||
|
|
|
|||
|
|
<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 {
|
|||
|
|
fill: #000000 !important;
|
|||
|
|
}
|
|||
|
|
.reveal .sl-block-content ol li {
|
|||
|
|
position: relative;
|
|||
|
|
padding-bottom: .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 .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: .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: .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: .5;
|
|||
|
|
text-align: left;
|
|||
|
|
box-shadow: none;
|
|||
|
|
letter-spacing: .1em;
|
|||
|
|
}
|
|||
|
|
.reveal .sl-block-content > ol > li > ol > li > ol > li:before {
|
|||
|
|
width: 4em;
|
|||
|
|
left: -3em;
|
|||
|
|
font-size: .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: .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: #cc0000;
|
|||
|
|
}
|
|||
|
|
.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: .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: .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: .5s all ease;
|
|||
|
|
stroke-dasharray: 1.1, 3;
|
|||
|
|
stroke-linecap: round ;
|
|||
|
|
}
|
|||
|
|
.reveal .icon.stroked path.dashed {
|
|||
|
|
stroke-dasharray: 3, 3;
|
|||
|
|
}
|
|||
|
|
.reveal .icon.stroked path.hand {
|
|||
|
|
stroke-linecap: round;
|
|||
|
|
}
|
|||
|
|
.reveal .present path.virtual {
|
|||
|
|
-webkit-animation: virtual-outline 60s infinite linear;
|
|||
|
|
-moz-animation: virtual-outline 60s infinite linear;
|
|||
|
|
animation: virtual-outline 60s infinite linear;
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes virtual-outline {
|
|||
|
|
0% {
|
|||
|
|
stroke-dashoffset: 0;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
stroke-dashoffset: 512;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes virtual-outline {
|
|||
|
|
0% {
|
|||
|
|
stroke-dashoffset: 0;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
stroke-dashoffset: 512;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes virtual-outline {
|
|||
|
|
0% {
|
|||
|
|
stroke-dashoffset: 0;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
stroke-dashoffset: 512;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.reveal a {
|
|||
|
|
box-shadow: 0 0.066666em;
|
|||
|
|
}
|
|||
|
|
.reveal .overview section.present {
|
|||
|
|
border: 12px solid white !important;
|
|||
|
|
box-shadow: 0 0 0 10px #ffffff, inset 0 0 0 6px rgba(0, 0, 0, 0.2);
|
|||
|
|
}
|
|||
|
|
.reveal .rh-pattern {
|
|||
|
|
width: 256px;
|
|||
|
|
height: 256px;
|
|||
|
|
}
|
|||
|
|
.reveal .rh-pattern path {
|
|||
|
|
transition: all .5s ease;
|
|||
|
|
}
|
|||
|
|
.reveal .future .rh-pattern path {
|
|||
|
|
stroke-dasharray: 0, 85 !important;
|
|||
|
|
}
|
|||
|
|
.reveal .present .rh-pattern path {
|
|||
|
|
stroke-dasharray: 80, 0 !important;
|
|||
|
|
}
|
|||
|
|
.reveal div[data-block-type="snippet"] .sl-block-content > svg,
|
|||
|
|
.reveal div[data-block-type="snippet"] > .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: .5px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes icon-animation-long {
|
|||
|
|
0% {
|
|||
|
|
stroke-dashoffset: 420;
|
|||
|
|
stroke-width: .5px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@keyframes icon-animation-long {
|
|||
|
|
0% {
|
|||
|
|
stroke-dashoffset: 420;
|
|||
|
|
stroke-width: .5px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-webkit-keyframes icon-animation-short {
|
|||
|
|
0% {
|
|||
|
|
stroke-dashoffset: 90;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@-moz-keyframes icon-animation-short {
|
|||
|
|
0% {
|
|||
|
|
stroke-dashoffset: 90;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@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 .5s ease 4.8s, transform .5s ease 4.8s;
|
|||
|
|
transform: scale(0.4);
|
|||
|
|
}
|
|||
|
|
.reveal.reveal:hover .controls {
|
|||
|
|
transform: scale(1);
|
|||
|
|
opacity: 1 !important;
|
|||
|
|
transition: opacity .5s ease 0s, transform .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 .5s ease;
|
|||
|
|
}
|
|||
|
|
.reveal .animated .complex-logo div.line-icon {
|
|||
|
|
transition-delay: 2s;
|
|||
|
|
}
|
|||
|
|
.reveal .animated .complex-logo div.line-icon path {
|
|||
|
|
transition: all 1s ease .52s;
|
|||
|
|
stroke-dasharray: 100 ,10;
|
|||
|
|
}
|
|||
|
|
.reveal .animated .complex-logo div.event-name {
|
|||
|
|
transition-delay: 1s;
|
|||
|
|
}
|
|||
|
|
.reveal .animated .complex-logo div.location {
|
|||
|
|
transition-delay: 1.4s;
|
|||
|
|
}
|
|||
|
|
.reveal .future .animated .complex-logo > div {
|
|||
|
|
transition: none;
|
|||
|
|
}
|
|||
|
|
.reveal .future .animated .complex-logo > div.line-icon path {
|
|||
|
|
stroke-dasharray: 0 ,100;
|
|||
|
|
transition: none;
|
|||
|
|
}
|
|||
|
|
.reveal .future .animated .complex-logo {
|
|||
|
|
/*.line-icon{transform:rotate(30deg); opacity:0;}*/
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.reveal .future .animated .complex-logo .logomark {
|
|||
|
|
transform: translate(0, -20%);
|
|||
|
|
}
|
|||
|
|
.reveal .future .animated .complex-logo .location {
|
|||
|
|
transform: translate(0, 0.5em);
|
|||
|
|
opacity: 0;
|
|||
|
|
}
|
|||
|
|
.reveal .future .animated .complex-logo .event-name {
|
|||
|
|
opacity: 0;
|
|||
|
|
transform: translate(-0.6em, 0);
|
|||
|
|
}
|
|||
|
|
.reveal .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 .5s ease .5s;
|
|||
|
|
transition: all .5s ease .5s;
|
|||
|
|
opacity: 1;
|
|||
|
|
filter: alpha(opacity=100);
|
|||
|
|
}
|
|||
|
|
.reveal .present .fragment.visible.fade-up,
|
|||
|
|
.reveal .present .fragment.visible.fade-down,
|
|||
|
|
.reveal .present .fragment.visible.fade-left,
|
|||
|
|
.reveal .present .fragment.visible.fade-right,
|
|||
|
|
.reveal .present .fragment.visible.fade-zoom {
|
|||
|
|
-webkit-transform: none ;
|
|||
|
|
-ms-transform: none ;
|
|||
|
|
transform: none ;
|
|||
|
|
opacity: 1;
|
|||
|
|
filter: alpha(opacity=100);
|
|||
|
|
}
|
|||
|
|
.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;
|
|||
|
|
}
|
|||
|
|
.reveal.reveal .present.in-3d-appear {
|
|||
|
|
transform: translatez(0em) !important;
|
|||
|
|
animation: none !important;
|
|||
|
|
transition: transform 1s ease !important;
|
|||
|
|
}
|
|||
|
|
.reveal.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: #000000 !important;
|
|||
|
|
}
|
|||
|
|
.reveal .has-dark-background .redhat-logo .logotext {
|
|||
|
|
fill: #ffffff !important;
|
|||
|
|
}
|
|||
|
|
.reveal [data-block-type="table"] .sl-block-content {
|
|||
|
|
font-size: .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: #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 .has-dark-background [fill="#221F1F"],
|
|||
|
|
.reveal .has-dark-background [fill="#221f1f"],
|
|||
|
|
.reveal .has-dark-background [fill="#231F20"],
|
|||
|
|
.reveal .has-dark-background [fill="#010101"] {
|
|||
|
|
fill: #ffffff !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 .75s ease 5s;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<body class="reveal-viewport theme-font-overpass2 theme-color-no-color">
|
|||
|
|
<div class="reveal">
|
|||
|
|
<div class="slides">
|
|||
|
|
<section class="has-dark-background" data-background-color="#b21a0f" data-background-image="containers-under-the-hood/5e1a7c37f8b075137176a16db5edc490.svg" data-background-size="cover" data-id="104124bc9471640953b625b5574edf7d">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 852px; left: 108px; top: 244px;" data-block-id="d47113ddc5922a083caff91ea62b4024"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
|
|||
|
|
<h1>Containers:</h1>
|
|||
|
|
|
|||
|
|
<h2>Under the Hood</h2>
|
|||
|
|
|
|||
|
|
<p> </p>
|
|||
|
|
|
|||
|
|
<p>Vincent Batts @vbatts</p>
|
|||
|
|
</div></div>
|
|||
|
|
</section><section class="has-light-background" data-background-color="#f28542" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="43c67a8fd2abdb057ed6d2fbfd010939"><div class="sl-block" data-block-type="code" style="min-width: 30px; min-height: 30px; width: 957px; height: 280px; left: 2px; top: 29px;" data-block-id="a52cbd7b1b5fa5102a2a940f9b8dc776"><div class="sl-block-content" style="z-index: 11; font-size: 164%;" data-highlight-theme="zenburn"><pre class="none"><code>$> finger $(whoami)
|
|||
|
|
Login: vbatts Name: Vincent Batts
|
|||
|
|
Directory: /home/vbatts Shell: /bin/bash
|
|||
|
|
Such mail.
|
|||
|
|
Plan:
|
|||
|
|
OHMAN
|
|||
|
|
$> id -Gn
|
|||
|
|
devel opencontainers docker appc redhat golang slackware</code></pre></div></div>
|
|||
|
|
<div class="sl-block" data-block-type="image" style="min-width: 30px; min-height: 30px; width: 478.222px; height: 269px; left: 181.778px; top: 350px;" data-block-id="7e8f21afa8ae97d7f7a463287afa0887"><div class="sl-block-content" style="z-index: 12;"><img data-natural-width="320" data-natural-height="180" data-src="containers-under-the-hood/339e84e5deca8af62480a1dc3fb7af96.gif"></div></div></section><section class="has-light-background" data-background-color="#f6c764" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="53e4629c36d2c19d91e010f8222054b4"><div class="sl-block" data-block-type="image" data-block-id="6842399ccc462cdb5828d225770ee09a" style="min-width: 30px; min-height: 30px; width: 351px; height: 351px; left: 145px; top: 315px;"><div class="sl-block-content" style="z-index: 11;" data-inline-svg="false"><img data-natural-width="500" data-natural-height="500" style="" data-src="containers-under-the-hood/31b17322559178827a235d220821aa93.svg"></div></div>
|
|||
|
|
<div class="sl-block" data-block-type="image" data-block-id="4bb06cf1bc34089c3a5e3858676d5c52" style="min-width: 30px; min-height: 30px; width: 377.914px; height: 154px; left: 400px; top: 175px;"><div class="sl-block-content" style="z-index: 12;" data-inline-svg="false"><img data-natural-width="400" data-natural-height="163" style="" data-src="containers-under-the-hood/8c1ff2ec86107f22f0e7353d1cdd99fd.svg"></div></div>
|
|||
|
|
<div class="sl-block" data-block-type="image" data-block-id="91544dacb3a447547fc0276f0d16f419" style="min-width: 30px; min-height: 30px; width: 179.205px; height: 174px; left: 583px; top: 339px;"><div class="sl-block-content" style="z-index: 13;" data-inline-svg="false"><img data-natural-width="723" data-natural-height="702" style="" data-src="containers-under-the-hood/c1ded99bf3ade93e11962707e0e58d63.svg"></div></div>
|
|||
|
|
<div class="sl-block" data-block-type="image" style="min-width: 30px; min-height: 30px; width: 360px; height: 90px; left: 136px; top: 70px;" data-block-id="d51a0d78daf549bbb0e57cd338414d02"><div class="sl-block-content" style="z-index: 14;"><img data-natural-width="1600" data-natural-height="400" data-src="containers-under-the-hood/542b59f31db02832eded7b7a33bdd9ef.png"></div></div></section><section class="has-light-background" data-background-color="#fbe9c3" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="00dd6acaeed09ddf7263dbc6c1fb3eeb"><div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 40px; top: 47px;" data-block-id="584f787c2c732d5fa35caedfdd53ee24"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
|
|||
|
|
<h2>Hands-on:</h2>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 94px; top: 210px;" data-block-id="7ddeea32df4cdb7116ac09b85780c936"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;">
|
|||
|
|
<ul>
|
|||
|
|
<li style="color:rgb(53, 64, 69)"><span style="font-size:1.4em">capabilities</span></li>
|
|||
|
|
<li style="color:rgb(53, 64, 69)"><span style="font-size:1.4em">Syscalls</span></li>
|
|||
|
|
<li><span style="font-size:1.4em">Namespaces</span></li>
|
|||
|
|
<li><span style="font-size:1.4em">Copy-On-Write (CoW)</span></li>
|
|||
|
|
<li><span style="font-size:1.4em">Archives</span></li>
|
|||
|
|
</ul>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 180px; top: 490px;" data-block-id="338f17592c32a0224629cf2b00b111ff"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
|
|||
|
|
<p style="text-align: center;">p.s. Don't forget to fill out the surveys!</p>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#cfe68f" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="b7d8b0e84f42a99bd85a74cb3f49f839"><div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 40px; top: 94px;" data-block-id="abe69e5ec03579ccfe2c2bb8dfc8a4b1"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
|
|||
|
|
<h2>So,</h2>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 120px; top: 140px;" data-block-id="a5b4e7954a36b69290dcd16876c8c908"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;">
|
|||
|
|
<h2>Why, Containers?</h2>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 54px; top: 250px;" data-block-id="d03d370d775747ce79550c79b7715410"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;" data-fragment-index="0">
|
|||
|
|
<pre>Single Application</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 110px; top: 280px;" data-block-id="4e6eb0d9799af3b424284544df7dc407"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14;" data-fragment-index="1">
|
|||
|
|
<pre>Full System</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 160px; top: 310px;" data-block-id="8c1e3dedd34890cb316e45a7355b47f9"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 15;" data-fragment-index="2">
|
|||
|
|
<pre>But Not a VM</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 556px; left: 202px; top: 340px;" data-block-id="e2ffc711368ad1189bca448302cccb47"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 16;" data-fragment-index="3">
|
|||
|
|
<pre>Except Maybe a VM</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 556px; left: 160px; top: 370px;" data-block-id="fda76ad270c266dfa7946e41530b2516"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 17;" data-fragment-index="4">
|
|||
|
|
<pre>Pods of applications</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 556px; left: 110px; top: 400px;" data-block-id="e32d6af91cd75daa9a31158ec67daba3"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 18;" data-fragment-index="5">
|
|||
|
|
<pre>Labels of services</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 556px; left: 54px; top: 430px;" data-block-id="f385b46fafb4daf2f331cc5cc359b1bc"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 19;" data-fragment-index="6">
|
|||
|
|
<pre>Non-root</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 556px; left: 110px; top: 460px;" data-block-id="e7db745e21068a8ed353797db19afd9e"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 20;" data-fragment-index="7">
|
|||
|
|
<pre>Desktop Applications</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 556px; left: 160px; top: 490px;" data-block-id="43f0876919ed605a6f1a783d66f9786d"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 21;" data-fragment-index="8">
|
|||
|
|
<pre>OMG AND CATS</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="image" style="min-width: 30px; min-height: 30px; width: 360px; height: 270px; left: 553px; top: 370px;" data-block-id="11dbbe715ad1657be734b619087b2938"><div class="sl-block-content fragment" style="z-index: 22;" data-fragment-index="9"><img data-natural-width="240" data-natural-height="180" data-src="containers-under-the-hood/29583aa0f6502646cc4a405a00d175f1.jpg"></div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 374px; left: 560px; top: 656px;" data-block-id="7a9ce50d5a01163ef2eef10457def8bb"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 23;" data-fragment-index="9">
|
|||
|
|
<p><span style="font-size:0.7em"><a href="https://www.flickr.com/photos/27549668@N03/" target="_blank">https://www.flickr.com/photos/27549668@N03/</a></span></p>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#e1efba" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="9a31d21232bc7b9c95cf55dea8c67528"><div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 120px; top: 78px;" data-block-id="11135a000724d114c96b58bb5d604ad3"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11; font-size: 150%;">
|
|||
|
|
<pre>But Wait,
|
|||
|
|
</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 646px; left: 160px; top: 114px;" data-block-id="bd3d0d996b4208b46a3862ed44614235"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12; font-size: 150%;">
|
|||
|
|
<pre>What does "container" mean to you?</pre>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="image" style="min-width: 30px; min-height: 30px; width: 343.816px; height: 335px; left: 0px; top: 176px;" data-block-id="f4653f177194ffaff116424066deb4e0"><div class="sl-block-content fragment" style="z-index: 13;" data-fragment-index="0"><img data-natural-width="468" data-natural-height="456" data-src="containers-under-the-hood/977b27c9a05d9eb092b3d77e0a34d3d8.png"></div></div>
|
|||
|
|
<div class="sl-block" data-block-type="image" style="min-width: 30px; min-height: 30px; width: 663.655px; height: 325px; left: 296px; top: 375px;" data-block-id="821b1c33a0c5d0e3f9dbacdae7f746bb"><div class="sl-block-content fragment" style="z-index: 15;" data-fragment-index="1"><img data-natural-width="972" data-natural-height="476" data-src="containers-under-the-hood/7ca4d0a435f26a7ec50c357e34eb9b3d.png"></div></div></section><section class="has-light-background" data-background-color="#c0e3f1" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="49a2dfcdc8df9ce56c1035590c27344f">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 80px; top: 70px;" data-block-id="bc7f27cad3ee1f362524f5946aad622a"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
|
|||
|
|
<h2>Capabilities</h2>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 696px; left: 133px; top: 234px;" data-block-id="9754e98c187f82e2a48243a6e9f8c970"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;">
|
|||
|
|
<ul>
|
|||
|
|
<li><span style="font-size:1.4em"><a href="http://man7.org/linux/man-pages/man7/capabilities.7.html" target="_blank">capabilities(7)</a></span></li>
|
|||
|
|
<li><span style="font-size:1.4em"><a href="http://man7.org/linux/man-pages/man1/setpriv.1.html" target="_blank">setpriv(1)</a> (only on some versions of util-linux)</span></li>
|
|||
|
|
<li><span style="font-size:1.4em"><a href="http://man7.org/linux/man-pages/man1/capsh.1.html" target="_blank">capsh(1)</a></span></li>
|
|||
|
|
<li><span style="font-size:1.4em"><a href="http://man7.org/linux/man-pages/man5/proc.5.html" target="_blank">proc(5)</a></span></li>
|
|||
|
|
</ul>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 180px; top: 536px;" data-block-id="21348ed8b499257a0a90fc1e6af925c0"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;" data-fragment-index="0">
|
|||
|
|
<h3 style="text-align: center;">Demo</h3>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#9fd4eb" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="6a97bce816ee7e11ab6f7e3a455d62b6"><div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 80px; top: 180px;" data-block-id="ead39a983404074698f4541b6239b726"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;">
|
|||
|
|
<h3>Good Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 240px; top: 350px;" data-block-id="1cc69552c069f448b51235f8c15b5a8c"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;" data-fragment-index="1">
|
|||
|
|
<h3>Bad Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 160px; top: 250px;" data-block-id="c4b1fc7bf3919252d304239833f16615"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;" data-fragment-index="0">
|
|||
|
|
<p><span style="font-size:1.4em">whistling while you work</span></p>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 320px; top: 420px;" data-block-id="006b3056468a2f08e22f0ca47411d4cc"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14;" data-fragment-index="2">
|
|||
|
|
<p><span style="font-size:1.4em">whistling while you eat</span></p>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#7cd5ee" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="59c48b37c55612e6adbe6fb049eeebd3">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 180px; top: 536px;" data-block-id="f2497ca375d453665c9dc38186076b61"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;" data-fragment-index="0">
|
|||
|
|
<h3 style="text-align: center;">Demo</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 600px; left: 80px; top: 70px;" data-block-id="3f80ee47b8c88f45968f0518c1842cb2"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
|
|||
|
|
<h2>Syscalls</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: 237px;" data-block-id="7d4f9e888902845b09ef5cc1e84b33d5"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
|
|||
|
|
<ul>
|
|||
|
|
<li><span style="font-size:1.4em"><a href="https://www.kernel.org/doc/Documentation/prctl/seccomp_filter.txt" target="_blank">seccomp(2)</a></span></li>
|
|||
|
|
<li><span style="font-size:1.4em"><a href="http://man7.org/linux/man-pages/man5/proc.5.html" target="_blank">proc(5)</a> </span></li>
|
|||
|
|
</ul>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#6ec1e3" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="c1264d9df4730181498827bf28207933"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 80px; top: 180px;" data-block-id="f815cc572507a92860e94c9858906040"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;">
|
|||
|
|
<h3>Good Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 240px; top: 350px;" data-block-id="b4f2ca931624dffb4b2135af8f4a78fc"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;" data-fragment-index="1">
|
|||
|
|
<h3>Bad Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 160px; top: 250px;" data-block-id="78e9c65f647ace5f54038e23bf884fa9"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;" data-fragment-index="0">
|
|||
|
|
<p><span style="font-size:1.4em">feeding a stray kitten in the park</span></p>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 320px; top: 420px;" data-block-id="fde5ef7ede9dbf11a0861bad0b238dcc"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14;" data-fragment-index="2">
|
|||
|
|
<p><span style="font-size:1.4em">feeding a stray kitten in the park to a bear</span></p>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#07b9e4" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="3b47d84435e07ab15517984cfe1a8b18">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 180px; top: 536px;" data-block-id="72d18f9dd557ccb1b0fa76fb159b31b4"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;" data-fragment-index="0">
|
|||
|
|
<h3 style="text-align: center;">Demo</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 80px; top: 70px;" data-block-id="4ae0fd637a14827068bcd69f96ed363e"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
|
|||
|
|
<h2>Namespaces</h2>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 160px; top: 237px;" data-block-id="d3e9abe3f3fec259d362e55fb1971421"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="http://man7.org/linux/man-pages/man1/unshare.1.html" target="_blank"><span style="font-size:1.4em">unshare(1)</span></a></li>
|
|||
|
|
<li><a href="http://man7.org/linux/man-pages/man5/proc.5.html" target="_blank"><span style="font-size:1.4em">proc(5)</span></a></li>
|
|||
|
|
<li><a href="http://man7.org/linux/man-pages/man8/lsns.8.html" target="_blank"><span style="font-size:1.4em">lsns(8)</span></a></li>
|
|||
|
|
<li><a href="http://man7.org/linux/man-pages/man1/nsenter.1.html" target="_blank"><span style="font-size:1.4em">nsenter(1)</span></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#d7cde5" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="d5a43d5f049e4fa1881ac73c1f9fc166"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 80px; top: 180px;" data-block-id="fb82519684bb95efa7394b932fc7d8ef"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;">
|
|||
|
|
<h3>Good Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 240px; top: 350px;" data-block-id="5563c07598a2d72a5016648bc3688e2c"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;" data-fragment-index="1">
|
|||
|
|
<h3>Bad Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 160px; top: 250px;" data-block-id="53a8c4b1c3e8fa9dcbc7dda45d75ac32"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;" data-fragment-index="0">
|
|||
|
|
<p><span style="font-size:1.4em">playing catch with your grandpa</span></p>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 320px; top: 420px;" data-block-id="cfcfdd46b879d92cbe95532c28ee647d"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14;" data-fragment-index="2">
|
|||
|
|
<p><span style="font-size:1.4em">playing catch <strong><em>with</em></strong> your grandpa</span></p>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#d7cde5" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="d186c9b1861c62479eba6b6bc12a33cf">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 180px; top: 536px;" data-block-id="e7b5744924ee836dc1ff5e4d4e0aee4e"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;" data-fragment-index="0">
|
|||
|
|
<h3 style="text-align: center;">Demo</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 80px; top: 70px;" data-block-id="9b66faaaac51aadcc261cb484b1374b2"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
|
|||
|
|
<h2>Copy-on-write (COW)</h2>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 160px; top: 237px;" data-block-id="db2c8f03c298093fc42840af524526ae"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
|
|||
|
|
<ul>
|
|||
|
|
<li><a href="http://man7.org/linux/man-pages/man7/lvmthin.7.html" target="_blank"><span style="font-size:1.4em">lvmthin(7)</span></a></li>
|
|||
|
|
<li><a href="http://man7.org/linux/man-pages/man8/btrfs.8.html" target="_blank"><span style="font-size:1.4em">btrfs-subvolume(8)</span></a></li>
|
|||
|
|
<li><a href="https://www.kernel.org/doc/Documentation/filesystems/overlayfs.txt" target="_blank"><span style="font-size:1.4em">overlayFS</span></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#d7cde5" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="d472c6d78cf0c261c9eab26ce1035099"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 80px; top: 180px;" data-block-id="7e8668044b92d37c7075f80d9b3283f1"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;">
|
|||
|
|
<h3>Good Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 240px; top: 350px;" data-block-id="fe6d30f49cd1d9980916acca20294eb1"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;" data-fragment-index="1">
|
|||
|
|
<h3>Bad Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 160px; top: 250px;" data-block-id="013507ab90b081184af3e8406dc3e866"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;" data-fragment-index="0">
|
|||
|
|
<p><span style="font-size:1.4em">being served breakfast in bed</span></p>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 320px; top: 420px;" data-block-id="6f325bd3398249dd6520a58ec7442da3"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14;" data-fragment-index="2">
|
|||
|
|
<p><span style="font-size:1.4em">being served tennis balls in bed</span></p>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#d7cde5" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="643b9b2cf285dcae823b378ab42c45fb">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 80px; top: 70px;" data-block-id="a7cfb9ce96380cbcca56a6f4b0f19c8c"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
|
|||
|
|
<h2>FS *MAGIC*</h2>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 160px; top: 237px;" data-block-id="3220c38b04c9df4ac84cb60b60ed0f5a"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
|
|||
|
|
<p><span style="font-size:1.4em"><a href="https://www.kernel.org/doc/Documentation/filesystems/sharedsubtree.txt" target="_blank">shared subtree propogation</a></span></p>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#ac97ca" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="919550d95a2bba9d0b1ddfaa10f65aaf"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 80px; top: 180px;" data-block-id="f9f206a242adf2053157112c320be1c7"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;">
|
|||
|
|
<h3>Good Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 240px; top: 350px;" data-block-id="1da479534768a499828680988d4a7845"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;" data-fragment-index="1">
|
|||
|
|
<h3>Bad Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 160px; top: 250px;" data-block-id="a763a6aca67816080e0aa4984653d315"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;" data-fragment-index="0">
|
|||
|
|
<p><span style="font-size:1.4em">ordering a chili dog to go</span></p>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 320px; top: 420px;" data-block-id="bdc53413727a2c07a741d7083a454a58"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14;" data-fragment-index="2">
|
|||
|
|
<p><span style="font-size:1.4em">ordering a chili dog that makes you go</span></p>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#ac97ca" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="e0828e87d34b7ea0ac9dca7ee828e00d">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 80px; top: 70px;" data-block-id="7bbc74465b8f4eb110326d79928f3598"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;">
|
|||
|
|
<h2>tar archives</h2>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 160px; top: 237px;" data-block-id="f1778294182ebd575d06c4975eed47ed"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 13;">
|
|||
|
|
<ul>
|
|||
|
|
<li><span style="font-size:1.4em"><a href="http://www.gnu.org/software/tar/manual/html_node/Standard.html" target="_blank">format</a></span></li>
|
|||
|
|
<li><a href="https://github.com/vbatts/tar-split" target="_blank"><span style="font-size:1.4em">tar-split</span></a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div></div></section><section class="has-light-background" data-background-color="#ac97ca" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="41a8b0a4cc812285acca558acb5ca3ae"><div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 80px; top: 180px;" data-block-id="1d8b620207dca1f40dcd56e82fdea0b0"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;">
|
|||
|
|
<h3>Good Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 240px; top: 350px;" data-block-id="edae374a07b6d70a669999738f168b1c"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 11;" data-fragment-index="1">
|
|||
|
|
<h3>Bad Idea:</h3>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 160px; top: 250px;" data-block-id="fb5df49b1728321bf538e9474e61ccad"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;" data-fragment-index="0">
|
|||
|
|
<p><span style="font-size:1.4em">Dressing up at Halloween as a pirate</span></p>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; width: 600px; left: 320px; top: 420px;" data-block-id="b7dfc4c9f553cc6ea2bd0aa2a560905a"><div class="sl-block-content fragment" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 14;" data-fragment-index="2">
|
|||
|
|
<p><span style="font-size:1.4em">Dressing up at Halloween as a piñata</span></p>
|
|||
|
|
</div></div></section><section class="has-dark-background" data-background-color="#cc0000" data-background-image="containers-under-the-hood/60672f0849c5b758b11dc0905dc42c02.svg" data-id="f493b413871c1e2cc59b0016ba9f03db"><div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 292px; left: 334px; top: 584px;" data-block-id="b907e1a44da82b3a5f0e3af6097b2ebf"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 10;">
|
|||
|
|
<h2 style="text-align: center;">Thanks!</h2>
|
|||
|
|
</div></div>
|
|||
|
|
<div class="sl-block" data-block-type="text" style="height: auto; min-width: 30px; min-height: 30px; width: 827px; left: 53px; top: 294px;" data-block-id="ef51e9976de4838e5a1d814b1e95a71f"><div class="sl-block-content" data-placeholder-tag="p" data-placeholder-text="Text" style="z-index: 12;">
|
|||
|
|
<h2 style="text-align: center;">Vincent Batts</h2>
|
|||
|
|
|
|||
|
|
<h2 style="text-align: center;">@vbatts| vbatts@redhat.com</h2>
|
|||
|
|
</div></div></section>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
var SLConfig = {"deck": {"id":740837,"slug":"containers-under-the-hood","title":"Containers: Under the hood [2016 DevNation]","description":"Overview of where we've gotten so far on container standards, and how we're moving forward. The OpenContainer Initiative is the best option for standardizing common interfaces and reducing risk on the long-term for the container ecosystem.","width":960,"height":700,"visibility":"self","published_at":null,"sanitize_messages":null,"thumbnail_url":"https://s3.amazonaws.com/media-p.slid.es/thumbnails/20c1bfc140526fbf0079edd5edbbb355/thumb.jpg","view_count":699,"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":null,"should_loop":false,"share_notes":false,"slide_number":false,"slide_count":19,"rtl":false,"version":2,"collaborative":false,"deck_user_editor_limit":1,"data_updated_at":1467301396543,"font_typekit":null,"font_google":null,"notes":{"b7d8b0e84f42a99bd85a74cb3f49f839":"Tooling and sprawl. So many reinventions of the wheel.\nxdg-app and bubblewrap","9a31d21232bc7b9c95cf55dea8c67528":"Ask the audience to shout out some words.\nBuild system? pushing images? Immutable runtime?","92f87b47321515efd469a6b7fdd0b7b8":"Packages? \nLike distributing file systems?\nOh my god no. We _solved_ that problem already.\n\nLet's stick all these packages in an even bigger package","59c48b37c55612e6adbe6fb049eeebd3":"And lets work our way back down from cloud.\n\nDrive common container standards for internet-scale computing. \nMany companies/people working together.","ade1d1532b65f5cd89c0534356bcd58a":"It's an all new API and model for networking.\nDifficult for outside plugins to maintain their own state.\nRequires libkv integration, likely needing another daemon to the infrastructure.","b5810a00d5ba26824cc9f8c7bdc560a0":"spec-first\nStaged approach for sandbox and exec\nDefines pod for groups of applications as a service","b99e1461d3f88260c9845321cab9a9a6":"\nmore of a singular approach. a binary to be exec'ed.\nsingle applications. specific to instance of the container.","fe0b3035817b0010681e9dcb95645309":"tar archives!\n\nInitially not content addressable. nor signable.","3c8420c074073c8d0600122a5add94ee":"tar archives!","36ce870c10e084014b7ba91b330f8250":"Ridiculous Contentions?\nAversion to being humble?\n\nIs this about being able to have a build of an image last forever? I sure hope not.\nBut your tooling and infrastructure ought not have pervasive churn with every upstream release. ","b40af9a3eee5d605371b2434fb4b6587":"With many of the neat tools that are coming out, folks see that the tools may solve a use-case of theirs, but are far to often overlooking the added difficulty in committing to that specific tooling.\n\nCommon standards are here for you, and intended to be broadly usable. It is through vetting and adoption from you, that that happens.\n\nIf your entire workflow, or business, becomes dependent on the way a particular tool does X, that should be a red flag of risk.","bb89c31aabf25cfcbe365755ec9d0300":"v1 is intended to be generally the infrastructure that many have already been working on.\nOnce we're all on the same open page, then we can continue improving the baseline together.\n\nEnsuring that a \"container integration\" done today, is not _completely_ broken on the next minor release of some tool. If a switch is needed, it ought not demand re-architecture.\n\nMaybe not tarballs
|
|||
|
|
|
|||
|
|
SLConfig.theme = {"id":176,"created_at":"2014-05-27T12:38:16.183Z","updated_at":"2018-05-04T07:53:25.097Z","name":"Red Hat Corporate","thumbnail_url":"https://s3.amazonaws.com/media-p.slid.es/thumbnails/66755080be2b0c8c0146bfa70069ef16/thumb.jpg?1525420403","sanitize_messages":null,"slide_template_ids":[56706,56689,28642,36442,27160,26765,26762,56684,56696,56704,56703],"font_typekit":"","font_google":"","width":960,"height":700};
|
|||
|
|
|
|||
|
|
// Use local fonts
|
|||
|
|
SLConfig.fonts_url = 'lib/fonts/';
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script src="lib/head.min.js"></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,
|
|||
|
|
|
|||
|
|
controls: true,
|
|||
|
|
progress: true,
|
|||
|
|
history: true,
|
|||
|
|
mouseWheel: false,
|
|||
|
|
showNotes: false,
|
|||
|
|
slideNumber: false,
|
|||
|
|
|
|||
|
|
autoSlide: 0 || 0,
|
|||
|
|
autoSlideStoppable: true,
|
|||
|
|
|
|||
|
|
center: false,
|
|||
|
|
shuffle: false,
|
|||
|
|
loop: false,
|
|||
|
|
rtl: false,
|
|||
|
|
|
|||
|
|
transition: "none",
|
|||
|
|
backgroundTransition: "none",
|
|||
|
|
|
|||
|
|
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', async: true, callback: function() { hljs.initHighlighting(); hljs.initHighlightingOnLoad(); } },
|
|||
|
|
{ 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"]);
|
|||
|
|
|
|||
|
|
(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>
|