diff --git a/galerie/index.html b/galerie/index.html
new file mode 100644
index 0000000..90a01f3
--- /dev/null
+++ b/galerie/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title> Deez nuts </title>
+	<link rel="stylesheet" href="../index.css">
+</head>
+<body> <center>
+	<div class="box">
+			<h2>Umění</h2>
+			<div id="galerie">
+				<div id="gal0" class="gal"><img class="galimg" id="galimg0"></div>
+				<div id="gal1" class="gal"><img class="galimg" id="galimg1"></div>
+				<div id="gal2" class="gal"><img class="galimg" id="galimg2"></div>
+				<div id="gal3" class="gal"><img class="galimg" id="galimg3"></div>
+				<div id="gal4" class="gal"><img class="galimg" id="galimg4"></div>
+				<div id="gal5" class="gal"><img class="galimg" id="galimg5"></div>
+			</div>
+			<button class="foot" id="lgal"><p><</p></button>
+			<p class="foot" id="counter"> </p>
+			<button class="foot" id="rgal"><p>></p></button>
+	</div>
+	<script>
+			let index = 0;
+			let imgpaths = ["cabelist.jpg", "computerist.jpg", "culturist.jpg", "drivist.jpg", "forkliftist.jpg", "hamerist.webp", "listenist.jpg", "assist.jpg", "readist.jpg", "readist2.jpg", "pottist.jpg", "ew.jpg", "waterist.jpg", "the_fight.jpg", "tankist.png", "lingebra.jpg", "i_was_put.jpg", "man.jpg", "real.jpg", "freebird.jpg", "Bez_nadeje.png", "amogusepic.jpg", "gchdeez.png", "lays.png", "pie.png", "godot.jpg", "amogus-real.jpg", "big-chungus.png"];
+			let count = imgpaths.length;
+			let max = Math.floor(count/6);
+			let update = () => {
+				for(let i = 0; i < 6; i++) {
+						let src = "gandalf.jpg";
+						if(i + index*6 < count) src = imgpaths[6*index + i];
+						document.getElementById("galimg"+i).src = "umeni/"+src;
+				}
+				document.getElementById("counter").innerHTML = index + ' / ' + max;
+			}
+			document.getElementById("lgal").onclick = () => {
+				if(index <= 0 ) index = max;
+				else index--;
+				update();
+			}
+			document.getElementById("rgal").onclick = () => {
+				if(index >= max) index = 0;
+				else index++;
+				update();
+			}
+			update();
+	</script>
+</center> </body>
+</html>
diff --git a/img/umeni/Bez_nadeje.png b/galerie/umeni/Bez_nadeje.png
similarity index 100%
rename from img/umeni/Bez_nadeje.png
rename to galerie/umeni/Bez_nadeje.png
diff --git a/img/umeni/amogus-real.jpg b/galerie/umeni/amogus-real.jpg
similarity index 100%
rename from img/umeni/amogus-real.jpg
rename to galerie/umeni/amogus-real.jpg
diff --git a/img/umeni/amogusepic.jpg b/galerie/umeni/amogusepic.jpg
similarity index 100%
rename from img/umeni/amogusepic.jpg
rename to galerie/umeni/amogusepic.jpg
diff --git a/img/umeni/assist.jpg b/galerie/umeni/assist.jpg
similarity index 100%
rename from img/umeni/assist.jpg
rename to galerie/umeni/assist.jpg
diff --git a/img/umeni/big-chungus.png b/galerie/umeni/big-chungus.png
similarity index 100%
rename from img/umeni/big-chungus.png
rename to galerie/umeni/big-chungus.png
diff --git a/img/umeni/cabelist.jpg b/galerie/umeni/cabelist.jpg
similarity index 100%
rename from img/umeni/cabelist.jpg
rename to galerie/umeni/cabelist.jpg
diff --git a/img/umeni/computerist.jpg b/galerie/umeni/computerist.jpg
similarity index 100%
rename from img/umeni/computerist.jpg
rename to galerie/umeni/computerist.jpg
diff --git a/img/umeni/culturist.jpg b/galerie/umeni/culturist.jpg
similarity index 100%
rename from img/umeni/culturist.jpg
rename to galerie/umeni/culturist.jpg
diff --git a/img/umeni/drivist.jpg b/galerie/umeni/drivist.jpg
similarity index 100%
rename from img/umeni/drivist.jpg
rename to galerie/umeni/drivist.jpg
diff --git a/img/umeni/ew.jpg b/galerie/umeni/ew.jpg
similarity index 100%
rename from img/umeni/ew.jpg
rename to galerie/umeni/ew.jpg
diff --git a/img/umeni/forkliftist.jpg b/galerie/umeni/forkliftist.jpg
similarity index 100%
rename from img/umeni/forkliftist.jpg
rename to galerie/umeni/forkliftist.jpg
diff --git a/img/umeni/freebird.jpg b/galerie/umeni/freebird.jpg
similarity index 100%
rename from img/umeni/freebird.jpg
rename to galerie/umeni/freebird.jpg
diff --git a/img/umeni/gandalf.jpg b/galerie/umeni/gandalf.jpg
similarity index 100%
rename from img/umeni/gandalf.jpg
rename to galerie/umeni/gandalf.jpg
diff --git a/img/umeni/gchdeez.png b/galerie/umeni/gchdeez.png
similarity index 100%
rename from img/umeni/gchdeez.png
rename to galerie/umeni/gchdeez.png
diff --git a/img/umeni/godot.jpg b/galerie/umeni/godot.jpg
similarity index 100%
rename from img/umeni/godot.jpg
rename to galerie/umeni/godot.jpg
diff --git a/img/umeni/hamerist.webp b/galerie/umeni/hamerist.webp
similarity index 100%
rename from img/umeni/hamerist.webp
rename to galerie/umeni/hamerist.webp
diff --git a/img/umeni/i_was_put.jpg b/galerie/umeni/i_was_put.jpg
similarity index 100%
rename from img/umeni/i_was_put.jpg
rename to galerie/umeni/i_was_put.jpg
diff --git a/img/umeni/lays.png b/galerie/umeni/lays.png
similarity index 100%
rename from img/umeni/lays.png
rename to galerie/umeni/lays.png
diff --git a/img/umeni/lingebra.jpg b/galerie/umeni/lingebra.jpg
similarity index 100%
rename from img/umeni/lingebra.jpg
rename to galerie/umeni/lingebra.jpg
diff --git a/img/umeni/listenist.jpg b/galerie/umeni/listenist.jpg
similarity index 100%
rename from img/umeni/listenist.jpg
rename to galerie/umeni/listenist.jpg
diff --git a/img/umeni/man.jpg b/galerie/umeni/man.jpg
similarity index 100%
rename from img/umeni/man.jpg
rename to galerie/umeni/man.jpg
diff --git a/img/umeni/pie.png b/galerie/umeni/pie.png
similarity index 100%
rename from img/umeni/pie.png
rename to galerie/umeni/pie.png
diff --git a/img/umeni/pottist.jpg b/galerie/umeni/pottist.jpg
similarity index 100%
rename from img/umeni/pottist.jpg
rename to galerie/umeni/pottist.jpg
diff --git a/img/umeni/readist.jpg b/galerie/umeni/readist.jpg
similarity index 100%
rename from img/umeni/readist.jpg
rename to galerie/umeni/readist.jpg
diff --git a/img/umeni/readist2.jpg b/galerie/umeni/readist2.jpg
similarity index 100%
rename from img/umeni/readist2.jpg
rename to galerie/umeni/readist2.jpg
diff --git a/img/umeni/real.jpg b/galerie/umeni/real.jpg
similarity index 100%
rename from img/umeni/real.jpg
rename to galerie/umeni/real.jpg
diff --git a/img/umeni/tankist.png b/galerie/umeni/tankist.png
similarity index 100%
rename from img/umeni/tankist.png
rename to galerie/umeni/tankist.png
diff --git a/img/umeni/the_fight.jpg b/galerie/umeni/the_fight.jpg
similarity index 100%
rename from img/umeni/the_fight.jpg
rename to galerie/umeni/the_fight.jpg
diff --git a/img/umeni/waterist.jpg b/galerie/umeni/waterist.jpg
similarity index 100%
rename from img/umeni/waterist.jpg
rename to galerie/umeni/waterist.jpg
diff --git a/index.css b/index.css
new file mode 100644
index 0000000..a015109
--- /dev/null
+++ b/index.css
@@ -0,0 +1,53 @@
+@font-face {
+	font-family: 'xenippa';
+	src: URL('img/xenippa.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'ninifont';
+	src: URL('img/ninifont.otf') format('opentype');
+}
+h1, h2, a, p {color: black;}
+h1 {font-size: 600%;font-family: xenippa;}
+h2 {font-size: 275%;font-family: xenippa;}
+.cite {font-size: 150%; font-family: ninifont;}
+p {font-size: 150%;}
+img {
+	width: 100%;
+	height: 100%;
+}
+.box {
+	border-radius: 1%;
+	margin-left: 5%;
+	margin-right: 5%;
+	padding: 1%;
+	background-color: lightgray;
+}
+.imgcontain {object-fit: contain;}
+
+#galerie {
+	display: grid;
+	grid-template-columns: 1fr 1fr 1fr;
+	grid-template-areas:
+			"aa ab ac"
+			"ba bb bc";
+	justify-items: center;
+}
+#gal0 {grid-area: aa;}
+#gal1 {grid-area: ab;}
+#gal2 {grid-area: ac;}
+#gal3 {grid-area: ba;}
+#gal4 {grid-area: bb;}
+#gal5 {grid-area: bc;}
+.gal {
+	margin: 2.5%;
+	object-fit: contain;
+	aspect-ratio: 1 / 1;
+	padding-bottom: 0%;
+}
+.foot {
+	display: inline-block;
+	font-family: xenippa;
+}
+#rgal, #lgal {min-width: 50px;}
+.galimg {object-fit: contain;}
+#counter {margin: 2%;}
diff --git a/index.html b/index.html
index b4ac2ca..7845555 100644
--- a/index.html
+++ b/index.html
@@ -2,64 +2,8 @@
 <html>
 <head>
 	<title> Deez nuts </title>
