Add Demos to Website (#19)

* Added demo subpage with links to our demos

* Added more screenshots and brief description to the other demos

* Update Sauravs demo

Author: vipin2310

_data/citations.yaml

@@ -179,7 +179,7 @@
   - Teodor Chiaburu
   - Felix Biessmann
   publisher: 10th International Conference on Smart and Sustainable Technologies
-  date: '2025-04-25'
+  date: '2025-08-13'
   link: https://arxiv.org/abs/2504.17461
   plugin: sources.py
   file: sources.yaml

_data/demos.yaml

@@ -0,0 +1,34 @@
+- title: Generation of Synthetic Data
+  image: images/synthetic_data_demo.png
+  link: https://synthetic-app.demo.calgo-lab.de
+  description: Generate synthetic data from limited samples and preserve privacy.
+- title: Classification of Product Categories
+  image: images/product_classification_demo.png
+  link: https://product-classification.demo.calgo-lab.de
+- title: "Redakto: German Text Redactor"
+  image: images/redakto_demo.png
+  link: https://redakto.demo.calgo-lab.de
+  description: A text redaction application powered by multiple domain-specific NER models and Pseudonym-Generation model that automatically detects and replaces sensitive entities in German texts ensuring privacy protection.
+  tags:
+  - data privacy
+  - named entity recognition
+  - text redaction
+  - pseudonymization
+- title: Time Series Forecasting for Sewer Systems
+  link: https://riwwer.demo.calgo-lab.de
+  image: images/riwwer_demo.png
+  description: Live-on-tape demonstration of forecasting filling levels in a complex real-world sewer system.
+  tags:
+  - infrastructure
+  - sustainability
+  - tinyML
+  - IoT
+  - time-series
+- title: Soil Horizon Classification for Agriculture
+  image: images/soilnet_demo.png
+  link: https://soilnet.demo.calgo-lab.de
+  description: Demonstration of our multi-task multi-modal model *SoilNet* for segmenting and classifying soil horizons within soil profile images.
+  tags:
+  - sustainability
+  - vision
+  - agriculture

demos/index.md

@@ -0,0 +1,18 @@
+---
+title: Demos
+nav:
+  order: 2
+  tooltip: Demos we deployed
+---
+
+# {% include icon.html icon="fa-solid fa-wrench" %}Demos
+
+
+<!-- {% include tags.html tags="text, tabular, vision" %} -->
+
+{% include search-info.html %}
+
+{% include section.html %}
+
+
+{% include list.html component="card" data="demos" filters="group: " style="small" %}