adapt audience display for multiple values
[redakcja.git] / redakcja / templates / main.html
1 {% extends "catalogue/base.html" %}
2 {% load i18n %}
3 {% load thumbnail %}
4 {% load static %}
5
6
7 {% block content %}
8
9 <div class="jumbotron" style="margin-top: -20px">
10 <div class="row">
11 <div class="col-md-8 col-md-offset-2">
12
13     <h1><span style="color: #dd8000">MIL</span>/<span style="color: #0a0">PEER</span>
14     </h1>
15
16 <div class="row">
17
18 <div class="col-md-6">
19
20 {% blocktrans %}
21     <p>Media &amp; Information Literacy<br>
22     Platform for Exchanging<br>
23     Educational Resources<br>
24     </p>
25 {% endblocktrans %}
26     <a class="btn btn-success btn-lg" id="tuton">{% trans "Create and share your resources<br>Start tutorial" %}</a>
27 </div>
28 <div class="col-md-6">
29     {#<a href="/competition/" class="btn btn-success btn-lg">{% trans "Competition" %}</a>#}
30     <p style="margin-top: 17px;">{% trans "Joint project by:" %}</p>
31     <a target="_blank" href="http://evensfoundation.be"><img style="margin-top: 20px; width: 145px;margin-right: 40px;" src="{% static 'img/evens2.png' %}"></a>
32     <a target="_blank" href="https://nowoczesnapolska.org.pl"><img style="margin-top: 20px; width: 135px;" src="//nowoczesnapolska.org.pl/wp-content/themes/koed/images/nowoczesnapolska.org.pl.png"></a>
33 </div>
34 </div>
35 </div>
36
37 </div>
38 </div>
39
40 {{ block.super }}
41 {% endblock %}
42
43 {% block inner_content %}
44
45
46 <section>
47 <h1>{% trans "See active organizations and join" %}</h1>
48 {% for org in organizations %}
49     <div style="width: 182px; height: 180px; position: relative; border: 1px solid #aaa; margin: 10px; display: inline-block; padding: 0; vertical-align: bottom">
50         <a style='display:block' href="{% url 'organizations_main' org.pk %}">
51         {% if org.logo %}
52             {% thumbnail org.logo "160x100" format="PNG"  padding=True as th %}
53             <img src="{{ th.url }}" style="margin: 10px;">
54             {% endthumbnail %}
55         {% endif %}
56         <div style="position: absolute; bottom: 10px; left: 10px; width: 160px; height: 40px; overflow:hidden">{{ org.name }}</div>
57         </a>
58     </div>
59 {% endfor %}
60 {% if more_organizations %}
61 <p style="text-align: right"><a href="{% url 'organizations' %}">{% trans "More organizations" %}</a></p>
62 {% endif %}
63 </section>
64
65
66
67
68 <section>
69 <h1>{% trans "Finished resources" %}</h1>
70 {% for doc in finished %}
71     {% include "catalogue/resource_box.html" with link_url='catalogue_html' %}
72 {% endfor %}
73 {% if more_finished %}
74 <p style="text-align: right"><a href="{% url 'catalogue_finished' %}">{% trans "More finished resources" %}</a></p>
75 {% endif %}
76 </section>
77
78 <section>
79 <h1>{% trans "Upcoming resources" %}</h1>
80 {% for doc in upcoming %}
81     {% include "catalogue/resource_box.html" with link_url='catalogue_preview' %}
82 {% endfor %}
83 {% if more_upcoming %}
84 <p style="text-align: right"><a href="{% url 'catalogue_upcoming' %}">{% trans "More upcoming resources" %}</a></p>
85 {% endif %}
86 </section>
87
88
89
90
91 <div id="tutModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
92   <div class="modal-dialog modal-sm">
93     <div class="modal-content">
94         <div class="modal-header"><h4>{% trans "Tutorial mode" %}</h4></div>
95         <div class="modal-body"><p>{% trans "Tutorial will help you navigate through the platform. You can disable it at any point." %}</p></div>
96         <div class="modal-footer">
97             <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
98         </div>
99     </div>
100   </div>
101 </div>
102 {% endblock %}