3 files changed, 28 insertions, 18 deletions
diff --git a/assets/templates/_base.template.html b/assets/templates/_base.template.html
index 2ed25d1..d7966bf 100644
--- a/assets/templates/_base.template.html
+++ b/assets/templates/_base.template.html
@@ -1,11 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Portgate</title>
-</head>
-<body>
-    <h2>Portgate</h2>
-    {{template "content"}}
-</body>
-</html>
\ No newline at end of file
+    <head>
+        <meta charset="UTF-8" />
+        <title>Portgate</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="stylesheet" href="_portgate/static/index.css" />
+    </head>
+    <body>
+        <div class="container">
+            <img
+                class="logo"
+                src="_portgate/static/portgate.svg"
+                alt="Portgate"
+            />
+            <h1 class="title">Portgate</h1>
+            {{template "content"}}
+        </div>
+    </body>
+</html>
diff --git a/assets/templates/authenticate.template.html b/assets/templates/authenticate.template.html
index 7d6d72c..ec14b7a 100644
--- a/assets/templates/authenticate.template.html
+++ b/assets/templates/authenticate.template.html
@@ -1,9 +1,10 @@
 {{define "content"}}
-<h1>Authentication</h1>
-<form method="POST">
-    <label>
-        <input type="text" name="key">
-    </label>
-    <input type="submit" value="Authenticate">
+<p class="description">
+    Please authenticate yourself to access <br />
+    this port on this host.
+</p>
+<form method="POST" class="authentication-form">
+    <input class="authentication-input" type="password" name="key" />
+    <input class="authentication-button" type="submit" value="→" />
 </form>
-{{end}}
\ No newline at end of file
+{{end}}
diff --git a/assets/templates/information.template.html b/assets/templates/information.template.html
index a881cf8..fde9e59 100644
--- a/assets/templates/information.template.html
+++ b/assets/templates/information.template.html
@@ -1,3 +1,3 @@
 {{define "content"}}
-<h1>You are authenticated!</h1>
-{{end}}
\ No newline at end of file
+<p class="description">You are authenticated!</p>
+{{end}}