diff --git a/content/personal/_index.md b/content/personal/_index.md
index 4e63073..e545ae7 100644
--- a/content/personal/_index.md
+++ b/content/personal/_index.md
@@ -1,5 +1,6 @@
 +++
 title = "Personál"
 template = "personnel.html"
+sort_by = "weight"
 page_template = "page.html"
 +++
diff --git a/content/personal/anezka-kolesova/anezka-kolesova.jpg b/content/personal/anezka-kolesova/anezka-kolesova.jpg
new file mode 100644
index 0000000..5127a01
Binary files /dev/null and b/content/personal/anezka-kolesova/anezka-kolesova.jpg differ
diff --git a/content/personal/anezka-kolesova/index.md b/content/personal/anezka-kolesova/index.md
new file mode 100644
index 0000000..31a207e
--- /dev/null
+++ b/content/personal/anezka-kolesova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 3
+
+[extra]
+name = "Anežka Kolešová"
+role = "Instruktor"
++++
diff --git a/content/personal/bara-vavrinova/bara-vavrinova.jpg b/content/personal/bara-vavrinova/bara-vavrinova.jpg
new file mode 100644
index 0000000..8cee4fa
Binary files /dev/null and b/content/personal/bara-vavrinova/bara-vavrinova.jpg differ
diff --git a/content/personal/bara-vavrinova/index.md b/content/personal/bara-vavrinova/index.md
new file mode 100644
index 0000000..c7d5379
--- /dev/null
+++ b/content/personal/bara-vavrinova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 3
+
+[extra]
+name = "Bára Vavřínová"
+role = "Instruktor"
++++
diff --git a/content/personal/dalibor-brabec/index.md b/content/personal/dalibor-brabec/index.md
new file mode 100644
index 0000000..1e41ff6
--- /dev/null
+++ b/content/personal/dalibor-brabec/index.md
@@ -0,0 +1,7 @@
++++
+weight = 3
+
+[extra]
+name = "Dalibor Brabec"
+role = "Instruktor"
++++
diff --git a/content/personal/david-maly/index.md b/content/personal/david-maly/index.md
new file mode 100644
index 0000000..dff90de
--- /dev/null
+++ b/content/personal/david-maly/index.md
@@ -0,0 +1,7 @@
++++
+weight = 7
+
+[extra]
+name = "David Malý"
+role = "Hospodář"
++++
diff --git a/content/personal/emil-miler/emil-miler.jpg b/content/personal/emil-miler/emil-miler.jpg
new file mode 100644
index 0000000..3bab205
Binary files /dev/null and b/content/personal/emil-miler/emil-miler.jpg differ
diff --git a/content/personal/emil-miler/index.md b/content/personal/emil-miler/index.md
new file mode 100644
index 0000000..ec8ca9a
--- /dev/null
+++ b/content/personal/emil-miler/index.md
@@ -0,0 +1,7 @@
++++
+weight = 2
+
+[extra]
+name = "Emil Miler"
+role = "Oddílák"
++++
diff --git a/content/personal/hanka-mala/index.md b/content/personal/hanka-mala/index.md
new file mode 100644
index 0000000..935592d
--- /dev/null
+++ b/content/personal/hanka-mala/index.md
@@ -0,0 +1,7 @@
++++
+weight = 6
+
+[extra]
+name = "Hanka Malá"
+role = "Kuchař"
++++
diff --git a/content/personal/hanka-vajsejtlova/index.md b/content/personal/hanka-vajsejtlova/index.md
new file mode 100644
index 0000000..f9e0af4
--- /dev/null
+++ b/content/personal/hanka-vajsejtlova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 3
+
+[extra]
+name = "Hanka Vajsejtlová"
+role = "Instruktor"
++++
diff --git a/content/personal/honza-kubicek/honza-kubicek.jpg b/content/personal/honza-kubicek/honza-kubicek.jpg
new file mode 100644
index 0000000..e305ee0
Binary files /dev/null and b/content/personal/honza-kubicek/honza-kubicek.jpg differ
diff --git a/content/personal/honza-kubicek/index.md b/content/personal/honza-kubicek/index.md
new file mode 100644
index 0000000..0c20715
--- /dev/null
+++ b/content/personal/honza-kubicek/index.md
@@ -0,0 +1,7 @@
++++
+weight = 99
+
+[extra]
+name = "Honza Kubíček"
+role = "Hlavas na dovolené"
++++
diff --git a/content/personal/jan-sruc/index.md b/content/personal/jan-sruc/index.md
new file mode 100644
index 0000000..d9cfb32
--- /dev/null
+++ b/content/personal/jan-sruc/index.md
@@ -0,0 +1,7 @@
++++
+weight = 2
+
+[extra]
+name = "Jan Šruc"
+role = "Oddílák"
++++
diff --git a/content/personal/jan-sruc/jan-sruc.jpg b/content/personal/jan-sruc/jan-sruc.jpg
new file mode 100644
index 0000000..2da9721
Binary files /dev/null and b/content/personal/jan-sruc/jan-sruc.jpg differ
diff --git a/content/personal/janca-blahoudkova/index.md b/content/personal/janca-blahoudkova/index.md
new file mode 100644
index 0000000..528560b
--- /dev/null
+++ b/content/personal/janca-blahoudkova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 2
+
+[extra]
+name = "Janča Blahoudková"
+role = "Oddílák"
++++
diff --git a/content/personal/janca-blahoudkova/janca-blahoudkova.jpg b/content/personal/janca-blahoudkova/janca-blahoudkova.jpg
new file mode 100644
index 0000000..1d61ef2
Binary files /dev/null and b/content/personal/janca-blahoudkova/janca-blahoudkova.jpg differ
diff --git a/content/personal/jara-dryml/index.md b/content/personal/jara-dryml/index.md
new file mode 100644
index 0000000..732367c
--- /dev/null
+++ b/content/personal/jara-dryml/index.md
@@ -0,0 +1,7 @@
++++
+weight = 5
+
+[extra]
+name = "Jára Dryml"
+role = "Technik"
++++
diff --git a/content/personal/jindra-jobbik/index.md b/content/personal/jindra-jobbik/index.md
new file mode 100644
index 0000000..5175238
--- /dev/null
+++ b/content/personal/jindra-jobbik/index.md
@@ -0,0 +1,7 @@
++++
+weight = 7
+
+[extra]
+name = "Jindra Jobbik"
+role = "Hospodář"
++++
diff --git a/content/personal/kacka-kolarova/index.md b/content/personal/kacka-kolarova/index.md
new file mode 100644
index 0000000..4339c0f
--- /dev/null
+++ b/content/personal/kacka-kolarova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 3
+
+[extra]
+name = "Kačka Kolářová"
+role = "Instruktor"
++++
diff --git a/content/personal/kamil-koza/index.md b/content/personal/kamil-koza/index.md
index 6d0bce9..6b0389d 100644
--- a/content/personal/kamil-koza/index.md
+++ b/content/personal/kamil-koza/index.md
@@ -1,4 +1,6 @@
 +++
