Adds pagination on twitter feed

This improves performance on low-end devices

app/routes.py

@@ -59,8 +59,10 @@ def index():
     return render_template('home.html', config=config)
 
 @app.route('/twitter')
+@app.route('/twitter/<page>')
 @login_required
-def twitter():
+def twitter(page=0):
+    page = int(page)
     start_time = time.time()
     followingList = current_user.twitter_following_list()
     followCount = len(followingList)
@@ -69,12 +71,21 @@ def twitter():
     form = EmptyForm()
     posts.extend(getFeed(followingList))
     posts.sort(key=lambda x: x.timeStamp, reverse=True)
+
+    npage = page*10
+    tenmore = npage+10
+    pages = int(math.ceil(len(posts)/10))
+    if posts and len(posts) > tenmore:
+        posts = posts[npage:tenmore]
+    else:
+        posts = posts[npage:]
+
     if not posts:
         profilePic = avatarPath
     else:
         profilePic = posts[0].userProfilePic
     print("--- {} seconds fetching twitter feed---".format(time.time() - start_time))
-    return render_template('twitter.html', title='Yotter | Twitter', posts=posts, avatar=avatarPath, profilePic = profilePic, followedCount=followCount, form=form, config=config)
+    return render_template('twitter.html', title='Yotter | Twitter', posts=posts, avatar=avatarPath, profilePic = profilePic, followedCount=followCount, form=form, config=config, pages=pages, actual_page=page)
 
 @app.route('/savePost/<url>', methods=['POST'])
 @login_required

app/templates/twitter.html

@@ -25,4 +25,19 @@
             </a>
         </div>
     </div>
+    <div class="text container center aligned">
+        <div class="ui centered pagination menu">
+            {%for page in range(1, pages)%}
+                {% if page == actual_page%}
+                    <a href="/twitter/{{page}}" class="active item">
+                        {{page}}
+                    </a>
+                {% else %}
+                    <a href="/twitter/{{page}}" class="item">
+                        {{page}}
+                    </a>
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
 {% endblock %}