3 files changed, 22 insertions, 2 deletions
diff --git a/src/app/index.html b/src/app/index.html
index 9b72ebb..ffc31a6 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -6,7 +6,13 @@
 	<body>
 		<div class="lines">
 			<div class="line">
-				<div class="text" id="welcome">%%gui.welcome%%</div>
+				<div class="text">
+					<div class="text" id="welcome">%%gui.welcome%%</div>
+					<div class="versions">
+						<div id="vpversion"></div>
+						<div id="nsversion"></div>
+					</div>
+				</div>
 				<div class="buttons">
 					<button id="exit" onclick="exit()">%%gui.exit%%</button>
 					<button id="update"	onclick="update()">%%gui.update%%</button>
diff --git a/src/app/main.css b/src/app/main.css
index 929483a..c6c9bb9 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -4,6 +4,7 @@
 	--foreground: #DDE2EB;
 	--background: #4C515B;
 	--boxbackground: #666E7F;
+	--subforeground: #AFAFAF;
 	--btnforeground: var(--foreground);
 }
 
@@ -34,6 +35,12 @@ body, button, input {
 
 nobr {white-space: nowrap}
 
+.versions {
+	height: 15px;
+	font-size: 12px;
+	color: var(--subforeground);
+}
+
 .line {
 	display: flex;
 	margin-top: var(--padding);
@@ -64,6 +71,8 @@ button, .text, .mod {
 	padding: calc(var(--padding) / 3) var(--padding);
 }
 
+#welcome {padding: 0px}
+
 button {
 	color: var(--btnforeground);
 	-webkit-app-region: no-drag;
diff --git a/src/app/main.js b/src/app/main.js
index f512d4f..b0f0ebf 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -61,7 +61,12 @@ ipcRenderer.on("mods", (event, mods) => {
 	}
 })
 
+ipcRenderer.on("version", (event, versions) => {
+	vpversion.innerText = lang("gui.versions.viper") + ": " + versions.vp;
+	nsversion.innerText = lang("gui.versions.northstar") + ": " + versions.ns;
+}); ipcRenderer.send("getversion");
+
 setlang();
 setInterval(() => {
 	ipcRenderer.send("setsize", document.querySelector(".lines").offsetHeight + 20);
-}, 150)
+}, 150);