merge(#126): Stencil One

deckgo · Jun 4, 2019 · 44b4334 · 44b4334
2 parents c6ea011 + 2f7bc40
commit 44b4334
Show file tree

Hide file tree

Showing 187 changed files with 4,726 additions and 39,382 deletions.
diff --git a/docs/docs/components/app-components-inline-editor/app-components-inline-editor.md b/docs/docs/components/app-components-inline-editor/app-components-inline-editor.md
@@ -25,11 +25,11 @@ The "WYSIWYG inline editor" component is an extra component which will be use in
 
   <p style={{color: '#3880ff'}} contenteditable slot="content">Edit anywhere, display everywhere (editable paragraph)</p>
 
-  <p style={{width: '200px'}} contenteditable><img style={{'max-width': '100%'}} src="https://pixabay.com/get/ea34b50f2cfd033ed1584d05fb1d4794e070e2d71eb80c4090f5c679a2edb4b0d8_1280.jpg"/></p>
+  <p style={{width: '200px'}} contenteditable><img style={{'max-width': '100%'}} src="https://deckdeckgo.com/assets/img/deckdeckgo.png"/></p>
 
 </div>
 
-<deckgo-inline-editor sticky-desktop="true" sticky-mobile="true" containers="h1,h2,h3,h4,h5,h6,p"></deckgo-inline-editor>
+<deckgo-inline-editor sticky-mobile="true" containers="h1,h2,h3,h4,h5,h6,p"></deckgo-inline-editor>
 
 ## Getting started
 

diff --git a/docs/docs/slides/app-slide-author/app-slide-author.md b/docs/docs/slides/app-slide-author/app-slide-author.md
@@ -15,7 +15,7 @@ The "Author" slide let you introduce the author of the presentation.
 
 ## Layout
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-author img-src="https://secure.meetupstatic.com/photos/member/9/c/4/2/member_272620002.jpeg">
         <h1 slot="title">slot="title"</h1>

diff --git a/docs/docs/slides/app-slide-chart/app-slide-chart.md b/docs/docs/slides/app-slide-chart/app-slide-chart.md
@@ -15,7 +15,7 @@ The "Chart" slide let you draw easily charts in your presentation.
 
 ## Layout
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-chart width={200} height={100} src="https://raw.githubusercontent.com/deckgo/deckdeckgo/master/webcomponents/charts/showcase/data-pie-chart.csv">
       <h1 slot="title">slot="title"</h1>

diff --git a/docs/docs/slides/app-slide-code/app-slide-code.md b/docs/docs/slides/app-slide-code/app-slide-code.md
@@ -19,7 +19,7 @@ The "Code" slide is a the slide to use if you would like to showcase code during
 
 ## Layout
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-code src="https://raw.githubusercontent.com/deckgo/deckdeckgo/master/webcomponents/core/src/components/slides/deckdeckgo-slide-code/deckdeckgo-slide-code.tsx">
           <h1 slot="title">slot="title"</h1>

diff --git a/docs/docs/slides/app-slide-content/app-slide-content.md b/docs/docs/slides/app-slide-content/app-slide-content.md
@@ -16,7 +16,7 @@ This slide could be for example use for the every slides of your presentation wh
 
 ## Layout
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-content>
         <h1 slot="title">Something related to my topic</h1>

diff --git a/docs/docs/slides/app-slide-gif/app-slide-gif.md b/docs/docs/slides/app-slide-gif/app-slide-gif.md
@@ -15,7 +15,7 @@ The "Gif" slide let you add easily a gif, like those provided by [Giphy](https:/
 
 ## Layout
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-gif src="https://media.giphy.com/media/xUA7baWfTjfHGLZc3e/giphy.gif" alt="My gif" fullscreen={true}>
       <h1 slot="title">My title</h1>

diff --git a/docs/docs/slides/app-slide-qrcode/app-slide-qrcode.md b/docs/docs/slides/app-slide-qrcode/app-slide-qrcode.md
@@ -17,7 +17,7 @@ The "QR code" slide is an handy slide in case you would like to display a QR cod
 
 ## Layout
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-qrcode content="https://deckdeckgo.com">
         <h1 slot="title">slot="title"</h1>

diff --git a/docs/docs/slides/app-slide-split/app-slide-split.md b/docs/docs/slides/app-slide-split/app-slide-split.md
@@ -13,7 +13,7 @@ The "Split" slide is a simple slide which display two panes on the page.
 
 ## Layout
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-split>
         <h1 slot="title">Two columns subject</h1>

diff --git a/docs/docs/slides/app-slide-title/app-slide-title.md b/docs/docs/slides/app-slide-title/app-slide-title.md
@@ -16,7 +16,7 @@ This slide could be for example use for the very first and last slide of your pr
 
 ## Layout
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-title>
       <h1 slot="title">My presentation title</h1>

diff --git a/docs/docs/slides/app-slide-youtube/app-slide-youtube.md b/docs/docs/slides/app-slide-youtube/app-slide-youtube.md
@@ -17,7 +17,7 @@ The "Youtube" slide let you add easily a [Youtube](https://youtube.com) video to
 
 ## Layout
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-youtube src="https://www.youtube.com/watch?v=oUOjJIfPIjw">
       <h1 slot="title">A 16/9 video</h1>

diff --git a/docs/docs/slides/app-slides-concept/app-slides-concept.md b/docs/docs/slides/app-slides-concept/app-slides-concept.md
@@ -27,7 +27,7 @@ In the previous example, the presentation contains two slides. The first slide u
 
 * Slide: [Title](/slides/title)
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-title>
         <h1 slot="title">slot="title"</h1>
@@ -40,7 +40,7 @@ In the previous example, the presentation contains two slides. The first slide u
 
 * Slide: [Content](/slides/content)
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-content>
       <h1 slot="title">slot="title"</h1>
@@ -53,7 +53,7 @@ In the previous example, the presentation contains two slides. The first slide u
 
 * Slide: [Split](/slides/split)
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-split>
       <h1 slot="title">slot="title"</h1>
@@ -69,7 +69,7 @@ In the previous example, the presentation contains two slides. The first slide u
 
 * Slide: [Gif](/slides/gif)
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-gif src="https://media.giphy.com/media/xUA7baWfTjfHGLZc3e/giphy.gif" alt="My gif" fullscreen={true}>
       <h1 slot="title">slot="title"</h1>
@@ -81,7 +81,7 @@ In the previous example, the presentation contains two slides. The first slide u
 
 * Slide: [Chart](/slides/chart)
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-chart width={200} height={100} src="https://raw.githubusercontent.com/fluster/deckdeckgo-charts/master/showcase/data-pie-chart.csv">
       <h1 slot="title">slot="title"</h1>
@@ -101,7 +101,7 @@ In the previous example, the presentation contains two slides. The first slide u
 
 * Slide: [Youtube](/slides/youtube)
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-youtube src="https://www.youtube.com/watch?v=oUOjJIfPIjw">
       <h1 slot="title">slot="title"</h1>
@@ -111,7 +111,7 @@ In the previous example, the presentation contains two slides. The first slide u
 
 * Slide: [Code](/slides/code)
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-code src="https://raw.githubusercontent.com/fluster/deckdeckgo/master/src/components/slides/deckdeckgo-slide-code/deckdeckgo-slide-code.tsx">
       <h1 slot="title">slot="title"</h1>
@@ -122,7 +122,7 @@ In the previous example, the presentation contains two slides. The first slide u
 * Slide: [Author](/slides/author)
 
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-author img-src="https://secure.meetupstatic.com/photos/member/9/c/4/2/member_272620002.jpeg">
         <h1 slot="title">slot="title"</h1>
@@ -135,7 +135,7 @@ In the previous example, the presentation contains two slides. The first slide u
 
 * Slide: [QR Code](/slides/qrcode)
 
-<div class="container" margin>
+<div class="container ion-margin">
   <deckgo-deck embedded={true}>
     <deckgo-slide-qrcode content="https://deckdeckgo.com">
         <h1 slot="title">slot="title"</h1>