Browse Source

vzhled archivu flipcards

middleware_test
Kateřina Čížková 4 years ago
parent
commit
90648aedae
  1. 10
      mamweb/static/css/mamweb.css
  2. 42
      seminar/templates/seminar/archiv/cisla.html
  3. 2
      seminar/templates/seminar/cojemam/organizatori.html
  4. 4
      seminar/views/views_all.py

10
mamweb/static/css/mamweb.css

@ -191,7 +191,7 @@ vikendovka
#header.NOCsoustredeni { background-image: url("../images/header/vylet.jpg");}
#header.NOCzadani { background-image: url("../images/header/stiny.jpg");}
#header.NOCclanky { background-image: url("../images/header/ohen.jpg");}
#header.NOCarchiv { background-image: url("../images/header/vikendovka.jpg");}
#header.NOCarchiv { background-image: url("../images/header/stiny.jpg");}
#header img.logo {
@ -586,6 +586,11 @@ div.org_email {
margin-right: auto;
}
#archiv.flip-card {
width: 210px;
height: 298px;
}
/* This container is needed to position the front and back side */
.flip-card-inner {
position: relative;
@ -614,9 +619,10 @@ div.org_email {
background-color: #bbb;
}
div.foto_org img {
div.flip-card-foto img {
width: 100%;
height: 100%;
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4)); /* FIXME: obecně k obrázkům */
}
/* Style the back side */

42
seminar/templates/seminar/archiv/cisla.html

@ -8,18 +8,48 @@
{% endblock %}{% endblock %}
</h2>
<div class='nahledy_cisel'>
<!-- <div class='nahledy_cisel'>
{% autoescape off %}{{ nahledy }}{% endautoescape %}
</div>
</div>-->
<ul>
{% for rocnik, url_png in object_list.items %}
<li><a href='{{ r.verejne_url }}'>Ročník {{ rocnik }}</a>
<img src="{{ url_png }}" alt="">
<div class="org_pole">
<h3>
<a href='{{ rocnik.verejne_url }}'>Ročník {{ rocnik }}</a>
</h3>
{# karta ročníku - zepředu obrázek prvního čísla, zezadu odkaz na jednotlivá čísla a výsledkovku #}
<div class="flip-card" id="archiv">
<div class="flip-card-inner">
<div class="flip-card-front">
<div class="flip-card-foto">
<img src="{{ url_png }}" height=200px alt="{{ rocnik }}">
</div>
</div>
<div class="flip-card-back">
<div class="popis_rocniku">
</div>
</div>
</div>
</div>
{# konec karty organizátora #}
<hr>
</div>
{% empty %}
Nejsou žádné ročníky
{% endfor %}
</ul>
</div>
{% endblock content %}

2
seminar/templates/seminar/cojemam/organizatori.html

@ -51,7 +51,7 @@
<div class="flip-card-inner">
<div class="flip-card-front">
<div class="foto_org">
<div class="flip-card-foto">
{% if org.osoba.foto %}
<a href="{{org.osoba.foto.url}}"><img src="{{org.osoba.foto_male.url}}" height="{{org.osoba.foto_male.height}}" alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"></a>
{% else %} {# pokud osoba nemá fotku, zobrazuje se defaultní obrázek #}

4
seminar/views/views_all.py

@ -308,8 +308,8 @@ class ArchivView(generic.ListView):
def get_context_data(self, **kwargs):
context = super(ArchivView, self).get_context_data(**kwargs)
vyska = 297 # px
sirka = 210 # px
vyska = 594 # px
sirka = 420 # px
# první číslo z každého ročníku
cisla = Cislo.objects.filter(poradi=1)

Loading…
Cancel
Save