3 files changed, 24 insertions, 0 deletions
diff --git a/src/main/resources/static/kafka.png b/src/main/resources/static/kafka.png
new file mode 100644
index 0000000..2ba95c7
--- /dev/null
+++ b/src/main/resources/static/kafka.png
diff --git a/src/main/resources/static/server.png b/src/main/resources/static/server.png
new file mode 100644
index 0000000..213e696
--- /dev/null
+++ b/src/main/resources/static/server.png
diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css
index e215eb0..c438c28 100644
--- a/src/main/resources/static/style.css
+++ b/src/main/resources/static/style.css
@@ -434,4 +434,28 @@ input.inline:focus-visible {
 
 .chart-50pc {
     width: calc(50% - 2.4rem - 4px);
+}
+
+.connection-display {
+    display: grid;
+    grid-template-columns: 10em 16em 10em;
+    place-items: center;
+    width: fit-content;
+    margin: 1em 0;
+}
+
+.connection-display > * {
+    text-align: center;
+    margin: auto 0;
+}
+
+.connection-display .connection {
+    display: block;
+    width: 100%;
+    height: 4px;
+    background: repeating-linear-gradient(to left, white, white 2px, transparent 2px, transparent 8px, white 8px) var(--bg-red);
+}
+
+.connection-display .connection.available {
+    background: var(--bg-green);
 }
 \ No newline at end of file