+weight = 2
+
 [extra]
 name = "Kamil Koza"
 role = "Oddílák, Hokr"
diff --git a/content/personal/kamil-koza/kamil-koza.jpg b/content/personal/kamil-koza/kamil-koza.jpg
new file mode 100644
index 0000000..a774c26
Binary files /dev/null and b/content/personal/kamil-koza/kamil-koza.jpg differ
diff --git a/content/personal/karel-matousek/index.md b/content/personal/karel-matousek/index.md
new file mode 100644
index 0000000..e04e565
--- /dev/null
+++ b/content/personal/karel-matousek/index.md
@@ -0,0 +1,7 @@
++++
+weight = 6
+
+[extra]
+name = "Karel Matoušek"
+role = "Kuchař"
++++
diff --git a/content/personal/kristyna-dusova/index.md b/content/personal/kristyna-dusova/index.md
new file mode 100644
index 0000000..2979831
--- /dev/null
+++ b/content/personal/kristyna-dusova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 3
+
+[extra]
+name = "Kristýna Dusová"
+role = "Instruktor"
++++
diff --git a/content/personal/lucka-odradovcova/index.md b/content/personal/lucka-odradovcova/index.md
new file mode 100644
index 0000000..b4f26ca
--- /dev/null
+++ b/content/personal/lucka-odradovcova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 3
+
+[extra]
+name = "Lucka Odradovcová"
+role = "Instruktor"
++++
diff --git a/content/personal/lukas-bruzek/index.md b/content/personal/lukas-bruzek/index.md
new file mode 100644
index 0000000..1b08913
--- /dev/null
+++ b/content/personal/lukas-bruzek/index.md
@@ -0,0 +1,7 @@
++++
+weight = 2
+
+[extra]
+name = "Lukáš Brůžek"
+role = "Oddílák"
++++
diff --git a/content/personal/lukas-bruzek/lukas-bruzek.jpg b/content/personal/lukas-bruzek/lukas-bruzek.jpg
new file mode 100644
index 0000000..aa227b7
Binary files /dev/null and b/content/personal/lukas-bruzek/lukas-bruzek.jpg differ
diff --git a/content/personal/martin-kocourek/index.md b/content/personal/martin-kocourek/index.md
new file mode 100644
index 0000000..9288986
--- /dev/null
+++ b/content/personal/martin-kocourek/index.md
@@ -0,0 +1,7 @@
++++
+weight = 5
+
+[extra]
+name = "Martin Kocourek"
+role = "Technik"
++++
diff --git a/content/personal/martin-kocourek/martin-kocourek.jpg b/content/personal/martin-kocourek/martin-kocourek.jpg
new file mode 100644
index 0000000..4fb4422
Binary files /dev/null and b/content/personal/martin-kocourek/martin-kocourek.jpg differ
diff --git a/content/personal/martina-babakova/index.md b/content/personal/martina-babakova/index.md
new file mode 100644
index 0000000..09beca4
--- /dev/null
+++ b/content/personal/martina-babakova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 3
+
+[extra]
+name = "Martina Babáková"
+role = "Instruktor"
++++
diff --git a/content/personal/micha-michalova/index.md b/content/personal/micha-michalova/index.md
new file mode 100644
index 0000000..b661115
--- /dev/null
+++ b/content/personal/micha-michalova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 2
+
+[extra]
+name = "Míša Michalová"
+role = "Oddílák"
++++
diff --git a/content/personal/michal-roucka/index.md b/content/personal/michal-roucka/index.md
new file mode 100644
index 0000000..4827029
--- /dev/null
+++ b/content/personal/michal-roucka/index.md
@@ -0,0 +1,7 @@
++++
+weight = 1
+
+[extra]
+name = "Michal Roučka"
+role = "Hlavní vedoucí"
++++
diff --git a/content/personal/michal-roucka/michal-roucka.jpg b/content/personal/michal-roucka/michal-roucka.jpg
new file mode 100644
index 0000000..032a982
Binary files /dev/null and b/content/personal/michal-roucka/michal-roucka.jpg differ
diff --git a/content/personal/mirka-liskova/index.md b/content/personal/mirka-liskova/index.md
new file mode 100644
index 0000000..899813f
--- /dev/null
+++ b/content/personal/mirka-liskova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 4
+
+[extra]
+name = "Mirka Lišková"
+role = "Zdravotník"
++++
diff --git a/content/personal/ondra-slavik/index.md b/content/personal/ondra-slavik/index.md
new file mode 100644
index 0000000..449c5ee
--- /dev/null
+++ b/content/personal/ondra-slavik/index.md
@@ -0,0 +1,7 @@
++++
+weight = 2
+
+[extra]
+name = "Ondra Slavík"
+role = "Oddílák"
++++
diff --git a/content/personal/ondra-slavik/ondra-slavik.jpg b/content/personal/ondra-slavik/ondra-slavik.jpg
new file mode 100644
index 0000000..0d2e789
Binary files /dev/null and b/content/personal/ondra-slavik/ondra-slavik.jpg differ
diff --git a/content/personal/pavel-kacirek/index.md b/content/personal/pavel-kacirek/index.md
new file mode 100644
index 0000000..752e8b1
--- /dev/null
+++ b/content/personal/pavel-kacirek/index.md
@@ -0,0 +1,7 @@
++++
+weight = 5
+
+[extra]
+name = "Pavel Kačírek"
+role = "Technik"
++++
diff --git a/content/personal/pavel-kacirek/pavel-kacirek.jpg b/content/personal/pavel-kacirek/pavel-kacirek.jpg
new file mode 100644
index 0000000..b9f0228
Binary files /dev/null and b/content/personal/pavel-kacirek/pavel-kacirek.jpg differ
diff --git a/content/personal/pavel-sebera/index.md b/content/personal/pavel-sebera/index.md
new file mode 100644
index 0000000..a4bed6a
--- /dev/null
+++ b/content/personal/pavel-sebera/index.md
@@ -0,0 +1,7 @@
++++
+weight = 5
+
+[extra]
+name = "Pavel Sebera"
+role = "Technik"
++++
diff --git a/content/personal/petra-skotnicova/index.md b/content/personal/petra-skotnicova/index.md
new file mode 100644
index 0000000..9bb542c
--- /dev/null
+++ b/content/personal/petra-skotnicova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 2
+
+[extra]
+name = "Petra Skotnicová"
+role = "Oddílák"
++++
diff --git a/content/personal/sarka-seberova/index.md b/content/personal/sarka-seberova/index.md
new file mode 100644
index 0000000..57e8583
--- /dev/null
+++ b/content/personal/sarka-seberova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 4
+
+[extra]
+name = "Šárka Seberová"
+role = "Zdravotník"
++++
diff --git a/content/personal/standa-skotnica/index.md b/content/personal/standa-skotnica/index.md
new file mode 100644
index 0000000..c8c43db
--- /dev/null
+++ b/content/personal/standa-skotnica/index.md
@@ -0,0 +1,7 @@
++++
+weight = 7
+
+[extra]
+name = "Standa Skotnica"
+role = "Hospodář"
++++
diff --git a/content/personal/standa-skotnica/standa-skotnica.jpg b/content/personal/standa-skotnica/standa-skotnica.jpg
new file mode 100644
index 0000000..a23e64b
Binary files /dev/null and b/content/personal/standa-skotnica/standa-skotnica.jpg differ
diff --git a/content/personal/terka-janova/index.md b/content/personal/terka-janova/index.md
new file mode 100644
index 0000000..9186336
--- /dev/null
+++ b/content/personal/terka-janova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 3
+
+[extra]
+name = "Terka Jánová"
+role = "Instruktor"
++++
diff --git a/content/personal/terka-janova/terka-janova.jpg b/content/personal/terka-janova/terka-janova.jpg
new file mode 100644
index 0000000..fd4aefa
Binary files /dev/null and b/content/personal/terka-janova/terka-janova.jpg differ
diff --git a/content/personal/tomas-bruzek/index.md b/content/personal/tomas-bruzek/index.md
new file mode 100644
index 0000000..0a5f50e
--- /dev/null
+++ b/content/personal/tomas-bruzek/index.md
@@ -0,0 +1,7 @@
++++
+weight = 3
+
+[extra]
+name = "Tomáš Brůžek"
+role = "Instruktor"
++++
diff --git a/content/personal/tomas-zdobnicky/index.md b/content/personal/tomas-zdobnicky/index.md
new file mode 100644
index 0000000..8866c14
--- /dev/null
+++ b/content/personal/tomas-zdobnicky/index.md
@@ -0,0 +1,7 @@
++++
+weight = 0
+
+[extra]
+name = "Tomáš Zdobnický"
+role = "Předseda"
++++
diff --git a/content/personal/tomas-zdobnicky/tomas-zdobnicky.jpg b/content/personal/tomas-zdobnicky/tomas-zdobnicky.jpg
new file mode 100644
index 0000000..4456b30
Binary files /dev/null and b/content/personal/tomas-zdobnicky/tomas-zdobnicky.jpg differ
diff --git a/content/personal/venca-trestik/index.md b/content/personal/venca-trestik/index.md
new file mode 100644
index 0000000..0a1bf1c
--- /dev/null
+++ b/content/personal/venca-trestik/index.md
@@ -0,0 +1,7 @@
++++
+weight = 6
+
+[extra]
+name = "Venca Třeštík"
+role = "Kuchař"
++++
diff --git a/content/personal/verca-pekarova/index.md b/content/personal/verca-pekarova/index.md
new file mode 100644
index 0000000..07a6072
--- /dev/null
+++ b/content/personal/verca-pekarova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 2
+
+[extra]
+name = "Verča Pekařová"
+role = "Oddílák"
++++
diff --git a/content/personal/verca-rouckova/index.md b/content/personal/verca-rouckova/index.md
new file mode 100644
index 0000000..65cc38e
--- /dev/null
+++ b/content/personal/verca-rouckova/index.md
@@ -0,0 +1,7 @@
++++
+weight = 1
+
+[extra]
+name = "Verča Roučková"
+role = "Hlavní vedoucí"
++++
diff --git a/content/personal/verca-rouckova/verca-rouckova.jpg b/content/personal/verca-rouckova/verca-rouckova.jpg
new file mode 100644
index 0000000..75a8886
Binary files /dev/null and b/content/personal/verca-rouckova/verca-rouckova.jpg differ
diff --git a/sass/_grid.scss b/sass/_grid.scss
new file mode 100644
index 0000000..efa5504
--- /dev/null
+++ b/sass/_grid.scss
@@ -0,0 +1,13 @@
+.grid {
+	display: grid;
+	grid-template-columns: 1fr;
+	gap: 1em;
+}
+
+.grid-2 { grid-template-columns: 1fr 1fr }
+.grid-3 { grid-template-columns: 1fr 1fr 1fr }
+.grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr }
+.grid-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr }
+
+.gap-2 { gap: 2em }
+.gap-3 { gap: 3em }
diff --git a/sass/_personnel.scss b/sass/_personnel.scss
new file mode 100644
index 0000000..1e1e48d
--- /dev/null
+++ b/sass/_personnel.scss
@@ -0,0 +1,15 @@
+.personnel {
+	.person {
+		text-align: center;
+
+		img {
+			border-radius: 1em;
+			margin-bottom: 1em;
+			filter: drop-shadow(0 0 10px rgba(0,0,0,0.3));
+		}
+
+		.name {
+			font-weight: bold;
+		}
+	}
+}
diff --git a/sass/style.scss b/sass/style.scss
index 86e07bb..b031fc1 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -1,4 +1,6 @@
 @import "fonts";