-<style>
-@font-face {
-	font-family: 'xenippa';
-	src: URL('img/xenippa.ttf') format('truetype');
-}
-@font-face {
-	font-family: 'ninifont';
-	src: URL('img/ninifont.otf') format('opentype');
-}
-h1, h2, a, p {color: black;}
-h1 {font-size: 600%;font-family: xenippa;}
-h2 {font-size: 275%;font-family: xenippa;}
-.cite {font-size: 150%; font-family: ninifont;}
-p {font-size: 150%;}
-img {
-	width: 100%;
-	height: 100%;
-}
-.box {
-	border-radius: 1%;
-	margin-left: 5%;
-	margin-right: 5%;
-	padding: 1%;
-	background-color: lightgray;
-}
-.imgcontain {object-fit: contain;}
-
-#galerie {
-	display: grid;
-	grid-template-columns: 1fr 1fr 1fr;
-	grid-template-areas:
-			"aa ab ac"
-			"ba bb bc";
-	justify-items: center;
-}
-#gal0 {grid-area: aa;}
-#gal1 {grid-area: ab;}
-#gal2 {grid-area: ac;}
-#gal3 {grid-area: ba;}
-#gal4 {grid-area: bb;}
-#gal5 {grid-area: bc;}
-.gal {
-	margin: 2.5%;
-	object-fit: contain;
-	aspect-ratio: 1 / 1;
-	padding-bottom: 0%;
-}
-.foot {
-	display: inline-block;
-	font-family: xenippa;
-}
-#rgal, #lgal {min-width: 50px;}
-.galimg {object-fit: contain;}
-#counter {margin: 2%;}
-
-</style>
+	<link rel="stylesheet" href="index.css">
 </head>
