page nav for photo gallery

app.py

@@ -141,8 +141,15 @@ def index():
 @app.route('/photo/', defaults={'page': 1})
 @app.route('/photo/page/<int:page>')
 def photography(page):
-    photos = Photo.select().order_by(Photo.timestamp.desc()).paginate(page, 9)
-    return flask.render_template('photography.html', photos=photos)
+    query = Photo.select().order_by(Photo.timestamp.desc())
+
+    photos = query.paginate(page, 9) or flask.abort(404)
+    has_next = bool(query.paginate(page+1, 9))
+
+    return flask.render_template('photography.html',
+                                 photos=photos,
+                                 page=page,
+                                 has_next=has_next)
 
 
 @app.route('/photo/<int:photo_id>')

static/css/style.css

@@ -95,6 +95,15 @@ nav ul {
 
 .view-image nav {
     align-self: center;
+}
+
+.photo-grid + nav {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.view-image nav,
+.photo-grid + nav {
     margin-top: 2rem;
     max-width: 24rem;
     width: 100%;

templates/photography.html

@@ -16,5 +16,14 @@
     </a>
     {% endfor %}
   </div>
+
+  <nav>
+    {% if page > 1 %}
+    <a href="{{ url_for('photography', page=page-1) }}" class="nav-item next">&larr; Newer</a>
+    {% endif %}
+    {% if has_next %}
+    <a href="{{ url_for('photography', page=page+1) }}" class="nav-item prev">Older &rarr;</a>
+    {% endif %}
+  </nav>
 </main>
 {% endblock %}

templates/view_photo.html

@@ -28,5 +28,6 @@
     <a href="{{ url_for('view_photo', photo_id=prev.id) }}" class="nav-item prev">Previous &rarr;</a>
     {% endif %}
     {% endif %}
+  </nav>
 </main>
 {% endblock %}