Website build Website/master-205
diff --git a/about/index.html b/about/index.html
index e4c1c54..eec91af 100644
--- a/about/index.html
+++ b/about/index.html
@@ -73,11 +73,16 @@
 
     <main id="main" role="main" >
       <div class="container mt-5">
-<h1>About</h1>
-<p class="lead">Eclipse IoT packages provide recipes for combining Eclipse IoT projects, to solve real world IoT problems.</p>
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>About</h1>
+<p class="lead">Eclipse IoT packages provide recipes for combining Eclipse IoT projects, to solve real world IoT problems.</p></div>
+  
+  </div>
 </div>
 
 
+
 <div class="container">
 <div class="row">
 <div class="col-md-9">
diff --git a/contribute/index.html b/contribute/index.html
index a7e3f80..6a174ac 100644
--- a/contribute/index.html
+++ b/contribute/index.html
@@ -73,12 +73,17 @@
 
     <main id="main" role="main" >
       <div class="container mt-5">
-<h1>Contributions welcome</h1>
-<p class="lead">Contributions to this project are very welcome. And contributions can come in many different forms, one of the is code.</p>
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Contributions welcome</h1>
+<p class="lead">Contributions to this project are very welcome. And contributions can come in many different forms, one of the is code.</p></div>
+  
+  </div>
 </div>
 
 
 
+
 <div class="container">
 <h2 id="providing-feedback">Providing feedback</h2>
 
diff --git a/faq/index.html b/faq/index.html
index 5fd89b5..50657c8 100644
--- a/faq/index.html
+++ b/faq/index.html
@@ -73,12 +73,17 @@
 
     <main id="main" role="main" >
       <div class="container mt-5">
-<h1>Questions and answers</h1>
-<p class="lead">You have questions? We might have some answers!</p>
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Questions and answers</h1>
+<p class="lead">You have questions? We might have some answers!</p></div>
+  
+  </div>
 </div>
 
 
 
+
 <div class="container">
 <section>
 <h2>Questions</h2>
diff --git a/images/new-project.svg b/images/new-project.svg
index 61a00f4..29ade4c 100644
--- a/images/new-project.svg
+++ b/images/new-project.svg
@@ -1,19 +1,19 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    id="svg8"
    version="1.1"
    viewBox="0 0 70 39.375"
    height="39.375mm"
    width="70mm"
    sodipodi:docname="new-project.svg"
-   inkscape:version="0.92.4 5da689c313, 2019-01-14">
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
   <sodipodi:namedview
      pagecolor="#ffffff"
      bordercolor="#666666"
@@ -23,17 +23,19 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="1483"
-     inkscape:window-height="892"
+     inkscape:window-width="2364"
+     inkscape:window-height="1492"
      id="namedview18"
      showgrid="false"
      inkscape:zoom="2.4592396"
-     inkscape:cx="106.59517"
-     inkscape:cy="18.707362"
-     inkscape:window-x="2095"
-     inkscape:window-y="107"
+     inkscape:cx="63.840872"
+     inkscape:cy="18.704969"
+     inkscape:window-x="631"
+     inkscape:window-y="181"
      inkscape:window-maximized="0"
-     inkscape:current-layer="svg8" />
+     inkscape:current-layer="svg8"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm" />
   <defs
      id="defs2" />
   <metadata
@@ -44,7 +46,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -57,11 +59,11 @@
      y="-0.4303498" />
   <g
      id="layer1"
-     transform="matrix(0.6630212,0,0,0.6630212,-30.155064,-73.053212)"
+     transform="matrix(0.6630212,0,0,0.6630212,-26.215901,-73.053212)"
      style="fill:#999999">
     <text
        xml:space="preserve"
-       style="font-style:normal;font-weight:normal;font-size:40.80289459px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#999999;fill-opacity:1;stroke:none;stroke-width:1.02007234"
+       style="font-style:normal;font-weight:normal;font-size:40.8029px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#999999;fill-opacity:1;stroke:none;stroke-width:1.02007"
        x="80.699898"
        y="152.22205"
        id="text81"><tspan
@@ -69,10 +71,10 @@
          x="80.699898"
          y="152.22205"
          id="tspan79"
-         style="fill:#999999;stroke-width:1.02007234"><tspan
+         style="fill:#999999;stroke-width:1.02007"><tspan
            x="80.699898"
            y="152.22205"
            id="tspan77"
-           style="fill:#999999;stroke-width:1.02007234">+</tspan></tspan></text>
+           style="fill:#999999;stroke-width:1.02007">+</tspan></tspan></text>
   </g>
 </svg>
diff --git a/index.html b/index.html
index 61ada1a..3f9399b 100644
--- a/index.html
+++ b/index.html
@@ -132,6 +132,36 @@
     <a href="/packages/packages/cloud2edge/" class="card-link">Get Started!</a>
   </div>
 </div>
+
+<div class="card">
+
+  <a href="/packages/packages/telemetry-e2e/">
+    <img src="/packages/packages/telemetry-e2e/images/telemetry-e2e-icon.svg" class="card-img-top" alt="" />
+  </a>
+
+  <div class="card-body">
+    <h5 class="card-title">Telemetry end-to-end</h5>
+    <p class="card-text">
+      A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process.
+    </p>
+  </div>
+
+  <div class="card-body d-flex pt-0">
+    <dl class="align-self-end mb-0">
+      <dt>Contains:</dt>
+      <dd>
+        <a target="_blank" href="https://eclipse.org/ditto" title="Eclipse Ditto™">Ditto</a>, 
+        <a target="_blank" href="https://eclipse.org/kura" title="Eclipse Kura™">Kura</a>, 
+        <a target="_blank" href="https://eclipse.org/mosquitto" title="Eclipse Mosquitto">Mosquitto</a>, 
+        <a target="_blank" href="https://eclipse.org/streamsheets" title="Eclipse Streamsheets™">Streamsheets</a>
+      </dd>
+    </dl>
+  </div>
+
+  <div class="card-footer text-right">
+    <a href="/packages/packages/telemetry-e2e/" class="card-link">Get Started!</a>
+  </div>
+</div>
 <div class="card">
   <img src="/packages/images/new-project.svg" class="card-img-top" style="object-fit: cover;" alt="Contribute new package" />
   <div class="card-body">
@@ -145,6 +175,7 @@
 
 </div>
 
+
 </div>
 
     </main>
diff --git a/packages/cloud2edge/index.html b/packages/cloud2edge/index.html
index 1a3fceb..4e02675 100644
--- a/packages/cloud2edge/index.html
+++ b/packages/cloud2edge/index.html
@@ -73,12 +73,24 @@
 </nav></header>
 
     <main id="main" role="main" >
-      <div class="container mt-5">
-<h1>Cloud2Edge</h1>
-<p class="lead">A package connecting and managing sensor style devices. Connecting sensors to the cloud and processing data with a digital twin platform.</p>
-</div><div class="container mt-5">
+      
 
-<nav class="nav nav-pills nav-fill mt-5 mb-5"><a class="nav-item nav-link  active" href="/packages/packages/cloud2edge/">Overview</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/installation/">Installation</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/learn/">Learn more</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/tour/">Take a tour</a></nav><p>
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Cloud2Edge</h1>
+<p class="lead">A package connecting and managing sensor style devices. Connecting sensors to the cloud and processing data with a digital twin platform.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/cloud2edge/images/c2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link  active" href="/packages/packages/cloud2edge/">Overview</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/installation/">Installation</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/learn/">Learn more</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/tour/">Take a tour</a></nav><p>
 In order to have a better understanding, the following diagram will give you a brief overview of the package.
 </p>
 
diff --git a/packages/cloud2edge/installation/index.html b/packages/cloud2edge/installation/index.html
index 8e78ad4..5fdf719 100644
--- a/packages/cloud2edge/installation/index.html
+++ b/packages/cloud2edge/installation/index.html
@@ -73,12 +73,24 @@
 </nav></header>
 
     <main id="main" role="main" >
-      <div class="container mt-5">
-<h1>Cloud2Edge</h1>
-<p class="lead">A package connecting and managing sensor style devices. Connecting sensors to the cloud and processing data with a digital twin platform.</p>
-</div><div class="container mt-5">
+      
 
-<nav class="nav nav-pills nav-fill mt-5 mb-5"><a class="nav-item nav-link " href="/packages/packages/cloud2edge/">Overview</a><a class="nav-item nav-link  active" href="/packages/packages/cloud2edge/installation/">Installation</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/learn/">Learn more</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/tour/">Take a tour</a></nav>
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Cloud2Edge</h1>
+<p class="lead">A package connecting and managing sensor style devices. Connecting sensors to the cloud and processing data with a digital twin platform.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/cloud2edge/images/c2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/cloud2edge/">Overview</a><a class="nav-item nav-link  active" href="/packages/packages/cloud2edge/installation/">Installation</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/learn/">Learn more</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/tour/">Take a tour</a></nav>
 <div class="row">
 
 <div class="col-12 col-md-8 col-lg-9">
diff --git a/packages/cloud2edge/learn/index.html b/packages/cloud2edge/learn/index.html
index e4a5940..181b59c 100644
--- a/packages/cloud2edge/learn/index.html
+++ b/packages/cloud2edge/learn/index.html
@@ -73,12 +73,24 @@
 </nav></header>
 
     <main id="main" role="main" >
-      <div class="container mt-5">
-<h1>Cloud2Edge</h1>
-<p class="lead">A package connecting and managing sensor style devices. Connecting sensors to the cloud and processing data with a digital twin platform.</p>
-</div><div class="container mt-5">
+      
 
-<nav class="nav nav-pills nav-fill mt-5 mb-5"><a class="nav-item nav-link " href="/packages/packages/cloud2edge/">Overview</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/installation/">Installation</a><a class="nav-item nav-link  active" href="/packages/packages/cloud2edge/learn/">Learn more</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/tour/">Take a tour</a></nav><div class="row">
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Cloud2Edge</h1>
+<p class="lead">A package connecting and managing sensor style devices. Connecting sensors to the cloud and processing data with a digital twin platform.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/cloud2edge/images/c2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/cloud2edge/">Overview</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/installation/">Installation</a><a class="nav-item nav-link  active" href="/packages/packages/cloud2edge/learn/">Learn more</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/tour/">Take a tour</a></nav><div class="row">
 
 <div class="col-12 col-md-8 col-lg-9">
     <h2 id="functionality">Functionality</h2>
diff --git a/packages/cloud2edge/tour/index.html b/packages/cloud2edge/tour/index.html
index abe7437..c414ade 100644
--- a/packages/cloud2edge/tour/index.html
+++ b/packages/cloud2edge/tour/index.html
@@ -73,12 +73,24 @@
 </nav></header>
 
     <main id="main" role="main" >
-      <div class="container mt-5">
-<h1>Cloud2Edge</h1>
-<p class="lead">A package connecting and managing sensor style devices. Connecting sensors to the cloud and processing data with a digital twin platform.</p>
-</div><div class="container mt-5">
+      
 
-<nav class="nav nav-pills nav-fill mt-5 mb-5"><a class="nav-item nav-link " href="/packages/packages/cloud2edge/">Overview</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/installation/">Installation</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/learn/">Learn more</a><a class="nav-item nav-link  active" href="/packages/packages/cloud2edge/tour/">Take a tour</a></nav>
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Cloud2Edge</h1>
+<p class="lead">A package connecting and managing sensor style devices. Connecting sensors to the cloud and processing data with a digital twin platform.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/cloud2edge/images/c2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/cloud2edge/">Overview</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/installation/">Installation</a><a class="nav-item nav-link " href="/packages/packages/cloud2edge/learn/">Learn more</a><a class="nav-item nav-link  active" href="/packages/packages/cloud2edge/tour/">Take a tour</a></nav>
 <div class="row">
 
 <div class="col-12 col-md-8 col-lg-9">
