Merge pull request #64 from siemens/develop

docs: new presentations video links
siemens · Aug 16, 2024 · 676d41d · 676d41d
2 parents d035a98 + fce5df9
commit 676d41d
Show file tree

Hide file tree

Showing 6 changed files with 63 additions and 0 deletions.
diff --git a/docs/_images/thumbnails/containerlab-edgeshark-24.png b/docs/_images/thumbnails/containerlab-edgeshark-24.png
diff --git a/docs/_images/thumbnails/sharkfest-eu-23.png b/docs/_images/thumbnails/sharkfest-eu-23.png
diff --git a/docs/_images/thumbnails/zug-24.png b/docs/_images/thumbnails/zug-24.png
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
@@ -1,5 +1,6 @@
 <!-- markdownlint-disable-next-line MD041 -->
 * [Introduction](/) <!-- homepage pitfall, https://github.com/docsifyjs/docsify/issues/1131 -->
+* [Presentations](presentations)
 * [Getting started](getting-started)
 * [Getting around](getting-around)
   * [Sidebar & Help](sidebar-help)

diff --git a/docs/index.html b/docs/index.html
@@ -50,6 +50,46 @@
     /* theming hack */
   }
 
+  /* don't adorn external video links */
+  a[target="_blank"]:not(.github-corner):not(.noext).video::after {
+    background: none;
+  }
+
+  a.video {
+    position: relative;
+    display: inline-block;
+  }
+
+  a.video::before {
+    content: '⯈';
+    color: transparent;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    font-size: 4ex;
+    width: 2.5em;
+    background-color: rgba(200, 0, 0, 0.8);
+    border-radius: 0.5ex;
+    border-width: 0;
+    transform: translate(-50%, -50%);
+    text-align: center;
+  }
+
+  a.video::after {
+    content: '';
+    position: absolute;
+    box-sizing: border-box;
+    top: 50%;
+    left: 50%;
+    width: 0;
+    height: 0;
+    border-width: 1em;
+    border-style: solid;
+    border-color: transparent transparent transparent #fff;
+    transform: scaleX(1.75) translateY(-50%);
+    filter: none !important;
+  }
+
   /* 
      * Now this is what might be called a CSS hack: we have to deal with
      * changing the fill/stroke colors of SVG icons that have been inlined using

diff --git a/docs/presentations.md b/docs/presentations.md
@@ -0,0 +1,22 @@
+# Presentations
+
+## SharkFest'23 Brussels
+
+Walkthrough with background information on the virtual network elements used in
+Docker networking.
+
+[![Live capture in containers from the comfort of your
+desktop](_images/thumbnails/sharkfest-eu-23.png)](https://www.youtube.com/watch?v=53dUH6cZ9rc ':class=video')
+
+## Edgeshark & Containerlab
+
+User testimonial and Edgeshark introduction by Ronan Dodin (product line manager
+at Nokia), with the focus on captures from the UI.
+
+[![Edgeshark & Containerlab](_images/thumbnails/containerlab-edgeshark-24.png)](https://www.youtube.com/watch?v=iY90a_Gn5W0 ':class=video')
+
+## Architecture of Magic
+
+A more thorough look below the surface into how Edgeshark actually works.
+
+[![Architecture of Magic @ Zug](_images/thumbnails/zug-24.png)](https://www.youtube.com/watch?v=YkJ5S76YmgU ':class=video')