3 files changed, 89 insertions, 0 deletions
diff --git a/pyaggr3g470r/templates/about.html b/pyaggr3g470r/templates/about.html
new file mode 100644
index 00000000..8d1c8b69
--- /dev/null
+++ b/pyaggr3g470r/templates/about.html
@@ -0,0 +1 @@
+ 
diff --git a/pyaggr3g470r/templates/home.html b/pyaggr3g470r/templates/home.html
new file mode 100644
index 00000000..da71c881
--- /dev/null
+++ b/pyaggr3g470r/templates/home.html
@@ -0,0 +1,26 @@
+ {% extends "layout.html" %}
+{% block content %}
+<div class="container">
+    {% for feed in feeds %}
+        <div class="row">
+            <div class="col-md-6 col-md-offset-3"><h1>{{ feed.title }}</h1></div>
+        </div>
+    {% for number in range(0, feed.articles[:10]|length-2, 3) %}
+        <div class="row">
+            <div class="col-xs-6 col-sm-4 col-md-4">
+                <h2>{{ feed.articles[number].title }}<h2>
+                <h6>{{ feed.articles[number].date }}</h6>
+            </div>
+            <div class="col-xs-6 col-sm-4 col-md-4">
+                <h2>{{ feed.articles[number+1].title }}<h2>
+                <h6>{{ feed.articles[number+1].date }}</h6>
+            </div>
+            <div class="col-xs-6 col-sm-4 col-md-4">
+                <h2>{{ feed.articles[number+2].title }}<h2>
+                <h6>{{ feed.articles[number+2].date }}</h6>
+            </div>
+        </div>
+    {% endfor %}
+    {% endfor %}
+</div><!-- /.container -->
+{% endblock %}
diff --git a/pyaggr3g470r/templates/layout.html b/pyaggr3g470r/templates/layout.html
new file mode 100644
index 00000000..b3b38dcc
--- /dev/null
+++ b/pyaggr3g470r/templates/layout.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+  
+  {% block head %}
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="pyAggr3g470r">
+    <meta name="author" content="">
+
+    <title>pyAggr3g470r</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="static/css/bootstrap.css" rel="stylesheet">
+
+    <!-- Add custom CSS here -->
+    <style>
+        body {margin-top: 60px;}
+    </style>
+
+  </head>
+  {% endblock %}
+
+  <body>
+
+    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="index.html">pyAggr3g470r</a>
+        </div>
+
+        <!-- Collect the nav links, forms, and other content for toggling -->
+        <div class="collapse navbar-collapse navbar-ex1-collapse">
+          <ul class="nav navbar-nav">
+            <li><a href="/fetch">Fetch</a></li>
+            <li><a href="#services">Management</a></li>
+            <li><a href="#services">History</a></li>
+            <li><a href="#services">Favorites</a></li>
+            <li><a href="#services">Unread</a></li>
+            <li><a href="#about">About</a></li>
+          </ul>
+        </div><!-- /.navbar-collapse -->
+      </div><!-- /.container -->
+    </nav>
+
+
+    {% block content %}{% endblock %}
+
+    <!-- Bootstrap core JavaScript -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <!-- Make sure to add jQuery - download the most recent version at http://jquery.com/ -->
+    <script src="static/js/jquery.js"></script>
+    <script src="static/js/bootstrap.js"></script>
+  </body>
+  </body>
+</html>