From a4c7a3601220d0b2e1f3fb7790854d5b0ce047b7 Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Wed, 14 Dec 2022 15:28:22 -0800
Subject: [PATCH] add icons

---
 images/instances/lxc/running.svg  | 16 ++++++++++++++
 images/instances/lxc/stopped.svg  | 16 ++++++++++++++
 images/instances/qemu/running.svg |  8 +++++++
 images/instances/qemu/stopped.svg |  8 +++++++
 images/nodes/offline.svg          | 10 +++++++++
 images/nodes/online.svg           | 10 +++++++++
 scripts/elements.js               | 36 +++++++++++++------------------
 7 files changed, 83 insertions(+), 21 deletions(-)
 create mode 100644 images/instances/lxc/running.svg
 create mode 100644 images/instances/lxc/stopped.svg
 create mode 100644 images/instances/qemu/running.svg
 create mode 100644 images/instances/qemu/stopped.svg
 create mode 100644 images/nodes/offline.svg
 create mode 100644 images/nodes/online.svg

diff --git a/images/instances/lxc/running.svg b/images/instances/lxc/running.svg
new file mode 100644
index 0000000..c150a07
--- /dev/null
+++ b/images/instances/lxc/running.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<polygon points="18.51,29.21 45,16.33 71.49,29.21 45,42.08 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+	<polygon points="45,42.08 45,73.67 71.49,60.79 71.49,29.21 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+	<path d="M 45 44.08 c -0.299 0 -0.598 -0.067 -0.874 -0.201 l -26.49 -12.873 c -0.689 -0.334 -1.126 -1.033 -1.126 -1.799 s 0.437 -1.464 1.126 -1.799 l 26.49 -12.874 c 0.552 -0.269 1.196 -0.269 1.748 0 l 26.489 12.874 c 0.688 0.334 1.126 1.033 1.126 1.799 s -0.438 1.464 -1.126 1.799 L 45.874 43.879 C 45.598 44.013 45.299 44.08 45 44.08 z M 23.086 29.207 L 45 39.856 l 21.914 -10.649 L 45 18.557 L 23.086 29.207 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 75.667 c -0.299 0 -0.598 -0.067 -0.874 -0.201 l -26.49 -12.874 c -0.689 -0.335 -1.126 -1.033 -1.126 -1.799 V 29.207 c 0 -0.689 0.355 -1.33 0.939 -1.695 c 0.585 -0.365 1.315 -0.404 1.935 -0.104 L 45 39.856 l 25.615 -12.448 c 0.618 -0.301 1.35 -0.262 1.936 0.104 c 0.584 0.366 0.938 1.006 0.938 1.695 v 31.586 c 0 0.766 -0.438 1.464 -1.126 1.799 L 45.874 75.466 C 45.598 75.6 45.299 75.667 45 75.667 z M 20.51 59.541 L 45 71.443 l 24.489 -11.902 V 32.403 L 45.874 43.879 c -0.552 0.269 -1.196 0.269 -1.748 0 L 20.51 32.403 V 59.541 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 75.667 c -1.104 0 -2 -0.896 -2 -2 V 42.08 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 31.587 C 47 74.771 46.104 75.667 45 75.667 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 84.734 62.139 c -1.104 0 -2 -0.896 -2 -2 v -7.096 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 7.096 C 86.734 61.243 85.839 62.139 84.734 62.139 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 84.734 45.815 c -1.104 0 -2 -0.896 -2 -2 V 22.562 L 45 4.224 L 6.14 23.109 c -0.992 0.482 -2.19 0.069 -2.673 -0.925 c -0.483 -0.993 -0.069 -2.19 0.925 -2.673 l 39.734 -19.31 c 0.552 -0.269 1.196 -0.269 1.748 0 l 39.734 19.31 c 0.688 0.334 1.126 1.033 1.126 1.799 v 22.505 C 86.734 44.92 85.839 45.815 84.734 45.815 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 5.266 38.567 c -1.104 0 -2 -0.896 -2 -2 v -7.096 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 7.096 C 7.266 37.672 6.37 38.567 5.266 38.567 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 90 c -0.299 0 -0.598 -0.067 -0.874 -0.201 L 4.392 70.488 c -0.689 -0.335 -1.126 -1.033 -1.126 -1.799 V 45.795 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 21.643 L 45 85.776 l 38.86 -18.886 c 0.99 -0.481 2.19 -0.069 2.673 0.925 c 0.482 0.993 0.068 2.19 -0.925 2.673 L 45.874 89.799 C 45.598 89.933 45.299 90 45 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/images/instances/lxc/stopped.svg b/images/instances/lxc/stopped.svg
new file mode 100644
index 0000000..2911e31
--- /dev/null
+++ b/images/instances/lxc/stopped.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<polygon points="18.51,29.21 45,16.33 71.49,29.21 45,42.08 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+	<polygon points="45,42.08 45,73.67 71.49,60.79 71.49,29.21 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+	<path d="M 45 44.08 c -0.299 0 -0.598 -0.067 -0.874 -0.201 l -26.49 -12.873 c -0.689 -0.334 -1.126 -1.033 -1.126 -1.799 s 0.437 -1.464 1.126 -1.799 l 26.49 -12.874 c 0.552 -0.269 1.196 -0.269 1.748 0 l 26.489 12.874 c 0.688 0.334 1.126 1.033 1.126 1.799 s -0.438 1.464 -1.126 1.799 L 45.874 43.879 C 45.598 44.013 45.299 44.08 45 44.08 z M 23.086 29.207 L 45 39.856 l 21.914 -10.649 L 45 18.557 L 23.086 29.207 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 75.667 c -0.299 0 -0.598 -0.067 -0.874 -0.201 l -26.49 -12.874 c -0.689 -0.335 -1.126 -1.033 -1.126 -1.799 V 29.207 c 0 -0.689 0.355 -1.33 0.939 -1.695 c 0.585 -0.365 1.315 -0.404 1.935 -0.104 L 45 39.856 l 25.615 -12.448 c 0.618 -0.301 1.35 -0.262 1.936 0.104 c 0.584 0.366 0.938 1.006 0.938 1.695 v 31.586 c 0 0.766 -0.438 1.464 -1.126 1.799 L 45.874 75.466 C 45.598 75.6 45.299 75.667 45 75.667 z M 20.51 59.541 L 45 71.443 l 24.489 -11.902 V 32.403 L 45.874 43.879 c -0.552 0.269 -1.196 0.269 -1.748 0 L 20.51 32.403 V 59.541 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 75.667 c -1.104 0 -2 -0.896 -2 -2 V 42.08 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 31.587 C 47 74.771 46.104 75.667 45 75.667 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 84.734 62.139 c -1.104 0 -2 -0.896 -2 -2 v -7.096 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 7.096 C 86.734 61.243 85.839 62.139 84.734 62.139 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 84.734 45.815 c -1.104 0 -2 -0.896 -2 -2 V 22.562 L 45 4.224 L 6.14 23.109 c -0.992 0.482 -2.19 0.069 -2.673 -0.925 c -0.483 -0.993 -0.069 -2.19 0.925 -2.673 l 39.734 -19.31 c 0.552 -0.269 1.196 -0.269 1.748 0 l 39.734 19.31 c 0.688 0.334 1.126 1.033 1.126 1.799 v 22.505 C 86.734 44.92 85.839 45.815 84.734 45.815 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 5.266 38.567 c -1.104 0 -2 -0.896 -2 -2 v -7.096 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 7.096 C 7.266 37.672 6.37 38.567 5.266 38.567 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 90 c -0.299 0 -0.598 -0.067 -0.874 -0.201 L 4.392 70.488 c -0.689 -0.335 -1.126 -1.033 -1.126 -1.799 V 45.795 c 0 -1.104 0.896 -2 2 -2 s 2 0.896 2 2 v 21.643 L 45 85.776 l 38.86 -18.886 c 0.99 -0.481 2.19 -0.069 2.673 0.925 c 0.482 0.993 0.068 2.19 -0.925 2.673 L 45.874 89.799 C 45.598 89.933 45.299 90 45 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/images/instances/qemu/running.svg b/images/instances/qemu/running.svg
new file mode 100644
index 0000000..e37120c
--- /dev/null
+++ b/images/instances/qemu/running.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 83.843 7.245 H 6.157 C 2.757 7.245 0 10.002 0 13.402 v 49.074 c 0 3.4 2.757 6.157 6.157 6.157 h 28.431 v 8.243 h -7.564 c -1.623 0 -2.939 1.316 -2.939 2.939 s 1.316 2.939 2.939 2.939 h 35.954 c 1.623 0 2.939 -1.316 2.939 -2.939 s -1.316 -2.939 -2.939 -2.939 h -7.564 v -8.243 h 28.431 c 3.4 0 6.157 -2.757 6.157 -6.157 V 13.402 C 90 10.002 87.243 7.245 83.843 7.245 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/images/instances/qemu/stopped.svg b/images/instances/qemu/stopped.svg
new file mode 100644
index 0000000..415523c
--- /dev/null
+++ b/images/instances/qemu/stopped.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 83.843 7.245 H 6.157 C 2.757 7.245 0 10.002 0 13.402 v 49.074 c 0 3.4 2.757 6.157 6.157 6.157 h 28.431 v 8.243 h -7.564 c -1.623 0 -2.939 1.316 -2.939 2.939 s 1.316 2.939 2.939 2.939 h 35.954 c 1.623 0 2.939 -1.316 2.939 -2.939 s -1.316 -2.939 -2.939 -2.939 h -7.564 v -8.243 h 28.431 c 3.4 0 6.157 -2.757 6.157 -6.157 V 13.402 C 90 10.002 87.243 7.245 83.843 7.245 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/images/nodes/offline.svg b/images/nodes/offline.svg
new file mode 100644
index 0000000..1a44b2f
--- /dev/null
+++ b/images/nodes/offline.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 85.426 3.805 H 4.574 C 2.048 3.805 0 5.853 0 8.379 v 16.314 c 0 2.526 2.048 4.574 4.574 4.574 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.574 V 8.379 C 90 5.853 87.952 3.805 85.426 3.805 z M 46.066 22.287 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 22.287 46.066 22.287 z M 46.066 13.787 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 13.787 46.066 13.787 z M 74.863 22.107 c -3.076 0 -5.57 -2.494 -5.57 -5.57 s 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 S 77.94 22.107 74.863 22.107 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 85.426 32.268 H 4.574 C 2.048 32.268 0 34.316 0 36.843 v 16.314 c 0 2.526 2.048 4.574 4.574 4.574 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.574 V 36.843 C 90 34.316 87.952 32.268 85.426 32.268 z M 46.066 50.75 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 50.75 46.066 50.75 z M 46.066 42.25 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 42.25 46.066 42.25 z M 74.863 50.57 c -3.076 0 -5.57 -2.494 -5.57 -5.57 c 0 -3.076 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 C 80.434 48.076 77.94 50.57 74.863 50.57 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 85.426 60.732 H 4.574 C 2.048 60.732 0 62.78 0 65.306 v 16.314 c 0 2.526 2.048 4.575 4.574 4.575 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.575 V 65.306 C 90 62.78 87.952 60.732 85.426 60.732 z M 46.066 79.213 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 79.213 46.066 79.213 z M 46.066 70.714 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 70.714 46.066 70.714 z M 74.863 79.034 c -3.076 0 -5.57 -2.494 -5.57 -5.57 c 0 -3.076 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 C 80.434 76.54 77.94 79.034 74.863 79.034 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(255,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/images/nodes/online.svg b/images/nodes/online.svg
new file mode 100644
index 0000000..7ec03ba
--- /dev/null
+++ b/images/nodes/online.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 85.426 3.805 H 4.574 C 2.048 3.805 0 5.853 0 8.379 v 16.314 c 0 2.526 2.048 4.574 4.574 4.574 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.574 V 8.379 C 90 5.853 87.952 3.805 85.426 3.805 z M 46.066 22.287 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 22.287 46.066 22.287 z M 46.066 13.787 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 13.787 46.066 13.787 z M 74.863 22.107 c -3.076 0 -5.57 -2.494 -5.57 -5.57 s 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 S 77.94 22.107 74.863 22.107 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 85.426 32.268 H 4.574 C 2.048 32.268 0 34.316 0 36.843 v 16.314 c 0 2.526 2.048 4.574 4.574 4.574 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.574 V 36.843 C 90 34.316 87.952 32.268 85.426 32.268 z M 46.066 50.75 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 50.75 46.066 50.75 z M 46.066 42.25 h -36.5 c -0.829 0 -1.5 -0.671 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.671 1.5 1.5 S 46.895 42.25 46.066 42.25 z M 74.863 50.57 c -3.076 0 -5.57 -2.494 -5.57 -5.57 c 0 -3.076 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 C 80.434 48.076 77.94 50.57 74.863 50.57 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 85.426 60.732 H 4.574 C 2.048 60.732 0 62.78 0 65.306 v 16.314 c 0 2.526 2.048 4.575 4.574 4.575 h 80.851 c 2.526 0 4.574 -2.048 4.574 -4.575 V 65.306 C 90 62.78 87.952 60.732 85.426 60.732 z M 46.066 79.213 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 79.213 46.066 79.213 z M 46.066 70.714 h -36.5 c -0.829 0 -1.5 -0.672 -1.5 -1.5 s 0.671 -1.5 1.5 -1.5 h 36.5 c 0.828 0 1.5 0.672 1.5 1.5 S 46.895 70.714 46.066 70.714 z M 74.863 79.034 c -3.076 0 -5.57 -2.494 -5.57 -5.57 c 0 -3.076 2.494 -5.57 5.57 -5.57 s 5.57 2.494 5.57 5.57 C 80.434 76.54 77.94 79.034 74.863 79.034 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,255,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/scripts/elements.js b/scripts/elements.js
index 7a987f3..c43fbcb 100644
--- a/scripts/elements.js
+++ b/scripts/elements.js
@@ -24,31 +24,25 @@ class Instance extends HTMLElement {
 	set data (data) {
 		let instanceArticle = this.shadowElement.querySelector("article");
 
-		let type = document.createElement("img");
-		type.src = `images/${data.type}.svg`;
-		instanceArticle.append(type);
+		let typeImg = document.createElement("img");
+		typeImg.src = `images/instances/${data.type}/${data.status}.svg`;
+		instanceArticle.append(typeImg);
 
-		let vmid = document.createElement("p");
-		vmid.innerText = data.vmid;
-		instanceArticle.append(vmid);
+		let vmidParagraph = document.createElement("p");
+		vmidParagraph.innerText = data.vmid;
+		instanceArticle.append(vmidParagraph);
 
-		let name = document.createElement("p");
-		name.innerText = data.name;
-		instanceArticle.append(name);
+		let nameParagraph = document.createElement("p");
+		nameParagraph.innerText = data.name;
+		instanceArticle.append(nameParagraph);
 
-		let status = document.createElement("p");
-		status.innerText = data.status;
-		status.style.color = data.status === "running" ? "#00ff00" : "#ff0000";
-		instanceArticle.append(status);
+		let nodeImg = document.createElement("img");
+		nodeImg.src = `images/nodes/${data.node.status}`;
+		instanceArticle.append(nodeImg);
 
-		let nodeName = document.createElement("p");
-		nodeName.innerText = data.node.name;
-		instanceArticle.append(nodeName);
-
-		let nodeStatus = document.createElement("p");
-		nodeStatus.innerText = data.node.status;
-		nodeStatus.style.color = data.node.status === "online" ? "#00ff00" : "#ff0000";
-		instanceArticle.append(nodeStatus);
+		let nodeParagraph = document.createElement("p");
+		nodeParagraph.innerText = data.node.name;
+		instanceArticle.append(nodeParagraph);
 	}
 }