2 files changed, 62 insertions, 0 deletions
diff --git a/src/app/index.html b/src/app/index.html
new file mode 100644
index 0000000..c2bb777
--- /dev/null
+++ b/src/app/index.html
@@ -0,0 +1,26 @@
+<html>
+	<head>
+		<meta name="viewport" content="width=device-width,initial-scale=1.0">
+		<link rel="stylesheet" href="main.css">
+	</head>
+	<body>
+		<div class="lines">
+			<div class="line">
+				<div class="text">Welcome to Viper!</div>
+				<div class="buttons">
+					<button id="update">Update</button>
+					<button id="setpath">Game Path</button>
+				</div>
+			</div>
+			<div class="line">
+				<div class="text">Launch:</div>
+				<div class="buttons">
+					<button id="vanilla">Vanilla</button>
+					<button id="northstar">Northstar</button>
+				</div>
+			</div>
+		</div>
+
+		<script src="main.js"></script>
+	</body>
+</html>
diff --git a/src/app/main.css b/src/app/main.css
new file mode 100644
index 0000000..a9dbc9d
--- /dev/null
+++ b/src/app/main.css
@@ -0,0 +1,36 @@
+:root {
+	--background: #4C515B;
+	--foreground: #DDE2EB;
+}
+
+body, button, input {
+	font-size: 18px;
+	font-weight: 700;
+	overflow: hidden;
+	color: var(--foreground);
+	text-transform: uppercase;
+	background: var(--background);
+	font-family: "Roboto Mono", monospace;
+}
+
+.line {
+	display: flex;
+	margin-top: 15px;
+}
+
+.buttons {
+	margin-left: auto;
+	margin-right: 7px;
+}
+
+button, .text {
+	border: none;
+	outline: none;
+	padding: 5px 15px;
+	border-radius: 50px;
+}
+
+#update {background: #81A1C1}
+#setpath {background: #5E81AC}
+#vanilla {background: #656E7F}
+#northstar {background: #C7777F}