diff --git a/packages/telemetry-e2e/10-installation-cloud/index.html b/packages/telemetry-e2e/10-installation-cloud/index.html
new file mode 100644
index 0000000..1348b7a
--- /dev/null
+++ b/packages/telemetry-e2e/10-installation-cloud/index.html
@@ -0,0 +1,414 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="/packages/assets/bootstrap/bootstrap.min.css">
+
+    <title>Cloud</title>
+
+    <link rel="stylesheet" href="/packages/assets/css/style.css">
+    <script src="/packages/assets/js/code.js"></script>
+    
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:image" content="https://eclipse.org/packages/images/icon/twitter_icon.png"/>
+<meta name="twitter:title" content="Telemetry end-to-end | Cloud"/>
+<meta name="twitter:description" content="Installations instructions for the Telemetry end-to-end package."/>
+
+
+    <link rel="icon" type="image/svg+xml" href="/packages/images/icon/icon.svg" sizes="any">
+    <link rel="icon" href="/packages/images/icon/icon.png" sizes="192x192">
+    <link rel="apple-touch-icon-precomposed" href="/packages/images/icon/icon_apple.png" sizes="180x180">
+
+</head>
+
+<body>
+
+    <header>
+<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
+  <div class="container">
+    <a class="navbar-brand" href="/packages/">
+      <img src="/packages/images/icon_brand_navbar.svg" width="30" height="30" alt="Eclipse IoT Packages™">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav mr-auto"><li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/about/">About</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/faq/">FAQ</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/contribute/">Contribute</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/prereqs/">Prerequisites</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/repository/">Repository</a>
+        </li>
+        </ul>
+    </div>
+  </div>
+</nav></header>
+
+    <main id="main" role="main" >
+      
+
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Telemetry end-to-end</h1>
+<p class="lead">A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/telemetry-e2e/images/telemetry-e2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/">Overview</a><a class="nav-item nav-link  active" href="/packages/packages/telemetry-e2e/10-installation-cloud/">Cloud</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/20-installation-gateway/">Gateway</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/30-installation-device/">Device</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/40-using/">Using it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/50-understand/">Understanding it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/60-alternatives/">Alternatives</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/70-cheating/">Cheating</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/90-learn/">Learn more</a></nav>
+<div class="row">
+
+<div class="col-12 col-md-8 col-lg-9">
+
+    <p>You will need a Kubernetes instance, the <code class="language-plaintext highlighter-rouge">kubectl</code> and the <code class="language-plaintext highlighter-rouge">helm</code> tool in order to deploy this package.
+Please refer to our <a href="/packages/prereqs">pre-requisites</a> page for details.</p>
+
+    <p>You might also want to <a href="https://github.com/drogue-iot/drg#installation">install the Drogue IoT command line tool</a> named <code class="language-plaintext highlighter-rouge">drg</code>.</p>
+
+    <p>While technically any Kubernetes cluster will do, this tutorial focuses on Minikube to keep things as simple
+as possible. When using Kind or any other Kubernetes cluster, some commands might need to be tweaked a bit.</p>
+
+    <h2 id="minikube">Minikube</h2>
+
+    <p>The following command starts up a Minikube cluster suitable for this package:</p>
+
+    <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>minikube start --cpus 4 --memory 8192 --disk-size 20gb --addons ingress
+</code></pre></div>    </div>
+
+    <p>Be sure the run the load balancer tunnel, once the instance is started:</p>
+
+    <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>minikube tunnel # do not abort this command or close the terminal it is running in
+</code></pre></div>    </div>
+
+    <h2 id="check-access">Check access</h2>
+
+    <p>Be sure that you are logged in to your Kubernetes cluster:</p>
+
+    <div class="clipboard"><pre><code>kubectl version</code></pre></div>
+
+    <p>This should print out the version of the client, but must also print out the version of the server.</p>
+
+    <p><details><summary>Example output</summary><div>
+          <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Client Version: version.Info{Major:"1", Minor:"22", GitVersion:"v1.22.2", GitCommit:"8b5a19147530eaac9476b0ab82980b4088bbc1b2", GitTreeState:"clean", BuildDate:"2021-09-15T21:38:50Z", GoVersion:"go1.16.8", Compiler:"gc", Platform:"linux/amd64"}
+Server Version: version.Info{Major:"1", Minor:"22", GitVersion:"v1.22.2", GitCommit:"8b5a19147530eaac9476b0ab82980b4088bbc1b2", GitTreeState:"clean", BuildDate:"2021-09-15T21:32:41Z", GoVersion:"go1.16.8", Compiler:"gc", Platform:"linux/amd64"}
+</code></pre></div>          </div>
+        </div></details></p>
+
+    <h2 id="install-the-package">Install the package</h2>
+
+    <p>This package consists of multiple components. Some of them are installed in the Kubernetes cluster, while the
+IoT gateway and the device firmware are naturally installed in dedicated devices.</p>
+
+    <p>This page describes the installation of the cluster components, which is orchestrated using an overarching Helm
+chart.</p>
+
+    <p>Assuming you are using Minikube, or have full cluster access, you can simply install this be running the following
+Helm command:</p>
+
+    <div class="clipboard"><pre><code>DOMAIN=.$(minikube ip).nip.io
+helm upgrade --install eclipse-iot-telemetry eclipse-iot/telemetry-e2e \
+  --timeout 30m \
+  --set global.domain=$DOMAIN</code></pre></div>
+
+    <div role="alert" class="alert alert-warning"><h4 class="alert-heading">Ingress validation error </h4>
+
+It may be that the deployment fails due to some "ingress" validation error. This is a know issue in the
+NGINX ingress controllers (see <a class="alert-link" href="https://github.com/kubernetes/ingress-nginx/issues/6245" target="_blank">#6245</a>). Unfortunately,
+there is currently no proper fix for this.
+
+<hr />
+
+<p>However, a workaround exists. You can delete the validation webhook causing the issue:</p>
+<div class="clipboard"><pre><code>kubectl delete validatingwebhookconfigurations ingress-nginx-admission</code></pre></div>
+
+<p class="mb-0">After that, re-run the <code>helm upgrade</code> command above.</p>
+
+</div>
+
+    <h2 id="be-patient">Be patient</h2>
+
+    <p>Depending on your internet speed and overall I/O and CPU performance, this installation may take a bit. Normally it
+will finish in around 15 minutes.</p>
+
+    <p>Assuming you have the <code class="language-plaintext highlighter-rouge">watch</code> command, you can watch the progress using the following command:</p>
+
+    <div class="clipboard"><pre><code>watch kubectl get pods</code></pre></div>
+
+    <h2 id="once-it-is-ready">Once it is ready</h2>
+
+    <p>Once the installation is ready, the Helm command will print out some details on the installation.</p>
+
+    <p>This will also give you the URL to the web console and the command as well as the access credentials.</p>
+
+    <h2 id="what-is-next">What is next?</h2>
+
+    <p>Go to the next page and set up the IoT gateway.</p>
+
+  </div>
+
+<div class="col-12 col-md-4 col-lg-3 
+
+">
+
+    <div class="card req-card">
+  <div class="card-header text-center"><h5>Requirements</h5></div>
+  <ul class="list-group list-group-flush">
+
+
+
+
+
+
+<li class="list-group-item">
+
+<dl class="row">
+<dt class="col-sm-6">Kubernetes</dt>
+<dd class="col-sm-6 text-right">1.19.x</dd>
+</dl>
+
+</li>
+
+
+
+
+<li class="list-group-item">
+
+<dl class="row">
+<dt class="col-sm-6">CPUs</dt>
+<dd class="col-sm-6 text-right">4</dd>
+</dl>
+
+</li>
+
+
+
+
+<li class="list-group-item">
+
+<dl class="row">
+<dt class="col-sm-6">Memory</dt>
+<dd class="col-sm-6 text-right">8192 MiB</dd>
+</dl>
+
+</li>
+
+
+
+
+<li class="list-group-item">
+
+<dl class="row">
+<dt class="col-sm-6">Disk</dt>
+<dd class="col-sm-6 text-right">20 GiB</dd>
+</dl>
+
+</li>
+
+
+  </ul>
+  
+  <div class="card-body"><p>Will require cluster admin privileges and an active Ingress controller.</p> <p>You will also need a micro:bit&nbsp;v2 and a Raspberry&nbsp;Pi&nbsp;3+ to get the most out of this package.</p></div>
+  
+</div>
+
+    <p>
+
+
+<div class="position-sticky" style="top: 4rem;">
+
+
+<aside>
+<div class="card">
+<div class="card-body">
+<h5 class="card-title">Table of contents</h5>
+<div id="toc" class="toc"></div>
+</div>
+</div>
+</aside>
+
+<script>generateToc("#toc", "h2[id], h3[id], h4[id]");</script>
+
+
+</div>
+
+
+
+</p>
+
+  </div>
+
+</div>
+
+</div>
+
+    </main>
+
+    <footer class="page-footer">
+
+    <div class="container">
+
+    <div class="row">
+
+    
+
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT Packages</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/">Home</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/about">About</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/contribute">Contribute</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/security">Security</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://iot.eclipse.org">Top Level Project</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/workinggroups/iotwg_charter.php">Working group</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Legal</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal">Legal Resources</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse Foundation</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/org">About us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/contact.php">Contact us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/directors.php">Board of Directors</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+    
+    </div>
+
+    
+    <div class="row">
+        <div class="col-12 col-md text-muted">Copyright © Eclipse Foundation, Inc. All Rights Reserved.</div>
+    </div>
+    
+
+    </div>
+
+</footer>
+
+
+    <script src="/packages/assets/popper.min.js"></script>
+    <script src="/packages/assets/jquery.min.js"></script>
+    <script src="/packages/assets/bootstrap/bootstrap.min.js"></script>
+
+    <script src="/packages/assets/clipboard.min.js"></script>
+    <script src="/packages/assets/clipboard.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/packages/telemetry-e2e/20-installation-gateway/index.html b/packages/telemetry-e2e/20-installation-gateway/index.html
new file mode 100644
index 0000000..9ec1031
--- /dev/null
+++ b/packages/telemetry-e2e/20-installation-gateway/index.html
@@ -0,0 +1,511 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="/packages/assets/bootstrap/bootstrap.min.css">
+
+    <title>Gateway</title>
+
+    <link rel="stylesheet" href="/packages/assets/css/style.css">
+    <script src="/packages/assets/js/code.js"></script>
+    
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:image" content="https://eclipse.org/packages/images/icon/twitter_icon.png"/>
+<meta name="twitter:title" content="Telemetry end-to-end | Installation"/>
+<meta name="twitter:description" content="Installations instructions for the Telemetry end-to-end package."/>
+
+
+    <link rel="icon" type="image/svg+xml" href="/packages/images/icon/icon.svg" sizes="any">
+    <link rel="icon" href="/packages/images/icon/icon.png" sizes="192x192">
+    <link rel="apple-touch-icon-precomposed" href="/packages/images/icon/icon_apple.png" sizes="180x180">
+
+</head>
+
+<body>
+
+    <header>
+<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
+  <div class="container">
+    <a class="navbar-brand" href="/packages/">
+      <img src="/packages/images/icon_brand_navbar.svg" width="30" height="30" alt="Eclipse IoT Packages™">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav mr-auto"><li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/about/">About</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/faq/">FAQ</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/contribute/">Contribute</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/prereqs/">Prerequisites</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/repository/">Repository</a>
+        </li>
+        </ul>
+    </div>
+  </div>
+</nav></header>
+
+    <main id="main" role="main" >
+      
+
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Telemetry end-to-end</h1>
+<p class="lead">A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/telemetry-e2e/images/telemetry-e2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/">Overview</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/10-installation-cloud/">Cloud</a><a class="nav-item nav-link  active" href="/packages/packages/telemetry-e2e/20-installation-gateway/">Gateway</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/30-installation-device/">Device</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/40-using/">Using it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/50-understand/">Understanding it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/60-alternatives/">Alternatives</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/70-cheating/">Cheating</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/90-learn/">Learn more</a></nav>
+<div class="row">
+
+<div class="col-12 col-md-8 col-lg-9">
+
+    <p>The installation of Eclipse Kura™ will require a <a href="https://www.raspberrypi.org/products/raspberry-pi-4-model-b/">Raspberry Pi 3+</a>.
+Kura itself will run on other hardware too, and it should not be a problem to run this tutorial on an AMD64 device or
+another 32bit or 64bit ARM device. However, the following instructions are tested with a Raspberry Pi 3+ and commands
+maybe be different when you choose a different target.</p>
+
+    <p>What you do require however is a device with a Linux supported Bluetooth device attached, and support for running
+containers.</p>
+
+    <h2 id="network--ip-addresses">Network &amp; IP addresses</h2>
+
+    <p>Eclipse Kura, running on the Raspberry Pi, will need to connect to the MQTT endpoint running on your Minikube
+cluster. As this cluster is running on your local machine, inside a virtual machine, Kura cannot directly access
+the MQTT endpoint.</p>
+
+    <p>In order to establish a connection between Kura on the Raspberry Pi and the MQTT endpoint inside the Minikube
+cluster VM, you will need to:</p>
+
+    <ul>
+      <li>Connect the Raspberry Pi to a network that can reach the machine your Minikube cluster runs on</li>
+      <li>Open a port forward from your machines network interface, to the MQTT endpoint service</li>
+      <li>Open this port on your machine’s firewall</li>
+    </ul>
+
+    <p>The port forward can easily be created using <code class="language-plaintext highlighter-rouge">kubectl</code> on the host machine running the Minikube VM:</p>
+
+    <div class="clipboard"><pre><code>kubectl port-forward deployment/mqtt-endpoint --address 0.0.0.0 1883</code></pre></div>
+
+    <div role="alert" class="alert alert-info"><h4 class="alert-heading">Firewall </h4>
+
+Assuming you have a firewall, you also need to open access to port <code>1883</code> from your local network.
+
+<hr /><p class="mb-0">
+<p>
+On Linux, you can temporarily open a port using the following command:
+</p>
+
+<div class="clipboard"><pre><code>sudo firewall-cmd --add-port=1883/tcp</code></pre></div>
+
+</p>
+
+</div>
+
+    <h2 id="set-up-the-device">Set up the device</h2>
+
+    <div role="alert" class="alert alert-info"><h4 class="alert-heading">Alternate installation methods </h4>
+The following instructions are the bare minimal instructions required to set up a new Raspberry Pi when using
+a Linux machine. If you are unsure how this works, or don't use a Linux like environment, check out the standard <a href="https://www.raspberrypi.org/software/" target="_blank" class="alert-link">installation instructions for Raspberry Pi OS</a>.
+</div>
+
+    <p>Download a Debian “buster” based Raspberry OS image:</p>
+
+    <div class="clipboard"><pre><code>wget https://downloads.raspberrypi.org/raspios_lite_armhf/images/raspios_lite_armhf-2021-05-28/2021-05-07-raspios-buster-armhf-lite.zip</code></pre></div>
+
+    <p>And write it so an SD card:</p>
+
+    <div role="alert" class="alert alert-warning"><h4 class="alert-heading">Possible data loss </h4>
+The next command will erase the target disk or SD card. Be sure that you are specifying the correct target device you
+want to flash the image to. Once the process of flashing has started, there is no way to undo these changes.
+</div>
+
+    <div class="clipboard"><pre><code># replace XXX with your SD card drive that you want to erase (e.g. sdb)
+xzcat 2021-05-07-raspios-buster-armhf-lite.img.xz | sudo dd of=/dev/XXX bs=1M status=progress oflag=sync</code></pre></div>
+
+    <p>Before you boot for the first time, ensure that you enable SSH:</p>
+
+    <div class="clipboard"><pre><code>touch boot/ssh</code></pre></div>
+
+    <p>Also, it is recommended to enable WiFi:</p>
+
+    <ul>
+      <li>
+        <p>Create a new file</p>
+
+        <div class="clipboard"><pre><code>vi boot/wpa_supplicant.conf</code></pre></div>
+      </li>
+      <li>
+        <p>Edit configuration</p>
+
+        <div class="clipboard"><pre><code>country=&lt;XX&gt; # use your ISO 3166 country code, e.g. DE for Germany
+ctrl_interface=DIR=/var/run/wpa_supplicant GROUP=netdev
+update_config=1
+network={
+&nbsp;&nbsp;ssid="&lt;your ssid&gt;"
+&nbsp;&nbsp;psk="&lt;our password&gt;"
+}</code></pre></div>
+      </li>
+    </ul>
+
+    <h2 id="boot-and-check-access">Boot and check access</h2>
+
+    <p>Once you flashed the SD card, put it into your Raspberry Pi and ensure that you can log into the device remotely using
+<code class="language-plaintext highlighter-rouge">ssh</code>.</p>
+
+    <p>Also, ensure that Docker is installed. If you are missing docker, you can easily install this be executing the
+following command:</p>
+
+    <div class="clipboard"><pre><code>sudo apt-get install docker.io</code></pre></div>
+
+    <div role="alert" class="alert alert-info"><h4 class="alert-heading">Accessing as non-root user  </h4>
+<p>
+By default, most installations of docker require a "root" user to manage containers.
+<a href="https://docs.docker.com/engine/install/linux-postinstall/#manage-docker-as-a-non-root-user" target="_blank" class="alert-link">Read here</a>
+to learn how to grant non-root users direct access to docker.
+</p>
+<p>Alternatively, you can issue the following docker commands as "root", or use <code>sudo</code> to achieve the same.</p>
+</div>
+
+    <h2 id="install-kura">Install Kura</h2>
+
+    <p>Kura is not installed directly on the gateway, but run inside a container. We do this, as we plan to amend the
+tutorial in the future, using an edge orchestration solution to deploy the IoT workload. For now, we manually start
+the container.</p>
+
+    <h3 id="create-the-kura-container">Create the Kura container</h3>
+
+    <p>Create and start the Kura container using:</p>
+
+    <div class="clipboard"><pre><code>docker run -dti -v /var/run/dbus/system_bus_socket:/var/run/dbus/system_bus_socket --name kura -p 443:443 ghcr.io/ctron/kura-test:0.1.1 -console -consoleLog</code></pre></div>
+
+    <p>It will start in the background. Should the container should get stopped, you can restart it with the following command:</p>
+
+    <div class="clipboard"><pre><code>docker start kura</code></pre></div>
+
+    <h3 id="login-to-the-web-console">Login to the web console</h3>
+
+    <p>Once it is fully started, you can also connect to using your web browser:</p>
+
+    <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>https://&lt;host-ip&gt;
+</code></pre></div>    </div>
+
+    <div role="alert" class="alert alert-secondary"><h4 class="alert-heading">Self-signed certificates </h4>
+Your browser will warn you about a self-signed certificate. That is ok in this case, as the Kura instance doesn't
+know its hostname, it uses a self-signed certificate to offer TLS. You can replace the certificate if you prefer. 
+</div>
+
+    <p>The default access credentials are:</p>
+
+    <ul>
+      <li>Username: <code class="language-plaintext highlighter-rouge">admin</code></li>
+      <li>Password: <code class="language-plaintext highlighter-rouge">admin</code></li>
+    </ul>
+
+    <div role="alert" class="alert alert-secondary"><h4 class="alert-heading">Default passwords </h4>
+Using the Web UI, you can of course change the username and password.
+</div>
+
+    <h3 id="attaching-to-the-container-console">Attaching to the container console</h3>
+
+    <p>You can also attach to the console of Kura using:</p>
+
+    <div class="clipboard"><pre><code>docker attach --sig-proxy=false kura</code></pre></div>
+
+    <h2 id="setup-connection">Setup connection</h2>
+
+    <p>Kura needs to be connected to the Drogue IoT cloud instance. The configuration must be done using the Web UI. The
+following steps will walk you through the process.</p>
+
+    <h3 id="connecting-the-gateway">Connecting the gateway</h3>
+
+    <ul>
+      <li>
+        <p>Navigate to [System &gt; Cloud Connections] and then select the tab labeled “MqttDataTransport”.</p>
+      </li>
+      <li>
+        <p>Set the following fields:</p>
+
+        <dl class="row">
+  <dt class="col-sm-3">Broker-url</dt>
+  <dd class="col-sm-9">
+    <p><code>mqtt://&lt;your-host-ip&gt;:1883</code></p>
+    The IP address is the IP the machine you are running
+    <code>kubectl port-forward</code> on.
+  </dd>
+  <dt class="col-sm-3">Username</dt>
+  <dd class="col-sm-9"><code>device-1@eclipse</code></dd>
+  <dt class="col-sm-3">Password</dt>
+  <dd class="col-sm-9"><code>device12</code></dd>
+</dl>
+      </li>
+      <li>
+        <p>Afterwards click on <kbd>Apply</kbd> and confirm to store the settings.</p>
+      </li>
+      <li>
+        <p>Next, test the settings by manually connecting. Click on the button <kbd>Connect/Disconnect</kbd> once, and wait.</p>
+      </li>
+      <li>
+        <p>When the column status changes to “Connected” you can move on to the next step. Otherwise, check the connection settings.</p>
+      </li>
+    </ul>
+
+    <h3 id="creating-a-cloud-publisher">Creating a cloud publisher</h3>
+
+    <ul>
+      <li>
+        <p>Navigate to [System &gt; Cloud Connections] and click on the button <kbd>New Pub/Sub</kbd>.</p>
+      </li>
+      <li>
+        <p>In the dialog, select <code class="language-plaintext highlighter-rouge">org.eclipse.kura.cloud.publisher.CloudPublisher</code> as a factory, and enter the new ID <code class="language-plaintext highlighter-rouge">microbit</code>.</p>
+      </li>
+      <li>
+        <p>Confirm using the <kbd>Apply</kbd> button.</p>
+      </li>
+    </ul>
+
+    <h3 id="configuring-the-microbit-demo">Configuring the micro:bit demo</h3>
+
+    <ul>
+      <li>
+        <p>Navigate to [Services &gt; micro:bit] and update the following settings:</p>
+
+        <dl class="row">
+  <dt class="col-sm-3">CloudPublisher Target Filter</dt>
+  <dd class="col-sm-9">Select the target <code>(kura.service.pid=microbot)</code></dd>
+    
+  <dt class="col-sm-3">Enabled</dt>
+  <dd class="col-sm-9"><code>true</code></dd>
+</dl>
+      </li>
+      <li>
+        <p>Afterwards click on <kbd>Apply</kbd> and confirm to store the settings.</p>
+      </li>
+    </ul>
+
+    <h2 id="what-is-next">What is next?</h2>
+
+    <p>Go to the next page and set up the micro:bit.</p>
+
+    <h2 id="when-things-go-wrong">When things go wrong</h2>
+
+    <h3 id="unable-to-connect-gateway-to-the-cluster">Unable to connect gateway to the cluster</h3>
+
+    <p>If the gateway cannot connect to the cluster here are a few things to check.</p>
+
+    <h4 id="check-if-the-connection-reaches-the-port-forward">Check if the connection reaches the port forward</h4>
+
+    <p>If the connection reaches the port forward, you should see a corresponding message on the console:</p>
+
+    <div class="language-shell highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span>kubectl port-forward deployment/mqtt-endpoint <span class="nt">--address</span> 0.0.0.0 1883
+Forwarding from 0.0.0.0:1883 -&gt; 1883
+Handling connection <span class="k">for </span>1883
+</code></pre></div>    </div>
+
+    <p>If you don’t see <code class="language-plaintext highlighter-rouge">Handling connection for 1883</code>, this means that the gateway cannot reach port <code class="language-plaintext highlighter-rouge">1883</code> on your local
+machine. Possible causes for this can be a firewall blocking access to the port or a wrong IP address or port number
+in the Kura configuration.</p>
+
+    <p>If you see the message, but see errors directly after it, this means that Kura was connecting to the correct address
+and port, but something fails with the port forward. The error message should provide additional information.</p>
+
+  </div>
+
+<div class="col-12 col-md-4 col-lg-3 
+
+">
+
+    <div class="position-sticky" style="top: 4rem;">
+
+
+<aside>
+<div class="card">
+<div class="card-body">
+<h5 class="card-title">Table of contents</h5>
+<div id="toc" class="toc"></div>
+</div>
+</div>
+</aside>
+
+<script>generateToc("#toc", "h2[id], h3[id], h4[id]");</script>
+
+
+</div>
+
+  </div>
+
+</div>
+
+</div>
+
+    </main>
+
+    <footer class="page-footer">
+
+    <div class="container">
+
+    <div class="row">
+
+    
+
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT Packages</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/">Home</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/about">About</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/contribute">Contribute</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/security">Security</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://iot.eclipse.org">Top Level Project</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/workinggroups/iotwg_charter.php">Working group</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Legal</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal">Legal Resources</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse Foundation</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/org">About us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/contact.php">Contact us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/directors.php">Board of Directors</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+    
+    </div>
+
+    
+    <div class="row">
+        <div class="col-12 col-md text-muted">Copyright © Eclipse Foundation, Inc. All Rights Reserved.</div>
+    </div>
+    
+
+    </div>
+
+</footer>
+
+
+    <script src="/packages/assets/popper.min.js"></script>
+    <script src="/packages/assets/jquery.min.js"></script>
+    <script src="/packages/assets/bootstrap/bootstrap.min.js"></script>
+
+    <script src="/packages/assets/clipboard.min.js"></script>
+    <script src="/packages/assets/clipboard.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/packages/telemetry-e2e/30-installation-device/index.html b/packages/telemetry-e2e/30-installation-device/index.html
new file mode 100644
index 0000000..2af0c6e
--- /dev/null
+++ b/packages/telemetry-e2e/30-installation-device/index.html
@@ -0,0 +1,297 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="/packages/assets/bootstrap/bootstrap.min.css">
+
+    <title>Device</title>
+
+    <link rel="stylesheet" href="/packages/assets/css/style.css">
+    <script src="/packages/assets/js/code.js"></script>
+    
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:image" content="https://eclipse.org/packages/images/icon/twitter_icon.png"/>
+<meta name="twitter:title" content="Telemetry end-to-end | Installation"/>
+<meta name="twitter:description" content="Installations instructions for the Telemetry end-to-end package."/>
+
+
+    <link rel="icon" type="image/svg+xml" href="/packages/images/icon/icon.svg" sizes="any">
+    <link rel="icon" href="/packages/images/icon/icon.png" sizes="192x192">
+    <link rel="apple-touch-icon-precomposed" href="/packages/images/icon/icon_apple.png" sizes="180x180">
+
+</head>
+
+<body>
+
+    <header>
+<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
+  <div class="container">
+    <a class="navbar-brand" href="/packages/">
+      <img src="/packages/images/icon_brand_navbar.svg" width="30" height="30" alt="Eclipse IoT Packages™">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav mr-auto"><li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/about/">About</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/faq/">FAQ</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/contribute/">Contribute</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/prereqs/">Prerequisites</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/repository/">Repository</a>
+        </li>
+        </ul>
+    </div>
+  </div>
+</nav></header>
+
+    <main id="main" role="main" >
+      
+
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Telemetry end-to-end</h1>
+<p class="lead">A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/telemetry-e2e/images/telemetry-e2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/">Overview</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/10-installation-cloud/">Cloud</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/20-installation-gateway/">Gateway</a><a class="nav-item nav-link  active" href="/packages/packages/telemetry-e2e/30-installation-device/">Device</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/40-using/">Using it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/50-understand/">Understanding it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/60-alternatives/">Alternatives</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/70-cheating/">Cheating</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/90-learn/">Learn more</a></nav>
+<div class="row">
+
+<div class="col-12 col-md-8 col-lg-9">
+
+    <p>For running the sensor firmware, you will need a <a href="https://microbit.org/">micro:bit</a> v2. Unfortunately, the example
+does not work with earlier versions of the micro:bit. It also does not work with other boards, like e.g. the
+Raspberry Pi Pico (which doesn’t have Bluetooth), or the ESP32 (which has different CPU architecture: Xtensa or RISC-V).
+As also the Bluetooth driver is part of the firmware, you cannot simply flash it to a different ARM based device.</p>
+
+    <p>However, as the overall example is only relying on Bluetooth, GATT, and the <a href="https://lancaster-university.github.io/microbit-docs/resources/bluetooth/bluetooth_profile.html">micro:bit temperature profile</a>. You can of
+course drop in your down device, as long it is implementing the same profile.</p>
+
+    <p>One alternative to achieve the same, is to use “Make Code” with <a href="https://makecode.microbit.org/_CcAYtycF5Tvy">this example project</a>.</p>
+
+    <h2 id="install-rust">Install Rust</h2>
+
+    <p>In order to install Rust, <a href="https://www.rust-lang.org/tools/install">installing <code class="language-plaintext highlighter-rouge">rustup</code></a> is sufficient on most cases:</p>
+
+    <div class="clipboard"><pre><code>curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</code></pre></div>
+
+    <h2 id="clone-the-firmware-repository">Clone the firmware repository</h2>
+
+    <div class="clipboard"><pre><code>git clone https://github.com/drogue-iot/drogue-device.git</code></pre></div>
+
+    <h2 id="flash-the-device">Flash the device</h2>
+
+    <p>Attach the device to your USB port and execute the following command to build and flash the firmware:</p>
+
+    <div class="clipboard"><pre><code>cd examples/nrf/microbit/ble-temperature
+cargo run --release</code></pre></div>
+
+    <p>Once the device is flashed, it will start to announce its services using Bluetooth.</p>
+
+    <h2 id="what-is-next">What is next?</h2>
+
+    <div role="alert" class="alert alert-success"><h4 class="alert-heading">Congratulations! </h4>
+You set up the complete package! Now it is time to look at the data, take a look at the next page!
+</div>
+
+  </div>
+
+<div class="col-12 col-md-4 col-lg-3 
+
+">
+
+    <div class="position-sticky" style="top: 4rem;">
+
+
+<aside>
+<div class="card">
+<div class="card-body">
+<h5 class="card-title">Table of contents</h5>
+<div id="toc" class="toc"></div>
+</div>
+</div>
+</aside>
+
+<script>generateToc("#toc", "h2[id], h3[id], h4[id]");</script>
+
+
+</div>
+
+  </div>
+
+</div>
+
+</div>
+
+    </main>
+
+    <footer class="page-footer">
+
+    <div class="container">
+
+    <div class="row">
+
+    
+
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT Packages</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/">Home</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/about">About</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/contribute">Contribute</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/security">Security</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://iot.eclipse.org">Top Level Project</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/workinggroups/iotwg_charter.php">Working group</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Legal</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal">Legal Resources</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse Foundation</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/org">About us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/contact.php">Contact us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/directors.php">Board of Directors</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+    
+    </div>
+
+    
+    <div class="row">
+        <div class="col-12 col-md text-muted">Copyright © Eclipse Foundation, Inc. All Rights Reserved.</div>
+    </div>
+    
+
+    </div>
+
+</footer>
+
+
+    <script src="/packages/assets/popper.min.js"></script>
+    <script src="/packages/assets/jquery.min.js"></script>
+    <script src="/packages/assets/bootstrap/bootstrap.min.js"></script>
+
+    <script src="/packages/assets/clipboard.min.js"></script>
+    <script src="/packages/assets/clipboard.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/packages/telemetry-e2e/40-using/index.html b/packages/telemetry-e2e/40-using/index.html
new file mode 100644
index 0000000..13becfa
--- /dev/null
+++ b/packages/telemetry-e2e/40-using/index.html
@@ -0,0 +1,329 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="/packages/assets/bootstrap/bootstrap.min.css">
+
+    <title>Using it</title>
+
+    <link rel="stylesheet" href="/packages/assets/css/style.css">
+    <script src="/packages/assets/js/code.js"></script>
+    
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:image" content="https://eclipse.org/packages/images/icon/twitter_icon.png"/>
+<meta name="twitter:title" content="Telemetry end-to-end | Understanding it"/>
+<meta name="twitter:description" content="Go ahead and play with the package."/>
+
+
+    <link rel="icon" type="image/svg+xml" href="/packages/images/icon/icon.svg" sizes="any">
+    <link rel="icon" href="/packages/images/icon/icon.png" sizes="192x192">
+    <link rel="apple-touch-icon-precomposed" href="/packages/images/icon/icon_apple.png" sizes="180x180">
+
+</head>
+
+<body>
+
+    <header>
+<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
+  <div class="container">
+    <a class="navbar-brand" href="/packages/">
+      <img src="/packages/images/icon_brand_navbar.svg" width="30" height="30" alt="Eclipse IoT Packages™">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav mr-auto"><li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/about/">About</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/faq/">FAQ</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/contribute/">Contribute</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/prereqs/">Prerequisites</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/repository/">Repository</a>
+        </li>
+        </ul>
+    </div>
+  </div>
+</nav></header>
+
+    <main id="main" role="main" >
+      
+
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Telemetry end-to-end</h1>
+<p class="lead">A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/telemetry-e2e/images/telemetry-e2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/">Overview</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/10-installation-cloud/">Cloud</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/20-installation-gateway/">Gateway</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/30-installation-device/">Device</a><a class="nav-item nav-link  active" href="/packages/packages/telemetry-e2e/40-using/">Using it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/50-understand/">Understanding it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/60-alternatives/">Alternatives</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/70-cheating/">Cheating</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/90-learn/">Learn more</a></nav>
+<div class="row">
+
+<div class="col-12 col-md-8 col-lg-9">
+
+    <h2 id="log-in-to-the-drogue-iot-console">Log in to the Drogue IoT console</h2>
+
+    <p>The Helm installation command will print out the URL to the Drogue IoT console.</p>
+
+    <p>Go ahead and open it with your browser. The access credentials are printed put in the console too. If you didn’t
+change the defaults, they are:</p>
+
+    <dl class="row">
+    <dt class="col-sm-3">Username</dt>
+    <dd class="col-sm-9"><code>admin</code></dd>
+    <dt class="col-sm-3">Password</dt>
+    <dd class="col-sm-9"><code>admin123456</code></dd>
+</dl>
+
+    <p>Take a look around and explore the console a bit.</p>
+
+    <h2 id="see-it-visualized">See it visualized</h2>
+
+    <p>The micro:bit will acquire the ambient temperature. Streamsheets will visualize this information.</p>
+
+    <p>You can see the information when you open the Streamsheet for this package. Navigate to the Streamsheets console, it
+is linked in the “Overview” section of the Drogue IoT console under the “Demos” column.</p>
+
+    <p>The default access credentials are:</p>
+
+    <dl class="row">
+    <dt class="col-sm-3">Username</dt>
+    <dd class="col-sm-9"><code>admin</code></dd>
+    <dt class="col-sm-3">Password</dt>
+    <dd class="col-sm-9"><code>1234</code></dd>
+</dl>
+
+    <p>In the Streamsheets console, open the “Eclipse IoT” sheet. This will open a dynamic spreadsheet, showing the most
+recent received temperature information.</p>
+
+    <p>On the left-hand side, you will find an “inbox” tab, which shows the complete message. And in the spreadsheets
+section, the formatted data.</p>
+
+    <h2 id="change-the-temperature">Change the temperature</h2>
+
+    <p>In order to change the current temperature, you need to get a bit creative.</p>
+
+    <blockquote class="blockquote">
+<p class="mb-0">Do not blow on the edge connector or touch with your fingers.</p>
+<footer class="blockquote-footer">Most ignored warning on <cite title="Source Title">console cartridges</cite></footer>
+</blockquote>
+
+    <p>The temperature sensor on the micro:bit isn’t very accurate, as it is highly influenced by the board temperature
+itself. And that will get warmer when you power it.</p>
+
+    <p>Still, you have a bunch of options (licking it is not one of them!):</p>
+
+    <ul>
+      <li>Hold it in front of your desktop machine’s or notebook’s fan.</li>
+      <li>Take it into another room (mind the Bluetooth connection to the Raspberry Pi)</li>
+      <li>Put it on your heater (in case winter is coming!)</li>
+    </ul>
+
+    <p>Whatever you do, the temperature should slowly change and that change should be visible in the streamsheets spreadsheet.</p>
+
+    <h2 id="what-is-next">What is next?</h2>
+
+    <p>You not only installed, but also took a brief look on what you installed.</p>
+
+    <p>Take a look at the next pages, to understand a bit more on how any why things are done as they are. At the end, you
+should have all the pointer to take the next step.</p>
+
+  </div>
+
+<div class="col-12 col-md-4 col-lg-3 
+
+">
+
+    <div class="position-sticky" style="top: 4rem;">
+
+
+<aside>
+<div class="card">
+<div class="card-body">
+<h5 class="card-title">Table of contents</h5>
+<div id="toc" class="toc"></div>
+</div>
+</div>
+</aside>
+
+<script>generateToc("#toc", "h2[id], h3[id], h4[id]");</script>
+
+
+</div>
+
+  </div>
+
+</div>
+
+</div>
+
+    </main>
+
+    <footer class="page-footer">
+
+    <div class="container">
+
+    <div class="row">
+
+    
+
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT Packages</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/">Home</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/about">About</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/contribute">Contribute</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/security">Security</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://iot.eclipse.org">Top Level Project</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/workinggroups/iotwg_charter.php">Working group</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Legal</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal">Legal Resources</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse Foundation</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/org">About us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/contact.php">Contact us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/directors.php">Board of Directors</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+    
+    </div>
+
+    
+    <div class="row">
+        <div class="col-12 col-md text-muted">Copyright © Eclipse Foundation, Inc. All Rights Reserved.</div>
+    </div>
+    
+
+    </div>
+
+</footer>
+
+
+    <script src="/packages/assets/popper.min.js"></script>
+    <script src="/packages/assets/jquery.min.js"></script>
+    <script src="/packages/assets/bootstrap/bootstrap.min.js"></script>
+
+    <script src="/packages/assets/clipboard.min.js"></script>
+    <script src="/packages/assets/clipboard.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/packages/telemetry-e2e/50-understand/index.html b/packages/telemetry-e2e/50-understand/index.html
new file mode 100644
index 0000000..7555c82
--- /dev/null
+++ b/packages/telemetry-e2e/50-understand/index.html
@@ -0,0 +1,335 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="/packages/assets/bootstrap/bootstrap.min.css">
+
+    <title>Understanding it</title>
+
+    <link rel="stylesheet" href="/packages/assets/css/style.css">
+    <script src="/packages/assets/js/code.js"></script>
+    
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:image" content="https://eclipse.org/packages/images/icon/twitter_icon.png"/>
+<meta name="twitter:title" content="Telemetry end-to-end | Understanding it"/>
+<meta name="twitter:description" content="Understanding what is happening."/>
+
+
+    <link rel="icon" type="image/svg+xml" href="/packages/images/icon/icon.svg" sizes="any">
+    <link rel="icon" href="/packages/images/icon/icon.png" sizes="192x192">
+    <link rel="apple-touch-icon-precomposed" href="/packages/images/icon/icon_apple.png" sizes="180x180">
+
+</head>
+
+<body>
+
+    <header>
+<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
+  <div class="container">
+    <a class="navbar-brand" href="/packages/">
+      <img src="/packages/images/icon_brand_navbar.svg" width="30" height="30" alt="Eclipse IoT Packages™">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav mr-auto"><li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/about/">About</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/faq/">FAQ</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/contribute/">Contribute</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/prereqs/">Prerequisites</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/repository/">Repository</a>
+        </li>
+        </ul>
+    </div>
+  </div>
+</nav></header>
+
+    <main id="main" role="main" >
+      
+
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Telemetry end-to-end</h1>
+<p class="lead">A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/telemetry-e2e/images/telemetry-e2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/">Overview</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/10-installation-cloud/">Cloud</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/20-installation-gateway/">Gateway</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/30-installation-device/">Device</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/40-using/">Using it</a><a class="nav-item nav-link  active" href="/packages/packages/telemetry-e2e/50-understand/">Understanding it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/60-alternatives/">Alternatives</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/70-cheating/">Cheating</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/90-learn/">Learn more</a></nav>
+<div class="row">
+
+<div class="col-12 col-md-8 col-lg-9">
+
+    <p>This example involved a few components. “Just” to get a temperature reading. Can’t this be done in a simpler way?</p>
+
+    <p>Yes. However, please don’t forget that this is a showcase of Eclipse IoT technologies. So we are not aiming for a
+minimalistic architecture. But beside that, still every component in this architecture fulfills an important
+functionality. Read on, to learn what the different components do to get a better understand why they are needed.</p>
+
+    <h2 id="the-sensor">The sensor</h2>
+
+    <p class="lead">
+The Drogue Device based firmware acquires the actual value and makes it available using a low power wireless protocol.
+</p>
+
+    <p>The firmware in the sensor periodically takes a reading of the internal temperature sensor. That value may not be
+very accurate, as the board heats up when it is powered, but it still makes a nice value to play with as it only
+changes slowly, but you still can influence it.</p>
+
+    <p>Also does the firmware announce itself using Bluetooth. And once someone connects, it provides the temperature
+information using the GATT profile.</p>
+
+    <h2 id="the-iot-gateway">The IoT gateway</h2>
+
+    <p class="lead">
+Eclipse Kura acts as the IoT gateway, bridging the local Bluetooth network with the global TCP/IP based IoT network.
+</p>
+
+    <p>Part of this general purpose IoT gateway is a small application, which makes use of the Bluetooth services, provided
+by the gateway’s software framework, to scan for devices and read their data.</p>
+
+    <p>Once it finds the micro:bit, it will connect and start reading out the temperature information automatically. 
+The data which is read is then handed over to the cloud connector, which is also provided by the gateway’s
+software stack.</p>
+
+    <p>The connector is connected to cloud side MQTT endpoint. When the bluetooth application inside the gateway
+provides an update, the cloud service delivers that to the MQTT cloud endpoint. That service will also perform a
+re-connect when necessary, and buffer data should the connection be disrupted.</p>
+
+    <h2 id="iot-ingress">IoT ingress</h2>
+
+    <p class="lead">
+Drogue Cloud provides the IoT specific endpoints, normalizing the protocol layer in the process.
+</p>
+
+    <p>Drogue cloud provides the MQTT endpoint, which accepts the connection coming in from the Kura cloud connector. It
+authenticates the device and then waits for it to publish messages.</p>
+
+    <p>When a message is received, it will wrap its payload into a Cloud Event structure, and forward it to the Apache Kafka
+topic of the application.</p>
+
+    <h2 id="digital-twin">Digital twin</h2>
+
+    <p class="lead">
+Eclipse Ditto implements the digital twin, and normalizes the data structure coming in from Drogue Cloud.
+</p>
+
+    <p>It is connected to the application specific Kafka topic on the Drogue Cloud side. When a new event is
+received from Kafka, a small JavaScript code snippet decodes the Cloud Events message, extracts the temperature information,
+and translates it into a Ditto protocol message. That code is run as part of the Ditto instance.</p>
+
+    <p>If the message is valid, Ditto will update the internal state of the twin, and send out any change event that was
+created in the process.</p>
+
+    <p>One change lister that is registered, is the connection to Streamsheets. When a change of the twin state occurs,
+this change is sent to the Streamsheets internal MQTT broker, which is used to distribute data inside Streamsheets.</p>
+
+    <h2 id="visualization">Visualization</h2>
+
+    <p class="lead">
+Eclipse Streamsheets is used to visualize the current state of the device.
+</p>
+
+    <p>Streamsheets receives the change events using its internal MQTT broker, updates its internal spreadsheet state, and refreshes
+all open browser sessions to reflect the update.</p>
+
+  </div>
+
+<div class="col-12 col-md-4 col-lg-3 
+
+">
+
+    <div class="position-sticky" style="top: 4rem;">
+
+
+<aside>
+<div class="card">
+<div class="card-body">
+<h5 class="card-title">Table of contents</h5>
+<div id="toc" class="toc"></div>
+</div>
+</div>
+</aside>
+
+<script>generateToc("#toc", "h2[id], h3[id], h4[id]");</script>
+
+
+</div>
+
+  </div>
+
+</div>
+
+</div>
+
+    </main>
+
+    <footer class="page-footer">
+
+    <div class="container">
+
+    <div class="row">
+
+    
+
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT Packages</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/">Home</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/about">About</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/contribute">Contribute</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/security">Security</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://iot.eclipse.org">Top Level Project</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/workinggroups/iotwg_charter.php">Working group</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Legal</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal">Legal Resources</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse Foundation</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/org">About us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/contact.php">Contact us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/directors.php">Board of Directors</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+    
+    </div>
+
+    
+    <div class="row">
+        <div class="col-12 col-md text-muted">Copyright © Eclipse Foundation, Inc. All Rights Reserved.</div>
+    </div>
+    
+
+    </div>
+
+</footer>
+
+
+    <script src="/packages/assets/popper.min.js"></script>
+    <script src="/packages/assets/jquery.min.js"></script>
+    <script src="/packages/assets/bootstrap/bootstrap.min.js"></script>
+
+    <script src="/packages/assets/clipboard.min.js"></script>
+    <script src="/packages/assets/clipboard.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/packages/telemetry-e2e/60-alternatives/index.html b/packages/telemetry-e2e/60-alternatives/index.html
new file mode 100644
index 0000000..d2c6231
--- /dev/null
+++ b/packages/telemetry-e2e/60-alternatives/index.html
@@ -0,0 +1,331 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="/packages/assets/bootstrap/bootstrap.min.css">
+
+    <title>Alternatives</title>
+
+    <link rel="stylesheet" href="/packages/assets/css/style.css">
+    <script src="/packages/assets/js/code.js"></script>
+    
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:image" content="https://eclipse.org/packages/images/icon/twitter_icon.png"/>
+<meta name="twitter:title" content="Telemetry end-to-end | Alternatives"/>
+<meta name="twitter:description" content="Thinking about alternatives."/>
+
+
+    <link rel="icon" type="image/svg+xml" href="/packages/images/icon/icon.svg" sizes="any">
+    <link rel="icon" href="/packages/images/icon/icon.png" sizes="192x192">
+    <link rel="apple-touch-icon-precomposed" href="/packages/images/icon/icon_apple.png" sizes="180x180">
+
+</head>
+
+<body>
+
+    <header>
+<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
+  <div class="container">
+    <a class="navbar-brand" href="/packages/">
+      <img src="/packages/images/icon_brand_navbar.svg" width="30" height="30" alt="Eclipse IoT Packages™">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav mr-auto"><li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/about/">About</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/faq/">FAQ</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/contribute/">Contribute</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/prereqs/">Prerequisites</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/repository/">Repository</a>
+        </li>
+        </ul>
+    </div>
+  </div>
+</nav></header>
+
+    <main id="main" role="main" >
+      
+
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Telemetry end-to-end</h1>
+<p class="lead">A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/telemetry-e2e/images/telemetry-e2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/">Overview</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/10-installation-cloud/">Cloud</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/20-installation-gateway/">Gateway</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/30-installation-device/">Device</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/40-using/">Using it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/50-understand/">Understanding it</a><a class="nav-item nav-link  active" href="/packages/packages/telemetry-e2e/60-alternatives/">Alternatives</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/70-cheating/">Cheating</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/90-learn/">Learn more</a></nav>
+<div class="row">
+
+<div class="col-12 col-md-8 col-lg-9">
+
+    <p>One thing to keep in mind is, that this is a demo to show an end-to-end integration of open source IoT with
+Eclipse IoT projects. And it is intended to manage much more than a single device, with a single value. This is
+a scalable cloud platform, which is targeted towards more complex use cases. To make it simpler for you, we are
+focusing on a very basic use case. Which you can extend, if you like.</p>
+
+    <h2 id="architecture">Architecture</h2>
+
+    <p>But let’s take a look at some of the components and think about alternatives.</p>
+
+    <h3 id="the-sensor">The sensor</h3>
+
+    <p>Bluetooth is used because it is a versatile, but still a low power wireless communication mechanism. You could easily
+run this microcontroller on batteries for quite a while.</p>
+
+    <p>Using WiFi would increase the power consumption, but allow you to directly communication with the cloud.</p>
+
+    <p>LoRaWAN for example would allow for even more power savings, but reduce
+the amount and frequency of the telemetry updates. For this example, it would also be challenging to self-host all
+the LoRaWAN components.</p>
+
+    <h3 id="digital-twin">Digital twin</h3>
+
+    <p>Do you really need a digital twin platform? Well, at some point your application needs to structure the data and
+understand the structure. History has shown that structuring the data can be a problem, but in most cases isn’t a big
+one. Aligning on the same structure however is. Not only do data formats changes over time, but also do different
+devices and vendors come with different formats. Using a digital twin platform, allows you to normalize the data,
+and structure it in the way it is best for your use case.</p>
+
+    <p>And once you did that, you suddenly notice that you can work quite differently with your data. Especially if you have
+the capabilities that Ditto offers, like listening for state changes, or reconciling actual vs desired state.</p>
+
+    <p>Sure you can “manually” do this in a small application. But with that, you just re-create parts of a digital twin
+platform. Any in most cases, over and over again.</p>
+
+    <h3 id="mqtt-between-ditto-and-streamsheets">MQTT between Ditto and Streamsheets</h3>
+
+    <p>Instead of using the Streamsheets internal MQTT broker, it would also be possible to use Kafka again as the way deliver
+changes from Ditto to Streamsheets, as both projects support Kafka too.</p>
+
+    <p>As Streamsheets is the only consumer of the data in this example, we kept the internal MQTT broker of Streamsheets.
+Simply because it is Mosquitto, which too is an Eclipse IoT project.</p>
+
+    <h3 id="visualization">Visualization</h3>
+
+    <p>Of course, what also comes in one’s mind is Grafana. First of all, most people already know it by now. Second, it is better suited
+for time services data. And in this example, we are focusing more on structured telemetry data. True, a single
+temperature value isn’t that complex. However, you have all the code and tools available to extend this.</p>
+
+    <h2 id="what-else">What else?</h2>
+
+    <p>There are a few more projects and alternatives we could have used. Maybe you can add them?!</p>
+
+    <h3 id="eclipse-kapua">Eclipse Kapua</h3>
+
+    <p>We deployed the Kura gateway directly using a container. If you read on, there is a reason for that.</p>
+
+    <p>However, you could also install Kura directly on your gateway hardware, and have it managed by
+<a href="https://eclipse.org/kapua/">Eclipse Kapua</a>.</p>
+
+    <h3 id="eclipse-iofog">Eclipse ioFog</h3>
+
+    <p>ioFog is an edge orchestration platform. Instead of manually running a Kura container, we could use it do manage
+Kura as an edge workload.</p>
+
+    <p>We hope we can add ioFog, once version 3.0 is released. We do require some new tweaks, which will only be available
+in the newer version.</p>
+
+    <h3 id="time-series-database">Time series database</h3>
+
+  </div>
+
+<div class="col-12 col-md-4 col-lg-3 
+
+">
+
+    <div class="position-sticky" style="top: 4rem;">
+
+
+<aside>
+<div class="card">
+<div class="card-body">
+<h5 class="card-title">Table of contents</h5>
+<div id="toc" class="toc"></div>
+</div>
+</div>
+</aside>
+
+<script>generateToc("#toc", "h2[id], h3[id], h4[id]");</script>
+
+
+</div>
+
+  </div>
+
+</div>
+
+</div>
+
+    </main>
+
+    <footer class="page-footer">
+
+    <div class="container">
+
+    <div class="row">
+
+    
+
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT Packages</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/">Home</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/about">About</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/contribute">Contribute</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/security">Security</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://iot.eclipse.org">Top Level Project</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/workinggroups/iotwg_charter.php">Working group</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Legal</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal">Legal Resources</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse Foundation</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/org">About us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/contact.php">Contact us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/directors.php">Board of Directors</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+    
+    </div>
+
+    
+    <div class="row">
+        <div class="col-12 col-md text-muted">Copyright © Eclipse Foundation, Inc. All Rights Reserved.</div>
+    </div>
+    
+
+    </div>
+
+</footer>
+
+
+    <script src="/packages/assets/popper.min.js"></script>
+    <script src="/packages/assets/jquery.min.js"></script>
+    <script src="/packages/assets/bootstrap/bootstrap.min.js"></script>
+
+    <script src="/packages/assets/clipboard.min.js"></script>
+    <script src="/packages/assets/clipboard.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/packages/telemetry-e2e/70-cheating/index.html b/packages/telemetry-e2e/70-cheating/index.html
new file mode 100644
index 0000000..f2a466b
--- /dev/null
+++ b/packages/telemetry-e2e/70-cheating/index.html
@@ -0,0 +1,308 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="/packages/assets/bootstrap/bootstrap.min.css">
+
+    <title>Cheating</title>
+
+    <link rel="stylesheet" href="/packages/assets/css/style.css">
+    <script src="/packages/assets/js/code.js"></script>
+    
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:image" content="https://eclipse.org/packages/images/icon/twitter_icon.png"/>
+<meta name="twitter:title" content="Telemetry end-to-end | Cheating"/>
+<meta name="twitter:description" content="How to cheat."/>
+
+
+    <link rel="icon" type="image/svg+xml" href="/packages/images/icon/icon.svg" sizes="any">
+    <link rel="icon" href="/packages/images/icon/icon.png" sizes="192x192">
+    <link rel="apple-touch-icon-precomposed" href="/packages/images/icon/icon_apple.png" sizes="180x180">
+
+</head>
+
+<body>
+
+    <header>
+<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
+  <div class="container">
+    <a class="navbar-brand" href="/packages/">
+      <img src="/packages/images/icon_brand_navbar.svg" width="30" height="30" alt="Eclipse IoT Packages™">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav mr-auto"><li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/about/">About</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/faq/">FAQ</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/contribute/">Contribute</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/prereqs/">Prerequisites</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/repository/">Repository</a>
+        </li>
+        </ul>
+    </div>
+  </div>
+</nav></header>
+
+    <main id="main" role="main" >
+      
+
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Telemetry end-to-end</h1>
+<p class="lead">A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/telemetry-e2e/images/telemetry-e2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/">Overview</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/10-installation-cloud/">Cloud</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/20-installation-gateway/">Gateway</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/30-installation-device/">Device</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/40-using/">Using it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/50-understand/">Understanding it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/60-alternatives/">Alternatives</a><a class="nav-item nav-link  active" href="/packages/packages/telemetry-e2e/70-cheating/">Cheating</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/90-learn/">Learn more</a></nav>
+<div class="row">
+
+<div class="col-12 col-md-8 col-lg-9">
+
+    <p>The tutorial involves a lot of components, and a lot can go wrong, especially when it comes to bluetooth or network
+connectivity.</p>
+
+    <p>If you run into any blockers, we would kindly ask you to <a href="https://github.com/eclipse/packages/issues/new">reach out to us</a>
+and report your findings.</p>
+
+    <p>But, there is also a way to simulate the actual hardware and work around some requirements.</p>
+
+    <h2 id="simulating-a-message">Simulating a message</h2>
+
+    <p>You can manually simulate a message, that the IoT gateway would normally send after it acquired the information
+from the sensor.</p>
+
+    <nav><div class="nav nav-tabs" role="tablist"><a class="nav-item nav-link active" data-toggle="tab" id="variants-1-0-tab" href="#variants-1-0" aria-controls="variants-1-0">URL</a><a class="nav-item nav-link" data-toggle="tab" id="variants-1-1-tab" href="#variants-1-1" aria-controls="variants-1-1">drg</a></div></nav>
+    <div class="tab-content">
+
+<div class="tab-pane active show" id="variants-1-0" role="tabpanel" aria-labelledby="variants-1-0-tab">
+
+        <p>Ensure that the <code class="language-plaintext highlighter-rouge">DOMAIN</code> variable is still set to the value you used for the installation. Then execute the following
+command:</p>
+
+        <div class="clipboard"><pre><code>http --auth device-1@eclipse:foobar POST http://http-endpoint$DOMAIN/v1/foo temp:=23</code></pre></div>
+      </div>
+
+<div class="tab-pane" id="variants-1-1" role="tabpanel" aria-labelledby="variants-1-1-tab">
+        <p>If you are logged in with `drg`:</p>
+        <div class="clipboard"><pre><code>http --auth device-1@eclipse:foobar POST $(drg whoami -e http)/v1/foo temp:=23</code></pre></div>
+      </div>
+
+</div>
+
+    <div role="alert" class="alert alert-info"><h4 class="alert-heading">Different protocol </h4>
+You might have notices, we used HTTP for this. However, Kura would send the message using MQTT. As one part of
+Drogue IoT is normalizing the IoT protocol, the backend system didn't even notice.
+</div>
+
+    <h2 id="reading-directly-from-the-digital-twin">Reading directly from the digital twin</h2>
+
+    <p>When data gets sent to Ditto, it gets forwarded to Streamsheets for visualization. Should the data not show up in
+streamsheets, or should you run into issues with Streamsheets, you can also directly query the data in Ditto.</p>
+
+    <p>Ensure that the <code class="language-plaintext highlighter-rouge">DOMAIN</code> variable is still set to the value you used for the installation. Then execute the following
+command:</p>
+
+    <div class="clipboard"><pre><code>curl -sL -X GET "http://ditto-default$DOMAIN/api/2/things/eclipse:device-1" -H  "accept: application/json" -H  "Authorization: Basic ZGl0dG86ZGl0dG8=" | jq</code></pre></div>
+
+  </div>
+
+<div class="col-12 col-md-4 col-lg-3 
+
+">
+
+    <div class="position-sticky" style="top: 4rem;">
+
+
+<aside>
+<div class="card">
+<div class="card-body">
+<h5 class="card-title">Table of contents</h5>
+<div id="toc" class="toc"></div>
+</div>
+</div>
+</aside>
+
+<script>generateToc("#toc", "h2[id], h3[id], h4[id]");</script>
+
+
+</div>
+
+  </div>
+
+</div>
+
+</div>
+
+    </main>
+
+    <footer class="page-footer">
+
+    <div class="container">
+
+    <div class="row">
+
+    
+
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT Packages</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/">Home</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/about">About</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/contribute">Contribute</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/security">Security</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://iot.eclipse.org">Top Level Project</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/workinggroups/iotwg_charter.php">Working group</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Legal</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal">Legal Resources</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse Foundation</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/org">About us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/contact.php">Contact us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/directors.php">Board of Directors</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+    
+    </div>
+
+    
+    <div class="row">
+        <div class="col-12 col-md text-muted">Copyright © Eclipse Foundation, Inc. All Rights Reserved.</div>
+    </div>
+    
+
+    </div>
+
+</footer>
+
+
+    <script src="/packages/assets/popper.min.js"></script>
+    <script src="/packages/assets/jquery.min.js"></script>
+    <script src="/packages/assets/bootstrap/bootstrap.min.js"></script>
+
+    <script src="/packages/assets/clipboard.min.js"></script>
+    <script src="/packages/assets/clipboard.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/packages/telemetry-e2e/90-learn/index.html b/packages/telemetry-e2e/90-learn/index.html
new file mode 100644
index 0000000..40ea8a0
--- /dev/null
+++ b/packages/telemetry-e2e/90-learn/index.html
@@ -0,0 +1,301 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="/packages/assets/bootstrap/bootstrap.min.css">
+
+    <title>Learn more</title>
+
+    <link rel="stylesheet" href="/packages/assets/css/style.css">
+    <script src="/packages/assets/js/code.js"></script>
+    
+<meta name="twitter:card" content="summary"/>
+<meta name="twitter:image" content="https://eclipse.org/packages/images/icon/twitter_icon.png"/>
+<meta name="twitter:title" content="Telemetry end-to-end | Learn more"/>
+<meta name="twitter:description" content="Learn more about the Telemetry end-to-end package."/>
+
+
+    <link rel="icon" type="image/svg+xml" href="/packages/images/icon/icon.svg" sizes="any">
+    <link rel="icon" href="/packages/images/icon/icon.png" sizes="192x192">
+    <link rel="apple-touch-icon-precomposed" href="/packages/images/icon/icon_apple.png" sizes="180x180">
+
+</head>
+
+<body>
+
+    <header>
+<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
+  <div class="container">
+    <a class="navbar-brand" href="/packages/">
+      <img src="/packages/images/icon_brand_navbar.svg" width="30" height="30" alt="Eclipse IoT Packages™">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav mr-auto"><li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/about/">About</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/faq/">FAQ</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/contribute/">Contribute</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/prereqs/">Prerequisites</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/repository/">Repository</a>
+        </li>
+        </ul>
+    </div>
+  </div>
+</nav></header>
+
+    <main id="main" role="main" >
+      
+
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Telemetry end-to-end</h1>
+<p class="lead">A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/telemetry-e2e/images/telemetry-e2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/">Overview</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/10-installation-cloud/">Cloud</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/20-installation-gateway/">Gateway</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/30-installation-device/">Device</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/40-using/">Using it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/50-understand/">Understanding it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/60-alternatives/">Alternatives</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/70-cheating/">Cheating</a><a class="nav-item nav-link  active" href="/packages/packages/telemetry-e2e/90-learn/">Learn more</a></nav><div class="row">
+
+<div class="col-12 col-md-8 col-lg-9">
+    <h2 id="check-the-source">Check the source</h2>
+
+    <p>As all of this is open source, you can not only check <a href="https://github.com/eclipse/packages/tree/master/packages/telemetry-e2e">the code of this package</a>, you can also dive into the code of all backing projects.</p>
+
+    <p>A few noteworthy links specific to this package are:</p>
+
+    <ul>
+      <li><a href="https://github.com/drogue-iot/drogue-device/tree/main/examples/nrf52/microbit/ble-temperature">The code to the micro:bit firmware</a></li>
+      <li><a href="https://github.com/ctron/kura-addons/tree/master/examples/de.dentrassi.kura.addons.example.microbit">The code to the Eclipse Kura addon</a></li>
+      <li>The snippet of the Ditto payload mapper – <code class="language-plaintext highlighter-rouge">&lt;add link once merged&gt;</code></li>
+      <li><a href="https://github.com/ctron/streamsheets-kubernetes">The Streamsheets Kubernetes deployment</a></li>
+    </ul>
+
+    <h2 id="reach-out">Reach out</h2>
+
+    <p>All projects participating in this package have their own communities and communication channels. Take a look, and 
+maybe reach out to learn more or give some feedback:</p>
+
+    <ul>
+      <li><a href="https://iot.eclipse.org">Eclipse IoT Working Group</a> – <a href="https://eclipse-iot-wg.slack.com">Slack channel</a></li>
+      <li>Projects
+        <ul>
+          <li><a href="https://www.eclipse.org/ditto">Eclipse Ditto</a> – <a href="https://gitter.im/eclipse/ditto">Gitter channel</a></li>
+          <li><a href="https://www.eclipse.org/kura">Eclipse Kura</a> – <a href="https://www.eclipse.org/kura/community.php#discussion-forum">Discussion forum</a></li>
+          <li><a href="https://www.eclipse.org/streamsheets">Eclipse Streamsheets</a> – <a href="https://accounts.eclipse.org/mailing-list/streamsheets-dev">Mailing list</a></li>
+          <li><a href="https://drogue.io">Drogue IoT</a> – <a href="https://matrix.to/#/#drogue-iot:matrix.org">Matrix channel</a></li>
+        </ul>
+      </li>
+    </ul>
+
+    <h2 id="what-is-next">What is next?</h2>
+
+    <p>Here are a few ideas of what you could do.</p>
+
+    <h3 id="add-a-new-sensor-value">Add a new sensor value</h3>
+
+    <p>If you want to make an end-to-end change, add another value from one of the micro:bit’s sensor to the data. This would
+include:</p>
+
+    <ul>
+      <li>Adding the readout to the firmware</li>
+      <li>Reading it as part of the Kura addon example</li>
+      <li>Extracting it in the Ditto mapper, assigning it a new device feature</li>
+      <li>Mapping the field to a new cell in streamsheets.</li>
+    </ul>
+
+    <h3 id="play-with-the-visualization">Play with the visualization</h3>
+
+    <p>Instead of just showing a plain value, you could play with the spreadsheet. Maybe start by showing Fahrenheit instead
+of Celsius? Or Kelvin? You can also show the last few values in a table.</p>
+
+    <p>Check out the Streamsheets project to learn more.</p>
+  </div>
+
+<div class="col-12 col-md-4 col-lg-3 
+
+">
+    <h2 id="projects">Projects</h2>
+
+    <ul>
+      <li><a href="https://www.eclipse.org/ditto">Eclipse Ditto</a></li>
+      <li><a href="https://www.eclipse.org/kura">Eclipse Kura</a></li>
+      <li><a href="https://www.eclipse.org/streamsheets">Eclipse Streamsheets</a></li>
+      <li><a href="https://drogue.io">Drogue IoT</a></li>
+    </ul>
+  </div>
+
+</div>
+</div>
+
+    </main>
+
+    <footer class="page-footer">
+
+    <div class="container">
+
+    <div class="row">
+
+    
+
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT Packages</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/">Home</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/about">About</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/contribute">Contribute</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/security">Security</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://iot.eclipse.org">Top Level Project</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/workinggroups/iotwg_charter.php">Working group</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Legal</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal">Legal Resources</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse Foundation</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/org">About us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/contact.php">Contact us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/directors.php">Board of Directors</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+    
+    </div>
+
+    
+    <div class="row">
+        <div class="col-12 col-md text-muted">Copyright © Eclipse Foundation, Inc. All Rights Reserved.</div>
+    </div>
+    
+
+    </div>
+
+</footer>
+
+
+    <script src="/packages/assets/popper.min.js"></script>
+    <script src="/packages/assets/jquery.min.js"></script>
+    <script src="/packages/assets/bootstrap/bootstrap.min.js"></script>
+
+    <script src="/packages/assets/clipboard.min.js"></script>
+    <script src="/packages/assets/clipboard.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/packages/telemetry-e2e/images/overview.odg b/packages/telemetry-e2e/images/overview.odg
new file mode 100644
index 0000000..97929f2
--- /dev/null
+++ b/packages/telemetry-e2e/images/overview.odg
Binary files differ
diff --git a/packages/telemetry-e2e/images/overview.svg b/packages/telemetry-e2e/images/overview.svg
new file mode 100644
index 0000000..2378fdf
--- /dev/null
+++ b/packages/telemetry-e2e/images/overview.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.2" width="127.53mm" height="165.03mm" viewBox="2999 1749 12753 16503" preserveAspectRatio="xMidYMid" fill-rule="evenodd" stroke-width="28.222" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" xmlns:ooo="http://xml.openoffice.org/svg/export" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:presentation="http://sun.com/xmlns/staroffice/presentation" xmlns:smil="http://www.w3.org/2001/SMIL20/" xmlns:anim="urn:oasis:names:tc:opendocument:xmlns:animation:1.0" xml:space="preserve">
+ <defs>
+  <font id="EmbeddedFont_1" horiz-adv-x="2048">
+   <font-face font-family="Liberation Sans embedded" units-per-em="2048" font-weight="normal" font-style="normal" ascent="1852" descent="441"/>
+   <missing-glyph horiz-adv-x="2048" d="M 0,0 L 2047,0 2047,2047 0,2047 0,0 Z"/>
+   <glyph unicode="y" horiz-adv-x="1024" d="M 191,-425 C 142,-425 100,-421 67,-414 L 67,-279 C 92,-283 120,-285 151,-285 263,-285 352,-203 417,-38 L 434,5 5,1082 197,1082 425,484 C 428,475 432,464 437,451 442,438 457,394 482,320 507,246 521,205 523,196 L 593,393 830,1082 1020,1082 604,0 C 559,-115 518,-201 479,-258 440,-314 398,-356 351,-384 304,-411 250,-425 191,-425 Z"/>
+   <glyph unicode="v" horiz-adv-x="1024" d="M 613,0 L 400,0 7,1082 199,1082 437,378 C 446,351 469,272 506,141 L 541,258 580,376 826,1082 1017,1082 613,0 Z"/>
+   <glyph unicode="u" horiz-adv-x="883" d="M 314,1082 L 314,396 C 314,325 321,269 335,230 349,191 371,162 402,145 433,128 478,119 537,119 624,119 692,149 742,208 792,267 817,350 817,455 L 817,1082 997,1082 997,231 C 997,105 999,28 1003,0 L 833,0 C 832,3 832,12 831,27 830,42 830,59 829,78 828,97 826,132 825,185 L 822,185 C 781,110 733,58 679,27 624,-4 557,-20 476,-20 357,-20 271,10 216,69 161,128 133,225 133,361 L 133,1082 314,1082 Z"/>
+   <glyph unicode="t" horiz-adv-x="547" d="M 554,8 C 495,-8 434,-16 372,-16 228,-16 156,66 156,229 L 156,951 31,951 31,1082 163,1082 216,1324 336,1324 336,1082 536,1082 536,951 336,951 336,268 C 336,216 345,180 362,159 379,138 408,127 450,127 474,127 509,132 554,141 L 554,8 Z"/>
+   <glyph unicode="s" horiz-adv-x="901" d="M 950,299 C 950,197 912,118 835,63 758,8 650,-20 511,-20 376,-20 273,2 200,47 127,91 79,160 57,254 L 216,285 C 231,227 263,185 311,158 359,131 426,117 511,117 602,117 669,131 712,159 754,187 775,229 775,285 775,328 760,362 731,389 702,416 654,438 589,455 L 460,489 C 357,516 283,542 240,568 196,593 162,624 137,661 112,698 100,743 100,796 100,895 135,970 206,1022 276,1073 378,1099 513,1099 632,1099 727,1078 798,1036 868,994 912,927 931,834 L 769,814 C 759,862 732,899 689,925 645,950 586,963 513,963 432,963 372,951 333,926 294,901 275,864 275,814 275,783 283,758 299,738 315,718 339,701 370,687 401,673 467,654 568,629 663,605 732,583 774,563 816,542 849,520 874,495 898,470 917,442 930,410 943,377 950,340 950,299 Z"/>
+   <glyph unicode="r" horiz-adv-x="531" d="M 142,0 L 142,830 C 142,906 140,990 136,1082 L 306,1082 C 311,959 314,886 314,861 L 318,861 C 347,954 380,1017 417,1051 454,1085 507,1102 575,1102 599,1102 623,1099 648,1092 L 648,927 C 624,934 592,937 552,937 477,937 420,905 381,841 342,776 322,684 322,564 L 322,0 142,0 Z"/>
+   <glyph unicode="p" horiz-adv-x="936" d="M 1053,546 C 1053,169 920,-20 655,-20 488,-20 376,43 319,168 L 314,168 C 317,163 318,106 318,-2 L 318,-425 138,-425 138,861 C 138,972 136,1046 132,1082 L 306,1082 C 307,1079 308,1070 309,1054 310,1037 312,1012 314,978 315,944 316,921 316,908 L 320,908 C 352,975 394,1024 447,1055 500,1086 569,1101 655,1101 788,1101 888,1056 954,967 1020,878 1053,737 1053,546 Z M 864,542 C 864,693 844,800 803,865 762,930 698,962 609,962 538,962 482,947 442,917 401,887 371,840 350,777 329,713 318,630 318,528 318,386 341,281 386,214 431,147 505,113 607,113 696,113 762,146 803,212 844,277 864,387 864,542 Z"/>
+   <glyph unicode="o" horiz-adv-x="988" d="M 1053,542 C 1053,353 1011,212 928,119 845,26 724,-20 565,-20 407,-20 288,28 207,125 126,221 86,360 86,542 86,915 248,1102 571,1102 736,1102 858,1057 936,966 1014,875 1053,733 1053,542 Z M 864,542 C 864,691 842,800 798,868 753,935 679,969 574,969 469,969 393,935 346,866 299,797 275,689 275,542 275,399 298,292 345,221 391,149 464,113 563,113 671,113 748,148 795,217 841,286 864,395 864,542 Z"/>
+   <glyph unicode="n" horiz-adv-x="883" d="M 825,0 L 825,686 C 825,757 818,813 804,852 790,891 768,920 737,937 706,954 661,963 602,963 515,963 447,933 397,874 347,815 322,732 322,627 L 322,0 142,0 142,851 C 142,977 140,1054 136,1082 L 306,1082 C 307,1079 307,1070 308,1055 309,1040 310,1024 311,1005 312,986 313,950 314,897 L 317,897 C 358,972 406,1025 461,1056 515,1087 582,1102 663,1102 782,1102 869,1073 924,1014 979,955 1006,857 1006,721 L 1006,0 825,0 Z"/>
+   <glyph unicode="m" horiz-adv-x="1448" d="M 768,0 L 768,686 C 768,791 754,863 725,903 696,943 645,963 570,963 493,963 433,934 388,875 343,816 321,734 321,627 L 321,0 142,0 142,851 C 142,977 140,1054 136,1082 L 306,1082 C 307,1079 307,1070 308,1055 309,1040 310,1024 311,1005 312,986 313,950 314,897 L 317,897 C 356,974 400,1027 450,1057 500,1087 561,1102 633,1102 715,1102 780,1086 828,1053 875,1020 908,968 927,897 L 930,897 C 967,970 1013,1022 1066,1054 1119,1086 1183,1102 1258,1102 1367,1102 1447,1072 1497,1013 1546,954 1571,856 1571,721 L 1571,0 1393,0 1393,686 C 1393,791 1379,863 1350,903 1321,943 1270,963 1195,963 1116,963 1055,934 1012,876 968,817 946,734 946,627 L 946,0 768,0 Z"/>
+   <glyph unicode="l" horiz-adv-x="213" d="M 138,0 L 138,1484 318,1484 318,0 138,0 Z"/>
+   <glyph unicode="k" horiz-adv-x="919" d="M 816,0 L 450,494 318,385 318,0 138,0 138,1484 318,1484 318,557 793,1082 1004,1082 565,617 1027,0 816,0 Z"/>
+   <glyph unicode="i" horiz-adv-x="196" d="M 137,1312 L 137,1484 317,1484 317,1312 137,1312 Z M 137,0 L 137,1082 317,1082 317,0 137,0 Z"/>
+   <glyph unicode="h" horiz-adv-x="865" d="M 317,897 C 356,968 402,1020 457,1053 511,1086 580,1102 663,1102 780,1102 867,1073 923,1015 978,956 1006,858 1006,721 L 1006,0 825,0 825,686 C 825,762 818,819 804,856 790,893 767,920 735,937 703,954 659,963 602,963 517,963 450,934 399,875 348,816 322,737 322,638 L 322,0 142,0 142,1484 322,1484 322,1098 C 322,1057 321,1015 319,972 316,929 315,904 314,897 L 317,897 Z"/>
+   <glyph unicode="g" horiz-adv-x="953" d="M 548,-425 C 430,-425 336,-402 266,-356 196,-309 151,-243 131,-158 L 312,-132 C 324,-182 351,-220 392,-248 433,-274 486,-288 553,-288 732,-288 822,-183 822,27 L 822,201 820,201 C 786,132 739,80 680,45 621,10 551,-8 472,-8 339,-8 242,36 180,124 117,212 86,350 86,539 86,730 120,872 187,963 254,1054 355,1099 492,1099 569,1099 635,1082 692,1047 748,1012 791,962 822,897 L 824,897 C 824,917 825,952 828,1001 831,1050 833,1077 836,1082 L 1007,1082 C 1003,1046 1001,971 1001,858 L 1001,31 C 1001,-273 850,-425 548,-425 Z M 822,541 C 822,629 810,705 786,769 762,832 728,881 685,915 641,948 591,965 536,965 444,965 377,932 335,865 293,798 272,690 272,541 272,393 292,287 331,222 370,157 438,125 533,125 590,125 640,142 684,175 728,208 762,256 786,319 810,381 822,455 822,541 Z"/>
+   <glyph unicode="f" horiz-adv-x="565" d="M 361,951 L 361,0 181,0 181,951 29,951 29,1082 181,1082 181,1204 C 181,1303 203,1374 246,1417 289,1460 356,1482 445,1482 495,1482 537,1478 572,1470 L 572,1333 C 542,1338 515,1341 492,1341 446,1341 413,1329 392,1306 371,1283 361,1240 361,1179 L 361,1082 572,1082 572,951 361,951 Z"/>
+   <glyph unicode="e" horiz-adv-x="988" d="M 276,503 C 276,379 302,283 353,216 404,149 479,115 578,115 656,115 719,131 766,162 813,193 844,233 861,281 L 1019,236 C 954,65 807,-20 578,-20 418,-20 296,28 213,123 129,218 87,360 87,548 87,727 129,864 213,959 296,1054 416,1102 571,1102 889,1102 1048,910 1048,527 L 1048,503 276,503 Z M 862,641 C 852,755 823,838 775,891 727,943 658,969 568,969 481,969 412,940 361,882 310,823 282,743 278,641 L 862,641 Z"/>
+   <glyph unicode="d" horiz-adv-x="953" d="M 821,174 C 788,105 744,55 689,25 634,-5 565,-20 484,-20 347,-20 247,26 183,118 118,210 86,349 86,536 86,913 219,1102 484,1102 566,1102 634,1087 689,1057 744,1027 788,979 821,914 L 823,914 821,1035 821,1484 1001,1484 1001,223 C 1001,110 1003,36 1007,0 L 835,0 C 833,11 831,35 829,74 826,113 825,146 825,174 L 821,174 Z M 275,542 C 275,391 295,282 335,217 375,152 440,119 530,119 632,119 706,154 752,225 798,296 821,405 821,554 821,697 798,802 752,869 706,936 633,969 532,969 441,969 376,936 336,869 295,802 275,693 275,542 Z"/>
+   <glyph unicode="c" horiz-adv-x="900" d="M 275,546 C 275,402 298,295 343,226 388,157 457,122 548,122 612,122 666,139 709,174 752,209 778,262 788,334 L 970,322 C 956,218 912,135 837,73 762,11 668,-20 553,-20 402,-20 286,28 207,124 127,219 87,359 87,542 87,724 127,863 207,959 287,1054 402,1102 551,1102 662,1102 754,1073 827,1016 900,959 945,880 964,779 L 779,765 C 770,825 746,873 708,908 670,943 616,961 546,961 451,961 382,929 339,866 296,803 275,696 275,546 Z"/>
+   <glyph unicode="b" horiz-adv-x="936" d="M 1053,546 C 1053,169 920,-20 655,-20 573,-20 505,-5 451,25 396,54 352,102 318,168 L 316,168 C 316,147 315,116 312,74 309,31 307,7 306,0 L 132,0 C 136,36 138,110 138,223 L 138,1484 318,1484 318,1061 C 318,1018 317,967 314,908 L 318,908 C 351,977 396,1027 451,1057 506,1087 574,1102 655,1102 792,1102 892,1056 957,964 1021,872 1053,733 1053,546 Z M 864,540 C 864,691 844,800 804,865 764,930 699,963 609,963 508,963 434,928 388,859 341,790 318,680 318,529 318,387 341,282 386,215 431,147 505,113 607,113 698,113 763,147 804,214 844,281 864,389 864,540 Z"/>
+   <glyph unicode="a" horiz-adv-x="1077" d="M 414,-20 C 305,-20 224,9 169,66 114,123 87,202 87,302 87,414 124,500 198,560 271,620 390,652 554,656 L 797,660 797,719 C 797,807 778,870 741,908 704,946 645,965 565,965 484,965 426,951 389,924 352,897 330,853 323,793 L 135,810 C 166,1005 310,1102 569,1102 705,1102 807,1071 876,1009 945,946 979,856 979,738 L 979,272 C 979,219 986,179 1000,152 1014,125 1041,111 1080,111 1097,111 1117,113 1139,118 L 1139,6 C 1094,-5 1047,-10 1000,-10 933,-10 885,8 855,43 824,78 807,132 803,207 L 797,207 C 751,124 698,66 637,32 576,-3 501,-20 414,-20 Z M 455,115 C 521,115 580,130 631,160 682,190 723,231 753,284 782,336 797,390 797,445 L 797,534 600,530 C 515,529 451,520 408,504 364,488 330,463 307,430 284,397 272,353 272,299 272,240 288,195 320,163 351,131 396,115 455,115 Z"/>
+   <glyph unicode="T" horiz-adv-x="1183" d="M 720,1253 L 720,0 530,0 530,1253 46,1253 46,1409 1204,1409 1204,1253 720,1253 Z"/>
+   <glyph unicode="S" horiz-adv-x="1201" d="M 1272,389 C 1272,259 1221,158 1120,87 1018,16 875,-20 690,-20 347,-20 148,99 93,338 L 278,375 C 299,290 345,228 414,189 483,149 578,129 697,129 820,129 916,150 983,193 1050,235 1083,297 1083,379 1083,425 1073,462 1052,491 1031,520 1001,543 963,562 925,581 880,596 827,609 774,622 716,635 652,650 541,675 456,699 399,724 341,749 295,776 262,807 229,837 203,872 186,913 168,954 159,1000 159,1053 159,1174 205,1267 298,1332 390,1397 522,1430 694,1430 854,1430 976,1406 1061,1357 1146,1308 1205,1224 1239,1106 L 1051,1073 C 1030,1148 991,1202 933,1236 875,1269 795,1286 692,1286 579,1286 493,1267 434,1230 375,1193 345,1137 345,1063 345,1020 357,984 380,956 403,927 436,903 479,884 522,864 609,840 738,811 781,801 825,791 868,781 911,770 952,758 991,744 1030,729 1067,712 1102,693 1136,674 1166,650 1191,622 1216,594 1236,561 1251,523 1265,485 1272,440 1272,389 Z"/>
+   <glyph unicode="R" horiz-adv-x="1235" d="M 1164,0 L 798,585 359,585 359,0 168,0 168,1409 831,1409 C 990,1409 1112,1374 1199,1303 1285,1232 1328,1133 1328,1006 1328,901 1298,813 1237,742 1176,671 1091,626 984,607 L 1384,0 1164,0 Z M 1136,1004 C 1136,1086 1108,1149 1053,1192 997,1235 917,1256 812,1256 L 359,1256 359,736 820,736 C 921,736 999,760 1054,807 1109,854 1136,919 1136,1004 Z"/>
+   <glyph unicode="Q" horiz-adv-x="1412" d="M 1495,711 C 1495,512 1445,349 1345,221 1245,93 1106,17 928,-6 955,-90 991,-151 1036,-188 1080,-225 1136,-244 1204,-244 1241,-244 1279,-240 1319,-231 L 1319,-365 C 1257,-380 1198,-387 1141,-387 1040,-387 958,-358 893,-302 828,-244 774,-149 733,-16 601,-9 487,24 392,85 296,145 223,229 173,337 122,444 97,569 97,711 97,936 159,1113 282,1240 405,1367 577,1430 797,1430 940,1430 1065,1402 1170,1345 1275,1288 1356,1205 1412,1096 1467,987 1495,859 1495,711 Z M 1300,711 C 1300,886 1256,1024 1169,1124 1081,1224 957,1274 797,1274 636,1274 511,1225 423,1126 335,1027 291,889 291,711 291,534 336,394 425,291 514,187 637,135 795,135 958,135 1083,185 1170,286 1257,386 1300,528 1300,711 Z"/>
+   <glyph unicode="P" horiz-adv-x="1112" d="M 1258,985 C 1258,852 1215,746 1128,667 1041,588 922,549 773,549 L 359,549 359,0 168,0 168,1409 761,1409 C 919,1409 1041,1372 1128,1298 1215,1224 1258,1120 1258,985 Z M 1066,983 C 1066,1165 957,1256 738,1256 L 359,1256 359,700 746,700 C 959,700 1066,794 1066,983 Z"/>
+   <glyph unicode="M" horiz-adv-x="1394" d="M 1366,0 L 1366,940 C 1366,1044 1369,1144 1375,1240 1342,1121 1313,1027 1287,960 L 923,0 789,0 420,960 364,1130 331,1240 334,1129 338,940 338,0 168,0 168,1409 419,1409 794,432 C 807,393 820,351 833,306 845,261 853,228 857,208 862,235 874,275 891,330 908,384 919,418 925,432 L 1293,1409 1538,1409 1538,0 1366,0 Z"/>
+   <glyph unicode="L" horiz-adv-x="918" d="M 168,0 L 168,1409 359,1409 359,156 1071,156 1071,0 168,0 Z"/>
+   <glyph unicode="K" horiz-adv-x="1200" d="M 1106,0 L 543,680 359,540 359,0 168,0 168,1409 359,1409 359,703 1038,1409 1263,1409 663,797 1343,0 1106,0 Z"/>
+   <glyph unicode="E" horiz-adv-x="1130" d="M 168,0 L 168,1409 1237,1409 1237,1253 359,1253 359,801 1177,801 1177,647 359,647 359,156 1278,156 1278,0 168,0 Z"/>
+   <glyph unicode="D" horiz-adv-x="1235" d="M 1381,719 C 1381,574 1353,447 1296,338 1239,229 1159,145 1055,87 951,29 831,0 695,0 L 168,0 168,1409 634,1409 C 873,1409 1057,1349 1187,1230 1316,1110 1381,940 1381,719 Z M 1189,719 C 1189,894 1141,1027 1046,1119 950,1210 811,1256 630,1256 L 359,1256 359,153 673,153 C 776,153 867,176 946,221 1024,266 1084,332 1126,417 1168,502 1189,603 1189,719 Z"/>
+   <glyph unicode="C" horiz-adv-x="1324" d="M 792,1274 C 636,1274 515,1224 428,1124 341,1023 298,886 298,711 298,538 343,400 434,295 524,190 646,137 800,137 997,137 1146,235 1245,430 L 1401,352 C 1343,231 1262,138 1157,75 1052,12 930,-20 791,-20 649,-20 526,10 423,69 319,128 240,212 186,322 131,431 104,561 104,711 104,936 165,1112 286,1239 407,1366 575,1430 790,1430 940,1430 1065,1401 1166,1342 1267,1283 1341,1196 1388,1081 L 1207,1021 C 1174,1103 1122,1166 1050,1209 977,1252 891,1274 792,1274 Z"/>
+   <glyph unicode="B" horiz-adv-x="1112" d="M 1258,397 C 1258,272 1212,174 1121,105 1030,35 903,0 740,0 L 168,0 168,1409 680,1409 C 1011,1409 1176,1295 1176,1067 1176,984 1153,914 1106,857 1059,800 993,762 908,743 1020,730 1106,692 1167,631 1228,569 1258,491 1258,397 Z M 984,1044 C 984,1120 958,1174 906,1207 854,1240 779,1256 680,1256 L 359,1256 359,810 680,810 C 782,810 858,829 909,868 959,906 984,965 984,1044 Z M 1065,412 C 1065,578 948,661 715,661 L 359,661 359,153 730,153 C 847,153 932,175 985,218 1038,261 1065,326 1065,412 Z"/>
+   <glyph unicode="A" horiz-adv-x="1377" d="M 1167,0 L 1006,412 364,412 202,0 4,0 579,1409 796,1409 1362,0 1167,0 Z M 685,1265 L 676,1237 C 659,1182 635,1111 602,1024 L 422,561 949,561 768,1026 C 749,1072 731,1124 712,1182 L 685,1265 Z"/>
+   <glyph unicode=":" horiz-adv-x="213" d="M 187,875 L 187,1082 382,1082 382,875 187,875 Z M 187,0 L 187,207 382,207 382,0 187,0 Z"/>
+   <glyph unicode=" " horiz-adv-x="564"/>
+  </font>
+ </defs>
+ <defs>
+  <font id="EmbeddedFont_2" horiz-adv-x="2048">
+   <font-face font-family="Liberation Sans embedded" units-per-em="2048" font-weight="normal" font-style="italic" ascent="1852" descent="441"/>
+   <missing-glyph horiz-adv-x="2048" d="M 0,0 L 2047,0 2047,2047 0,2047 0,0 Z"/>
+   <glyph unicode="y" horiz-adv-x="1253" d="M 16,-425 C -32,-425 -76,-420 -116,-411 L -85,-277 C -55,-282 -29,-285 -8,-285 55,-285 111,-264 160,-221 208,-178 255,-116 302,-35 L 329,12 112,1082 295,1082 407,484 C 417,431 426,374 435,314 444,253 448,214 449,196 456,211 464,229 475,250 486,271 637,549 928,1082 L 1127,1082 501,0 C 427,-129 368,-219 323,-271 278,-322 231,-361 182,-387 133,-412 77,-425 16,-425 Z"/>
+   <glyph unicode="w" horiz-adv-x="1501" d="M 1068,0 L 859,0 822,698 816,934 C 796,884 778,840 762,803 746,765 626,497 402,0 L 194,0 102,1082 280,1082 320,347 327,149 408,339 749,1082 942,1082 986,339 C 990,267 992,204 992,149 1014,202 1154,513 1413,1082 L 1589,1082 1068,0 Z"/>
+   <glyph unicode="v" horiz-adv-x="1024" d="M 507,0 L 294,0 112,1082 299,1082 400,378 C 406,333 412,271 419,194 L 423,141 449,194 C 479,257 510,317 542,376 L 926,1082 1122,1082 507,0 Z"/>
+   <glyph unicode="t" horiz-adv-x="566" d="M 275,-20 C 218,-20 174,-3 142,31 109,65 93,110 93,166 93,203 98,246 108,296 L 234,951 109,951 135,1082 262,1082 367,1324 487,1324 440,1082 640,1082 614,951 414,951 289,306 C 281,266 277,234 277,211 277,152 307,123 367,123 395,123 428,128 467,137 L 448,4 C 382,-12 324,-20 275,-20 Z"/>
+   <glyph unicode="s" horiz-adv-x="989" d="M 907,317 C 907,209 866,126 783,68 700,9 581,-20 425,-20 309,-20 217,0 149,39 80,78 32,139 5,223 L 152,279 C 174,220 208,178 255,151 301,124 363,111 441,111 536,111 609,127 658,160 707,192 732,239 732,301 732,342 715,377 681,405 647,432 575,463 465,497 380,525 316,552 273,579 230,606 198,637 175,673 152,708 141,750 141,797 141,894 180,968 257,1021 334,1073 443,1099 584,1099 820,1099 953,1014 982,844 L 819,819 C 804,872 777,910 736,933 695,956 641,968 572,968 489,968 426,955 382,929 337,902 315,865 315,817 315,789 322,765 336,746 350,727 370,710 397,695 423,680 484,657 579,627 664,600 728,573 771,546 814,519 847,486 871,449 895,412 907,368 907,317 Z"/>
+   <glyph unicode="r" horiz-adv-x="741" d="M 718,938 C 689,947 659,951 628,951 558,951 495,914 439,841 382,768 344,675 324,564 L 214,0 34,0 196,830 221,968 239,1082 409,1082 374,861 378,861 C 422,950 465,1012 508,1048 551,1084 600,1102 656,1102 687,1102 718,1097 751,1088 L 718,938 Z"/>
+   <glyph unicode="p" horiz-adv-x="1130" d="M 554,-20 C 472,-20 405,-3 354,32 302,67 265,115 244,178 L 239,178 C 239,171 236,149 231,113 225,77 191,-102 128,-425 L -51,-425 198,861 C 213,935 225,1009 233,1082 L 400,1082 C 400,1064 398,1037 394,1000 389,963 386,936 383,921 L 387,921 C 436,984 487,1030 541,1059 595,1088 662,1102 741,1102 846,1102 927,1071 986,1008 1044,945 1073,858 1073,748 1073,613 1053,482 1012,355 971,228 913,133 839,72 764,11 669,-20 554,-20 Z M 689,963 C 623,963 567,950 520,923 473,896 433,855 400,801 367,746 342,678 323,597 304,515 295,442 295,377 295,294 316,229 359,183 401,136 460,113 535,113 618,113 683,138 731,189 779,239 817,319 844,429 871,538 885,634 885,716 885,798 869,860 838,901 807,942 757,963 689,963 Z"/>
+   <glyph unicode="o" horiz-adv-x="1024" d="M 1074,683 C 1074,596 1061,506 1034,413 1007,319 969,240 920,175 870,110 809,61 737,29 665,-4 583,-20 491,-20 360,-20 257,19 181,98 105,177 67,284 67,419 70,555 94,676 141,781 188,886 252,966 335,1020 418,1074 520,1101 642,1101 782,1101 889,1065 963,992 1037,919 1074,816 1074,683 Z M 888,683 C 888,874 805,969 640,969 550,969 478,946 424,900 369,853 327,783 297,689 267,595 252,504 252,416 252,317 273,242 316,191 359,139 421,113 502,113 571,113 626,125 668,148 709,171 746,207 777,256 808,305 834,367 854,443 873,519 885,599 888,683 Z"/>
+   <glyph unicode="n" horiz-adv-x="1041" d="M 717,0 L 843,645 C 855,704 861,754 861,795 861,906 801,962 682,962 598,962 524,930 460,866 396,802 353,715 332,606 L 214,0 34,0 200,851 C 213,914 226,991 239,1082 L 409,1082 C 409,1075 406,1049 399,1005 392,960 386,924 381,897 L 384,897 C 439,974 495,1027 551,1057 606,1086 672,1101 749,1101 848,1101 922,1077 972,1028 1021,979 1046,909 1046,817 1046,774 1039,720 1025,653 L 898,0 717,0 Z"/>
+   <glyph unicode="m" horiz-adv-x="1606" d="M 660,0 L 784,634 C 801,717 809,775 809,808 809,858 796,896 771,923 746,949 704,962 647,962 570,962 502,929 445,863 387,797 349,711 331,604 L 213,0 34,0 200,851 C 213,914 226,991 239,1082 L 409,1082 C 409,1075 406,1049 399,1005 392,960 386,924 381,897 L 384,897 C 433,973 482,1026 531,1056 580,1086 638,1101 706,1101 787,1101 851,1081 898,1042 945,1002 974,944 983,869 1038,956 1093,1016 1147,1050 1200,1084 1262,1101 1331,1101 1421,1101 1490,1077 1539,1028 1587,979 1611,909 1611,817 1611,774 1604,720 1590,653 L 1463,0 1285,0 1409,634 C 1426,717 1434,775 1434,808 1434,858 1421,896 1396,923 1371,949 1329,962 1272,962 1195,962 1127,930 1070,865 1013,800 975,714 956,607 L 838,0 660,0 Z"/>
+   <glyph unicode="l" horiz-adv-x="495" d="M 33,0 L 321,1484 501,1484 212,0 33,0 Z"/>
+   <glyph unicode="i" horiz-adv-x="495" d="M 287,1312 L 321,1484 501,1484 467,1312 287,1312 Z M 33,0 L 243,1082 423,1082 212,0 33,0 Z"/>
+   <glyph unicode="g" horiz-adv-x="1130" d="M 397,-425 C 171,-425 40,-341 4,-173 L 167,-131 C 190,-236 268,-288 401,-288 496,-288 569,-263 621,-215 673,-165 710,-85 731,27 L 765,201 763,201 C 722,142 685,99 654,73 622,47 586,27 547,13 507,-1 461,-8 410,-8 308,-8 226,26 164,93 101,160 70,248 70,359 70,448 83,543 108,646 133,749 167,834 210,902 253,970 306,1020 368,1053 430,1085 503,1101 588,1101 669,1101 737,1082 793,1044 848,1006 884,957 900,897 L 902,897 C 907,922 915,957 927,1004 939,1050 947,1076 950,1082 L 1121,1082 1102,1000 1072,858 911,31 C 879,-130 822,-247 739,-318 656,-389 542,-425 397,-425 Z M 259,373 C 259,292 277,231 312,189 347,146 398,125 466,125 538,125 603,151 662,204 721,256 766,328 799,419 831,510 847,605 847,704 847,787 826,852 783,899 740,945 682,968 607,968 547,968 497,956 457,931 417,906 383,868 356,815 329,762 306,692 287,605 268,517 259,440 259,373 Z"/>
+   <glyph unicode="f" horiz-adv-x="706" d="M 434,951 L 249,0 69,0 254,951 102,951 128,1082 280,1082 303,1204 C 318,1279 339,1335 364,1372 389,1409 422,1437 463,1456 504,1475 557,1484 622,1484 671,1484 713,1480 746,1472 L 720,1335 675,1342 629,1342 C 587,1342 555,1331 533,1310 510,1288 492,1244 479,1179 L 460,1082 671,1082 645,951 434,951 Z"/>
+   <glyph unicode="e" horiz-adv-x="1024" d="M 256,503 C 252,480 249,442 247,390 247,301 269,233 314,186 358,139 425,115 514,115 579,115 637,131 690,163 743,195 784,239 813,294 L 951,231 C 902,144 841,80 766,40 691,0 600,-20 493,-20 359,-20 255,17 181,92 106,166 69,270 69,405 69,539 93,659 140,766 187,872 254,955 340,1014 426,1073 523,1102 630,1102 767,1102 873,1068 949,999 1025,930 1063,833 1063,708 1063,638 1055,570 1039,503 L 256,503 Z M 880,641 L 884,713 C 884,796 863,859 820,903 777,947 715,969 634,969 545,969 470,941 409,884 348,827 305,746 280,641 L 880,641 Z"/>
+   <glyph unicode="d" horiz-adv-x="1147" d="M 401,-21 C 296,-21 215,11 157,74 98,137 69,223 69,333 69,468 90,600 131,727 172,854 229,948 304,1009 378,1070 473,1101 588,1101 670,1101 737,1084 789,1049 840,1014 877,966 898,903 L 903,903 931,1065 1013,1484 1193,1484 948,223 C 929,129 916,55 910,0 L 738,0 C 738,34 745,87 759,160 L 754,160 C 705,97 654,51 600,22 546,-7 480,-21 401,-21 Z M 453,118 C 519,118 576,132 623,159 670,186 709,226 742,281 775,335 800,403 819,485 838,566 847,639 847,704 847,787 826,852 784,899 741,945 682,968 607,968 526,968 461,944 414,896 367,847 329,768 300,659 271,549 257,451 257,365 257,283 273,221 304,180 335,139 385,118 453,118 Z"/>
+   <glyph unicode="c" horiz-adv-x="953" d="M 469,122 C 606,122 702,199 758,352 L 914,303 C 833,88 684,-20 465,-20 337,-20 239,16 170,89 101,162 67,264 67,395 67,528 91,652 140,767 188,882 252,966 332,1021 411,1075 509,1102 625,1102 738,1102 827,1074 893,1017 958,960 994,883 1001,784 L 824,759 C 820,824 800,874 764,909 728,944 680,961 619,961 535,961 467,939 415,894 363,849 323,777 294,679 265,581 251,484 251,389 251,211 324,122 469,122 Z"/>
+   <glyph unicode="a" horiz-adv-x="1042" d="M 927,-10 C 865,-10 820,3 792,29 763,54 749,92 749,143 L 754,207 748,207 C 693,123 635,64 576,31 517,-3 445,-20 361,-20 268,-20 192,8 134,64 75,120 46,191 46,278 46,401 90,495 179,558 267,621 408,654 601,657 L 833,660 C 846,725 852,768 852,787 852,848 834,893 799,922 764,951 715,965 652,965 573,965 513,951 472,923 431,894 402,851 384,793 L 206,822 C 236,920 288,991 363,1036 437,1080 537,1102 662,1102 776,1102 866,1075 933,1022 999,969 1032,897 1032,807 1032,764 1026,712 1013,650 L 939,272 C 932,240 928,211 928,184 928,135 955,111 1009,111 1027,111 1047,113 1069,118 L 1055,6 C 1011,-5 968,-10 927,-10 Z M 809,536 L 610,532 C 531,530 468,523 423,511 378,498 343,483 318,464 293,445 273,421 259,392 244,363 237,327 237,286 237,236 253,195 286,164 318,133 360,117 411,117 476,117 534,131 586,159 638,186 681,222 715,267 749,312 771,360 782,411 L 809,536 Z"/>
+   <glyph unicode="]" horiz-adv-x="794" d="M -169,-425 L -144,-296 88,-296 409,1355 176,1355 201,1484 608,1484 237,-425 -169,-425 Z"/>
+   <glyph unicode="[" horiz-adv-x="795" d="M -39,-425 L 331,1484 738,1484 713,1355 480,1355 159,-296 392,-296 367,-425 -39,-425 Z"/>
+   <glyph unicode="T" horiz-adv-x="1201" d="M 858,1253 L 614,0 424,0 668,1253 184,1253 214,1409 1372,1409 1342,1253 858,1253 Z"/>
+   <glyph unicode="I" horiz-adv-x="477" d="M 81,0 L 355,1409 546,1409 272,0 81,0 Z"/>
+   <glyph unicode=" " horiz-adv-x="564"/>
+  </font>
+ </defs>
+ <defs class="EmbeddedBulletChars">
+  <g id="bullet-char-template-57356" transform="scale(0.00048828125,-0.00048828125)">
+   <path d="M 580,1141 L 1163,571 580,0 -4,571 580,1141 Z"/>
+  </g>
+  <g id="bullet-char-template-57354" transform="scale(0.00048828125,-0.00048828125)">
+   <path d="M 8,1128 L 1137,1128 1137,0 8,0 8,1128 Z"/>
+  </g>
+  <g id="bullet-char-template-10146" transform="scale(0.00048828125,-0.00048828125)">
+   <path d="M 174,0 L 602,739 174,1481 1456,739 174,0 Z M 1358,739 L 309,1346 659,739 1358,739 Z"/>
+  </g>
+  <g id="bullet-char-template-10132" transform="scale(0.00048828125,-0.00048828125)">
+   <path d="M 2015,739 L 1276,0 717,0 1260,543 174,543 174,936 1260,936 717,1481 1274,1481 2015,739 Z"/>
+  </g>
+  <g id="bullet-char-template-10007" transform="scale(0.00048828125,-0.00048828125)">
+   <path d="M 0,-2 C -7,14 -16,27 -25,37 L 356,567 C 262,823 215,952 215,954 215,979 228,992 255,992 264,992 276,990 289,987 310,991 331,999 354,1012 L 381,999 492,748 772,1049 836,1024 860,1049 C 881,1039 901,1025 922,1006 886,937 835,863 770,784 769,783 710,716 594,584 L 774,223 C 774,196 753,168 711,139 L 727,119 C 717,90 699,76 672,76 641,76 570,178 457,381 L 164,-76 C 142,-110 111,-127 72,-127 30,-127 9,-110 8,-76 1,-67 -2,-52 -2,-32 -2,-23 -1,-13 0,-2 Z"/>
+  </g>
+  <g id="bullet-char-template-10004" transform="scale(0.00048828125,-0.00048828125)">
+   <path d="M 285,-33 C 182,-33 111,30 74,156 52,228 41,333 41,471 41,549 55,616 82,672 116,743 169,778 240,778 293,778 328,747 346,684 L 369,508 C 377,444 397,411 428,410 L 1163,1116 C 1174,1127 1196,1133 1229,1133 1271,1133 1292,1118 1292,1087 L 1292,965 C 1292,929 1282,901 1262,881 L 442,47 C 390,-6 338,-33 285,-33 Z"/>
+  </g>
+  <g id="bullet-char-template-9679" transform="scale(0.00048828125,-0.00048828125)">
+   <path d="M 813,0 C 632,0 489,54 383,161 276,268 223,411 223,592 223,773 276,916 383,1023 489,1130 632,1184 813,1184 992,1184 1136,1130 1245,1023 1353,916 1407,772 1407,592 1407,412 1353,268 1245,161 1136,54 992,0 813,0 Z"/>
+  </g>
+  <g id="bullet-char-template-8226" transform="scale(0.00048828125,-0.00048828125)">
+   <path d="M 346,457 C 273,457 209,483 155,535 101,586 74,649 74,723 74,796 101,859 155,911 209,963 273,989 346,989 419,989 480,963 531,910 582,859 608,796 608,723 608,648 583,586 532,535 482,483 420,457 346,457 Z"/>
+  </g>
+  <g id="bullet-char-template-8211" transform="scale(0.00048828125,-0.00048828125)">
+   <path d="M -4,459 L 1135,459 1135,606 -4,606 -4,459 Z"/>
+  </g>
+  <g id="bullet-char-template-61548" transform="scale(0.00048828125,-0.00048828125)">
+   <path d="M 173,740 C 173,903 231,1043 346,1159 462,1274 601,1332 765,1332 928,1332 1067,1274 1183,1159 1299,1043 1357,903 1357,740 1357,577 1299,437 1183,322 1067,206 928,148 765,148 601,148 462,206 346,322 231,437 173,577 173,740 Z"/>
+  </g>
+ </defs>
+ <g class="Page">
+  <g class="com.sun.star.drawing.LineShape">
+   <g id="id3">
+    <rect class="BoundingBox" stroke="none" fill="none" x="2999" y="4499" width="12753" height="3"/>
+    <path fill="none" stroke="rgb(52,101,164)" d="M 3000,4500 L 15750,4500"/>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.LineShape">
+   <g id="id4">
+    <rect class="BoundingBox" stroke="none" fill="none" x="2999" y="7249" width="12753" height="3"/>
+    <path fill="none" stroke="rgb(52,101,164)" d="M 3000,7250 L 15750,7250"/>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id5">
+    <rect class="BoundingBox" stroke="none" fill="none" x="3000" y="1750" width="12751" height="2751"/>
+    <text class="SVGTextShape"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="564px" font-weight="400"><tspan class="TextPosition" x="3250" y="2383"><tspan fill="rgb(0,0,0)" stroke="none">micro:bit</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id6">
+    <rect class="BoundingBox" stroke="none" fill="none" x="3000" y="4500" width="12751" height="2751"/>
+    <text class="SVGTextShape"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="564px" font-weight="400"><tspan class="TextPosition" x="3250" y="5133"><tspan fill="rgb(0,0,0)" stroke="none">Raspberry Pi</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id7">
+    <rect class="BoundingBox" stroke="none" fill="none" x="3000" y="7250" width="12751" height="11001"/>
+    <text class="SVGTextShape"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="564px" font-weight="400"><tspan class="TextPosition" x="3250" y="7883"><tspan fill="rgb(0,0,0)" stroke="none">Kubernetes</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id8">
+    <rect class="BoundingBox" stroke="none" fill="none" x="7000" y="2000" width="8501" height="2251"/>
+    <path fill="rgb(255,182,108)" stroke="none" d="M 11250,4250 L 7000,4250 7000,2000 15500,2000 15500,4250 11250,4250 Z"/>
+    <text class="SVGTextShape"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-weight="400"><tspan class="TextPosition" x="9612" y="3019"><tspan fill="rgb(0,0,0)" stroke="none">Drogue Device</tspan></tspan></tspan><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-style="italic" font-weight="400"><tspan class="TextPosition" x="10365" y="3574"><tspan fill="rgb(0,0,0)" stroke="none">[sensor]</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id9">
+    <rect class="BoundingBox" stroke="none" fill="none" x="7000" y="4750" width="8501" height="2251"/>
+    <path fill="rgb(180,199,220)" stroke="none" d="M 11250,7000 L 7000,7000 7000,4750 15500,4750 15500,7000 11250,7000 Z"/>
+    <text class="SVGTextShape"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-weight="400"><tspan class="TextPosition" x="9857" y="5769"><tspan fill="rgb(0,0,0)" stroke="none">Eclipse Kura</tspan></tspan></tspan><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-style="italic" font-weight="400"><tspan class="TextPosition" x="9760" y="6324"><tspan fill="rgb(0,0,0)" stroke="none">[IoT gateway]</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id10">
+    <rect class="BoundingBox" stroke="none" fill="none" x="7000" y="13000" width="8501" height="2251"/>
+    <path fill="rgb(179,202,199)" stroke="none" d="M 11250,15250 L 7000,15250 7000,13000 15500,13000 15500,15250 11250,15250 Z"/>
+    <text class="SVGTextShape"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-weight="400"><tspan class="TextPosition" x="9870" y="14019"><tspan fill="rgb(0,0,0)" stroke="none">Eclipse Ditto</tspan></tspan></tspan><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-style="italic" font-weight="400"><tspan class="TextPosition" x="9953" y="14574"><tspan fill="rgb(0,0,0)" stroke="none">[digital twin]</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id11">
+    <rect class="BoundingBox" stroke="none" fill="none" x="7000" y="7500" width="8501" height="5001"/>
+    <path fill="rgb(212,234,107)" stroke="none" d="M 11250,12500 L 7000,12500 7000,7500 15500,7500 15500,12500 11250,12500 Z"/>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id12">
+    <rect class="BoundingBox" stroke="none" fill="none" x="7250" y="9750" width="8001" height="2251"/>
+    <path fill="rgb(255,255,255)" fill-opacity="0.259" stroke="rgb(255,255,255)" stroke-opacity="0.259" d="M 11250,12000 L 7250,12000 7250,9750 15250,9750 15250,12000 11250,12000 Z"/>
+    <text class="SVGTextShape"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-weight="400"><tspan class="TextPosition" x="9705" y="10769"><tspan fill="rgb(0,0,0)" stroke="none">Apache Kafka</tspan></tspan></tspan><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-style="italic" font-weight="400"><tspan class="TextPosition" x="9345" y="11324"><tspan fill="rgb(0,0,0)" stroke="none">[event streaming]</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id13">
+    <rect class="BoundingBox" stroke="none" fill="none" x="7250" y="7500" width="8001" height="2251"/>
+    <text class="SVGTextShape"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-weight="400"><tspan class="TextPosition" x="9724" y="8519"><tspan fill="rgb(0,0,0)" stroke="none">Drogue Cloud</tspan></tspan></tspan><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-style="italic" font-weight="400"><tspan class="TextPosition" x="9788" y="9074"><tspan fill="rgb(0,0,0)" stroke="none">[IoT platform]</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id14">
+    <rect class="BoundingBox" stroke="none" fill="none" x="7000" y="15750" width="8501" height="2251"/>
+    <path fill="rgb(191,129,158)" stroke="none" d="M 11250,18000 L 7000,18000 7000,15750 15500,15750 15500,18000 11250,18000 Z"/>
+    <text class="SVGTextShape"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-weight="400"><tspan class="TextPosition" x="8850" y="16769"><tspan fill="rgb(0,0,0)" stroke="none">Eclipse Streamsheets</tspan></tspan></tspan><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-style="italic" font-weight="400"><tspan class="TextPosition" x="9358" y="17324"><tspan fill="rgb(0,0,0)" stroke="none">[data processing]</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id15">
+    <rect class="BoundingBox" stroke="none" fill="none" x="13249" y="3500" width="1752" height="2002"/>
+    <path fill="rgb(178,178,178)" stroke="none" d="M 14563,3500 L 14563,5000 15000,5000 14125,5501 13249,5000 13687,5000 13687,3500 14563,3500 Z"/>
+    <text class="SVGTextShape" transform="rotate(89.9 13954 3907)"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-weight="400"><tspan class="TextPosition" x="13954" y="3907"><tspan fill="rgb(0,0,0)" stroke="none">BLE</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id16">
+    <rect class="BoundingBox" stroke="none" fill="none" x="13248" y="6250" width="1753" height="2752"/>
+    <path fill="rgb(178,178,178)" stroke="none" d="M 14563,6250 L 14563,8313 15000,8313 14125,9001 13249,8313 13687,8313 13687,6250 14563,6250 Z"/>
+    <text class="SVGTextShape" transform="rotate(89.9 13954 6755)"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-weight="400"><tspan class="TextPosition" x="13954" y="6755"><tspan fill="rgb(0,0,0)" stroke="none">MQTT</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id17">
+    <rect class="BoundingBox" stroke="none" fill="none" x="13248" y="11249" width="1753" height="2253"/>
+    <path fill="rgb(178,178,178)" stroke="none" d="M 14563,11250 L 14563,12938 15000,12938 14125,13501 13249,12938 13687,12938 13687,11250 14563,11250 Z"/>
+    <text class="SVGTextShape" transform="rotate(89.9 13954 11600)"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-weight="400"><tspan class="TextPosition" x="13954" y="11600"><tspan fill="rgb(0,0,0)" stroke="none">Kafka</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id18">
+    <rect class="BoundingBox" stroke="none" fill="none" x="13248" y="13999" width="1753" height="2253"/>
+    <path fill="rgb(178,178,178)" stroke="none" d="M 14563,14000 L 14563,15688 15000,15688 14125,16251 13249,15688 13687,15688 13687,14000 14563,14000 Z"/>
+    <text class="SVGTextShape" transform="rotate(89.9 13954 14286)"><tspan class="TextParagraph" font-family="Liberation Sans, sans-serif" font-size="494px" font-weight="400"><tspan class="TextPosition" x="13954" y="14286"><tspan fill="rgb(0,0,0)" stroke="none">MQTT</tspan></tspan></tspan></text>
+   </g>
+  </g>
+  <g class="com.sun.star.drawing.CustomShape">
+   <g id="id19">
+    <rect class="BoundingBox" stroke="none" fill="none" x="2999" y="1749" width="12753" height="16503"/>
+    <path fill="none" stroke="rgb(52,101,164)" d="M 9375,18250 L 3000,18250 3000,1750 15750,1750 15750,18250 9375,18250 Z"/>
+   </g>
+  </g>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/packages/telemetry-e2e/images/telemetry-e2e-icon.svg b/packages/telemetry-e2e/images/telemetry-e2e-icon.svg
new file mode 100644
index 0000000..14247dd
--- /dev/null
+++ b/packages/telemetry-e2e/images/telemetry-e2e-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 133 76" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g><path d="M35.596,21.643l0,47.119c0,0.654 0.532,1.186 1.186,1.186l9.487,-0c0.655,-0 1.186,-0.532 1.186,-1.186l0,-47.119l64.036,-0l0,2.904c0,0.538 0.29,1.036 0.759,1.301c0.469,0.265 1.045,0.258 1.507,-0.02l14.706,-8.837c0.45,-0.271 0.725,-0.757 0.725,-1.282c0,-0.525 -0.275,-1.011 -0.725,-1.282l-14.706,-8.837c-0.462,-0.278 -1.038,-0.285 -1.507,-0.02c-0.469,0.265 -0.759,0.763 -0.759,1.302l0,2.903l-90.699,0l0,-2.903c0,-0.539 -0.29,-1.037 -0.759,-1.302c-0.469,-0.265 -1.044,-0.258 -1.506,0.02l-14.707,8.837c-0.449,0.271 -0.725,0.757 -0.725,1.282c0,0.525 0.276,1.011 0.725,1.282l14.707,8.837c0.462,0.278 1.037,0.285 1.506,0.02c0.469,-0.265 0.759,-0.763 0.759,-1.301l0,-2.904l14.804,-0Z" style="fill:#1d1c4b;"/><g><path d="M52.005,41.361l0,-8.213c0,-0.534 0.256,-1.031 0.766,-1.494c0.511,-0.462 1.087,-0.693 1.729,-0.693l15.539,-0c0.555,-0 1.109,0.231 1.663,0.693c0.555,0.463 0.832,0.96 0.832,1.494l0,6.08c0,0.924 -0.365,2.275 -1.094,4.053l-11.074,25.92c-0.292,0.676 -0.832,1.013 -1.62,1.013c-0.934,0 -1.765,-0.337 -2.495,-1.013c-0.729,-0.676 -1.094,-1.493 -1.094,-2.453c-0,-0.463 0.087,-0.871 0.262,-1.227l11.425,-24.96l-0,-3.52l-9.148,-0l-0,4.32c-0,0.64 -0.292,1.173 -0.876,1.6c-0.584,0.427 -1.255,0.64 -2.013,0.64c-0.788,-0 -1.452,-0.213 -1.992,-0.64c-0.54,-0.427 -0.81,-0.96 -0.81,-1.6Z" style="fill:#1d1c4b;fill-rule:nonzero;"/><path d="M73.672,33.841c0,-0.782 0.416,-1.458 1.248,-2.027c0.831,-0.569 1.67,-0.853 2.517,-0.853c0.787,-0 1.371,0.462 1.75,1.387l6.654,15.413l6.697,-15.413c0.408,-0.925 0.977,-1.387 1.707,-1.387c0.846,-0 1.685,0.284 2.517,0.853c0.831,0.569 1.247,1.245 1.247,2.027c0,0.284 -0.044,0.516 -0.131,0.693l-9.017,19.094c-0.117,0.213 -0.175,0.444 -0.175,0.693l-0,13.44c-0,0.676 -0.277,1.209 -0.832,1.6c-0.554,0.391 -1.225,0.587 -2.013,0.587c-0.759,-0 -1.423,-0.196 -1.992,-0.587c-0.569,-0.391 -0.853,-0.924 -0.853,-1.6l-0,-13.44c-0,-0.32 -0.044,-0.551 -0.132,-0.693l-9.061,-19.094c-0.087,-0.284 -0.131,-0.515 -0.131,-0.693Z" style="fill:#1d1c4b;fill-rule:nonzero;"/></g><g><path d="M96.907,69.376l-0,-19.591c-0,-0.176 0.066,-0.311 0.197,-0.407c0.132,-0.095 0.286,-0.143 0.462,-0.143l7.822,0c0.366,0 0.549,0.213 0.549,0.638c0,0.19 -0.047,0.355 -0.143,0.494c-0.095,0.139 -0.23,0.209 -0.406,0.209l-7.031,-0l-0,8.356l3.449,0c0.176,0 0.312,0.063 0.407,0.187c0.095,0.125 0.143,0.282 0.143,0.473c-0,0.395 -0.183,0.593 -0.55,0.593l-3.449,-0l-0,8.422l7.031,0c0.161,0 0.293,0.066 0.395,0.198c0.103,0.132 0.154,0.293 0.154,0.483c0,0.44 -0.183,0.66 -0.549,0.66l-7.822,-0c-0.176,-0 -0.33,-0.052 -0.462,-0.154c-0.131,-0.103 -0.197,-0.242 -0.197,-0.418Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M107.105,69.253l0,-3.808c0,-0.819 0.252,-1.611 0.755,-2.377c0.502,-0.765 1.113,-1.468 1.831,-2.109l2.153,-1.897c0.733,-0.641 1.355,-1.366 1.868,-2.177c0.513,-0.81 0.769,-1.642 0.769,-2.497c-0,-0.926 -0.26,-1.745 -0.78,-2.458c-0.52,-0.712 -1.249,-1.068 -2.186,-1.068c-0.791,0 -1.432,0.273 -1.923,0.819c-0.49,0.546 -0.736,1.329 -0.736,2.349c0,0.197 -0.069,0.368 -0.208,0.511c-0.138,0.143 -0.324,0.214 -0.558,0.214c-0.437,0 -0.656,-0.364 -0.656,-1.093c-0,-1.28 0.395,-2.338 1.185,-3.173c0.79,-0.836 1.77,-1.254 2.94,-1.254c1.258,0 2.3,0.487 3.127,1.461c0.826,0.974 1.239,2.187 1.239,3.639c0,0.89 -0.182,1.745 -0.548,2.564c-0.366,0.819 -0.819,1.514 -1.36,2.083c-0.541,0.57 -1.133,1.149 -1.777,1.736l-1.78,1.55c-0.542,0.445 -0.996,0.948 -1.361,1.509c-0.366,0.561 -0.549,1.117 -0.549,1.669l-0,2.875l7.002,-0c0.146,-0 0.27,0.08 0.373,0.24c0.102,0.16 0.154,0.347 0.154,0.56c-0,0.213 -0.051,0.404 -0.153,0.573c-0.102,0.169 -0.226,0.254 -0.371,0.254l-7.773,-0c-0.16,-0 -0.313,-0.067 -0.458,-0.201c-0.146,-0.133 -0.219,-0.298 -0.219,-0.494Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M118.385,69.376l-0,-19.591c-0,-0.176 0.066,-0.311 0.197,-0.407c0.132,-0.095 0.286,-0.143 0.462,-0.143l7.822,0c0.366,0 0.549,0.213 0.549,0.638c0,0.19 -0.047,0.355 -0.142,0.494c-0.096,0.139 -0.231,0.209 -0.407,0.209l-7.031,-0l-0,8.356l3.45,0c0.175,0 0.311,0.063 0.406,0.187c0.095,0.125 0.143,0.282 0.143,0.473c-0,0.395 -0.183,0.593 -0.549,0.593l-3.45,-0l-0,8.422l7.031,0c0.161,0 0.293,0.066 0.396,0.198c0.102,0.132 0.153,0.293 0.153,0.483c0,0.44 -0.183,0.66 -0.549,0.66l-7.822,-0c-0.176,-0 -0.33,-0.052 -0.462,-0.154c-0.131,-0.103 -0.197,-0.242 -0.197,-0.418Z" style="fill:#1aa038;fill-rule:nonzero;"/></g></g></svg>
diff --git a/packages/telemetry-e2e/images/telemetry-e2e-logo.svg b/packages/telemetry-e2e/images/telemetry-e2e-logo.svg
new file mode 100644
index 0000000..e2b4a70
--- /dev/null
+++ b/packages/telemetry-e2e/images/telemetry-e2e-logo.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 246 76" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g><g><path d="M135.227,25.517l0,-19.591c0,-0.176 0.066,-0.312 0.198,-0.407c0.132,-0.095 0.286,-0.143 0.462,-0.143l7.822,0c0.366,0 0.549,0.213 0.549,0.637c0,0.191 -0.048,0.356 -0.143,0.495c-0.095,0.139 -0.231,0.209 -0.406,0.209l-7.031,-0l-0,8.422l3.449,0c0.176,0 0.311,0.062 0.407,0.187c0.095,0.124 0.143,0.282 0.143,0.472c-0,0.396 -0.184,0.593 -0.55,0.593l-3.449,0l-0,8.357l7.031,0c0.161,0 0.293,0.066 0.395,0.198c0.103,0.132 0.154,0.293 0.154,0.483c0,0.44 -0.183,0.659 -0.549,0.659l-7.822,0c-0.176,0 -0.33,-0.051 -0.462,-0.153c-0.132,-0.103 -0.198,-0.242 -0.198,-0.418Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M146.389,25.517l0,-19.591c0,-0.367 0.242,-0.55 0.725,-0.55c0.411,0 0.791,0.337 1.143,1.011l5.933,16.34l-0,-16.823c-0,-0.352 0.241,-0.528 0.725,-0.528c0.483,0 0.725,0.176 0.725,0.528l-0,19.613c-0,0.176 -0.073,0.315 -0.22,0.418c-0.146,0.102 -0.315,0.153 -0.505,0.153c-0.367,0 -0.689,-0.278 -0.967,-0.835l-6.108,-16.537l-0,16.801c-0,0.176 -0.074,0.315 -0.22,0.418c-0.147,0.102 -0.315,0.153 -0.506,0.153c-0.205,0 -0.377,-0.051 -0.516,-0.153c-0.139,-0.103 -0.209,-0.242 -0.209,-0.418Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M158.98,25.539l-0,-19.635c-0,-0.147 0.062,-0.271 0.186,-0.374c0.125,-0.102 0.282,-0.154 0.473,-0.154l3.889,0c1.391,0 2.505,0.377 3.34,1.132c0.835,0.754 1.252,1.937 1.252,3.548l0,11.33c0,1.626 -0.417,2.816 -1.252,3.571c-0.835,0.754 -1.949,1.131 -3.34,1.131l-3.889,0c-0.191,0 -0.348,-0.055 -0.473,-0.164c-0.124,-0.11 -0.186,-0.238 -0.186,-0.385Zm1.45,-0.791l3.098,0c0.996,0 1.769,-0.282 2.318,-0.846c0.549,-0.564 0.824,-1.402 0.824,-2.516l-0,-11.33c-0,-1.113 -0.275,-1.948 -0.824,-2.504c-0.549,-0.557 -1.322,-0.835 -2.318,-0.835l-3.098,-0l-0,18.031Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M170.757,15.732c-0,-0.187 0.051,-0.342 0.154,-0.464c0.102,-0.122 0.234,-0.184 0.395,-0.184l5.713,0c0.146,0 0.275,0.062 0.385,0.184c0.109,0.122 0.164,0.277 0.164,0.464c0,0.173 -0.055,0.317 -0.164,0.432c-0.11,0.115 -0.239,0.173 -0.385,0.173l-5.713,-0c-0.366,-0 -0.549,-0.202 -0.549,-0.605Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M177.898,6.046c-0,-0.173 0.048,-0.328 0.143,-0.464c0.095,-0.137 0.23,-0.206 0.406,-0.206l8.811,0c0.176,0 0.311,0.065 0.407,0.195c0.095,0.129 0.142,0.281 0.142,0.454c0,0.187 -0.047,0.349 -0.142,0.486c-0.096,0.137 -0.231,0.206 -0.407,0.206l-3.669,-0l-0,18.799c-0,0.176 -0.073,0.316 -0.22,0.418c-0.146,0.103 -0.315,0.154 -0.505,0.154c-0.205,0 -0.378,-0.051 -0.517,-0.154c-0.139,-0.102 -0.208,-0.242 -0.208,-0.418l-0,-18.799l-3.692,-0c-0.161,-0 -0.293,-0.065 -0.395,-0.195c-0.103,-0.13 -0.154,-0.288 -0.154,-0.476Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M189.258,21.518l-0,-11.462c-0,-1.611 0.413,-2.794 1.241,-3.548c0.828,-0.755 1.937,-1.132 3.329,-1.132c1.392,0 2.501,0.377 3.329,1.132c0.827,0.754 1.241,1.937 1.241,3.548l0,11.462c0,1.626 -0.414,2.816 -1.241,3.571c-0.828,0.754 -1.937,1.131 -3.329,1.131c-1.392,0 -2.501,-0.377 -3.329,-1.131c-0.828,-0.755 -1.241,-1.945 -1.241,-3.571Zm1.45,0c-0,2.241 1.04,3.362 3.12,3.362c2.08,-0 3.12,-1.121 3.12,-3.362l0,-11.462c0,-2.226 -1.04,-3.339 -3.12,-3.339c-2.08,-0 -3.12,1.113 -3.12,3.339l-0,11.462Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M201.035,15.711c-0,-0.188 0.051,-0.342 0.154,-0.465c0.102,-0.122 0.234,-0.183 0.395,-0.183l5.713,-0c0.147,-0 0.275,0.061 0.385,0.183c0.109,0.123 0.164,0.277 0.164,0.465c0,0.172 -0.055,0.316 -0.164,0.432c-0.11,0.115 -0.238,0.172 -0.385,0.172l-5.713,0c-0.366,0 -0.549,-0.201 -0.549,-0.604Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M210.637,25.517l-0,-19.591c-0,-0.176 0.066,-0.312 0.198,-0.407c0.131,-0.095 0.285,-0.143 0.461,-0.143l7.822,0c0.367,0 0.55,0.213 0.55,0.637c-0,0.191 -0.048,0.356 -0.143,0.495c-0.095,0.139 -0.231,0.209 -0.407,0.209l-7.031,-0l0,8.356l3.45,0c0.176,0 0.311,0.062 0.406,0.187c0.095,0.124 0.143,0.282 0.143,0.472c0,0.396 -0.183,0.594 -0.549,0.594l-3.45,-0l0,8.422l7.031,0c0.161,0 0.293,0.066 0.396,0.198c0.102,0.132 0.154,0.293 0.154,0.483c-0,0.44 -0.183,0.659 -0.55,0.659l-7.822,0c-0.176,0 -0.33,-0.051 -0.461,-0.153c-0.132,-0.103 -0.198,-0.242 -0.198,-0.418Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M221.799,25.517l-0,-19.591c-0,-0.367 0.242,-0.55 0.725,-0.55c0.41,0 0.791,0.337 1.143,1.011l5.932,16.34l0,-16.823c0,-0.352 0.242,-0.528 0.725,-0.528c0.484,0 0.725,0.176 0.725,0.528l0,19.613c0,0.176 -0.073,0.315 -0.219,0.418c-0.147,0.102 -0.315,0.153 -0.506,0.153c-0.366,0 -0.688,-0.278 -0.967,-0.835l-6.108,-16.537l0,16.801c0,0.176 -0.073,0.315 -0.22,0.418c-0.146,0.102 -0.315,0.153 -0.505,0.153c-0.205,0 -0.377,-0.051 -0.516,-0.153c-0.139,-0.103 -0.209,-0.242 -0.209,-0.418Z" style="fill:#1aa038;fill-rule:nonzero;"/><path d="M234.389,25.539l0,-19.635c0,-0.147 0.062,-0.271 0.187,-0.374c0.124,-0.102 0.282,-0.154 0.472,-0.154l3.889,0c1.392,0 2.505,0.377 3.34,1.132c0.835,0.754 1.253,1.937 1.253,3.548l-0,11.33c-0,1.626 -0.418,2.816 -1.253,3.571c-0.835,0.754 -1.948,1.131 -3.34,1.131l-3.889,0c-0.19,0 -0.348,-0.055 -0.472,-0.164c-0.125,-0.11 -0.187,-0.238 -0.187,-0.385Zm1.45,-0.791l3.098,0c0.997,0 1.769,-0.282 2.319,-0.846c0.549,-0.564 0.824,-1.402 0.824,-2.516l-0,-11.33c-0,-1.113 -0.275,-1.948 -0.824,-2.504c-0.55,-0.557 -1.322,-0.835 -2.319,-0.835l-3.098,-0l0,18.031Z" style="fill:#1aa038;fill-rule:nonzero;"/></g><g><path d="M52.292,67.761l-0,-34.613c-0,-0.676 0.248,-1.209 0.744,-1.6c0.496,-0.391 1.079,-0.587 1.751,-0.587l15.582,-0c0.584,-0 1.029,0.302 1.335,0.907c0.307,0.604 0.46,1.297 0.46,2.08c-0,0.853 -0.161,1.582 -0.482,2.186c-0.321,0.605 -0.758,0.907 -1.313,0.907l-12.387,-0l-0,10.667l6.653,-0c0.555,-0 0.992,0.275 1.313,0.826c0.321,0.551 0.482,1.2 0.482,1.947c-0,0.676 -0.153,1.289 -0.46,1.84c-0.306,0.551 -0.751,0.827 -1.335,0.827l-6.653,-0l-0,10.72l12.387,-0c0.555,-0 0.992,0.302 1.313,0.906c0.321,0.605 0.482,1.334 0.482,2.187c-0,0.782 -0.153,1.476 -0.46,2.08c-0.306,0.604 -0.751,0.907 -1.335,0.907l-15.582,-0c-0.672,-0 -1.255,-0.196 -1.751,-0.587c-0.496,-0.391 -0.744,-0.924 -0.744,-1.6Z" style="fill:#1d1c4b;fill-rule:nonzero;"/><path d="M75.491,67.761l-0,-34.667c-0,-0.711 0.277,-1.244 0.831,-1.6c0.555,-0.355 1.226,-0.533 2.014,-0.533c0.788,-0 1.459,0.178 2.013,0.533c0.555,0.356 0.832,0.889 0.832,1.6l-0,30.774l10.68,-0c0.525,-0 0.941,0.302 1.248,0.906c0.306,0.605 0.459,1.316 0.459,2.134c0,0.817 -0.153,1.529 -0.459,2.133c-0.307,0.604 -0.723,0.907 -1.248,0.907l-13.875,-0c-0.672,-0 -1.255,-0.196 -1.751,-0.587c-0.496,-0.391 -0.744,-0.924 -0.744,-1.6Z" style="fill:#1d1c4b;fill-rule:nonzero;"/><path d="M96.676,67.761l0,-34.613c0,-0.676 0.248,-1.209 0.744,-1.6c0.496,-0.391 1.08,-0.587 1.751,-0.587l15.583,-0c0.583,-0 1.028,0.302 1.335,0.907c0.306,0.604 0.459,1.297 0.459,2.08c0,0.853 -0.16,1.582 -0.481,2.186c-0.321,0.605 -0.759,0.907 -1.313,0.907l-12.388,-0l0,10.667l6.654,-0c0.554,-0 0.992,0.275 1.313,0.826c0.321,0.551 0.481,1.2 0.481,1.947c0,0.676 -0.153,1.289 -0.459,1.84c-0.307,0.551 -0.752,0.827 -1.335,0.827l-6.654,-0l0,10.72l12.388,-0c0.554,-0 0.992,0.302 1.313,0.906c0.321,0.605 0.481,1.334 0.481,2.187c0,0.782 -0.153,1.476 -0.459,2.08c-0.307,0.604 -0.752,0.907 -1.335,0.907l-15.583,-0c-0.671,-0 -1.255,-0.196 -1.751,-0.587c-0.496,-0.391 -0.744,-0.924 -0.744,-1.6Z" style="fill:#1d1c4b;fill-rule:nonzero;"/><path d="M119.875,67.761l-0,-33.333c-0,-1.174 0.27,-2.045 0.81,-2.614c0.54,-0.569 1.218,-0.853 2.035,-0.853c1.08,-0 1.911,0.231 2.495,0.693c0.584,0.463 1.226,1.458 1.926,2.987l5.384,11.947l5.384,-11.947c0.7,-1.529 1.349,-2.524 1.948,-2.987c0.598,-0.462 1.437,-0.693 2.517,-0.693c0.817,-0 1.495,0.284 2.035,0.853c0.54,0.569 0.81,1.44 0.81,2.614l-0,33.333c-0,0.676 -0.285,1.209 -0.854,1.6c-0.569,0.391 -1.233,0.587 -1.991,0.587c-0.788,-0 -1.459,-0.196 -2.014,-0.587c-0.554,-0.391 -0.832,-0.924 -0.832,-1.6l0,-22.933l-5.121,11.093c-0.408,0.924 -1.05,1.387 -1.926,1.387c-0.846,-0 -1.473,-0.463 -1.882,-1.387l-5.034,-11.52l0,23.36c0,0.676 -0.284,1.209 -0.853,1.6c-0.569,0.391 -1.233,0.587 -1.992,0.587c-0.788,-0 -1.459,-0.196 -2.013,-0.587c-0.555,-0.391 -0.832,-0.924 -0.832,-1.6Z" style="fill:#1d1c4b;fill-rule:nonzero;"/><path d="M150.471,67.761l0,-34.613c0,-0.676 0.248,-1.209 0.744,-1.6c0.497,-0.391 1.08,-0.587 1.751,-0.587l15.583,-0c0.584,-0 1.029,0.302 1.335,0.907c0.306,0.604 0.46,1.297 0.46,2.08c-0,0.853 -0.161,1.582 -0.482,2.186c-0.321,0.605 -0.759,0.907 -1.313,0.907l-12.387,-0l-0,10.667l6.653,-0c0.554,-0 0.992,0.275 1.313,0.826c0.321,0.551 0.482,1.2 0.482,1.947c-0,0.676 -0.154,1.289 -0.46,1.84c-0.306,0.551 -0.751,0.827 -1.335,0.827l-6.653,-0l-0,10.72l12.387,-0c0.554,-0 0.992,0.302 1.313,0.906c0.321,0.605 0.482,1.334 0.482,2.187c-0,0.782 -0.154,1.476 -0.46,2.08c-0.306,0.604 -0.751,0.907 -1.335,0.907l-15.583,-0c-0.671,-0 -1.254,-0.196 -1.751,-0.587c-0.496,-0.391 -0.744,-0.924 -0.744,-1.6Z" style="fill:#1d1c4b;fill-rule:nonzero;"/><path d="M171.569,33.975c0,-0.797 0.153,-1.498 0.46,-2.104c0.306,-0.607 0.751,-0.91 1.335,-0.91l18.515,-0c0.584,-0 1.029,0.303 1.335,0.91c0.307,0.606 0.46,1.307 0.46,2.104c-0,0.831 -0.161,1.55 -0.482,2.156c-0.321,0.607 -0.758,0.91 -1.313,0.91l-6.39,-0l-0,30.709c-0,0.679 -0.285,1.215 -0.854,1.608c-0.569,0.393 -1.233,0.59 -1.992,0.59c-0.787,-0 -1.459,-0.197 -2.013,-0.59c-0.554,-0.393 -0.832,-0.929 -0.832,-1.608l0,-30.709l-6.434,-0c-0.555,-0 -0.992,-0.294 -1.313,-0.883c-0.321,-0.589 -0.482,-1.317 -0.482,-2.183Z" style="fill:#1d1c4b;fill-rule:nonzero;"/><path d="M196.782,67.761l-0,-34.667c-0,-0.569 0.175,-1.066 0.525,-1.493c0.35,-0.427 0.788,-0.64 1.313,-0.64l8.667,-0c6.916,-0 10.374,3.716 10.374,11.147c-0,2.915 -0.518,5.262 -1.554,7.04c-1.036,1.777 -2.429,2.986 -4.18,3.626l5.734,12.96c0.146,0.214 0.219,0.498 0.219,0.854c-0,0.889 -0.38,1.715 -1.138,2.48c-0.759,0.764 -1.562,1.146 -2.408,1.146c-0.846,0 -1.503,-0.551 -1.97,-1.653l-6.215,-14.72l-3.677,-0l-0,13.92c-0,0.676 -0.277,1.209 -0.832,1.6c-0.554,0.391 -1.225,0.587 -2.013,0.587c-0.759,-0 -1.423,-0.196 -1.992,-0.587c-0.569,-0.391 -0.853,-0.924 -0.853,-1.6Zm5.69,-19.36l4.815,-0c3.122,-0 4.683,-1.884 4.683,-5.653c0,-3.805 -1.561,-5.707 -4.683,-5.707l-4.815,-0l-0,11.36Z" style="fill:#1d1c4b;fill-rule:nonzero;"/><path d="M219.193,33.841c-0,-0.782 0.416,-1.458 1.247,-2.027c0.832,-0.569 1.671,-0.853 2.517,-0.853c0.788,-0 1.372,0.462 1.751,1.387l6.653,15.413l6.697,-15.413c0.409,-0.925 0.978,-1.387 1.707,-1.387c0.847,-0 1.686,0.284 2.517,0.853c0.832,0.569 1.248,1.245 1.248,2.027c-0,0.284 -0.044,0.516 -0.132,0.693l-9.017,19.094c-0.116,0.213 -0.175,0.444 -0.175,0.693l0,13.44c0,0.676 -0.277,1.209 -0.831,1.6c-0.555,0.391 -1.226,0.587 -2.014,0.587c-0.758,-0 -1.422,-0.196 -1.991,-0.587c-0.569,-0.391 -0.854,-0.924 -0.854,-1.6l0,-13.44c0,-0.32 -0.044,-0.551 -0.131,-0.693l-9.061,-19.094c-0.088,-0.284 -0.131,-0.515 -0.131,-0.693Z" style="fill:#1d1c4b;fill-rule:nonzero;"/></g><path d="M34.641,21.643l-0,47.119c-0,0.654 0.531,1.186 1.185,1.186l9.488,-0c0.654,-0 1.185,-0.532 1.185,-1.186l0,-47.119l64.037,-0l-0,2.904c-0,0.538 0.289,1.036 0.759,1.301c0.469,0.265 1.044,0.258 1.506,-0.02l14.706,-8.837c0.45,-0.271 0.725,-0.757 0.725,-1.282c0,-0.525 -0.275,-1.011 -0.725,-1.282l-14.706,-8.837c-0.462,-0.278 -1.037,-0.285 -1.506,-0.02c-0.47,0.265 -0.759,0.763 -0.759,1.302l-0,2.903l-90.7,0l0,-2.903c0,-0.539 -0.29,-1.037 -0.759,-1.302c-0.469,-0.265 -1.044,-0.258 -1.506,0.02l-14.706,8.837c-0.45,0.271 -0.725,0.757 -0.725,1.282c-0,0.525 0.275,1.011 0.725,1.282l14.706,8.837c0.462,0.278 1.037,0.285 1.506,0.02c0.469,-0.265 0.759,-0.763 0.759,-1.301l0,-2.904l14.805,-0Z" style="fill:#1d1c4b;"/></g></svg>
diff --git a/packages/telemetry-e2e/index.html b/packages/telemetry-e2e/index.html
new file mode 100644
index 0000000..d7c45dd
--- /dev/null
+++ b/packages/telemetry-e2e/index.html
@@ -0,0 +1,283 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="/packages/assets/bootstrap/bootstrap.min.css">
+
+    <title>Overview</title>
+
+    <link rel="stylesheet" href="/packages/assets/css/style.css">
+    <script src="/packages/assets/js/code.js"></script>
+    
+<meta name="twitter:card" content="summary_large_image"/>
+<meta name="twitter:image" content="https://eclipse.org/packages/images/telemetry-e2e-icon.svg"/>
+<meta name="twitter:title" content="Telemetry E2E"/>
+<meta name="twitter:description" content="A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process."/>
+
+
+    <link rel="icon" type="image/svg+xml" href="/packages/images/icon/icon.svg" sizes="any">
+    <link rel="icon" href="/packages/images/icon/icon.png" sizes="192x192">
+    <link rel="apple-touch-icon-precomposed" href="/packages/images/icon/icon_apple.png" sizes="180x180">
+
+</head>
+
+<body>
+
+    <header>
+<nav class="navbar navbar-expand-md fixed-top navbar-light bg-light">
+  <div class="container">
+    <a class="navbar-brand" href="/packages/">
+      <img src="/packages/images/icon_brand_navbar.svg" width="30" height="30" alt="Eclipse IoT Packages™">
+    </a>
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav mr-auto"><li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/">Home</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/about/">About</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/faq/">FAQ</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/contribute/">Contribute</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/prereqs/">Prerequisites</a>
+        </li>
+        <li class="nav-item">
+          <a
+              class="nav-link"
+              href="/packages/repository/">Repository</a>
+        </li>
+        </ul>
+    </div>
+  </div>
+</nav></header>
+
+    <main id="main" role="main" >
+      
+
+<div><div class="container mt-5">
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Telemetry end-to-end</h1>
+<p class="lead">A package showing telemetry data acquisition end-to-end: Microcontroller firmware to cloud side data processing, using Drogue IoT and Apache Kafka in the process.</p></div>
+  
+  <div class="col-12 col-sm-3 col-xl-4 d-flex flex-sm-row-reverse">
+      <img alt="Page logo"  src="/packages/packages/telemetry-e2e/images/telemetry-e2e-logo.svg" class="img-fluid m-lg-3 d-block align-self-center " style="max-height: 10rem;"/>
+  </div>
+  </div>
+</div>
+</div>
+
+<div class="container">
+
+<nav class="nav nav-pills nav-fill mt-2 mb-5"><a class="nav-item nav-link  active" href="/packages/packages/telemetry-e2e/">Overview</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/10-installation-cloud/">Cloud</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/20-installation-gateway/">Gateway</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/30-installation-device/">Device</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/40-using/">Using it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/50-understand/">Understanding it</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/60-alternatives/">Alternatives</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/70-cheating/">Cheating</a><a class="nav-item nav-link " href="/packages/packages/telemetry-e2e/90-learn/">Learn more</a></nav><p>
+The "Telemetry end-to-end" package demonstrates an end-to-end use case of acquiring sensor information, transmitting
+  it to a cloud side solution, persisting and structuring the data, with the goal to process or visualize it.
+</p>
+
+<p>
+The following diagram outlines the overall architecture of this package:
+</p>
+
+<div class="row">
+
+<div class="col-sm-6">
+  <img class="img-fluid" src="images/overview.svg" title="Overview diagram" alt="Architectural overview diagram">
+</div>
+
+<div class="col-sm-6">
+
+<p class="border-callout-left" style="border-color: #ffb66c;">
+  <strong>Drogue Device</strong> in combination with the Embassy runtime is the basis for the device
+  firmware. The device will acquire a temperate value and announce this locally using Bluetooth.
+</p>
+
+<p class="border-callout-left" style="border-color: #b4c7dc;">
+  <strong>Eclipse Kura</strong> is the IoT gateway, running on the edge and bridging the connectivity from Bluetooth
+  to the TCP/IP based communication with the cloud.
+</p>
+
+<p class="border-callout-left" style="border-color: #d4ea6b;">
+  <strong>Drogue Cloud</strong> is the cloud side IoT connectivity platform which handles the MQTT connection,
+  authentication the peer, normalizes the device specific communication, and forwards events to the Kafka topic.
+</p>
+
+<p class="border-callout-left" style="border-color: #b3cac7;">
+  <strong>Eclipse Ditto</strong> reads from Kafka, normalizes the data structures, extracts and persists its.
+  Sending off the detected changes to the Streamsheets internal MQTT broker.
+</p>
+
+<p class="border-callout-left" style="border-color: #bf819e;">
+  <strong>Eclipse Streamsheets</strong> visualizes the structured data received from Ditto in an end-user friendly way.
+</p>
+
+  <div role="alert" class="alert alert-primary"><h4 class="alert-heading">Requirements </h4>
+  As this example uses some actual hardware in addition to the cloud side software, you will need:
+  <ul>
+    <li>A <a class="alert-link" href="https://microbit.org/buy/" target="_blank">micro:bit v2</a></li>
+    <li>A <a class="alert-link" href="https://www.raspberrypi.org/products/raspberry-pi-4-model-b/" target="_blank">Raspberry Pi 3+</a></li>
+  </ul>
+
+  </div>
+
+</div>
+
+</div>
+</div>
+
+    </main>
+
+    <footer class="page-footer">
+
+    <div class="container">
+
+    <div class="row">
+
+    
+
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT Packages</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/">Home</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/about">About</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="/packages/contribute">Contribute</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/security">Security</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse IoT</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://iot.eclipse.org">Top Level Project</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/workinggroups/iotwg_charter.php">Working group</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Legal</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/privacy.php">Privacy Policy</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal/epl-2.0/">Eclipse Public License</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/legal">Legal Resources</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+            <div class="col-6 col-md">
+            
+            
+                <h5>Eclipse Foundation</h5>
+                <ul class="list-unstyled">
+                    
+                        <li>
+                            <a class="text-muted" href="https://eclipse.org/org">About us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/contact.php">Contact us</a>
+                        </li>
+                    
+                        <li>
+                            <a class="text-muted" href="https://www.eclipse.org/org/foundation/directors.php">Board of Directors</a>
+                        </li>
+                    
+                </ul>
+            
+            </div>
+        
+
+    
+    </div>
+
+    
+    <div class="row">
+        <div class="col-12 col-md text-muted">Copyright © Eclipse Foundation, Inc. All Rights Reserved.</div>
+    </div>
+    
+
+    </div>
+
+</footer>
+
+
+    <script src="/packages/assets/popper.min.js"></script>
+    <script src="/packages/assets/jquery.min.js"></script>
+    <script src="/packages/assets/bootstrap/bootstrap.min.js"></script>
+
+    <script src="/packages/assets/clipboard.min.js"></script>
+    <script src="/packages/assets/clipboard.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/prereqs/index.html b/prereqs/index.html
index b5c5bf7..cda1d63 100644
--- a/prereqs/index.html
+++ b/prereqs/index.html
@@ -73,12 +73,17 @@
 
     <main id="main" role="main" >
       <div class="container mt-5">
-<h1>Pre-Requisites</h1>
-<p class="lead">Getting you started with a common set of tools, used by all packages.</p>
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Pre-Requisites</h1>
+<p class="lead">Getting you started with a common set of tools, used by all packages.</p></div>
+  
+  </div>
 </div>
 
 
 
+
 <div class="container">
 
 <div class="row">
diff --git a/repository/index.html b/repository/index.html
index 54a252c..bdc37a0 100644
--- a/repository/index.html
+++ b/repository/index.html
@@ -73,12 +73,17 @@
 
     <main id="main" role="main" >
       <div class="container mt-5">
-<h1>Helm chart repository</h1>
-<p class="lead">All the charts, in a single location.</p>
+  <div class="row">
+  <div class="col-12 col-sm-9 col-xl-8">
+  <h1>Helm chart repository</h1>
+<p class="lead">All the charts, in a single location.</p></div>
+  
+  </div>
 </div>
 
 
 
+
 <div class="container">
 <p>The Eclipse IoT packages project decided to host a Helm chart repository in order to share the
 effort of validating and publishing charts. Eclipse IoT projects are welcome to re-use that