From 0ffde21b0337c606e2d0ece5bd5434a930a87dcd Mon Sep 17 00:00:00 2001
From: vincent van beek <vincent@vlogic.nl>
Date: Thu, 26 Mar 2026 14:02:54 +0100
Subject: Use Quarkus Quinoa for serving web UI (#391)

* refactor(web): Migrate to Quarkus 3

This commit updates the OpenDC web server to use Quarkus 3, which
changes annotations to use the Jakarta namespace for annotations.

* refactor(web): Configure runtime variables for web UI

This commit updates the web UI to propagate runtime variables via the
next-runtime-env package. Before, we would need to replace the variables
in the generated sources by Next.js, next-runtime-env works by loading a
JavaScript file when opening the OpenDC web UI which contains the
configuration of the web app.

* refactor(web): Migrate to Quarkus Quinoa

This commit updates the OpenDC web server to make use of Quarkus Quinoa
for serving the web UI. This allows us to deprecate the complex Quarkus
extension for serving the web UI.

* refactor(web): Move web UI into Quarkus web app

This commit moves the web UI into the Quarkus web server module to
ensure we follow Quarkus Quinoa's conventions.

* refactor(web): Merge Quarkus extension into single module

This commit merges the existing Quarkus extensions into a single module
to prevent build complexity.

* refactor(web): Migrate web proto to Java

This commit migrates the web protocol to Java and removes the dependency
on Jandex Gradle.

* refactor(web): Migrate to Quarkus 3

This commit updates the OpenDC web server to use Quarkus 3, which
changes annotations to use the Jakarta namespace for annotations.

* enable DB schema migration on DEV server

* webui is not needed anymore

* remove MAINTAINERS is depricated

* fix quarkus.quinoa properties

* revert properties change, install npm in docker image to allow building the frontend

* pin postgres version, this is a best practice. Fix some properties the old ones are depricated. Added properties for local testing

* fix build error

* :opendc-web:opendc-web-proto:spotlessApply

* fix database schema

---------

Co-authored-by: Fabian Mastenbroek <mail.fabianm@gmail.com>
---
 .../src/main/webui/public/img/avatar.svg           |  18 ++
 .../main/webui/public/img/datacenter-drawing.png   | Bin 0 -> 207909 bytes
 .../src/main/webui/public/img/logo.png             | Bin 0 -> 2825 bytes
 .../src/main/webui/public/img/logo.svg             | 191 +++++++++++++++++++++
 .../main/webui/public/img/opendc-architecture.png  | Bin 0 -> 45056 bytes
 .../main/webui/public/img/opendc-timeline-v2.png   | Bin 0 -> 33460 bytes
 .../src/main/webui/public/img/portraits/aiosup.png | Bin 0 -> 71879 bytes
 .../main/webui/public/img/portraits/evaneyk.png    | Bin 0 -> 89028 bytes
 .../webui/public/img/portraits/fmastenbroek.png    | Bin 0 -> 123006 bytes
 .../main/webui/public/img/portraits/gandreadis.png | Bin 0 -> 76426 bytes
 .../src/main/webui/public/img/portraits/hhe.png    | Bin 0 -> 102718 bytes
 .../src/main/webui/public/img/portraits/jbosch.png | Bin 0 -> 101618 bytes
 .../main/webui/public/img/portraits/jburley.png    | Bin 0 -> 328112 bytes
 .../webui/public/img/portraits/lfdversluis.png     | Bin 0 -> 67796 bytes
 .../main/webui/public/img/portraits/loverweel.png  | Bin 0 -> 65866 bytes
 .../main/webui/public/img/portraits/sjounaid.png   | Bin 0 -> 94523 bytes
 .../main/webui/public/img/portraits/vvanbeek.png   | Bin 0 -> 85159 bytes
 .../src/main/webui/public/img/portraits/wlai.png   | Bin 0 -> 72873 bytes
 .../webui/public/img/screenshot-construction.png   | Bin 0 -> 275103 bytes
 .../webui/public/img/screenshot-simulation.png     | Bin 0 -> 291836 bytes
 .../webui/public/img/stakeholders/Developer.png    | Bin 0 -> 11411 bytes
 .../main/webui/public/img/stakeholders/Manager.png | Bin 0 -> 9946 bytes
 .../webui/public/img/stakeholders/Researcher.png   | Bin 0 -> 10984 bytes
 .../main/webui/public/img/stakeholders/Sales.png   | Bin 0 -> 10074 bytes
 .../main/webui/public/img/stakeholders/Student.png | Bin 0 -> 12960 bytes
 .../main/webui/public/img/topology/cpu-icon.png    | Bin 0 -> 4062 bytes
 .../main/webui/public/img/topology/gpu-icon.png    | Bin 0 -> 2227 bytes
 .../main/webui/public/img/topology/memory-icon.png | Bin 0 -> 1980 bytes
 .../webui/public/img/topology/rack-energy-icon.png | Bin 0 -> 893 bytes
 .../webui/public/img/topology/rack-space-icon.png  | Bin 0 -> 957 bytes
 .../webui/public/img/topology/storage-icon.png     | Bin 0 -> 4038 bytes
 .../src/main/webui/public/img/tudelft-icon.png     | Bin 0 -> 4387 bytes
 32 files changed, 209 insertions(+)
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/avatar.svg
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/datacenter-drawing.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/logo.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/logo.svg
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/opendc-architecture.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/opendc-timeline-v2.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/aiosup.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/evaneyk.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/fmastenbroek.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/gandreadis.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/hhe.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/jbosch.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/jburley.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/lfdversluis.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/loverweel.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/sjounaid.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/vvanbeek.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/portraits/wlai.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/screenshot-construction.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/screenshot-simulation.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Developer.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Manager.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Researcher.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Sales.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Student.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/topology/cpu-icon.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/topology/gpu-icon.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/topology/memory-icon.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/topology/rack-energy-icon.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/topology/rack-space-icon.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/topology/storage-icon.png
 create mode 100644 opendc-web/opendc-web-server/src/main/webui/public/img/tudelft-icon.png

(limited to 'opendc-web/opendc-web-server/src/main/webui/public/img')

diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/avatar.svg b/opendc-web/opendc-web-server/src/main/webui/public/img/avatar.svg
new file mode 100644
index 00000000..73726f9b
--- /dev/null
+++ b/opendc-web/opendc-web-server/src/main/webui/public/img/avatar.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#F0F0F0;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#D2D2D2;}
+	.st2{fill:#B8BBBE;}
+	.st3{fill:#D2D2D2;}
+</style>
+<rect class="st0" width="36" height="36"/>
+<path class="st1" d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4s6.4,2.9,6.4,6.4S21.3,20.1,17.7,20.1z"/>
+<path class="st2" d="M13.3,36l0-6.7c-2,0.4-2.9,1.4-3.1,3.5L10.1,36H13.3z"/>
+<path class="st3" d="M10.1,36l0.1-3.2c0.2-2.1,1.1-3.1,3.1-3.5l0,6.7h9.4l0-6.7c2,0.4,2.9,1.4,3.1,3.5l0.1,3.2h4.7
+	c-0.4-3.9-1.3-9-2.9-11c-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-0.6-6.3-0.6s-6.1,0.7-6.1,0.7c-1.2,0.4-2.4,1.2-3.4,2.6
+	C6.7,27,5.8,32.2,5.4,36H10.1z"/>
+<path class="st2" d="M25.9,36l-0.1-3.2c-0.2-2.1-1.1-3.1-3.1-3.5l0,6.7H25.9z"/>
+</svg>
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/datacenter-drawing.png b/opendc-web/opendc-web-server/src/main/webui/public/img/datacenter-drawing.png
new file mode 100644
index 00000000..ec2b7398
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/datacenter-drawing.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/logo.png b/opendc-web/opendc-web-server/src/main/webui/public/img/logo.png
new file mode 100644
index 00000000..d743038b
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/logo.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/logo.svg b/opendc-web/opendc-web-server/src/main/webui/public/img/logo.svg
new file mode 100644
index 00000000..5283a034
--- /dev/null
+++ b/opendc-web/opendc-web-server/src/main/webui/public/img/logo.svg
@@ -0,0 +1,191 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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"
+   width="4.3656249mm"
+   height="5.4239674mm"
+   viewBox="0 0 4.3656249 5.4239674"
+   version="1.1"
+   id="svg4738"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="opendc.svg">
+  <defs
+     id="defs4732" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.4"
+     inkscape:cx="-5.0874286"
+     inkscape:cy="6.401307"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1027"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4735">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-16.538532,-146.52225)">
+    <g
+       transform="matrix(0.26458333,0,0,0.26458333,-15.13354,-112.7517)"
+       id="g4333"
+       inkscape:export-filename="h:\Desktop\logo.png"
+       inkscape:export-xdpi="561.54816"
+       inkscape:export-ydpi="561.54816">
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         style="fill:#48a1cd;fill-opacity:1;stroke:none"
+         d="m 119.95547,988.18306 8,4 v -4 l -8,-4 z"
+         id="path4052-1-2-8"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         style="fill:#82d0e7;fill-opacity:1;stroke:none"
+         d="m 127.95547,988.18306 v 4 l 8.00001,-4 v -4 z"
+         id="path4054-4-9-2"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         style="fill:#82d0e7;fill-opacity:1;stroke:none"
+         d="m 119.95547,984.18306 8,-4 8.00001,4 -8.00001,4 z"
+         id="path4056-2-1-5"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         inkscape:connector-curvature="0"
+         id="path4048-1-9"
+         d="m 119.95547,992.18306 8,4 v -4 l -8,-4 z"
+         style="fill:#d1af2e;fill-opacity:1;stroke:none" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         inkscape:connector-curvature="0"
+         id="path4050-7-2"
+         d="m 127.95546,992.18306 v 4 l 8.00001,-4 v -4 z"
+         style="fill:#edd667;fill-opacity:1;stroke:none" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:#df6f20;fill-opacity:1;stroke:none"
+         d="m 119.95547,996.18306 8,4.00004 v -4.00004 l -8,-4 z"
+         id="path3883-9-9-8"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:#ed9c67;fill-opacity:1;stroke:none"
+         d="m 127.95547,996.18306 v 4.00004 l 8,-4.00004 v -4 z"
+         id="path3885-8-9-1"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
+         d="m 119.95547,984.18306 8,-4 8,4 -8,4 z"
+         id="path3893-6-0-8"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 119.95547,984.18306 v 4 l 8,4 8,-4 v -4"
+         id="path3895-2-6-1"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 127.95547,988.18306 v 12.00004"
+         id="path3897-3-2-1"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cc" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         inkscape:connector-curvature="0"
+         id="path3899-8-1-7"
+         d="m 119.95547,988.18306 v 4 l 8,4 8,-4 v -4"
+         style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <path
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\comparison.png"
+         style="fill:none;stroke:#000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
+         d="m 119.95547,992.18306 v 4 l 8,4.00004 8,-4.00004 v -4"
+         id="path3901-5-6-1"
+         inkscape:connector-curvature="0" />
+      <circle
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         transform="matrix(1.0403949,-0.44307824,0.3060712,0.9369482,-235.62413,33.696703)"
+         id="path3906-6-2-4-1-2"
+         style="fill:#000000;fill-opacity:1;stroke:none"
+         cx="43.5"
+         cy="1044.8622"
+         r="0.5" />
+      <circle
+         inkscape:export-ydpi="1307.2168"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         transform="matrix(1.0403949,-0.44307824,0.3060712,0.9369482,-235.62413,37.696663)"
+         id="path3910-3-0-1-9-1"
+         style="fill:#000000;fill-opacity:1;stroke:none"
+         cx="43.5"
+         cy="1044.8622"
+         r="0.5" />
+      <circle
+         style="fill:#000000;fill-opacity:1;stroke:none"
+         id="path4108-7-3-6"
+         transform="matrix(1.0403949,-0.44307824,0.3060712,0.9369482,-235.62413,29.696659)"
+         inkscape:export-filename="h:\Desktop\stackv2.png"
+         inkscape:export-xdpi="1307.2168"
+         inkscape:export-ydpi="1307.2168"
+         cx="43.5"
+         cy="1044.8622"
+         r="0.5" />
+    </g>
+  </g>
+</svg>
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/opendc-architecture.png b/opendc-web/opendc-web-server/src/main/webui/public/img/opendc-architecture.png
new file mode 100644
index 00000000..e0bf8e9b
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/opendc-architecture.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/opendc-timeline-v2.png b/opendc-web/opendc-web-server/src/main/webui/public/img/opendc-timeline-v2.png
new file mode 100644
index 00000000..0b2821c4
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/opendc-timeline-v2.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/aiosup.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/aiosup.png
new file mode 100644
index 00000000..d2019b4d
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/aiosup.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/evaneyk.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/evaneyk.png
new file mode 100644
index 00000000..011c1627
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/evaneyk.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/fmastenbroek.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/fmastenbroek.png
new file mode 100644
index 00000000..218b1a6f
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/fmastenbroek.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/gandreadis.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/gandreadis.png
new file mode 100644
index 00000000..96a3abda
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/gandreadis.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/hhe.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/hhe.png
new file mode 100644
index 00000000..4891c7f5
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/hhe.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/jbosch.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/jbosch.png
new file mode 100644
index 00000000..c76e1fab
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/jbosch.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/jburley.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/jburley.png
new file mode 100644
index 00000000..d2691659
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/jburley.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/lfdversluis.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/lfdversluis.png
new file mode 100644
index 00000000..6fbc8472
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/lfdversluis.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/loverweel.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/loverweel.png
new file mode 100644
index 00000000..85865977
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/loverweel.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/sjounaid.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/sjounaid.png
new file mode 100644
index 00000000..41878161
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/sjounaid.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/vvanbeek.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/vvanbeek.png
new file mode 100644
index 00000000..4c8b3311
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/vvanbeek.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/wlai.png b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/wlai.png
new file mode 100644
index 00000000..c758846d
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/portraits/wlai.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/screenshot-construction.png b/opendc-web/opendc-web-server/src/main/webui/public/img/screenshot-construction.png
new file mode 100644
index 00000000..ea20a7c4
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/screenshot-construction.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/screenshot-simulation.png b/opendc-web/opendc-web-server/src/main/webui/public/img/screenshot-simulation.png
new file mode 100644
index 00000000..1bd989c7
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/screenshot-simulation.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Developer.png b/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Developer.png
new file mode 100644
index 00000000..d2638e6c
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Developer.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Manager.png b/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Manager.png
new file mode 100644
index 00000000..92db7459
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Manager.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Researcher.png b/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Researcher.png
new file mode 100644
index 00000000..d87edd39
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Researcher.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Sales.png b/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Sales.png
new file mode 100644
index 00000000..5b7c3a72
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Sales.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Student.png b/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Student.png
new file mode 100644
index 00000000..a4900303
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/stakeholders/Student.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/topology/cpu-icon.png b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/cpu-icon.png
new file mode 100644
index 00000000..07cfbd31
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/cpu-icon.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/topology/gpu-icon.png b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/gpu-icon.png
new file mode 100644
index 00000000..55d4fb05
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/gpu-icon.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/topology/memory-icon.png b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/memory-icon.png
new file mode 100644
index 00000000..36e8a44e
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/memory-icon.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/topology/rack-energy-icon.png b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/rack-energy-icon.png
new file mode 100644
index 00000000..1088c61b
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/rack-energy-icon.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/topology/rack-space-icon.png b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/rack-space-icon.png
new file mode 100644
index 00000000..387d7ea6
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/rack-space-icon.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/topology/storage-icon.png b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/storage-icon.png
new file mode 100644
index 00000000..7a39cb6f
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/topology/storage-icon.png differ
diff --git a/opendc-web/opendc-web-server/src/main/webui/public/img/tudelft-icon.png b/opendc-web/opendc-web-server/src/main/webui/public/img/tudelft-icon.png
new file mode 100644
index 00000000..a7a2d56a
Binary files /dev/null and b/opendc-web/opendc-web-server/src/main/webui/public/img/tudelft-icon.png differ
-- 
cgit v1.2.3