From def6c0ede7000e8b76f78e4b5b27c79ac2c836b8 Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Thu, 1 May 2025 00:18:44 +0200
Subject: [PATCH 01/14] =?UTF-8?q?Galerie:=20Zru=C5=A1en=C3=AD=20obrazek=5F?=
 =?UTF-8?q?maly=5Ftag?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

už od Dj 2.0 nefunkční, kdyžtak se přidá zpět později…
---
 galerie/admin.py  | 4 ++--
 galerie/models.py | 7 -------
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/galerie/admin.py b/galerie/admin.py
index 2b270163..173a6606 100644
--- a/galerie/admin.py
+++ b/galerie/admin.py
@@ -28,8 +28,8 @@ def prepnout_fotogalerii_do_org_rezimu(modeladmin, request, queryset):
 
 class GalerieInline(admin.TabularInline):
 	model = Obrazek
-	fields = ['obrazek_velky', 'nazev', 'popis', 'obrazek_maly_tag', 'poradi']
-	readonly_fields = ['nazev', 'obrazek_maly_tag']
+	fields = ['obrazek_velky', 'nazev', 'popis', 'poradi']
+	readonly_fields = ['nazev']
 	formfield_overrides = {
 		models.TextField: {'widget': forms.TextInput},
 	}
diff --git a/galerie/models.py b/galerie/models.py
index 074b0d26..d9751af6 100644
--- a/galerie/models.py
+++ b/galerie/models.py
@@ -65,13 +65,6 @@ class Obrazek(models.Model):
 		verbose_name_plural = 'Obrázky'
 		ordering = ['nazev']
 
-	def obrazek_maly_tag(self):
-		if not self.obrazek_maly:
-			return ''
-		return u'<img src="{}">'.format(self.obrazek_maly.url)
-	obrazek_maly_tag.short_description = "Náhled"
-	obrazek_maly_tag.allow_tags = True
-
 	def save(self, *args, **kwargs):
 		# obrázek potřebuje název, protože se z něj generuje cesta pro jeho uložení
 		# (a pak se podle něj taky řadí)
-- 
2.39.5


From e835d0ab48689d8cb52db769c51790ea658c017b Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Thu, 1 May 2025 00:20:23 +0200
Subject: [PATCH 02/14] =?UTF-8?q?Galerie:=20Co=20je=20kter=C3=BD=20obr?=
 =?UTF-8?q?=C3=A1zek=5Fvelikost?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 galerie/models.py | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/galerie/models.py b/galerie/models.py
index d9751af6..8fcbcb37 100644
--- a/galerie/models.py
+++ b/galerie/models.py
@@ -43,11 +43,14 @@ def obrazek_filename(self, filename):
 	return os.path.join(*cesta)
 
 class Obrazek(models.Model):
+	# „originál“ (modulo max. velikost uploadu na web FIXME!)
 	obrazek_velky = models.ImageField(upload_to=obrazek_filename,
 		help_text = "Lze vložit libovolně velký obrázek. Ideální je, aby alespoň jeden rozměr měl alespoň 500px.")
+	# To, co se zobrazí v galerii jako hlavní obrázek (při prohlížení konkrétního obrázku a jako tittulní obrázek u galerií, které nemají vlastní obrázky (kupř. Vávrovka 2015))
 	obrazek_stredni = ImageSpecField(source='obrazek_velky',
 				processors=[Transpose(Transpose.AUTO), ResizeToFit(900, 675, upscale=False)],
 				options={'quality': 95})
+	# Zmenšené obrázky v přehledu obrázků a pod hlavním obrázkem (předchozí/následující)
 	obrazek_maly = ImageSpecField(source='obrazek_velky',
 				processors=[Transpose(Transpose.AUTO), ResizeToFit(167, 167, upscale=False)],
 				options={'quality': 95})
-- 
2.39.5


