Website build Build Eclipse GLSP website on staging and master/master-7
diff --git a/documentation/index.html b/documentation/index.html
index b80c585..2c33236 100644
--- a/documentation/index.html
+++ b/documentation/index.html
@@ -497,20 +497,20 @@
</div>
</div>
<div class="col-md-4 d-flex flex-column">
- <a href="https://github.com/eclipse-emfcloud/coffee-editor" class="col justify-content-between d-flex flex-column header text-body">
+ <a href="https://github.com/eclipse-glsp/glsp-examples" 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="Coffee Editor">
+ <span class="fa-stack fa-3x m-2" title="Minimal Diagram Example">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
- <i class="fa fa-coffee fa-stack-1x fa-inverse"></i>
- <span class="sr-only">Coffee Editor</span>
+ <i class="fas fa-compress-arrows-alt fa-stack-1x fa-inverse"></i>
+ <span class="sr-only">Minimal Diagram Example</span>
</span>
</div>
<div class="row justify-content-center text-center">
- <h4 class="mb-3 text-body">Coffee Editor</h4></div>
+ <h4 class="mb-3 text-body">Minimal Diagram Example</h4></div>
</a>
<div class="row justify-content-center text-center p-2">
<div class=" text-body">
- <p><a href="https://github.com/eclipse-emfcloud/coffee-editor">The “coffee editor”</a> is a comprehensive example of a web-based modeling tools including a diagram based on GLSP and embedded into <a href="https://eclipsesource.com/technology/eclipse-theia">the Eclipse Theia IDE</a></p>
+ <p>The purpose of <a href="https://github.com/eclipse-glsp/glsp-examples">the GLSP minimal diagram example</a>, as the name implies, is to provide a minimal feature set and therefore is very easy to understand. Thus, it is a perfect starting point for your GLSP-based project. The example supports exactly one node type, which is rendered as a rectangle. Nevertheless, it still demonstrates a lot of powerful generic GLSP features such as add, delete, undo/redo, resizing, zooming, etc. The minimal example is embedded into <a href="https://eclipsesource.com/technology/eclipse-theia/">Eclipse Theia</a> too.</p>
</div>
</div>
@@ -554,6 +554,25 @@
</div>
</div>
<div class="col-md-4 d-flex flex-column">
+ <a href="https://github.com/eclipse-emfcloud/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="Coffee Editor">
+ <i class="fas fa-circle fa-stack-2x text-primary"></i>
+ <i class="fa fa-coffee fa-stack-1x fa-inverse"></i>
+ <span class="sr-only">Coffee Editor</span>
+ </span>
+ </div>
+ <div class="row justify-content-center text-center">
+ <h4 class="mb-3 text-body">Coffee Editor</h4></div>
+ </a>
+ <div class="row justify-content-center text-center p-2">
+ <div class=" text-body">
+ <p><a href="https://github.com/eclipse-emfcloud/coffee-editor">The “coffee editor”</a> is a comprehensive example of a web-based modeling tools including a diagram based on GLSP and embedded into <a href="https://eclipsesource.com/technology/eclipse-theia">the Eclipse Theia IDE</a></p>
+
+ </div>
+ </div>
+ </div>
+ <div class="col-md-4 d-flex flex-column">
<a href="https://github.com/eclipse-glsp/glsp-examples" 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="More GLSP Examples">
@@ -614,7 +633,7 @@
</div>
</div>
<div class="content-body col-12 content px-0 text-white"><p style='text-align: center;'>
-An example GLSP diagram including one GLSP server and several diagram client integrations. The example can be used to try out the GLSP features in a running version.
+An example GLSP diagram including one GLSP server and several diagram client integrations (VS Code, Eclipse Theia, plain HTML and Eclipse desktop IDE). The example can be used to try out the GLSP features in a running version.
Most components of GLSP, such as the GLSP server framework or the Theia integration implement the workflow diagram as a consistent example.
As the example is fully open source, you can use the example as a blueprint for a custom implementation of a GLSP diagram. The example diagram is a simplified flow chart with different
types of nodes and edges (see screen shot below)</br></br>
@@ -623,7 +642,7 @@
<p style='text-align: center;'>
</br>
To launch/browse the example, please use the links below leading to the components of the workflow diagram example. You will need the workflow GLSP server (there is only one) and at least one client integration (select the one you are interested in).
-Launch the server first and then the client of your choice to try the example.
+Launch the server first and then the client of your choice to try the example. Alternativly, you can try the workflow example online embedded into an example tool (see last option below)
</p></div>
</article>
</div>
@@ -737,6 +756,25 @@
</div>
</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 ">
+ <div class="row image justify-content-center align-items-center">
+ <span class="fa-stack fa-3x m-2" title="Try the Workflow Example online!">
+ <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">Try the Workflow Example online!</span>
+ </span>
+ </div>
+ <div class="row justify-content-center text-center">
+ <h4 class="mb-3 text-secondary">Try the Workflow Example online!</h4></div>
+ </a>
+ <div class="row justify-content-center text-center p-2">
+ <div class=" text-secondary">
+ <p>The simplest way to try the workflow example is to start our online demonstrator. It demonstrates the worflow diagram 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 “Diagram Editor” to the right. See also the next example for details about the tool (coffee editor).</p>
+
+ </div>
+ </div>
</div></div>
</div>
</div>
