diff --git a/src/applets/webui/routes.py b/src/applets/webui/routes.py
index 349a2bd..7bdd0b7 100644
--- a/src/applets/webui/routes.py
+++ b/src/applets/webui/routes.py
@@ -47,3 +47,40 @@ def webui_welcome():
     """
     return render_template('welcome.html')
 
+
+@bp.route('/webui/users')
+def webui_users():
+    """
+    Users screen for the webui.
+
+    It's job right now is to:
+
+    - Set up an initial user
+
+    More functions will follow at a later stage
+    """
+    return render_template('users.html')
+
+
+@bp.route('/webui/disks')
+def webui_disks():
+    """
+    Disks screen for the webui.
+    """
+    return render_template('disks.html')
+
+
+@bp.route('/webui/software')
+def webui_software():
+    """
+    Software screen for the webui.
+    """
+    return render_template('software.html')
+
+
+@bp.route('/webui/summary')
+def webui_summary():
+    """
+    Summary screen for the webui.
+    """
+    return render_template('summary.html')
diff --git a/src/static/material.css b/src/static/material.css
deleted file mode 120000
index e544698..0000000
--- a/src/static/material.css
+++ /dev/null
@@ -1 +0,0 @@
-/usr/share/javascript/libjs-material-design-lite/css/material.css
\ No newline at end of file
diff --git a/src/static/welcome.css b/src/static/welcome.css
index e901b4d..af06622 100644
--- a/src/static/welcome.css
+++ b/src/static/welcome.css
@@ -1 +1,20 @@
-test:
+@mixin glassmorphism() {
+    background: rgba(255,255,255,0.05);
+    backdrop-filter: blur(10px);
+}
+
+.bg {
+  position: absolute;
+  z-index:-1;
+  top:0;
+  right:0;
+  bottom:0;
+  left:0;
+  
+background-image: radial-gradient(circle at 30% 86%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 8%,transparent 8%, transparent 92%),radial-gradient(circle at 55% 100%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 8%,transparent 8%, transparent 92%),radial-gradient(circle at 40% 75%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 7% 99%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 69% 76%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 2% 35%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 14% 48%, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 6%,transparent 6%, transparent 94%),radial-gradient(circle at 28% 87%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 65% 14%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 51% 36%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 4%,transparent 4%, transparent 96%),radial-gradient(circle at 6% 93%, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.04) 4%,transparent 4%, transparent 96%),linear-gradient(135deg, rgb(23, 233, 173),rgb(29, 24, 208));
+}
+
+body {
+  display: flex;
+}
+