redakcja/templates/main.html

   1 {% extends "catalogue/base.html" %}
   2 {% load i18n %}
   3 {% load thumbnail %}
   4 {% load catalogue_files %}
   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="/appyourschool/" style="color: white">{% trans "App Your School" %}</a>
  30     {#<a href="/competition/" class="btn btn-success btn-lg">{% trans "Competition" %}</a>#}
  31     <p style="margin-top: 17px;">{% trans "Joint project by:" %}</p>
  32     <a target="_blank" href="http://evensfoundation.be"><img style="margin-top: 20px; width: 145px;margin-right: 40px;" src="/static/img/evens2.png"></a>
  33     <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>
  34 </div>
  35 </div>
  36 </div>
  37
  38 </div>
  39 </div>
  40
  41 {{ block.super }}
  42 {% endblock %}
  43
  44 {% block inner_content %}
  45
  46
  47 <section>
  48 <h1>{% trans "See active organizations and join" %}</h1>
  49 {% for org in organizations %}
  50     <div style="width: 182px; height: 180px; position: relative; border: 1px solid #aaa; margin: 10px; display: inline-block; padding: 0px; vertical-align: bottom">
  51         <a style='display:block' href="{% url 'organizations_main' org.pk %}">
  52         {% if org.logo %}
  53             {% thumbnail org.logo "160x100" format="PNG"  padding=True as th %}
  54             <img src="{{ th.url }}" style="margin: 10px;">
  55             {% endthumbnail %}
  56         {% endif %}
  57         <div style="position: absolute; bottom: 10px; left: 10px; width: 160px; height: 40px; overflow:hidden">{{ org.name }}</div>
  58         </a>
  59     </div>
  60 {% endfor %}
  61 {% if more_organizations %}
  62 <p style="text-align: right"><a href="{% url 'organizations' %}">{% trans "More organizations" %}</a></p>
  63 {% endif %}
  64 </section>
  65
  66
  67
  68
  69 <section>
  70 <h1>{% trans "Finished resources" %}</h1>
  71 {% for doc in finished %}
  72     <div class="resource-box" style="width: 182px; height: 180px; position: relative; border: 1px solid #aaa; margin: 10px; display: inline-block; padding: 0px; vertical-align: bottom">
  73         <a style='display:block' href="{% url 'catalogue_html' doc.pk %}">
  74         {% if doc.meta.cover_url %}
  75             {% thumbnail doc.meta.cover_url|as_media_for:doc "180x120" crop="center" format="PNG"  as th %}
  76             <img src="{{ th.url }}">
  77             {% endthumbnail %}
  78         {% elif doc.owner_organization.logo %}
  79             {% thumbnail doc.owner_organization.logo "160x100" format="PNG"  padding=True as th %}
  80             <img src="{{ th.url }}">
  81             {% endthumbnail %}
  82         {% endif %}
  83         <div style="position: absolute; bottom: 10px; left: 10px; width: 160px; height: 40px; overflow:hidden">{{ doc.meta.title }}</div>
  84         <div class="box-overlay" style="position: absolute; top:0; left: 0; padding: 5px; width: 180px; height: 120px; background: black; color: white; opacity: .7">
  85             {% if doc.meta.audience %}
  86                 {% trans "Audience" %}: {{ doc.meta.audience }}<br>
  87             {% endif %}
  88             {% trans "Owner" %}: {{ doc.owner_organization|default:"" }}
  89             {{ doc.owner_user.first_name }} {{ doc.owner_user.last_name }}<br/>
  90         </div>
  91         </a>
  92     </div>
  93 {% endfor %}
  94 {% if more_finished %}
  95 <p style="text-align: right"><a href="{% url 'catalogue_finished' %}">{% trans "More finished resources" %}</a></p>
  96 {% endif %}
  97 </section>
  98
  99 <section>
 100 <h1>{% trans "Upcoming resources" %}</h1>
 101 {% for doc in upcoming %}
 102     <div class="resource-box" style="width: 182px; height: 180px; position: relative; border: 1px solid #aaa; margin: 10px; display: inline-block; padding: 0px; vertical-align: bottom">
 103         <a style='display:block' href="{% url 'catalogue_preview' doc.pk %}">
 104         {% if doc.meta.cover_url %}
 105             {% thumbnail doc.meta.cover_url|as_media_for:doc "180x120" crop="center" format="PNG"  as th %}
 106             <img src="{{ th.url }}">
 107             {% endthumbnail %}
 108         {% elif doc.owner_organization.logo %}
 109             {% thumbnail doc.owner_organization.logo "160x100" format="PNG"  padding=True as th %}
 110             <img src="{{ th.url }}" style="margin: 10px;">
 111             {% endthumbnail %}
 112         {% endif %}
 113         <div style="position: absolute; bottom: 10px; left: 10px; width: 160px; height: 40px; overflow:hidden">{{ doc.meta.title }}</div>
 114         <div class="box-overlay" style="position: absolute; top:0; left: 0; padding: 5px; width: 180px; height: 120px; background: black; color: white; opacity: .7">
 115             {% if doc.meta.audience %}
 116                 {% trans "Audience" %}: {{ doc.meta.audience }}<br>
 117             {% endif %}
 118             {% trans "Owner" %}: {{ doc.owner_organization|default:"" }}
 119             {{ doc.owner_user.first_name }} {{ doc.owner_user.last_name }}<br/>
 120         </div>
 121         </a>
 122     </div>
 123 {% endfor %}
 124 {% if more_upcoming %}
 125 <p style="text-align: right"><a href="{% url 'catalogue_upcoming' %}">{% trans "More upcoming resources" %}</a></p>
 126 {% endif %}
 127 </section>
 128
 129
 130
 131
 132 <div id="tutModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
 133   <div class="modal-dialog modal-sm">
 134     <div class="modal-content">
 135         <div class="modal-header"><h4>{% trans "Tutorial mode" %}</h4></div>
 136         <div class="modal-body"><p>{% trans "Tutorial will help you navigate through the platform. You can disable it at any point." %}</p></div>
 137         <div class="modal-footer">
 138             <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
 139         </div>
 140     </div>
 141   </div>
 142 </div>
 143 {% endblock %}