diff --git a/server/templates/index.tera b/server/templates/index.tera
new file mode 100644
index 0000000..75cd8df
--- /dev/null
+++ b/server/templates/index.tera
@@ -0,0 +1,85 @@
+
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="title" content="{{og_title}}">
+    <title>{{og_title}}</title>
+    <meta name="description" content="{{og_desc}}">
+    <!-- open graph things -->
+    <meta property="og:title" content="{{og_title}}">
+    <meta property="og:type" content="{{og_type}}">
+    <meta property="og:description" content="{{og_desc}}">
+    <meta property="og:url" content="{{og_url}}">
+    <meta property="og:image" content="{{og_image}}">
+	<link rel="shortcut icon" type="image/png" href="{{favicon}}">
+    
+	<script src="https://kit.fontawesome.com/744f5c4640.js"></script>
+    <link rel="stylesheet" href="/static/css/index.css">
+    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+
+</head>
+<body>
+<nav class="navbar navbar-expand-lg navbar-light bg-light">
+  <a class="navbar-brand" href="/">{{brand_url}}</a>
+  <button 
+        class="navbar-toggler dropdown" 
+        type="button" data-toggle="collapse" 
+        data-target="#nav-content" 
+        aria-controls="nav-content" 
+        aria-expanded="false" 
+        aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="nav-content">
+    <ul class="navbar-nav">
+      <li class="nav-item">
+        <a class="nav-link" href="/about">What is freechat?</a>
+      </li>
+      <li class="nav-item"> 
+        <a class="nav-link" href="/servers">Instances</a>
+      </li>
+    </ul>
+  </div>
+</nav>
+<div class="splash-container">
+    <div class="splash">
+        <h1 class="splash-head">{{brand_url}}</h1>
+        <p class="splash-subhead">{{brand_motto}}</p>
+        <p>
+            <a href="#msgform" class="pure-button pure-button-primary">{{brand_quip}}</a>
+        </p>
+    </div>
+</div>
+
+<div class="content-wrapper">
+    <div class="content">
+        <h2 class="content-head is-center">A chat platform that respects your privacy and freedom</h2>
+        <div class="pure-g">
+            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-2">
+                <h3 class="content-subhead"><i class="fas fa-dollar-sign"></i>How much?</h3>
+                <p>Nothing. It's free to run your own instance</p>
+            </div>
+            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-2">
+                <h3 class="content-subhead"><i class="fa fa-wrench"></i>Is it hard to setup?</h3>
+                <p>Not at all, you can easily spin up an instance using the guide here.</p>
+            </div>
+        </div>
+    </div>
+</div>
+</body>
+    <!-- If jquery doesn't come first things like dropdown menus break -->
+    <script
+        src="https://code.jquery.com/jquery-3.4.1.slim.js"
+        integrity="sha256-BTlTdQO9/fascB1drekrDVkaKd9PkwBymMlHOiG+qLI="
+        crossorigin="anonymous"></script>    
+    <script 
+        src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" 
+        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" 
+        crossorigin="anonymous"></script>
+</html>
\ No newline at end of file
diff --git a/server/templates/login.tera b/server/templates/login.tera
new file mode 100644
index 0000000..e69de29
