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 043bbd5..78c7b8e 100755 (executable)
--- a/src/words/templates/words/word_detail.html
+++ b/src/words/templates/words/word_detail.html
@@ -1,12 +1,24 @@
 {% extends "base.html" %}
 {% load static from staticfiles %}
-
+{% load compressed %}
+{% load textile_en from fnp_markup %}
 
 {% block title %}{{ object }}{% endblock %}
 
 
 {% 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 }}">
@@ -14,27 +26,22 @@
 
     <div class="desc-container">
         <section class="examples">
-            {{ object.examples|safe|linebreaks }}
+            {{ object.examples|textile_en }}
         </section>
 
         <section class="usage">
             <p>/used:/</p>
-            {{ object.usage|safe|linebreaks }}
+            {{ object.usage|textile_en }}
         </section>
     </div>
 
-</section></div><div class="card-container"><div class="card-dummy"></div><section class="card back {{ object.alignment }}">
+</section></div><div class="card-container"><div class="card-dummy"></div><section class="card back empty">
 
     <div class="fnp-logo">
         <a href="//nowoczesnapolska.org.pl/about-us/">
             
             
-            <img 
-                {% if object.alignment == 'neutral' %}
-                    src="{% static 'img/logofnp_white.png' %}"
-                {% else %}
-                    src="{% static 'img/logofnp.png' %}"
-                {% endif %}
+            <img src="{% static 'img/logofnp.png' %}"
                 alt="Modern Poland Foundation">
         </a>
     </div>
@@ -42,18 +49,15 @@
     <div class="right-desc-container">
         <section class="recommendations">
             <p>/recommendations:/</p>
-            {{ object.recommendations|safe|linebreaks }}
+            {{ object.recommendations|textile_en }}
         </section>
     </div>
 
 </section></div>
 
-<!--section>
-{% for word in words %}
-    <a href="{{ word.get_absolute_url }}">{{ word }}</a>
-{% endfor %}
-</section-->
+</div>
 
 
+{% compressed_js 'word_detail' %}
 
 {% endblock %}