6 files changed, 154 insertions, 0 deletions
diff --git a/app/templates/base.html b/app/templates/base.html
new file mode 100644
index 0000000..5520493
--- /dev/null
+++ b/app/templates/base.html
@@ -0,0 +1,25 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to">
+
+        {% if title %}
+        <title>{{ title }}</title>
+        {% else %}
+        <title>Blendoit</title>
+        {% endif %}
+    </head>
+    <body>
+        {% with messages = get_flashed_messages(with_categories=true) %}
+        {% if messages %}
+        {% for message in messages %}
+        <div class="alert">
+            {{ message }}
+        </div>
+        {% endfor %}
+        {% endif %}
+        {% endwith %}
+
+        {% block content %}{% endblock %}
+    </body>
+</html>
diff --git a/app/templates/home.html b/app/templates/home.html
new file mode 100644
index 0000000..89984eb
--- /dev/null
+++ b/app/templates/home.html
@@ -0,0 +1,24 @@
+<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/default.css') }}">
+<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/home.css') }}">
+
+{% extends "base.html" %}
+
+{% block content %}
+
+<div>
+    <a href="{{ url_for('yes') }}" class="tab-yes"></a>
+    <a href="{{ url_for('no') }}" class="tab-no"></a>
+
+    <div class="main">
+        {% for post in posts %}
+        <div class="post">
+            <h1>{{post.author}}</h1>
+            <h2>{{post.date}}</h2>
+            <p>{{post.content}}</p>
+        </div>
+        {% endfor %}
+    </div>
+</div>
+
+
+{% endblock content %}
diff --git a/app/templates/login.html b/app/templates/login.html
new file mode 100644
index 0000000..63217e1
--- /dev/null
+++ b/app/templates/login.html
@@ -0,0 +1,34 @@
+{% extends "base.html" %}
+{% block content %}
+
+<div class="content-section">
+    <form method="POST" action="">
+        {{ form.hidden_tag() }}
+        <fieldset class="form-group">
+            <legend>Join Today</legend>
+            <div class="form-group">
+                {{ form.alias.label }}
+                {{ form.alias }}
+            </div>
+            <div class="form-group">
+                {{ form.password.label }}
+                {{ form.password }}
+            </div>
+            <div class="form-group">
+                {{ form.password_confirm.label }}
+                {{ form.password_confirm }}
+            </div>
+        </fieldset>
+        <div class="form-group">
+            {{ form.submit(class="btn") }}
+        </div>
+    </form>
+</div>
+
+<div>
+    <small>
+        Already have an account? <a href="{{ url_for('login') }}">Sign In</a>
+    </small>
+</div>
+
+{% endblock content %}
diff --git a/app/templates/no.html b/app/templates/no.html
new file mode 100644
index 0000000..e1b9238
--- /dev/null
+++ b/app/templates/no.html
@@ -0,0 +1,23 @@
+<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/default.css') }}">
+<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/no.css') }}">
+
+{% extends "base.html" %}
+{% block content %}
+
+<div>
+    <a href="{{ url_for('yes') }}" class="tab-yes"></a>
+    <a href="{{ url_for('home') }}" class="tab-home"></a>
+
+    <div class="main">
+        {% for post in posts %}
+        <div class="post">
+            <h1>{{post.author}}</h1>
+            <h2>{{post.date}}</h2>
+            <p>{{post.content}}</p>
+        </div>
+        {% endfor %}
+    </div>
+</div>
+
+
+{% endblock content %}
diff --git a/app/templates/register.html b/app/templates/register.html
new file mode 100644
index 0000000..456b8f7
--- /dev/null
+++ b/app/templates/register.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+{% block content %}
+
+<div class="content-section">
+    <form method="POST" action="">
+        {{ form.hidden_tag() }}
+        <fieldset class="form-group">
+            <legend>Create a new alias</legend>
+            <div class="form-group">
+                {{ form.alias.label(class="form-control-label") }}
+                {{ form.alias(class="form-control") }}
+            </div>
+            <div class="form-group">
+                {{ form.password.label(class="form-control-label") }}
+                {{ form.password(class="form-control") }}
+            </div>
+            <div class="form-group">
+                {{ form.password_confirm.label(class="form-control-label") }}
+                {{ form.password_confirm(class="form-control") }}
+            </div>
+        </fieldset>
+        <div class="form-group">
+            {{ form.submit(class="btn") }}
+        </div>
+    </form>
+</div>
+<div>
+    Sign in with existing alias? <a href="{{ url_for('login') }}">Sign In</a>
+</div>
+
+{% endblock content %}
diff --git a/app/templates/yes.html b/app/templates/yes.html
new file mode 100644
index 0000000..b915221
--- /dev/null
+++ b/app/templates/yes.html
@@ -0,0 +1,17 @@
+<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/default.css') }}">
+<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/yes.css') }}">
+
+{% extends "base.html" %}
+{% block content %}
+
+<div>
+    <a href="{{ url_for('no') }}" class="tab-no"></a>
+    <a href="{{ url_for('home') }}" class="tab-home"></a>
+
+    <div class="main">
+        <p> yes, no?</p>
+    </div>
+</div>
+
+
+{% endblock content %}