Add left-right arrows
[copyspeak.git] / src / words / templates / words / word_detail.html
1 {% extends "base.html" %}
2 {% load static from staticfiles %}
3 {% load compressed %}
4 {% load textile_en from fnp_markup %}
5
6 {% block title %}{{ object }}{% endblock %}
7
8
9 {% block body %}
10
11 <div class="a-card" style="position: relative">
12
13 {% if previous %}
14 <a id="previous-card" href="{{ previous.get_absolute_url }}" title="{{ previous }}"><span>&#9664;</span></a>
15 {% endif %}
16
17 {% if next %}
18 <a id="next-card" href="{{ next.get_absolute_url }}" title="{{ next }}"><span>&#9654;</span></a>
19 {% endif %}
20
21
22 <div class="card-container">
23 <div class="card-dummy"></div>
24 <section class="card front {{ object.alignment }}">
25     <h1>{{ object }}</h1>
26
27     <div class="desc-container">
28         <section class="examples">
29             {{ object.examples|textile_en }}
30         </section>
31
32         <section class="usage">
33             <p>/used:/</p>
34             {{ object.usage|textile_en }}
35         </section>
36     </div>
37
38 </section></div><div class="card-container"><div class="card-dummy"></div><section class="card back empty">
39
40     <div class="fnp-logo">
41         <a href="//nowoczesnapolska.org.pl/about-us/">
42             
43             
44             <img src="{% static 'img/logofnp.png' %}"
45                 alt="Modern Poland Foundation">
46         </a>
47     </div>
48
49     <div class="right-desc-container">
50         <section class="recommendations">
51             <p>/recommendations:/</p>
52             {{ object.recommendations|textile_en }}
53         </section>
54     </div>
55
56 </section></div>
57
58 </div>
59
60
61 {% compressed_js 'word_detail' %}
62
63 {% endblock %}