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.NOCsoustredeni { background-image: url("../images/header/vylet.jpg");}
#header.NOCzadani { background-image: url("../images/header/stiny.jpg");} #header.NOCzadani { background-image: url("../images/header/stiny.jpg");}
#header.NOCclanky { background-image: url("../images/header/ohen.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 { #header img.logo {
@ -586,6 +586,11 @@ div.org_email {
margin-right: auto; margin-right: auto;
} }
#archiv.flip-card {
width: 210px;
height: 298px;
}
/* This container is needed to position the front and back side */ /* This container is needed to position the front and back side */
.flip-card-inner { .flip-card-inner {
position: relative; position: relative;
@ -614,9 +619,10 @@ div.org_email {
background-color: #bbb; background-color: #bbb;
} }
div.foto_org img { div.flip-card-foto img {
width: 100%; width: 100%;
height: 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 */ /* Style the back side */

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

@ -8,18 +8,48 @@
{% endblock %}{% endblock %} {% endblock %}{% endblock %}
</h2> </h2>
<div class='nahledy_cisel'> <!-- <div class='nahledy_cisel'>
{% autoescape off %}{{ nahledy }}{% endautoescape %} {% autoescape off %}{{ nahledy }}{% endautoescape %}
</div> </div>-->
<ul>
{% for rocnik, url_png in object_list.items %} {% 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 %} {% empty %}
Nejsou žádné ročníky Nejsou žádné ročníky
{% endfor %} {% endfor %}
</ul>
</div> </div>
{% endblock content %} {% endblock content %}

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

@ -51,7 +51,7 @@
<div class="flip-card-inner"> <div class="flip-card-inner">
<div class="flip-card-front"> <div class="flip-card-front">
<div class="foto_org"> <div class="flip-card-foto">
{% if org.osoba.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> <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 #} {% 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): def get_context_data(self, **kwargs):
context = super(ArchivView, self).get_context_data(**kwargs) context = super(ArchivView, self).get_context_data(**kwargs)
vyska = 297 # px vyska = 594 # px
sirka = 210 # px sirka = 420 # px
# první číslo z každého ročníku # první číslo z každého ročníku
cisla = Cislo.objects.filter(poradi=1) cisla = Cislo.objects.filter(poradi=1)

Loading…
Cancel
Save