Make truncate and add <abbr> to long titles

1 files changed, 5 insertions, 1 deletions

diff --git a/flaskr/templates/blog/index.html b/flaskr/templates/blog/index.html
index 0d3ed17..0fb2e80 100644
--- a/flaskr/templates/blog/index.html
+++ b/flaskr/templates/blog/index.html
@@ -13,7 +13,11 @@
     <article class="post">
       <header>
         <div>
-          <h1>{{ post['title'] }}</h1>
+          {% if post['title'].__len__() > 80 %}
+            <h1><abbr title="{{ post['title'] }}">{{ post['title'][:80] }}</abbr></h1>
+          {% else %}
+            <h1>{{ post['title'] }}</h1>
+          {% endif %}
           <div class="about">by {{ post['username'] }} on {{ post['created'].strftime('%Y-%m-%d') }}</div>
         </div>
         {% if g.user['id'] == post['author_id'] %}