Add title to timeline; dividers for text/non-css browsers

brutaldon/templates/main/timeline.html

@@ -1,8 +1,14 @@
 {% extends "base.html" %}
 {% load humanize %}
 
+{% block title %}
+    Brutaldon - {{ timeline }} timelime
+{% endblock %}
+
 {% block content %}
-{% for toot in toots %}
+    <h1 class="title">Your {{ timeline }} timeline</h1>
+    {% for toot in toots %}
+        <div class="box">
             <article class="media">
                 <figure class="media-left">
                     <p class="image is-64x64">
@@ -65,5 +71,7 @@
                 <div class="media-right">
                 </div>
             </article>
-{% endfor %}
+        </div>
+        <hr class="is-hidden">
+    {% endfor %}
 {% endblock %}

brutaldon/views.py

@@ -20,7 +20,8 @@ def home(request):
         api_base_url = client.api_base_id,
         ratelimit_method="pace")
     data = mastodon.timeline()
-    return render(request, 'main/timeline.html', {'toots': data })
+    return render(request, 'main/timeline.html',
+                  {'toots': data, 'timeline': 'Home' })
 
 
 def login(request):