From 90648aedae381001e3d8432969d5d9e112beb9ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kate=C5=99ina=20=C4=8C=C3=AD=C5=BEkov=C3=A1?=
 <katterrina98@gmail.com>
Date: Thu, 2 Apr 2020 21:43:58 +0200
Subject: [PATCH] vzhled archivu flipcards

---
 mamweb/static/css/mamweb.css                  | 10 ++++-
 seminar/templates/seminar/archiv/cisla.html   | 42 ++++++++++++++++---
 .../seminar/cojemam/organizatori.html         |  2 +-
 seminar/views/views_all.py                    |  4 +-
 4 files changed, 47 insertions(+), 11 deletions(-)

diff --git a/mamweb/static/css/mamweb.css b/mamweb/static/css/mamweb.css
index 357b5027..033e0c4e 100644
--- a/mamweb/static/css/mamweb.css
+++ b/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 */
diff --git a/seminar/templates/seminar/archiv/cisla.html b/seminar/templates/seminar/archiv/cisla.html
index d6981ff3..60b61e6e 100644
--- a/seminar/templates/seminar/archiv/cisla.html
+++ b/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 %}
diff --git a/seminar/templates/seminar/cojemam/organizatori.html b/seminar/templates/seminar/cojemam/organizatori.html
index 8e8f1aaa..58d13dde 100644
--- a/seminar/templates/seminar/cojemam/organizatori.html
+++ b/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 #}
diff --git a/seminar/views/views_all.py b/seminar/views/views_all.py
index 89830574..9fe65ca0 100644
--- a/seminar/views/views_all.py
+++ b/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)