Website build Build Eclipse GLSP website on staging and master/master-3
diff --git a/categories/index.html b/categories/index.html
index f6458e0..8a0b5b2 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -460,6 +460,9 @@
       <a class="overlay btn btn-lg m-2 btn-primary " href="/glsp/support">
         <div class="column justify-content-center align-content-center">Support</div>
       </a>
+      <a class="overlay btn btn-lg m-2 btn-primary " href="/glsp/documentation/#examples">
+        <div class="column justify-content-center align-content-center">Examples</div>
+      </a>
   </div>
   </div>
 </header><script>
diff --git a/documentation/index.html b/documentation/index.html
index 0327b26..7183fae 100644
--- a/documentation/index.html
+++ b/documentation/index.html
@@ -516,6 +516,25 @@
             </div>
           </div>
           <div class="col-md-4 d-flex flex-column">
+              <a href="https://eclipsesource.com/coffee-editor" class="col justify-content-between d-flex flex-column header text-body">
+              <div class="row image justify-content-center align-items-center">
+                    <span class="fa-stack fa-3x m-2" title="Online Demo">
+                      <i class="fas fa-circle fa-stack-2x text-primary"></i>
+                      <i class="fas fa-user-check fa-stack-1x fa-inverse"></i>
+                      <span class="sr-only">Online Demo</span>
+                    </span>
+              </div>
+              <div class="row justify-content-center text-center">
+                  <h4 class="mb-3 text-body">Online Demo</h4></div>
+              </a>
+            <div class="row justify-content-center text-center p-2">
+                <div class=" text-body">
+                  <p>The simplest way to try a GLSP-based diagram editor is to start our online demonstrator. It demonstrates GLSP embedded into an example tool based on <a href="https://eclipsesource.com/technology/eclipse-theia">Eclipse Theia</a>. <a href="https://eclipsesource.com/coffee-editor">Start the demo</a> and click on &ldquo;Diagram Editor&rdquo; to the right. See also the next example for details about the tool (coffee editor).</p>
+
+                </div>
+            </div>
+          </div>
+          <div class="col-md-4 d-flex flex-column">
               <a href="https://github.com/eclipse-emfcloud/ecore-glsp" class="col justify-content-between d-flex flex-column header text-body">
               <div class="row image justify-content-center align-items-center">
                     <span class="fa-stack fa-3x m-2" title="Ecore Editor">
diff --git a/index.html b/index.html
index 52905f3..745dfed 100644
--- a/index.html
+++ b/index.html
@@ -460,6 +460,9 @@
       <a class="overlay btn btn-lg m-2 btn-primary " href="/glsp/support">
         <div class="column justify-content-center align-content-center">Support</div>
       </a>
+      <a class="overlay btn btn-lg m-2 btn-primary " href="/glsp/documentation/#examples">
+        <div class="column justify-content-center align-content-center">Examples</div>
+      </a>
   </div>
   </div>
 </header><script>
diff --git a/tags/index.html b/tags/index.html
index f3c47a8..a243788 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -460,6 +460,9 @@
       <a class="overlay btn btn-lg m-2 btn-primary " href="/glsp/support">
         <div class="column justify-content-center align-content-center">Support</div>
       </a>
+      <a class="overlay btn btn-lg m-2 btn-primary " href="/glsp/documentation/#examples">
+        <div class="column justify-content-center align-content-center">Examples</div>
+      </a>
   </div>
   </div>
 </header><script>