diff --git a/freechat-client/main.js b/freechat-client/main.js
index 28b3d75..ec99b8a 100644
--- a/freechat-client/main.js
+++ b/freechat-client/main.js
@@ -6,11 +6,13 @@ function createWin() {
 	let win = new BrowserWindow({
 		width: 800,
 		height: 600,
+		minWidth: 640,
+		minHeight: 480,
 		webPreferences: {
 			nodeIntegration: true
 		}
 	})
-	win.loadFile('index.html');
+	win.loadFile('./src//pages/index.html');
 	if(process.platform !== 'darwin') {
 		win.removeMenu();
 	}
diff --git a/freechat-client/index.html b/freechat-client/src/pages/index.html
similarity index 78%
rename from freechat-client/index.html
rename to freechat-client/src/pages/index.html
index cb04351..af10837 100644
--- a/freechat-client/index.html
+++ b/freechat-client/src/pages/index.html
@@ -2,12 +2,13 @@
     <head>
         <meta charset="utf-8"/>
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
-        <link rel="stylesheet" href="./resources/css/pure.css"/>
-        <link rel="stylesheet" href="./src/css/welcome.css"/>
+        <link rel="stylesheet" href="../resources/css/pure.css"/>
+        <link rel="stylesheet" href="../src/css/welcome.css"/>
         <title>Freechat</title>
     </head>
   <body>
     <h1 class="center">Freechat login</h1>
+	<script src="../js/local-auth.js"></script>
     <form class="pure-form center">
         <fieldset>
             <input id="domainname" type="text" placeholder="Domain: freechat.io"><br>
@@ -17,4 +18,4 @@
         </fieldset>
     </form>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/freechat-client/src/pages/settings.html b/freechat-client/src/pages/settings.html
new file mode 100644
index 0000000..dadbe04
--- /dev/null
+++ b/freechat-client/src/pages/settings.html
@@ -0,0 +1,12 @@
+<html>
+    <head>
+        <meta charset="utf-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+        <link rel="stylesheet" href="../resources/css/pure.css"/>
+        <link rel="stylesheet" href="../src/css/settings.css"/>
+        <title>Settings</title>
+	</head>
+	<body>
+		<p>this is the settings page</p>
+	</body>
+</html>
diff --git a/freechat-client/src/sass/settings.scss b/freechat-client/src/sass/settings.scss
new file mode 100644
index 0000000..6965ca1
--- /dev/null
+++ b/freechat-client/src/sass/settings.scss
@@ -0,0 +1,24 @@
+@import 'general';
+
+$text-color: white;
+
+label {
+    color: $text-color;
+}
+
+h1 {
+    color: $text-color;
+    display: block;
+}
+.center {
+    margin: 0 auto;
+    text-align: center;
+}
+::placeholder {
+    color: $back-grey;
+}
+
+input {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+}
