First prototype for the /articles page.

2 files changed, 32 insertions, 4 deletions

diff --git a/pyaggr3g470r/templates/articles.html b/pyaggr3g470r/templates/articles.html
new file mode 100644
index 00000000..374eaea7
--- /dev/null
+++ b/pyaggr3g470r/templates/articles.html
@@ -0,0 +1,27 @@
+{% extends "layout.html" %}
+{% block content %}
+<div class="container">
+    {% for number in range(0, feed.articles|sort(attribute='date')|length-2, 3) %}
+        <div class="row">
+            <div class="col-xs-6 col-sm-4 col-md-4">
+                 {% if feed.articles[number].readed %}<h3>{% else %}<h1>{% endif %}
+                     <a href="/article/{{ feed.articles[number].id }}">{{ feed.articles[number].title }}</a><h2>
+                  {% if feed.articles[number].readed %}</h3>{% else %}</h1>{% endif %}
+                <h6>{{ feed.articles[number].date }}</h6>
+            </div>
+            <div class="col-xs-6 col-sm-4 col-md-4">
+                 {% if feed.articles[number+1].readed %}<h3>{% else %}<h1>{% endif %}
+                     <a href="/article/{{ feed.articles[number+1].id }}">{{ feed.articles[number+1].title }}</a><h2>
+                  {% if feed.articles[number+1].readed %}</h3>{% else %}</h1>{% endif %}
+                <h6>{{ feed.articles[number+1].date }}</h6>
+            </div>
+            <div class="col-xs-6 col-sm-4 col-md-4">
+                 {% if feed.articles[number+2].readed %}<h3>{% else %}<h1>{% endif %}
+                     <a href="/article/{{ feed.articles[number+2].id }}">{{ feed.articles[number+2].title }}</a><h2>
+                  {% if feed.articles[number+2].readed %}</h3>{% else %}</h1>{% endif %}
+                <h6>{{ feed.articles[number+2].date }}</h6>
+            </div>
+        </div>
+    {% endfor %}
+</div><!-- /.container -->
+{% endblock %}
\ No newline at end of file
diff --git a/pyaggr3g470r/templates/home.html b/pyaggr3g470r/templates/home.html
index b6e24a50..614ad269 100644
--- a/pyaggr3g470r/templates/home.html
+++ b/pyaggr3g470r/templates/home.html
@@ -3,11 +3,12 @@
 <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 class="col-md-6 col-md-offset-3">
+            <h1>{{ feed.title }}</h1>
+            <a href="/articles/{{ feed.id }}"><i class="glyphicon glyphicon-th-list"></i></a>
+            </div>
         </div>
-    {% for number in range(0, feed.articles[:10]|length-2, 3) %}
-
-       
+    {% for number in range(0, feed.articles[:10]|sort(attribute='date')|length-2, 3) %}
         <div class="row">
             <div class="col-xs-6 col-sm-4 col-md-4">
                  {% if feed.articles[number].readed %}<h3>{% else %}<h1>{% endif %}