Add left-right arrows

[copyspeak.git] / src / words / templates / words / word_detail.html

diff --git a/src/words/templates/words/word_detail.html b/src/words/templates/words/word_detail.html
index 6bf82f5..78c7b8e 100755 (executable)
--- a/src/words/templates/words/word_detail.html
+++ b/src/words/templates/words/word_detail.html
@@ -1,5 +1,6 @@
 {% extends "base.html" %}
 {% load static from staticfiles %}
+{% load compressed %}
 {% load textile_en from fnp_markup %}
 
 {% block title %}{{ object }}{% endblock %}
@@ -7,6 +8,17 @@
 
 {% block body %}
 
+<div class="a-card" style="position: relative">
+
+{% if previous %}
+<a id="previous-card" href="{{ previous.get_absolute_url }}" title="{{ previous }}"><span>&#9664;</span></a>
+{% endif %}
+
+{% if next %}
+<a id="next-card" href="{{ next.get_absolute_url }}" title="{{ next }}"><span>&#9654;</span></a>
+{% endif %}
+
+
 <div class="card-container">
 <div class="card-dummy"></div>
 <section class="card front {{ object.alignment }}">
@@ -43,12 +55,9 @@
 
 </section></div>
 
-<!--section>
-{% for word in words %}
-    <a href="{{ word.get_absolute_url }}">{{ word }}</a>
-{% endfor %}
-</section-->
+</div>
 
 
+{% compressed_js 'word_detail' %}
 
 {% endblock %}