vzhled archivu flipcards
This commit is contained in:
parent
33ff9715c9
commit
90648aedae
4 changed files with 47 additions and 11 deletions
|
@ -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 */
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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 #}
|
||||
|
|
|
@ -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…
Reference in a new issue