Make truncate and add <abbr> to long titles

2 files changed, 8 insertions, 4 deletions

diff --git a/flaskr/__init__.py b/flaskr/__init__.py
index 3f068e8..f2a4584 100644
--- a/flaskr/__init__.py
+++ b/flaskr/__init__.py
@@ -24,9 +24,9 @@ def create_app(test_config=None):
         pass
 
     # Routes
-    @app.route('/hello')
-    def index():
-        return 'Hello, World!'
+    # @app.route('/hello')
+    # def index():
+    #     return 'Hello, World!'
 
     # Register functions and blueprints
     from . import db
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'] %}