From b7498b42b25ef751dd50cae188772a8afec9bde5 Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Thu, 1 May 2025 00:20:51 +0200
Subject: [PATCH 03/14] =?UTF-8?q?Galerie:=20z=20obrazek=5Fvelk=C3=BD=20Fil?=
 =?UTF-8?q?eField,=20ostatn=C3=AD=20do=C4=8Dasn=C4=9B=20zru=C5=A1en=C3=A9?=
 =?UTF-8?q?=20[WIP!]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Plán: udělat z `obrazek_velky` `soubor`, přidat `typ` (`OBRAZEK`,
`VIDEO`, `NEVIM`) a ImageKit použít jen na vyrábění zmenšených obrázků
(pro `VIDEO` použít `<video>` přímo; pro `NEVIM` nějaký generický
placeholder a pokyn orgovi, ať to opraví v Adminu.

Ref: https://django-imagekit.readthedocs.io/en/latest/#defining-specs-outside-of-models
---
 galerie/models.py | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/galerie/models.py b/galerie/models.py
index 8fcbcb37..8de2863d 100644
--- a/galerie/models.py
+++ b/galerie/models.py
@@ -44,16 +44,16 @@ def obrazek_filename(self, filename):
 
 class Obrazek(models.Model):
 	# „originál“ (modulo max. velikost uploadu na web FIXME!)
-	obrazek_velky = models.ImageField(upload_to=obrazek_filename,
+	obrazek_velky = models.FileField(upload_to=obrazek_filename,
 		help_text = "Lze vložit libovolně velký obrázek. Ideální je, aby alespoň jeden rozměr měl alespoň 500px.")
 	# To, co se zobrazí v galerii jako hlavní obrázek (při prohlížení konkrétního obrázku a jako tittulní obrázek u galerií, které nemají vlastní obrázky (kupř. Vávrovka 2015))
-	obrazek_stredni = ImageSpecField(source='obrazek_velky',
-				processors=[Transpose(Transpose.AUTO), ResizeToFit(900, 675, upscale=False)],
-				options={'quality': 95})
+#	obrazek_stredni = ImageSpecField(source='obrazek_velky',
+#				processors=[Transpose(Transpose.AUTO), ResizeToFit(900, 675, upscale=False)],
+#				options={'quality': 95})
 	# Zmenšené obrázky v přehledu obrázků a pod hlavním obrázkem (předchozí/následující)
-	obrazek_maly = ImageSpecField(source='obrazek_velky',
-				processors=[Transpose(Transpose.AUTO), ResizeToFit(167, 167, upscale=False)],
-				options={'quality': 95})
+#	obrazek_maly = ImageSpecField(source='obrazek_velky',
+#				processors=[Transpose(Transpose.AUTO), ResizeToFit(167, 167, upscale=False)],
+#				options={'quality': 95})
 	nazev = models.CharField('Název', max_length=50, blank=True, null=True)
 	popis = models.TextField('Popis', blank=True, null=True)
 	datum_vlozeni = models.DateTimeField('Datum vložení', auto_now_add=True)
-- 
2.39.5


From b25d475148a3ad1708963b26ddd7c132a76298fa Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 01:50:08 +0200
Subject: [PATCH 04/14] =?UTF-8?q?Galerie:=20za=C4=8D=C3=A1tek=20podpory=20?=
 =?UTF-8?q?jin=C3=BDch=20typ=C5=AF=20[WIP]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co funguje: ~~nic, protože není vygenerovaná migrace~~ Nejspíš lecos,
ale nejde to otestovat. Speciálně, pokud zavolám funkce z `galerie.typy`
ručně ze shellu, tak se to popřeškáluje a výsledná URL jde skutečně
vyrenderovat na webu (resp. šlo v nějaké průběžné verzi před zavedením
templatetagu).

TODO:
- ve views a modelech se pořád ještě vyskytuje `obrazek_stredni` a `obrazek_velky`
- nevím, co dělá Admin a nahrávání obrázků
- chybí funkce na tipování typů nahraných obrázků (a její použití v kódu)
- podpora pro videjka zatím není vůbec (jen připravený kód)
- DummyBazmek nemá použitelné placeholdery (představuji si SVG s nějakým
  vykřičníkem a odkazem do Admina
---
 galerie/admin.py                             |   4 +-
 galerie/models.py                            |  38 ++++---
 galerie/templates/galerie/Galerie.html       |  30 +++---
 galerie/templates/galerie/GalerieNahled.html |  22 ++--
 galerie/templatetags/bazmeky.py              |  13 +++
 galerie/typy.py                              | 102 +++++++++++++++++++
 6 files changed, 169 insertions(+), 40 deletions(-)
 create mode 100644 galerie/templatetags/bazmeky.py
 create mode 100644 galerie/typy.py

diff --git a/galerie/admin.py b/galerie/admin.py
index 173a6606..f68f1f3c 100644
--- a/galerie/admin.py
+++ b/galerie/admin.py
@@ -28,14 +28,14 @@ def prepnout_fotogalerii_do_org_rezimu(modeladmin, request, queryset):
 
 class GalerieInline(admin.TabularInline):
 	model = Obrazek
-	fields = ['obrazek_velky', 'nazev', 'popis', 'poradi']
+	fields = ['soubor', 'nazev', 'popis', 'poradi']
 	readonly_fields = ['nazev']
 	formfield_overrides = {
 		models.TextField: {'widget': forms.TextInput},
 	}
 
 class ObrazekAdmin(admin.ModelAdmin):
-	list_display = ('obrazek_velky', 'nazev', 'popis', 'obrazek_maly_tag', 'poradi')
+	list_display = ('soubor', 'nazev', 'popis', 'poradi')
 	search_fields = ['nazev','popis']
 
 class GalerieAdmin(admin.ModelAdmin):
diff --git a/galerie/models.py b/galerie/models.py
index 8de2863d..f9efb2bc 100644
--- a/galerie/models.py
+++ b/galerie/models.py
@@ -22,10 +22,12 @@ def obrazek_filename_maly():
 	pass
 def obrazek_filename_stredni():
 	pass
+def obrazek_filename():
+	pass
 def obrazek_filename_velky():
 	pass
 
-def obrazek_filename(self, filename):
+def galerie_filename(self, filename):
 	gal = self.galerie
 	cislo_gal = gal.pk
 
@@ -42,31 +44,32 @@ def obrazek_filename(self, filename):
 
 	return os.path.join(*cesta)
 
+# Technicky misnomer: takový `Obrazek` může být i videjko a výhledově i něco dalšího…
 class Obrazek(models.Model):
 	# „originál“ (modulo max. velikost uploadu na web FIXME!)
-	obrazek_velky = models.FileField(upload_to=obrazek_filename,
+	soubor = models.FileField(upload_to=galerie_filename,
 		help_text = "Lze vložit libovolně velký obrázek. Ideální je, aby alespoň jeden rozměr měl alespoň 500px.")
-	# To, co se zobrazí v galerii jako hlavní obrázek (při prohlížení konkrétního obrázku a jako tittulní obrázek u galerií, které nemají vlastní obrázky (kupř. Vávrovka 2015))
-#	obrazek_stredni = ImageSpecField(source='obrazek_velky',
-#				processors=[Transpose(Transpose.AUTO), ResizeToFit(900, 675, upscale=False)],
-#				options={'quality': 95})
-	# Zmenšené obrázky v přehledu obrázků a pod hlavním obrázkem (předchozí/následující)
-#	obrazek_maly = ImageSpecField(source='obrazek_velky',
-#				processors=[Transpose(Transpose.AUTO), ResizeToFit(167, 167, upscale=False)],
-#				options={'quality': 95})
+	class Typ(models.TextChoices):
+		OBRAZEK = 'obrazek', 'Obrázek'
+		VIDEO = 'video', 'Video'
+		NEVIM = 'nevim', 'Neznámý typ'
+	typ = models.CharField('Typ', max_length=16, blank=False, null=False, choices=Typ.choices, default=Typ.NEVIM)
+	# Filename by default; slouží k řazení
 	nazev = models.CharField('Název', max_length=50, blank=True, null=True)
+	# ~~Rádoby~~ vtipný popisek od orgů
 	popis = models.TextField('Popis', blank=True, null=True)
 	datum_vlozeni = models.DateTimeField('Datum vložení', auto_now_add=True)
 	galerie = models.ForeignKey('Galerie', blank=True, null=True, on_delete=models.SET_NULL)
+	# Primární klíč k řazení pro overridování řazení podle názvu
 	poradi = models.IntegerField('Pořadí', blank=True, null=True)
 
 	def __str__(self):
-			return self.obrazek_velky.name
+		return f'Obrázek {self.nazev} ({self.soubor.name})'
 
 	class Meta:
 		verbose_name = 'Obrázek'
 		verbose_name_plural = 'Obrázky'
-		ordering = ['nazev']
+		ordering = ['nazev'] #FIXME: zohlednit pořadí a asi i příslušnost ke galerii
 
 	def save(self, *args, **kwargs):
 		# obrázek potřebuje název, protože se z něj generuje cesta pro jeho uložení
@@ -75,6 +78,17 @@ class Obrazek(models.Model):
 			self.nazev = os.path.basename(self.obrazek_velky.name)
 		super(Obrazek, self).save(*args, **kwargs)
 
+	def jako_bazmek(self):
+		"""
+		Hlavní metoda pro dělání `galerie.typy.ZobrazitelnyBazmek` z DB objektů
+		"""
+		import galerie.typy as typy # pozor, cyklí!
+		match self.typ:
+			case self.Typ.OBRAZEK: return typy.Obrazek(self)
+			case self.Typ.VIDEO: return typy.Video(self)
+			case self.Typ.NEVIM: return typy.DummyBazmek(self)
+			case _: raise ValueError("Neznámý typ obrázku, bug v kódu!")
+
 
 class Galerie(models.Model):
 	nazev = models.CharField('Název', max_length=100)
diff --git a/galerie/templates/galerie/Galerie.html b/galerie/templates/galerie/Galerie.html
index ff8ebfe3..61453531 100644
--- a/galerie/templates/galerie/Galerie.html
+++ b/galerie/templates/galerie/Galerie.html
@@ -1,5 +1,6 @@
 {% extends "galerie/base.html" %}
 
+{% load bazmeky %}
 
 {% block nadpis1a %}
 {{galerie.nazev}}: {{ obrazek.popis | default:"Fotka" }}
@@ -63,11 +64,12 @@
       {% endwith %}
     {% endif%}
     <span id="nahoru" class="kotva_obrazku"></span>
-    <img src="{{obrazek.obrazek_stredni.url}}"
-         height="{{vyska}}"
-         width="{{sirka}}"
-         alt="{{obrazek.popis}}"
-         class="obrazek">
+    {% zobrazit obrazek.jako_bazmek
+         height=vyska
+         width=sirka
+         alt=obrazek.popis
+         title=obrazek.popis
+         class=obrazek" %}
          
     {% if obrazky_dalsi %}
       {% with obrazky_dalsi|first as dalsi_obrazek %}
@@ -78,7 +80,7 @@
     {% endif%}
   </div>
   <!--<div>-->
-  <!--<a href="{{ obrazek.obrazek_velky.url }}">Obrázek v plné velikosti</a>-->
+  <!--<a href="{{ obrazek.soubor.url }}">Obrázek v plné velikosti</a>-->
   <!--</div>-->
 
   {# Popisek fotky #}
@@ -109,21 +111,21 @@
       {% endif %}
       {# nahledy predchozich obrazku #}
       {% for obrazek in obrazky_predchozi %}
-      <a href="../{{obrazek.pk}}#nahoru"><img src="{{obrazek.obrazek_maly.url}}" height="100"></a>
+      <a href="../{{obrazek.pk}}#nahoru">{% zmenseny_nahled obrazek.jako_bazmek height=100 %}</a>
       {% endfor %}
     </div>
 
-    <img src={{obrazek.obrazek_maly.url}}
-       height="{{obrazek.obrazek_maly.height}}"
-       width="{{obrazek.obrazek_maly.width}}"
-       alt="{{obrazek.popis}}"
-       class="obrazek"
-       id="prostredni">
+    {% zmenseny_nahled obrazek.jako_bazmek
+       alt=obrazek.popis
+       class=obrazek
+       id=prostredni %}
+       {# height=obrazek.obrazek_maly.height
+       width=obrazek.obrazek_maly.width #}
 
     <div class="navigace">
       {# nahledy nasledujicich obrazku #}
       {% for obrazek in obrazky_dalsi %}
-      <a href="../{{obrazek.pk}}#nahoru"><img src="{{obrazek.obrazek_maly.url}}" height="100"></a>
+      <a href="../{{obrazek.pk}}#nahoru">{% zmenseny_nahled obrazek.jako_bazmek height=100 %}</a>
       {% endfor %}
       {# odkaz na nasledujici galerii #}
       {% if nasledujici_galerie %}
diff --git a/galerie/templates/galerie/GalerieNahled.html b/galerie/templates/galerie/GalerieNahled.html
index 87794680..90a1d403 100644
--- a/galerie/templates/galerie/GalerieNahled.html
+++ b/galerie/templates/galerie/GalerieNahled.html
@@ -1,5 +1,7 @@
 {% extends "galerie/base.html" %}
 
+{% load bazmeky %}
+
 {% block nadpis1a %}
 Galerie {{galerie.nazev}}
 {% endblock %}
@@ -23,7 +25,7 @@ Galerie {{galerie.nazev}}
   {% if not obrazky %}
    <div class="galerie_hlavicka">
     {% if galerie.titulni_obrazek %}
-      <img src="{{ galerie.titulni_obrazek.obrazek_stredni.url }}" class="titulni_obrazek">
+    {% zobrazit galerie.titulni_obrazek.jako_bazmek class=titulni_obrazek %}
     {% endif %}
    </div>
   {% endif %}
@@ -52,10 +54,7 @@ Galerie {{galerie.nazev}}
           {% endif %}
          class="podgalerie_nahled">
             {% if galerie.titulni_obrazek %}
-              {% with galerie.titulni_obrazek.obrazek_maly as obrazek %}
-                <img src="{{ obrazek.url }}"
-                />
-              {% endwith %}
+              {% zmenseny_nahled galerie.titulni_obrazek.jako_bazmek %}
             {% endif %}
             <div class="nazev_galerie">
             {{ galerie|truncatechars:max_delka_nazvu }}
@@ -87,13 +86,12 @@ Galerie {{galerie.nazev}}
             {% if obrazek.popis %}
               title="{{ obrazek.popis }}"
             {% endif %}
-            href="./{{obrazek.pk}}#nahoru" class="galerie_nahled"><span class="vystredeno"></span><img
-            src="{{obrazek.obrazek_maly.url}}"
-            {% if obrazek.popis %}
-              title="{{ obrazek.popis }}"
-            {% endif %}
-            width="{{ obrazek.obrazek_maly.width }}"
-            height="{{ obrazek.obrazek_maly.height }}" />
+            href="./{{obrazek.pk}}#nahoru" class="galerie_nahled">
+          <span class="vystredeno"></span>
+          {% zmenseny_nahled obrazek.jako_bazmek  %}
+{#            title=obrazek.popis (a byl tu if, že se použil jen když existoval…)
+            width=obrazek.obrazek_maly.width
+            height=obrazek.obrazek_maly.height  #}
         </a>
     {% endfor %}
     <br>
diff --git a/galerie/templatetags/bazmeky.py b/galerie/templatetags/bazmeky.py
new file mode 100644
index 00000000..ac7a8cb2
--- /dev/null
+++ b/galerie/templatetags/bazmeky.py
@@ -0,0 +1,13 @@
+"""
+Pomocné tagy pro zobrazování `galerie.typy.ZobrazitelnyBazmek`. Jen volají příslušnou metodu na bazmeku.
+"""
+from django import template
+register = template.Library()
+
+@register.simple_tag
+def zobrazit(bazmek, /, **kwargs):
+	return bazmek.zobrazit(**kwargs)
+
+@register.simple_tag
+def zmenseny_nahled(bazmek, /, **kwargs):
+	return bazmek.zmenseny_nahled(**kwargs)
diff --git a/galerie/typy.py b/galerie/typy.py
new file mode 100644
index 00000000..60da34b1
--- /dev/null
+++ b/galerie/typy.py
@@ -0,0 +1,102 @@
+"""
+Naše typy objektů v galeriích.
+
+V databázi jsou všechny v jedné tabulce, protože se liší jen prezentací navenek. Všechny implementují ~~rozhraní~~ ABC `ZobrazitelnyBazmek`.
+
+Doporučené použití: TODO
+"""
+
+import abc
+from datetime import datetime
+
+from django.utils.safestring import mark_safe, SafeString
+from django.utils.html import format_html, format_html_join
+
+from imagekit import ImageSpec
+from imagekit.cachefiles import ImageCacheFile
+from imagekit.processors import ResizeToFit, Transpose
+
+HTML = str | SafeString
+
+from galerie.models import Obrazek as DbObrazek
+
+class ZobrazitelnyBazmek(abc.ABC):
+	def __init__(self, db_objekt):
+		self.db_objekt = db_objekt
+		# zkratka
+		self.soubor = db_objekt.soubor
+
+	# Volá se z templatetagu
+	@abc.abstractmethod
+	def zobrazit(self, **kwargs) -> HTML:
+		"""To, co se zobrazí v galerii jako hlavní obrázek (při prohlížení konkrétního obrázku a jako tittulní obrázek u galerií, které nemají vlastní obrázky (kupř. Vávrovka 2015))"""
+		...
+	@abc.abstractmethod
+	def zmenseny_nahled(self, **kwargs) -> HTML:
+		"""Zmenšené obrázky v přehledu obrázků a pod hlavním obrázkem (předchozí/následující)"""
+		...
+	
+	@property
+	#@abc.abstractmethod
+	def cas_porizeni(self) -> datetime | None:
+		# TODO: použít tohle na automatické řazení věcí. Má vytáhnout datum z metadat
+		raise NotImplementedError("Prosím, naimplementuj hledání času vzniku v metadatech (nebo vrať None).")
+
+	#TODO: nativní rozměry?
+
+
+### Obrázky ###
+# Odpovídá původnímu chování (bo se mi nechce vymýšlet novoty…
+class ObrazekStredniSpec(ImageSpec):
+	"""Specifikace obrázku pro velké zobrazení"""
+	processors = [
+		Transpose(Transpose.AUTO), # Rotuj podle dat v EXIFu
+		ResizeToFit(900, 675, upscale=False),
+		]
+	format = 'JPEG'
+	options = {'quality': 95} # Proč tolik?
+
+class ObrazekMalySpec(ImageSpec):
+	"""Specifikace obrázku pro náhledy (pod hlavním obrázkem nebo v přehledu galerie)"""
+	processors = [
+		Transpose(Transpose.AUTO),
+		ResizeToFit(167, 167, upscale=False),
+		]
+	format = 'JPEG'
+	options = {'quality': 95}
+
+class Obrazek(ZobrazitelnyBazmek):
+	"""Obrázek pro zobrazení
+
+	Použije některý z ImageSpec-ů jako popis transformace a ImageCacheFile pro uložení výsledného obrázku.
+
+	Reference: https://django-imagekit.readthedocs.io/en/latest/#defining-specs-outside-of-models
+	Reference: https://django-imagekit.readthedocs.io/en/latest/caching.html
+	"""
+	def zobrazit(self, **kwargs):
+		# Jak se takový cachefile používá je potřeba vyčíst ze zdrojáků?
+		file = ImageCacheFile(ObrazekStredniSpec(source=self.soubor))
+		file.generate()
+		attrs = format_html_join(' ', r'{}="{}"', ((mark_safe(k), v) for k, v in kwargs.items()))
+		html = format_html(r'<img src="{}" {} />', file.url, attrs)
+		return html
+
+	def zmenseny_nahled(self, **kwargs):
+		file = ImageCacheFile(ObrazekMalySpec(source=self.soubor))
+		file.generate()
+		attrs = format_html_join(' ', r'{}="{}"', ((mark_safe(k), v) for k, v in kwargs.items()))
+		html = format_html(r'<img src="{}" {} />', file.url, attrs)
+		return html
+		
+
+class Video(ZobrazitelnyBazmek):
+	...
+
+class DummyBazmek(ZobrazitelnyBazmek):
+	def zobrazit(self, **kwargs):
+		return r'<p>Tohle zobrazit neumím :-(</p>'
+	def zmenseny_nahled(self, **kwargs):
+		return r'<p>Tohle zobrazit neumím :-(</p>'
+
+
+def tipniTyp(soubor) -> DbObrazek.Typ: ...
-- 
2.39.5


From fa4729ad45e80c29521d6d8cb70666af3402dda3 Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 02:29:21 +0200
Subject: [PATCH 05/14] =?UTF-8?q?Migrace=20(ru=C4=8Dn=C4=9B=20editovan?=
 =?UTF-8?q?=C3=A1,=20ale=20vypad=C3=A1,=20=C5=BEe=20funguje=E2=80=A6)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../migrations/0017_obecne_typy_souboru.py    | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 galerie/migrations/0017_obecne_typy_souboru.py

diff --git a/galerie/migrations/0017_obecne_typy_souboru.py b/galerie/migrations/0017_obecne_typy_souboru.py
new file mode 100644
index 00000000..58ffb650
--- /dev/null
+++ b/galerie/migrations/0017_obecne_typy_souboru.py
@@ -0,0 +1,33 @@
+# Generated by Django 4.2.20 on 2025-05-05 00:21
+
+from django.db import migrations, models
+import galerie.models
+
+def zatim_byly_jen_obrazky(apps, schema_editor):
+    Obrazek = apps.get_model("galerie", "Obrazek")
+    Obrazek.objects.all().update(typ='obrazek')
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('galerie', '0016_alter_obrazek_galerie'),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name='obrazek',
+            old_name='obrazek_velky',
+            new_name='soubor',
+        ),
+        migrations.AlterField(
+            model_name='obrazek',
+            name='soubor',
+            field=models.FileField(help_text='Lze vložit libovolně velký obrázek. Ideální je, aby alespoň jeden rozměr měl alespoň 500px.', upload_to=galerie.models.galerie_filename),
+        ),
+        migrations.AddField(
+            model_name='obrazek',
+            name='typ',
+            field=models.CharField(choices=[('obrazek', 'Obrázek'), ('video', 'Video'), ('nevim', 'Neznámý typ')], default='nevim', max_length=16, verbose_name='Typ'),
+        ),
+        migrations.RunPython(zatim_byly_jen_obrazky, migrations.RunPython.noop)
+    ]
-- 
2.39.5


From a7f8fa0600c9ff870c262d184edc5f31fa76c9cd Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 04:17:39 +0200
Subject: [PATCH 06/14] =?UTF-8?q?Zru=C5=A1eny=20dal=C5=A1=C3=AD=20obrazek?=
 =?UTF-8?q?=5F*?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 galerie/models.py |  2 +-
 galerie/views.py  | 21 +++++++++++----------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/galerie/models.py b/galerie/models.py
index 12c0549d..dc5340f9 100644
--- a/galerie/models.py
+++ b/galerie/models.py
@@ -77,7 +77,7 @@ class Obrazek(models.Model):
 		# obrázek potřebuje název, protože se z něj generuje cesta pro jeho uložení
 		# (a pak se podle něj taky řadí)
 		if self.nazev is None:
-			self.nazev = os.path.basename(self.obrazek_velky.name)
+			self.nazev = os.path.basename(self.soubor.name)
 		super(Obrazek, self).save(*args, **kwargs)
 
 	def jako_bazmek(self):
diff --git a/galerie/views.py b/galerie/views.py
index fa2a15e9..a3ec8dd2 100644
--- a/galerie/views.py
+++ b/galerie/views.py
@@ -91,8 +91,6 @@ def detail(request, pk, fotka, soustredeni):
 	"""Zobrazeni nahledu fotky s id 'fotka'."""
 	MAX_VYSKA = 900
 	MAX_SIRKA = 900
-	MAX_VYSKA_MALA = 100
-	MAX_SIRKA_MALA = 200
 	NAHLEDU = 1
 
 	galerie = get_object_or_404(Galerie, pk=pk)
@@ -142,14 +140,17 @@ def detail(request, pk, fotka, soustredeni):
 		form = KomentarForm({'komentar': obrazek.popis})
 	
 	# Preskalovani obrazku do vybraneho prostoru.
-	vyska = obrazek.obrazek_stredni.height
-	sirka = obrazek.obrazek_stredni.width
-	if vyska > MAX_VYSKA:
-		sirka = sirka * MAX_VYSKA / vyska	
-		vyska = MAX_VYSKA
-	if sirka > MAX_SIRKA:
-		vyska = vyska * MAX_SIRKA / sirka
-		sirka = MAX_SIRKA
+	# FIXME: do CSS!
+	vyska = MAX_VYSKA
+	sirka = MAX_SIRKA
+#	vyska = obrazek.obrazek_stredni.height
+#	sirka = obrazek.obrazek_stredni.width
+#	if vyska > MAX_VYSKA:
+#		sirka = sirka * MAX_VYSKA / vyska	
+#		vyska = MAX_VYSKA
+#	if sirka > MAX_SIRKA:
+#		vyska = vyska * MAX_SIRKA / sirka
+#		sirka = MAX_SIRKA
 
 	return render(request, 'galerie/Galerie.html',
 		{'galerie' : galerie,
-- 
2.39.5


From 372e9dcadafbd3c8692b077ff8d627e58219919d Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 04:24:46 +0200
Subject: [PATCH 07/14] =?UTF-8?q?Tagy=20nem=C5=AF=C5=BEou=20b=C3=BDt=20v?=
 =?UTF-8?q?=C3=ADce=C5=99=C3=A1dkov=C3=A9=20:-/?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 galerie/templates/galerie/Galerie.html       | 15 +++------------
 galerie/templates/galerie/GalerieNahled.html |  4 +---
 2 files changed, 4 insertions(+), 15 deletions(-)

diff --git a/galerie/templates/galerie/Galerie.html b/galerie/templates/galerie/Galerie.html
index 2aeb6089..1901ee98 100644
--- a/galerie/templates/galerie/Galerie.html
+++ b/galerie/templates/galerie/Galerie.html
@@ -65,12 +65,7 @@
       {% endwith %}
     {% endif%}
     <span id="nahoru" class="kotva_obrazku"></span>
-    {% zobrazit obrazek.jako_bazmek
-         height=vyska
-         width=sirka
-         alt=obrazek.popis
-         title=obrazek.popis
-         class=obrazek" %}
+    {% zobrazit obrazek.jako_bazmek height=vyska width=sirka alt=obrazek.popis title=obrazek.popis class=obrazek %}
          
     {% if obrazky_dalsi %}
       {% with obrazky_dalsi|first as dalsi_obrazek %}
@@ -116,12 +111,8 @@
       {% endfor %}
     </div>
 
-    {% zmenseny_nahled obrazek.jako_bazmek
-       alt=obrazek.popis
-       class=obrazek
-       id=prostredni %}
-       {# height=obrazek.obrazek_maly.height
-       width=obrazek.obrazek_maly.width #}
+    {% zmenseny_nahled obrazek.jako_bazmek alt=obrazek.popis class=obrazek id=prostredni %}
+       {# height=obrazek.obrazek_maly.height width=obrazek.obrazek_maly.width #}
 
     <div class="navigace">
       {# nahledy nasledujicich obrazku #}
diff --git a/galerie/templates/galerie/GalerieNahled.html b/galerie/templates/galerie/GalerieNahled.html
index 4592a69f..6a4a47aa 100644
--- a/galerie/templates/galerie/GalerieNahled.html
+++ b/galerie/templates/galerie/GalerieNahled.html
@@ -98,9 +98,7 @@ Galerie {{galerie.nazev}}
             href="./{{obrazek.pk}}#nahoru" class="galerie_nahled">
           <span class="vystredeno"></span>
           {% zmenseny_nahled obrazek.jako_bazmek  %}
-{#            title=obrazek.popis (a byl tu if, že se použil jen když existoval…)
-            width=obrazek.obrazek_maly.width
-            height=obrazek.obrazek_maly.height  #}
+{#            title=obrazek.popis (a byl tu if, že se použil jen když existoval…) width=obrazek.obrazek_maly.width height=obrazek.obrazek_maly.height  #}
         </a>
     {% endfor %}
     <br>
-- 
2.39.5


From b001b7934967a8b740737f0d8aa0941944f98fc7 Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 04:50:06 +0200
Subject: [PATCH 08/14] =?UTF-8?q?N=C3=A1hodn=C3=A9=20opravy?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 galerie/static/css/galerie.css         |  5 +++--
 galerie/templates/galerie/Galerie.html |  4 ++--
 galerie/typy.py                        |  4 ++--
 galerie/views.py                       | 19 +------------------
 4 files changed, 8 insertions(+), 24 deletions(-)

diff --git a/galerie/static/css/galerie.css b/galerie/static/css/galerie.css
index 46e02367..4dde889f 100644
--- a/galerie/static/css/galerie.css
+++ b/galerie/static/css/galerie.css
@@ -6,9 +6,10 @@
 /* velká fotka */
 /* zmenšování spolu s oknem prohlížeče */
 .galerie .obrazek, .titulni_obrazek {
-	max-width: 100%;
+	max-width: max(100%, 900px);
+	max-height: 900px;
 	height: auto;
-	width: auto\9; /* ie8 */
+	width: auto;
 }
 
 .predchozi_obrazek{
diff --git a/galerie/templates/galerie/Galerie.html b/galerie/templates/galerie/Galerie.html
index 1901ee98..c436a77e 100644
--- a/galerie/templates/galerie/Galerie.html
+++ b/galerie/templates/galerie/Galerie.html
@@ -65,7 +65,7 @@
       {% endwith %}
     {% endif%}
     <span id="nahoru" class="kotva_obrazku"></span>
-    {% zobrazit obrazek.jako_bazmek height=vyska width=sirka alt=obrazek.popis title=obrazek.popis class=obrazek %}
+    {% zobrazit obrazek.jako_bazmek alt=obrazek.popis title=obrazek.popis class=obrazek %}
          
     {% if obrazky_dalsi %}
       {% with obrazky_dalsi|first as dalsi_obrazek %}
@@ -111,7 +111,7 @@
       {% endfor %}
     </div>
 
-    {% zmenseny_nahled obrazek.jako_bazmek alt=obrazek.popis class=obrazek id=prostredni %}
+    {% zmenseny_nahled obrazek.jako_bazmek alt=obrazek.popis class=obrazek id="prostredni" %}
        {# height=obrazek.obrazek_maly.height width=obrazek.obrazek_maly.width #}
 
     <div class="navigace">
diff --git a/galerie/typy.py b/galerie/typy.py
index 60da34b1..e4f62cbb 100644
--- a/galerie/typy.py
+++ b/galerie/typy.py
@@ -94,9 +94,9 @@ class Video(ZobrazitelnyBazmek):
 
 class DummyBazmek(ZobrazitelnyBazmek):
 	def zobrazit(self, **kwargs):
-		return r'<p>Tohle zobrazit neumím :-(</p>'
+		return r'Tohle zobrazit neumím :-('
 	def zmenseny_nahled(self, **kwargs):
-		return r'<p>Tohle zobrazit neumím :-(</p>'
+		return r'Tohle zobrazit neumím :-('
 
 
 def tipniTyp(soubor) -> DbObrazek.Typ: ...
diff --git a/galerie/views.py b/galerie/views.py
index a3ec8dd2..ee2fc1ec 100644
--- a/galerie/views.py
+++ b/galerie/views.py
@@ -89,8 +89,6 @@ def nahled(request, pk, soustredeni):
 
 def detail(request, pk, fotka, soustredeni):
 	"""Zobrazeni nahledu fotky s id 'fotka'."""
-	MAX_VYSKA = 900
-	MAX_SIRKA = 900
 	NAHLEDU = 1
 
 	galerie = get_object_or_404(Galerie, pk=pk)
@@ -139,26 +137,11 @@ def detail(request, pk, fotka, soustredeni):
 	else:
 		form = KomentarForm({'komentar': obrazek.popis})
 	
-	# Preskalovani obrazku do vybraneho prostoru.
-	# FIXME: do CSS!
-	vyska = MAX_VYSKA
-	sirka = MAX_SIRKA
-#	vyska = obrazek.obrazek_stredni.height
-#	sirka = obrazek.obrazek_stredni.width
-#	if vyska > MAX_VYSKA:
-#		sirka = sirka * MAX_VYSKA / vyska	
-#		vyska = MAX_VYSKA
-#	if sirka > MAX_SIRKA:
-#		vyska = vyska * MAX_SIRKA / sirka
-#		sirka = MAX_SIRKA
-
 	return render(request, 'galerie/Galerie.html',
 		{'galerie' : galerie,
 		 'predchozi_galerie' : predchozi_galerie,
 		 'nasledujici_galerie' : nasledujici_galerie,
 		 'obrazek' : obrazek,
-		 'vyska' : vyska,
-		 'sirka' : sirka,
 		 'obrazky_predchozi' : predchozi_obrazky,
 		 'obrazky_dalsi' : nasledujici_obrazky,
 		 'upravy_popisku' : dovolit_upravy_popisku(galerie, request),
@@ -203,7 +186,7 @@ def new_galerie(request, galerie, soustredeni):
 			# zpracovani obrazku v galerii
 			for obr in request.FILES.getlist('obr'):
 				o = Obrazek()
-				o.obrazek_velky = obr
+				o.soubor = obr
 				o.nazev = str(obr)
 				o.galerie = gal
 				o.save()
-- 
2.39.5


From cbffa328871fdb819aad9f6931352ec5cc8205c2 Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 15:17:35 +0200
Subject: [PATCH 09/14] =?UTF-8?q?Tipov=C3=A1n=C3=AD=20typ=C5=AF=20+=20drob?=
 =?UTF-8?q?n=C3=A9=20=C3=BApravy=20Admina?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 galerie/admin.py |  2 +-
 galerie/typy.py  | 21 ++++++++++++++++++---
 galerie/views.py |  2 ++
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/galerie/admin.py b/galerie/admin.py
index 1eacbf60..a04cf6d9 100644
--- a/galerie/admin.py
+++ b/galerie/admin.py
@@ -30,7 +30,7 @@ def prepnout_fotogalerii_do_org_rezimu(modeladmin, request, queryset):
 
 class GalerieInline(admin.TabularInline):
 	model = Obrazek
-	fields = ['soubor', 'nazev', 'popis', 'poradi']
+	fields = ['soubor', 'nazev', 'popis', 'typ', 'poradi']
 	readonly_fields = ['nazev']
 	formfield_overrides = {
 		models.TextField: {'widget': forms.TextInput},
diff --git a/galerie/typy.py b/galerie/typy.py
index e4f62cbb..7b27dbc8 100644
--- a/galerie/typy.py
+++ b/galerie/typy.py
@@ -8,6 +8,9 @@ Doporučené použití: TODO
 
 import abc
 from datetime import datetime
+import logging
+
+logger = logging.getLogger(__name__)
 
 from django.utils.safestring import mark_safe, SafeString
 from django.utils.html import format_html, format_html_join
@@ -90,13 +93,25 @@ class Obrazek(ZobrazitelnyBazmek):
 		
 
 class Video(ZobrazitelnyBazmek):
-	...
+	def zobrazit(self, **kwargs):
+		return r'Takhle se jednou zobrazí videjko…'
+	def zmenseny_nahled(self, **kwargs):
+		return r'Takhle se jednou zobrazí videjko…'
 
 class DummyBazmek(ZobrazitelnyBazmek):
+	# FIXME: hezčí blokovější elementy!
 	def zobrazit(self, **kwargs):
 		return r'Tohle zobrazit neumím :-('
 	def zmenseny_nahled(self, **kwargs):
 		return r'Tohle zobrazit neumím :-('
 
-
-def tipniTyp(soubor) -> DbObrazek.Typ: ...
+def tipniTyp(soubor) -> DbObrazek.Typ:
+	from PIL import Image, UnidentifiedImageError
+	try:
+		Image.open(soubor)
+		return DbObrazek.Typ.OBRAZEK
+	except UnidentifiedImageError:
+		return DbObrazek.Typ.NEVIM
+	logger.warning("Nepodařilo se tipnout typ nečekaným způsobem!")
+	return DbObrazek.Typ.NEVIM
+	
diff --git a/galerie/views.py b/galerie/views.py
index ee2fc1ec..9bc9f8ed 100644
--- a/galerie/views.py
+++ b/galerie/views.py
@@ -184,9 +184,11 @@ def new_galerie(request, galerie, soustredeni):
 			gal.save()
 
 			# zpracovani obrazku v galerii
+			from galerie.typy import tipniTyp
 			for obr in request.FILES.getlist('obr'):
 				o = Obrazek()
 				o.soubor = obr
+				o.typ = tipniTyp(obr)
 				o.nazev = str(obr)
 				o.galerie = gal
 				o.save()
-- 
2.39.5


From 5d67227bfee9b118fcd040badadd18f7740a3426 Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 15:33:48 +0200
Subject: [PATCH 10/14] Videjkaaa

---
 galerie/typy.py | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/galerie/typy.py b/galerie/typy.py
index 7b27dbc8..ae71a5f8 100644
--- a/galerie/typy.py
+++ b/galerie/typy.py
@@ -94,9 +94,13 @@ class Obrazek(ZobrazitelnyBazmek):
 
 class Video(ZobrazitelnyBazmek):
 	def zobrazit(self, **kwargs):
-		return r'Takhle se jednou zobrazí videjko…'
+		attrs = format_html_join(' ', r'{}="{}"', ((mark_safe(k), v) for k, v in kwargs.items()))
+		# Atributy specifické pro video musíme vesměs vyřešit tady… (šlo by to {% if %}-ovat podle typu, ale to je spíš haluz.
+		html = format_html(r'<video src="{}" preload="metadata" controls {} />', self.soubor.url, attrs)
+		return html
+		return
 	def zmenseny_nahled(self, **kwargs):
-		return r'Takhle se jednou zobrazí videjko…'
+		return r'FIXME: Takhle se jednou zobrazí videjko…'
 
 class DummyBazmek(ZobrazitelnyBazmek):
 	# FIXME: hezčí blokovější elementy!
-- 
2.39.5


From 289e09f5588e3afdec2256c4f1e450f7fd9d742d Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 16:25:51 +0200
Subject: [PATCH 11/14] Placeholdery, vol 1

---
 .../static/galerie/neznamy_placeholder.svg    | 38 +++++++++++++
 galerie/static/galerie/video_placeholder.svg  | 54 +++++++++++++++++++
 galerie/typy.py                               | 35 +++++++++---
 3 files changed, 119 insertions(+), 8 deletions(-)
 create mode 100644 galerie/static/galerie/neznamy_placeholder.svg
 create mode 100644 galerie/static/galerie/video_placeholder.svg

diff --git a/galerie/static/galerie/neznamy_placeholder.svg b/galerie/static/galerie/neznamy_placeholder.svg
new file mode 100644
index 00000000..d4482304
--- /dev/null
+++ b/galerie/static/galerie/neznamy_placeholder.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="768"
+   height="576"
+   viewBox="0 0 768 576"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1">
+    <path
+       style="fill:#6f2509;stroke:#6f2509;stroke-width:24.4876;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;paint-order:markers fill stroke;fill-opacity:1"
+       id="path1"
+       d="m 171.56486,156.34958 277.81099,481.18278 -555.62201,-2e-5 z"
+       transform="translate(212.43515,-108.94158)" />
+    <g
+       id="g4"
+       style="fill:#ff0000"
+       transform="matrix(0.63613865,0,0,0.62847938,383.26722,188.1938)">
+      <circle
+         style="fill:#ff0000;fill-opacity:1;stroke:none;stroke-width:32.6502;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;paint-order:markers fill stroke"
+         id="path2"
+         cx="0"
+         cy="430.19247"
+         r="64.870293" />
+      <path
+         style="fill:#ff0000;fill-opacity:1;stroke:none;stroke-width:24.4876;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1;paint-order:markers fill stroke"
+         id="path3"
+         d="m -93.037653,283.56151 -174.608127,-302.430127 349.216236,-10e-6 z"
+         transform="matrix(0.69829007,0,0,1.0128734,64.967275,29.408685)" />
+    </g>
+  </g>
+</svg>
diff --git a/galerie/static/galerie/video_placeholder.svg b/galerie/static/galerie/video_placeholder.svg
new file mode 100644
index 00000000..a06ed632
--- /dev/null
+++ b/galerie/static/galerie/video_placeholder.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="768"
+   height="576"
+   viewBox="0 0 768 576"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
+   sodipodi:docname="video_placeholder.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#eee4ec"
+     bordercolor="#000000"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="false"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     inkscape:zoom="1"
+     inkscape:cx="375"
+     inkscape:cy="297"
+     inkscape:window-width="1920"
+     inkscape:window-height="1164"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="path1"
+       inkscape:transform-center-x="-73.186406"
+       style="opacity:1;fill:#ff0000;fill-opacity:0.77159059"
+       transform="translate(107.81361,192)">
+      <path
+         style="baseline-shift:baseline;display:inline;overflow:visible;vector-effect:none;fill:#f5b34f;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
+         d="m 54.501953,-169.58203 c -5.851459,1.03154 -10.117969,6.11495 -10.119141,12.05664 v 507.05078 c 8.82e-4,9.42554 10.204294,15.31604 18.367188,10.60352 L 501.86719,106.60352 c 8.16111,-4.71353 8.16111,-16.493503 0,-21.207036 L 62.75,-168.12891 c -2.493096,-1.43876 -5.413362,-1.95325 -8.248047,-1.45312 z"
+         id="path3"
+         inkscape:label="path3"
+         sodipodi:nodetypes="cccccccc" />
+    </g>
+  </g>
+</svg>
diff --git a/galerie/typy.py b/galerie/typy.py
index ae71a5f8..936750e4 100644
--- a/galerie/typy.py
+++ b/galerie/typy.py
@@ -12,8 +12,12 @@ import logging
 
 logger = logging.getLogger(__name__)
 
+from django.contrib.staticfiles.finders import find
+# FIXME: static fily na lokálním webu??
+find = lambda x: '/static/'+x
 from django.utils.safestring import mark_safe, SafeString
 from django.utils.html import format_html, format_html_join
+from django.urls import reverse
 
 from imagekit import ImageSpec
 from imagekit.cachefiles import ImageCacheFile
@@ -68,6 +72,9 @@ class ObrazekMalySpec(ImageSpec):
 	format = 'JPEG'
 	options = {'quality': 95}
 
+def _fmt_attrs(attrs):
+	return format_html_join(' ', r'{}="{}"', ((mark_safe(k), v) for k, v in attrs.items()))
+
 class Obrazek(ZobrazitelnyBazmek):
 	"""Obrázek pro zobrazení
 
@@ -80,34 +87,46 @@ class Obrazek(ZobrazitelnyBazmek):
 		# Jak se takový cachefile používá je potřeba vyčíst ze zdrojáků?
 		file = ImageCacheFile(ObrazekStredniSpec(source=self.soubor))
 		file.generate()
-		attrs = format_html_join(' ', r'{}="{}"', ((mark_safe(k), v) for k, v in kwargs.items()))
+		attrs = _fmt_attrs(kwargs)
 		html = format_html(r'<img src="{}" {} />', file.url, attrs)
 		return html
 
 	def zmenseny_nahled(self, **kwargs):
 		file = ImageCacheFile(ObrazekMalySpec(source=self.soubor))
 		file.generate()
-		attrs = format_html_join(' ', r'{}="{}"', ((mark_safe(k), v) for k, v in kwargs.items()))
+		attrs = _fmt_attrs(kwargs)
 		html = format_html(r'<img src="{}" {} />', file.url, attrs)
 		return html
 		
 
 class Video(ZobrazitelnyBazmek):
+	def __init__(self, *a, **kwa):
+		super().__init__(*a, **kwa)
+		self.placeholder = find('galerie/video_placeholder.svg')
+
 	def zobrazit(self, **kwargs):
-		attrs = format_html_join(' ', r'{}="{}"', ((mark_safe(k), v) for k, v in kwargs.items()))
+		attrs = _fmt_attrs(kwargs)
 		# Atributy specifické pro video musíme vesměs vyřešit tady… (šlo by to {% if %}-ovat podle typu, ale to je spíš haluz.
 		html = format_html(r'<video src="{}" preload="metadata" controls {} />', self.soubor.url, attrs)
 		return html
-		return
 	def zmenseny_nahled(self, **kwargs):
-		return r'FIXME: Takhle se jednou zobrazí videjko…'
+		attrs = _fmt_attrs(kwargs)
+		return format_html(r'<img src="{}" {} />', self.placeholder, attrs)
 
 class DummyBazmek(ZobrazitelnyBazmek):
-	# FIXME: hezčí blokovější elementy!
+	def __init__(self, *a, **kwa):
+		super().__init__(*a, **kwa)
+		self.placeholder = find('galerie/neznamy_placeholder.svg')
+
 	def zobrazit(self, **kwargs):
-		return r'Tohle zobrazit neumím :-('
+		attrs = _fmt_attrs(kwargs)
+		# Stavíme HTML ad-hoc, co se může rozbít :'-)
+		obrazek = format_html(r'<img src="{}"/>', self.placeholder, attrs)
+		popisek = format_html(r'<p style="text-align: center; font-size: 1.1em;">Prosím oprav typ aktuálního obrázku v <a href="{}">adminu</a>!</p>', reverse('admin:galerie_obrazek_change', args=(self.db_objekt.id,)))
+		return format_html(r'<div {}>{}{}</div>', attrs, obrazek, popisek)
 	def zmenseny_nahled(self, **kwargs):
-		return r'Tohle zobrazit neumím :-('
+		attrs = _fmt_attrs(kwargs)
+		return format_html(r'<img src="{}" {} />', self.placeholder, attrs)
 
 def tipniTyp(soubor) -> DbObrazek.Typ:
 	from PIL import Image, UnidentifiedImageError
-- 
2.39.5


From 96b04b6a0956d83f3ed0a971e961159f3ab7be51 Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 16:44:09 +0200
Subject: [PATCH 12/14] =?UTF-8?q?Placeholdery=20vol=202:=20hezk=C3=A9=20ch?=
 =?UTF-8?q?ov=C3=A1n=C3=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 galerie/static/css/galerie.css               | 2 ++
 galerie/templates/galerie/Galerie.html       | 3 ---
 galerie/templates/galerie/GalerieNahled.html | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/galerie/static/css/galerie.css b/galerie/static/css/galerie.css
index 4dde889f..6120cf3f 100644
--- a/galerie/static/css/galerie.css
+++ b/galerie/static/css/galerie.css
@@ -76,6 +76,8 @@
 
 .galerie_nahledy img {
 	margin: 10px;
+	max-height: 100px;
+	max-width: 200px;
 }
 
 .galerie_nahledy div.navigace {
diff --git a/galerie/templates/galerie/Galerie.html b/galerie/templates/galerie/Galerie.html
index c436a77e..2a1539c7 100644
--- a/galerie/templates/galerie/Galerie.html
+++ b/galerie/templates/galerie/Galerie.html
@@ -109,12 +109,9 @@
       {% for obrazek in obrazky_predchozi %}
       <a href="../{{obrazek.pk}}#nahoru">{% zmenseny_nahled obrazek.jako_bazmek height=100 %}</a>
       {% endfor %}
-    </div>
 
     {% zmenseny_nahled obrazek.jako_bazmek alt=obrazek.popis class=obrazek id="prostredni" %}
-       {# height=obrazek.obrazek_maly.height width=obrazek.obrazek_maly.width #}
 
-    <div class="navigace">
       {# nahledy nasledujicich obrazku #}
       {% for obrazek in obrazky_dalsi %}
       <a href="../{{obrazek.pk}}#nahoru">{% zmenseny_nahled obrazek.jako_bazmek height=100 %}</a>
diff --git a/galerie/templates/galerie/GalerieNahled.html b/galerie/templates/galerie/GalerieNahled.html
index 6a4a47aa..a188004e 100644
--- a/galerie/templates/galerie/GalerieNahled.html
+++ b/galerie/templates/galerie/GalerieNahled.html
@@ -57,7 +57,7 @@ Galerie {{galerie.nazev}}
             {% endif %}
            class="podgalerie_nahled {% if pgalerie.zobrazit == 1 or pgalerie.zobrazit == 2 %}mam-org-only{% endif %}{% if pgalerie.zobrazit == 3 %}mam-resitel-only{% endif %}">
               {% if pgalerie.titulni_obrazek %}
-                {% zmenseny_nahled pgalerie.titulni_obrazek.jako_bazmek %}
+                {% zmenseny_nahled pgalerie.titulni_obrazek.jako_bazmek class="" %}
               {% endif %}
               <div class="nazev_galerie">
               {{ pgalerie|truncatechars:max_delka_nazvu }}
-- 
2.39.5


From e0939e0e03ee496841772ea412470769a6e396de Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 16:48:18 +0200
Subject: [PATCH 13/14] =?UTF-8?q?Hez=C4=8D=C3=AD=20video=20placeholder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 galerie/static/galerie/video_placeholder.svg | 41 ++++++++++++--------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/galerie/static/galerie/video_placeholder.svg b/galerie/static/galerie/video_placeholder.svg
index a06ed632..8a7d0ab9 100644
--- a/galerie/static/galerie/video_placeholder.svg
+++ b/galerie/static/galerie/video_placeholder.svg
@@ -7,48 +7,55 @@
    viewBox="0 0 768 576"
    version="1.1"
    id="svg1"
-   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
    sodipodi:docname="video_placeholder.svg"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <sodipodi:namedview
      id="namedview1"
-     pagecolor="#eee4ec"
-     bordercolor="#000000"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
      borderopacity="1"
      inkscape:showpageshadow="0"
      inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="false"
+     inkscape:pagecheckerboard="1"
      inkscape:deskcolor="#d1d1d1"
-     inkscape:document-units="px"
-     inkscape:zoom="1"
-     inkscape:cx="375"
-     inkscape:cy="297"
+     inkscape:zoom="1.1715686"
+     inkscape:cx="377.69874"
+     inkscape:cy="285.08787"
      inkscape:window-width="1920"
      inkscape:window-height="1164"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="0"
-     inkscape:current-layer="layer1" />
+     inkscape:current-layer="svg1" />
   <defs
      id="defs1" />
   <g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
+     id="layer2"
+     style="stroke:#aaaaaa;stroke-opacity:1;fill:#cccccc;fill-opacity:1">
+    <g
+       id="rect1"
+       style="opacity:1;fill:#cccccc;fill-opacity:1"
+       transform="matrix(0.95921938,0,0,0.86504219,15.659757,38.867849)">
+      <path
+         style="baseline-shift:baseline;display:inline;overflow:visible;vector-effect:none;stroke:none;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke;enable-background:accumulate;stop-color:#000000;stop-opacity:1;fill:#cccccc;fill-opacity:1"
+         d="M 0,-12.244141 C -6.7620501,-12.243653 -12.243653,-6.7620501 -12.244141,0 v 576 c 4.89e-4,6.76205 5.4820913,12.24365 12.244141,12.24414 h 768 c 6.76205,-4.9e-4 12.24365,-5.48209 12.24414,-12.24414 V 0 C 780.24365,-6.7620497 774.76205,-12.243652 768,-12.244141 Z"
+         id="path4" />
+    </g>
+  </g>
+  <g
      id="layer1">
     <g
        id="path1"
-       inkscape:transform-center-x="-73.186406"
-       style="opacity:1;fill:#ff0000;fill-opacity:0.77159059"
-       transform="translate(107.81361,192)">
+       style="opacity:1;fill:#ff0000;fill-opacity:0.771591"
+       transform="matrix(0.77572769,0,0,0.77572769,169.75532,213.5323)">
       <path
          style="baseline-shift:baseline;display:inline;overflow:visible;vector-effect:none;fill:#f5b34f;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke;enable-background:accumulate;stop-color:#000000;stop-opacity:1"
          d="m 54.501953,-169.58203 c -5.851459,1.03154 -10.117969,6.11495 -10.119141,12.05664 v 507.05078 c 8.82e-4,9.42554 10.204294,15.31604 18.367188,10.60352 L 501.86719,106.60352 c 8.16111,-4.71353 8.16111,-16.493503 0,-21.207036 L 62.75,-168.12891 c -2.493096,-1.43876 -5.413362,-1.95325 -8.248047,-1.45312 z"
-         id="path3"
-         inkscape:label="path3"
-         sodipodi:nodetypes="cccccccc" />
+         id="path3" />
     </g>
   </g>
 </svg>
-- 
2.39.5


From d07d4daf04a4deabba37063148316f2aa1bea6b6 Mon Sep 17 00:00:00 2001
From: "Pavel \"LEdoian\" Turinsky" <ledoian@matfyz.cz>
Date: Mon, 5 May 2025 17:14:54 +0200
Subject: [PATCH 14/14] =?UTF-8?q?Moc=20v=C4=9Bc=C3=AD=20se=20jmenuje=20obr?=
 =?UTF-8?q?=C3=A1zek=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 galerie/templates/galerie/Galerie.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/galerie/templates/galerie/Galerie.html b/galerie/templates/galerie/Galerie.html
index 2a1539c7..4db694dc 100644
--- a/galerie/templates/galerie/Galerie.html
+++ b/galerie/templates/galerie/Galerie.html
@@ -65,7 +65,7 @@
       {% endwith %}
     {% endif%}
     <span id="nahoru" class="kotva_obrazku"></span>
-    {% zobrazit obrazek.jako_bazmek alt=obrazek.popis title=obrazek.popis class=obrazek %}
+    {% zobrazit obrazek.jako_bazmek alt=obrazek.popis title=obrazek.popis class="obrazek" %}
          
     {% if obrazky_dalsi %}
       {% with obrazky_dalsi|first as dalsi_obrazek %}
@@ -110,7 +110,7 @@
       <a href="../{{obrazek.pk}}#nahoru">{% zmenseny_nahled obrazek.jako_bazmek height=100 %}</a>
       {% endfor %}
 
-    {% zmenseny_nahled obrazek.jako_bazmek alt=obrazek.popis class=obrazek id="prostredni" %}
+    {% zmenseny_nahled obrazek.jako_bazmek alt=obrazek.popis class="obrazek" id="prostredni" %}
 
       {# nahledy nasledujicich obrazku #}
       {% for obrazek in obrazky_dalsi %}
-- 
2.39.5