3 files changed, 75 insertions, 36 deletions
diff --git a/static/css/app.css b/static/css/app.css
index 956a281..34712e3 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -39,4 +39,55 @@ section {
   font-size: 96px;
 }
 
+.welcome-container,
+.login-container {
+  font-size: 24px;
+  padding: 50px 10px 10px;
+}
+
 /* The stream */
+
+.posts-container .post .post-meta {
+  background-color: lightgray;
+  display: flex;
+  align-items: center;
+}
+
+.post-meta time, .post-meta a {
+  padding: 0 10px;
+}
+
+.posts-container .post .post-content,
+.post-form-container .post-content-input,
+.post-form-container .post-submit {
+  font-family: -apple-system, BlinkMacSystemFont,
+      "Segoe UI", "Roboto", "Oxygen",
+      "Ubuntu", "Cantarell", "Fira Sans",
+      "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 24px;
+  padding: 10px;
+}
+
+.post-form-container .post-content-input {
+  display: block;
+  margin: 10px;
+  width: 90%;
+  resize: none;
+  height: 140px;
+}
+
+.post-form-container .post-submit {
+  margin: 10px auto;
+  display: block;
+  background-color: lightgray;
+}
+
+.post-form-container .post-submit:active {
+  background-color: cyan;
+}
+
+.posts-error,
+.post-form-error {
+  color: red;
+  padding: 10px;
+}
diff --git a/static/index.html b/static/index.html
new file mode 100644
index 0000000..6e8e1f3
--- /dev/null
+++ b/static/index.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="description" content="A social network.">
+
+    <title>✨ dasein ✨</title>
+
+    <script src="/assets/bundle.js"></script>
+
+    <link href='https://fonts.googleapis.com/css?family=VT323' rel='stylesheet' >
+    <link href="/css/app.css" rel="stylesheet">
+
+  </head>
+  <body>
+    <div id="dasein">
+      <header class="dasein-header">
+        <a href="/">Dasein</a>
+      </header>
+      <router-view></router-view>
+    </div>
+  </body>
+</html>
+
diff --git a/static/windex.html b/static/windex.html
deleted file mode 100644
index f4a6ac5..0000000
--- a/static/windex.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="description" content="A social network.">
-
-    <title>✨ dasein ✨</title>
-
-    <link href='https://fonts.googleapis.com/css?family=VT323' rel='stylesheet' >
-    <link href="/css/app.css" rel="stylesheet">
-
-  </head>
-  <body>
-    <div id="dasein">
-      <header class="dasein-header">
-        <a href="/">Dasein</a>
-      </header>
-      <section class="dasein-login">
-        <h1>Login.</h1>
-      </section>
-      <section class="dasein-stream">
-        <h1>@rbdr</h1>
-				<article class="dasein-post">
-					<aside>
-						<img
-						 src="https://pbs.twimg.com/profile_images/795825767649132544/tHHYHC3-_mini.jpg"
-			 alt="Avatar for @rbdr">
-						<a href="/@rbdr">@rbdr</a> on <time datetime="2016-12-17T18:16">2016-12-17 18:16</time>
-					</aside>
-					<div>Hi, this is a test. 💸</div>	
-				</article>
-      </section>
-    </div>
-  </body>
-</html>
-