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 d687857..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 %}
 {% extends "base.html" %}
 {% load static from staticfiles %}

-
+{% load compressed %}
+{% load textile_en from fnp_markup %}

 
 {% block title %}{{ object }}{% endblock %}
 
 
 {% block body %}
 
 
 {% 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 }}">
 <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">
 
     <div class="desc-container">
         <section class="examples">

-            {{ object.examples|linebreaks|safe }}
+            {{ object.examples|textile_en }}

         </section>
 
         <section class="usage">
             <p>/used:/</p>
         </section>
 
         <section class="usage">
             <p>/used:/</p>

-            {{ object.usage|linebreaks|safe }}
+            {{ object.usage|textile_en }}

         </section>
     </div>
 
         </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/">
             
             
 
     <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>
                 alt="Modern Poland Foundation">
         </a>
     </div>


@@ -42,18 +49,15 @@
     <div class="right-desc-container">
         <section class="recommendations">
             <p>/recommendations:/</p>
     <div class="right-desc-container">
         <section class="recommendations">
             <p>/recommendations:/</p>

-            {{ object.recommendations|linebreaks|safe }}
+            {{ object.recommendations|textile_en }}

         </section>
     </div>
 
 </section></div>
 
         </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 %}
 
 {% endblock %}