refactor: refactor old demo/tutorial (#511)

Instead of having an intermediate page, the demo page for ICPM 2022 and the getting started tutorial now directly link to their respective repositories.

README.md

@@ -81,14 +81,14 @@ especially when using `bpmn-visualization` prior version `0.27.0`.
   [repository](https://github.com/process-analytics/bpmn-visualization-js) of `bpmn-visualization` .
 - [Hacktoberfest themes](demo/hacktoberfest-custom-themes/README.md) - special Hacktoberfest diagram with Hacktoberfest colors
 - [Monitoring of all process instances demo](demo/monitoring-all-process-instances/README.md) - show how to use `bpmn-visualization` to render the monitoring of all process instances for a defined process
-- [Demo for ICPM 2022](demo/icpm-2022/README.md) - show a Process Mining scenario (_Conformance_, _Compliance_ and _Happy path_)
+- [Demo for ICPM 2022](https://github.com/process-analytics/icpm-demo-2022#readme) - show a Process Mining scenario (_Conformance_, _Compliance_ and _Happy path_)
 - [Draw a path](demo/draw-path/README.md) - show how to draw a path
 - [Demo for Bonita Day 2023](https://github.com/process-analytics/bonita-day-demo-2023#readme) - monitor process and case progress, assign new actors to overdue tasks, view past activities, and track the live execution of a process.
 
 
 ## Tutorials
 - [Quick start](tutorials/quick-start/README.md) - the simplest way to integrate `bpmn-visualization` in an HTML page
-- [Getting started](tutorials/getting-started/README.md) - a getting started tutorial to `bpmn-visualization` using an online monitoring scenario
+- [Getting started](https://github.com/process-analytics/bpmn-visualization-tutorial-getting-started#readme) - a getting started tutorial to `bpmn-visualization` using an online monitoring scenario
 
 ## 🔭 Examples
 

examples/index.html

@@ -299,7 +299,7 @@ <h2 class="bg-dark">Demos</h2>
                     </div>
 
                     <div class="col-md-12 col-4 p-2">
-                        <a href="../demo/icpm-2022/index.html" class="card-link">
+                        <a href="https://process-analytics.github.io/icpm-demo-2022" target="_blank" class="card-link">
                             <div class="card p-2">
                                 <div class="card-header">
                                     <div class="card-title">Demo for ICPM 2022</div>
@@ -369,7 +369,7 @@ <h2 class="bg-dark">Tutorials</h2>
                     </div>
 
                     <div class="col-md-12 col-4 p-2">
-                        <a href="../tutorials/getting-started/index.html" class="card-link">
+                        <a href="https://process-analytics.github.io/bpmn-visualization-tutorial-getting-started" target="_blank" class="card-link">
                             <div class="card p-2">
                                 <div class="card-header">
                                     <div class="card-title">Getting started</div>