+@import "grid";
+@import "personnel";
 
 * {
 	box-sizing: border-box;
@@ -31,7 +33,7 @@ body {
 
 .wrap {
 	width: 100%;
-	max-width: 50em;
+	max-width: 80em;
 	margin-left: auto;
 	margin-right: auto;
 }
diff --git a/static/img/placeholder.jpg b/static/img/placeholder.jpg
new file mode 100644
index 0000000..a0606a2
Binary files /dev/null and b/static/img/placeholder.jpg differ
diff --git a/templates/macros.html b/templates/macros.html
index 5b6076d..d5b648d 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -10,7 +10,18 @@
 
 {% macro personnel() %}
 	{% for person in section.pages %}
-		{{ person.extra.name }}
-		{{ person.extra.role }}
+		{%- set_global image = "/static/img/placeholder.jpg" %}
+		{%- for asset in person.assets %}
+			{%- if asset is matching(person.slug~"[.](jpg|png)$") %}
+				{%- set_global image = asset %}
+				{%- break %}
+			{% endif %}
+		{%- endfor %}
+		{%- set image = resize_image(path=image, width=300, height=300, op="fill") %}
+		<div class="person">
+			<img src="{{ image.url }}" alt={{ person.extra.name }}>
+			<div class="name">{{ person.extra.name }}</div>
+			<div class="role">{{ person.extra.role }}</div>
+		</div>
 	{% endfor %}
 {% endmacro %}
diff --git a/templates/personnel.html b/templates/personnel.html
index 3cf8894..8175f19 100644
--- a/templates/personnel.html
+++ b/templates/personnel.html
@@ -1,7 +1,12 @@
 {% extends "base.html" %}
 
 {% block content %}
-	<section class="personnel">
-		{{ macros::personnel() }}
+	<section class="wrap">
+		{{ section.content | safe }}
+	</section>
+	<section class="wrap personnel">
+		<div class="grid grid-5 gap-3">
+			{{ macros::personnel() }}
+		</div>
 	</section>
 {% endblock %}