-
 <body> <center>
 	<div class='box'>
 		<h1>Matúš</h1>
@@ -92,51 +36,16 @@ img {
 
 	<div class='box'>
 		<h2>Cool projekty</h2>
-		<p>Rekurzivní piškvorky: <a href='p/index.html'>mat.uush.cz/p</a></p>
 		<p>Logik: <a href='https://git.chillplace.beer/matuush/logik'>git.chillplace.beer/matuush/logik</a></p>
 		<p>Ze editor: <a href='https://git.chillplace.beer/matuush/zeed'>git.chillplace.beer/matuush/zeed</a></p>
 	</div>
 
 	<br>
-
-	<div class="box">
-			<h2>Umění</h2>
-			<div id="galerie">
-				<div id="gal0" class="gal"><img class="galimg" id="galimg0"></div>
-				<div id="gal1" class="gal"><img class="galimg" id="galimg1"></div>
-				<div id="gal2" class="gal"><img class="galimg" id="galimg2"></div>
-				<div id="gal3" class="gal"><img class="galimg" id="galimg3"></div>
-				<div id="gal4" class="gal"><img class="galimg" id="galimg4"></div>
-				<div id="gal5" class="gal"><img class="galimg" id="galimg5"></div>
-			</div>
-			<button class="foot" id="lgal"><p><</p></button>
-			<p class="foot" id="counter"> </p>
-			<button class="foot" id="rgal"><p>></p></button>
+	<div class='box'>
+		<h2>Kam dál</h2>
+		<p>Rekurzivní piškvorky: <a href='p/index.html'>mat.uush.cz/p</a></p>
+		<p>Galerie umění: <a href='p/index.html'>mat.uush.cz/galerie.html</a></p>
 	</div>
-	<script>
-			let index = 0;
-			let imgpaths = ["cabelist.jpg", "computerist.jpg", "culturist.jpg", "drivist.jpg", "forkliftist.jpg", "hamerist.webp", "listenist.jpg", "assist.jpg", "readist.jpg", "readist2.jpg", "pottist.jpg", "ew.jpg", "waterist.jpg", "the_fight.jpg", "tankist.png", "lingebra.jpg", "i_was_put.jpg", "man.jpg", "real.jpg", "freebird.jpg", "Bez_nadeje.png", "amogusepic.jpg", "gchdeez.png", "lays.png", "pie.png", "godot.jpg", "amogus-real.jpg", "big-chungus.png"];
-			let count = imgpaths.length;
-			let max = Math.floor(count/6);
-			let update = () => {
-				for(let i = 0; i < 6; i++) {
-						let src = "gandalf.jpg";
-						if(i + index*6 < count) src = imgpaths[6*index + i];
-						document.getElementById("galimg"+i).src = "img/umeni/"+src;
-				}
-				document.getElementById("counter").innerHTML = index + ' / ' + max;
-			}
-			document.getElementById("lgal").onclick = () => {
-				if(index <= 0 ) index = max;
-				else index--;
-				update();
-			}
-			document.getElementById("rgal").onclick = () => {
-				if(index >= max) index = 0;
-				else index++;
-				update();
-			}
-			update();
-	</script>
+
 </center> </body>
 </html>
