diff --git a/homepage/redesign2018/markdownExperiment/Makefile b/homepage/redesign2018/markdownExperiment/Makefile
index 4b43a31..f276b8f 100644
--- a/homepage/redesign2018/markdownExperiment/Makefile
+++ b/homepage/redesign2018/markdownExperiment/Makefile
@@ -3,13 +3,14 @@ RES_LIST = 64 128 256 512
 cssFiles = $(wildcard css/*.css)
 mdFiles = $(wildcard md/*.md)
 phpFiles = $(patsubst md/%.md, build/%.php, $(mdFiles))
+ampFiles = $(patsubst md/%.md, build/amp/%.php, $(mdFiles))
 phpLibFiles = $(wildcard phpLib/cwsvJudo/*.php) phpLib/phpcount/phpcount.php
 configFiles = $(wildcard config/*.php)
-ampFiles = $(patsubst md/%.md, build/amp/%.php, $(mdFiles))
 
 
 uploadMarker = \
 	$(patsubst build/%.php, build/.uploadMarker/%.php, $(phpFiles)) \
+	$(patsubst build/amp/%.php, build/.uploadMarker/amp/%.php, $(ampFiles)) \
 	$(patsubst phpLib/%.php, build/.uploadMarker/phpLib/%.php, $(phpLibFiles)) \
 	$(patsubst config/%.php, build/.uploadMarker/config/%.php, $(configFiles)) \
 	build/.uploadMarker/config/.htaccess \
@@ -27,9 +28,15 @@ clean:
 
 .PHONY: echo
 echo:
+	@echo "phpFiles:"
 	@echo $(phpFiles)
+	@echo "ampFiles:"
+	@echo $(ampFiles)
+	@echo "phpLibFiles:"
 	@echo $(phpLibFiles)
+	@echo "cssFiles:"
 	@echo $(cssFiles)
+	@echo "uploadMarker:"
 	@echo $(uploadMarker)
 
 
@@ -37,8 +44,9 @@ echo:
 ampTest: $(ampFiles)
 
 build/css/cwsvJudo.css: $(cssFiles)
-	mkdir -p build/css
-	cat $(cssFiles) > $@
+	mkdir -p $(dir $@)
+#	cat $(cssFiles) > $@
+	cat $^ | csso -o $@
 #	cat $(cssFiles) | cleancss -o $@
 
 build/%.php: md/%.md build/yaml/%.yaml pandocTemplate/cwsvJudo.html5.pandocTemplate
@@ -58,13 +66,9 @@ build/amp/%.php: md/%.md build/yaml/%.yaml pandocTemplate/cwsvJudo.amp.pandocTem
 		--template=pandocTemplate/cwsvJudo.amp.pandocTemplate \
 		--output=$@ \
 	$< $(word 2,$^)
-	curl \
-		--upload-file $@ \
-		--user cwsvjudo:***REMOVED*** \
-		ftp://cwsvjudo.bplaced.net/www/pages/responsive/$(patsubst build/%.php,%.php,$^) \
-		--ftp-create-dirs
-	touch $@
-
+# Die auskommentierte Variante fand ich besser, aber der Validator hat ein Problem mit http bei src in img ;)
+#	sed --in-place 's/<img \(.*\)\/>/<amp-img \1 layout=\"responsive\"><noscript><img \1\/><\/noscript><\/amp-img>/g;' $@
+	sed --in-place 's/<img \(.*\)\/>/<amp-img \1 layout=\"responsive\"><\/amp-img>/g;' $@
 
 build/yaml/%.yaml: yaml/images.yaml yaml/navTargets.yaml yaml/mainNav.yaml yaml/%.subNav.yaml
 	mkdir -p build/yaml
@@ -87,6 +91,22 @@ build/.uploadMarker/%.php: build/%.php
 		--ftp-create-dirs
 	touch $@
 
+build/.uploadMarker/amp/%.php: build/amp/%.php
+	mkdir -p build/.uploadMarker/amp
+# @toDo: das wenn die Entwicklung des ampParts fertig ist auf das 
+#  Zielverzeichnis pages/amp umstellen
+	curl \
+		--upload-file $^ \
+		--user cwsvjudo:Dee4oquu \
+		ftp://cwsvjudo.square7.net/pages/$(patsubst build/amp/%.php,amp/%.php,$^) \
+		--ftp-create-dirs
+	curl \
+		--upload-file $^ \
+		--user cwsvjudo:***REMOVED*** \
+		ftp://cwsvjudo.bplaced.net/www/pages/$(patsubst build/amp/%.php,amp/%.php,$^) \
+		--ftp-create-dirs
+	touch $@
+
 build/.uploadMarker/phpLib/%.php: phpLib/%.php
 	mkdir -p build/.uploadMarker/phpLib/cwsvJudo
 	mkdir -p build/.uploadMarker/phpLib/phpcount
diff --git a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-footer.css b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-footer.css
index 57b943e..3d38967 100644
--- a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-footer.css
+++ b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-footer.css
@@ -9,3 +9,7 @@
 	justify-content: center;
 }
 
+.footerBar amp-img{
+	max-width: 1em;
+}
+
diff --git a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-galTable.css b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-galTable.css
index 69672c8..b19922c 100644
--- a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-galTable.css
+++ b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-galTable.css
@@ -41,3 +41,10 @@
 /*
 .galTable > tr > td:nth-child(1){}
 */
+
+.yearList{
+	list-style-type: none;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+}
diff --git a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-header.css b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-header.css
index 79dc6c5..d313d20 100644
--- a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-header.css
+++ b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-header.css
@@ -14,13 +14,15 @@
 	background-color: #FF8100;
 }
 
-.cwsvHeader img:first-of-type{
+.cwsvHeader > amp-img:first-of-type,
+.cwsvHeader > img:first-of-type{
 	display: none;
 }
+
+.cwsvHeader amp-img,
 .cwsvHeader img{
 	width: auto;
 	height: 3em;
-/*	height: 100%;*/
 }
 
 .cwsvHeader em{
@@ -46,7 +48,8 @@
 }
 
 @media (min-width: 1280px){
-	.cwsvHeader img:first-of-type{
+	.cwsvHeader > amp-img:first-of-type,
+	.cwsvHeader > img:first-of-type{
 		display: initial;
 	}
 }
diff --git a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-mainNav.css b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-mainNav.css
index b9bad51..d8e70e2 100644
--- a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-mainNav.css
+++ b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-mainNav.css
@@ -30,6 +30,10 @@
 	padding-top:.2em;
 }
 
+#mainNav > a > span > amp-img{
+	max-width: 2em;
+}
+
 #mainNav > a > span > img{
 	height: 2em;
 	width: auto;
@@ -59,6 +63,7 @@
 	#mainNav > a{
 		padding: .5em .5em;
 	}
+	#mainNav > a > amp-img,
 	#mainNav > a > img{
 		display: none;
 	}
@@ -79,6 +84,7 @@
 	#mainNav > a {
 		padding: 1em 1.5em;
 	}
+	#mainNav > a > amp-img,
 	#mainNav > a > img{
 		display: initial;
 	}
diff --git a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-news.css b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-news.css
index 9e0564c..84860fa 100644
--- a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-news.css
+++ b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-news.css
@@ -48,6 +48,7 @@
 .newsText a {
 	float: none;
 }
+.newsText amp-img, 
 .newsText img{
 	max-width: 100%;
 	display: block;
diff --git a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-sponsorList.css b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-sponsorList.css
index 56bd9ea..4087024 100644
--- a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-sponsorList.css
+++ b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-sponsorList.css
@@ -1,3 +1,4 @@
+.sponsorList > li amp-img, 
 .sponsorList > li img {
 	width: 100%;
 	height: auto;
diff --git a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-subNav.css b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-subNav.css
index bf5c280..7f9b9a1 100644
--- a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-subNav.css
+++ b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-subNav.css
@@ -23,6 +23,9 @@
 	margin-left: auto;
 }
 
+.subNav > a > amp-img{
+	max-width: 1em;
+}
 .subNav > a > img{
 	height: 1em;
 	width: auto;
@@ -62,6 +65,7 @@
 		justify-content: flex-end;
 		align-items: center;
 	}
+	.subNav > a > amp-img, 
 	.subNav > a > img{
 		display: none;
 	}
@@ -75,6 +79,7 @@
 	.subNav{
 		justify-content: center;
 	}
+	.subNav > a > amp-img, 
 	.subNav > a > img{
 		display: initial;
 	}
diff --git a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-wkKalender.css b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-wkKalender.css
index 9f88d8c..93aa5d9 100644
--- a/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-wkKalender.css
+++ b/homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-wkKalender.css
@@ -47,35 +47,6 @@
 	color: #757575;
 }
 
-.kalenderDatum{
-	display: flex;
-	justify-content: flex-end;
-}
-.kalenderDatum > span:nth-child(4)::after{
-	content: ", d. ";
-	white-space: pre;
-}
-.kalenderDatum > span:nth-child(4){
-	order: 1;
-}
-.kalenderDatum > span:nth-child(3)::after{
-	content: ". ";
-	white-space: pre;
-}
-.kalenderDatum > span:nth-child(3){
-	order: 2;
-}
-.kalenderDatum > span:nth-child(2)::after{
-	content: " ";
-	white-space: pre;
-}
-.kalenderDatum > span:nth-child(2){
-	order: 3;
-}
-.kalenderDatum > span:nth-child(1){
-	order: 4;
-}
-
 
 @media screen and (min-width: 1280px){
 	.wkKalender > thead{
@@ -123,208 +94,6 @@
 	.wkKalender th {
 		display: table-cell;
 	}
-	
-	.kalenderDatum{
-		flex-direction: column;
-		align-items: center;
-	}
-	.kalenderDatum > span:nth-child(4)::after{
-		content: initial;
-		white-space: initial;
-	}
-	.kalenderDatum > span:nth-child(4){
-		display: none;
-	}
-	.kalenderDatum > span:nth-child(3)::after{
-		content: ".";
-		white-space: pre;
-	}
-	.kalenderDatum > span:nth-child(2)::after{
-		content: initial;
-		white-space: initial;
-	}
-
-
-
-/* https://codepen.io/denilsonsa/pen/Etrba */
-
-	/****************************************/
-	/* Styling rules, such as font and colors */
-	.date-as-calendar {
-	  font-variant: normal;
-	  font-style: normal;
-	  font-weight: normal;
-	  font-family: "Helvetica", "Arial", sans-serif;
-
-	  /* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
-	  vertical-align: top;
-
-	  /* margin: 1ex; */
-
-	  color: black;
-	  background: white;
-	  background : linear-gradient(to bottom right, #FFF 0%, #EEE 100%);
-
-	  border: 1px solid #888;
-	  border-radius: 3px;
-	  overflow: hidden;
-
-	  box-shadow: 2px 2px 2px -2px black;
-	}
-	.date-as-calendar .weekday,
-	.date-as-calendar .day,
-	.date-as-calendar .month,
-	.date-as-calendar .year {
-	  text-align: center;
-	  line-height: 1.0;
-	}
-	.date-as-calendar .month {
-	  font-family: "Oswald", sans-serif;
-	  text-transform: uppercase;
-	  background: #B11;
-	  background : linear-gradient(to bottom right, #D66 0%, #A00 100%);
-	  color: white;
-	}
-
-	/****************************************/
-	/* Layout rules using position: absolute and pixels. */
-	.position-pixels.date-as-calendar {
-	  display: inline-block;
-	  position: relative;
-	  width: 64px;
-	  height: 64px;
-	}
-	.position-pixels.date-as-calendar .weekday,
-	.position-pixels.date-as-calendar .day,
-	.position-pixels.date-as-calendar .month,
-	.position-pixels.date-as-calendar .year {
-	  display: block;
-	  position: absolute;
-	  left: 0;
-	  right: 0;
-	  width: 100%;
-	  height: 1em;
-	}
-	.position-pixels.date-as-calendar .month {
-	  top: 0px;
-	  font-size: 12px;
-	  padding: 2px 0;
-	}
-	.position-pixels.date-as-calendar .weekday {
-	  top: 16px;
-	  font-size: 10px;
-	}
-	.position-pixels.date-as-calendar .day {
-	  top: 26px;
-	  font-size: 24px;
-	}
-	.position-pixels.date-as-calendar .year {
-	  top: 50px;
-	  font-size: 14px;
-	}
-
-	/****************************************/
-	/* Layout rules using position: absolute and relative dimensions using em. */
-	.position-em.date-as-calendar {
-	  display: inline-block;
-	  position: relative;
-	  
-	  width: 4em; 
-	  height: 4em; 
-	}
-	.position-em.date-as-calendar .weekday,
-	.position-em.date-as-calendar .day,
-	.position-em.date-as-calendar .month,
-	.position-em.date-as-calendar .year {
-	  display: block;
-	  position: absolute;
-	  left: 0;
-	  right: 0;
-	  width: 100%;
-	  height: 1em;
-	}
-	.position-em.date-as-calendar .month {
-	  top: 0px;
-	  font-size: 0.75em;
-	  padding: 0.1em 0;
-	}
-	.position-em.date-as-calendar .weekday {
-	  top: 1.6em;
-	  font-size: 0.6125em;
-	}
-	.position-em.date-as-calendar .day {
-	  top: 1.1em;
-	  font-size: 1.5em
-	}
-	.position-em.date-as-calendar .year {
-	  bottom: 0px;
-	  font-size: 0.87750em;
-	}
-
-	/****************************************/
-	/* Layout rules using display: inline-flex and relative dimensions using em. */
-	.inline-flex.date-as-calendar {
-	  display: inline-flex;
-	  flex-direction: column;
-	  flex-wrap: nowrap;
-	  justify-content: space-between;
-	  
-	  width: 4em; 
-	  height: 4em; 
-	}
-	.inline-flex.date-as-calendar .weekday,
-	.inline-flex.date-as-calendar .day,
-	.inline-flex.date-as-calendar .month,
-	.inline-flex.date-as-calendar .year {
-	  display: block;
-	  flex: 1 1 auto;
-	}
-	.inline-flex.date-as-calendar .month {
-	  order: 1;
-	  font-size: 0.75em;
-	  padding: 0.1em 0;
-	}
-	.inline-flex.date-as-calendar .weekday {
-	  order: 2;
-	  font-size: 0.6125em;
-	}
-	.inline-flex.date-as-calendar .day {
-	  order: 3;
-	  font-size: 1.5em;
-	}
-	.inline-flex.date-as-calendar .year {
-	  order: 4;
-	  font-size: 0.87750em;
-	}
-
-	/****************************************/
-	/* Multiple sizes. */
-	.date-as-calendar.size0_5x {
-	  font-size: 8px;
-	}
-	.date-as-calendar.size0_75x {
-	  font-size: 12px;
-	}
-	.date-as-calendar.size1x {
-	  font-size: 16px;
-	}
-	.date-as-calendar.size1_25x {
-	  font-size: 20px;
-	}
-	.date-as-calendar.size1_5x {
-	  font-size: 24px;
-	}
-	.date-as-calendar.size1_75x {
-	  font-size: 28px;
-	}
-	.date-as-calendar.size2x {
-	  font-size: 32px;
-	}
-	.date-as-calendar.size3x {
-	  font-size: 48px;
-	}
-
-
 }
 
 .displayNone{
diff --git a/homepage/redesign2018/markdownExperiment/htaccess/.htaccess b/homepage/redesign2018/markdownExperiment/htaccess/.htaccess
new file mode 100644
index 0000000..7136e49
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/htaccess/.htaccess
@@ -0,0 +1,22 @@
+# Url-Rewriting aktivieren
+RewriteEngine on
+# Das Request ist für diese Domain
+# Für uns eigentlich irrelevant, da alle Domains (mit/ohne 
+# www/ch/de/net) auf das Unterverzeichnis geleitet werden soll, aber 
+# interessant zu wissen
+RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.square7.net$ [NC]
+# Die angeforderte Ressource ist nicht bereits in dem Zielverzeichnis
+RewriteCond %{REQUEST_URI} !^/pages/responsive/
+# Die angeforderte Ressource (Datei) ist nicht im Rootverzeichnis
+RewriteCond %{REQUEST_FILENAME} !-f
+# Die angeforderte Ressource (Verzeichnis) ist nicht im Rootverzeichnis
+RewriteCond %{REQUEST_FILENAME} !-d
+# An die angeforderte Ressource das Zielverzeichnis präfixen
+# Das Request ist für diese Domain
+RewriteRule ^(.*)$ /pages/responsive/$1
+
+# Das Request ist für diese Domain
+RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.square7.net$ [NC]
+# Ein Request für die Root-Ressource auf die index.php im 
+# Zielverzeichnis umleiten
+RewriteRule ^(/)?$ pages/responsive/index.php [L]
diff --git a/homepage/redesign2018/markdownExperiment/htaccess/.htaccess-phpAppender b/homepage/redesign2018/markdownExperiment/htaccess/.htaccess-phpAppender
new file mode 100644
index 0000000..0ed57b8
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/htaccess/.htaccess-phpAppender
@@ -0,0 +1,6 @@
+# Url-Rewriting aktivieren
+RewriteEngine on
+# Wenn * angefordert wurde und *.php existiert
+RewriteCond %{REQUEST_FILENAME}.php -f
+# Hänge ein \.php an
+RewriteRule ^(.*)$ $1\.php
diff --git a/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.de/.htaccess b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.de/.htaccess
new file mode 100644
index 0000000..635b80d
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.de/.htaccess
@@ -0,0 +1,29 @@
+# Url-Rewriting aktivieren
+RewriteEngine on
+# Das Request ist für diese Domain
+# Für uns eigentlich irrelevant, da alle Domains (mit/ohne 
+# www/ch/de/net) auf das Unterverzeichnis geleitet werden soll, aber 
+# interessant zu wissen
+# Und jetzt nützlich: Ich kann es unter der .de-Domain testen!
+RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.bplaced.de$ [NC]
+
+# Die angeforderte Ressource ist nicht bereits in dem Zielverzeichnis:
+RewriteCond %{REQUEST_URI} !^/pages/responsive/
+
+# Die angeforderte Ressource (als Datei) ist nicht im Rootverzeichnis
+RewriteCond %{REQUEST_FILENAME} !-f
+
+# Die angeforderte Ressource (als Verzeichnis) ist nicht im 
+# Rootverzeichnis
+RewriteCond %{REQUEST_FILENAME} !-d
+
+# An die angeforderte Ressource das Zielverzeichnis präfixen
+# Das Request ist für diese Domain
+RewriteRule ^(.*)$ /pages/responsive/$1
+
+# Das Request ist für diese Domain
+# RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.square7.net$ [NC]
+
+# Ein Request für die Root-Ressource auf die index.php im 
+# Zielverzeichnis umleiten
+RewriteRule ^(/)?$ pages/responsive/index.php [L]
diff --git a/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/.htaccess b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/.htaccess
new file mode 100644
index 0000000..635b80d
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/.htaccess
@@ -0,0 +1,29 @@
+# Url-Rewriting aktivieren
+RewriteEngine on
+# Das Request ist für diese Domain
+# Für uns eigentlich irrelevant, da alle Domains (mit/ohne 
+# www/ch/de/net) auf das Unterverzeichnis geleitet werden soll, aber 
+# interessant zu wissen
+# Und jetzt nützlich: Ich kann es unter der .de-Domain testen!
+RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.bplaced.de$ [NC]
+
+# Die angeforderte Ressource ist nicht bereits in dem Zielverzeichnis:
+RewriteCond %{REQUEST_URI} !^/pages/responsive/
+
+# Die angeforderte Ressource (als Datei) ist nicht im Rootverzeichnis
+RewriteCond %{REQUEST_FILENAME} !-f
+
+# Die angeforderte Ressource (als Verzeichnis) ist nicht im 
+# Rootverzeichnis
+RewriteCond %{REQUEST_FILENAME} !-d
+
+# An die angeforderte Ressource das Zielverzeichnis präfixen
+# Das Request ist für diese Domain
+RewriteRule ^(.*)$ /pages/responsive/$1
+
+# Das Request ist für diese Domain
+# RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.square7.net$ [NC]
+
+# Ein Request für die Root-Ressource auf die index.php im 
+# Zielverzeichnis umleiten
+RewriteRule ^(/)?$ pages/responsive/index.php [L]
diff --git a/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.ftpquota b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.ftpquota
new file mode 100644
index 0000000..a93b626
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.ftpquota
@@ -0,0 +1 @@
+41392 1869441637
diff --git a/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htaccess b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htaccess
new file mode 100644
index 0000000..2eccff4
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htaccess
@@ -0,0 +1,109 @@
+## EXPIRES CACHING ##
+<IfModule mod_expires.c>
+ExpiresActive On
+ExpiresByType image/jpg "access 1 year"
+ExpiresByType image/jpeg "access 1 year"
+ExpiresByType image/gif "access 1 year"
+ExpiresByType image/png "access 1 year"
+ExpiresByType text/css "access 1 month"
+ExpiresByType text/html "access 1 month"
+ExpiresByType application/pdf "access 1 month"
+ExpiresByType text/x-javascript "access 1 month"
+ExpiresByType application/x-shockwave-flash "access 1 month"
+ExpiresByType image/x-icon "access 1 year"
+ExpiresDefault "access 1 month"
+</IfModule>
+## EXPIRES CACHING ##
+
+###
+# Weiterleitungen
+###
+
+## www auf nichtwww umleiten
+
+RewriteEngine On
+RewriteBase /
+RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
+RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
+
+RewriteRule ^wk/([0-9]+)$ pages/desktop/verein.wettkampf.php?wkId=$1
+
+RewriteRule ^gallery/([0-9]+)$ ?galId=$1 [L]
+RewriteRule ^gallery/([0-9]+)/.*$ ?galId=$1 [L]
+
+<IfModule mod_headers.c>
+Header set Content-Security-Policy "script-src 'self'"
+</IfModule>
+<IfModule mod_headers.c>
+Header always set X-FRAME-OPTIONS "DENY"
+</IfModule>
+
+
+# Auf die Fontdatei wird von der Subdomain aus zugegriffen
+# - das gesamte ressourcenVerzeichnis wird auf die Maindomain umgeleitet
+# - die mainDomain erlaubt aber anscheinend nicht, das fremde domains bei ihr anfragen startet
+# - deshalb zumindest für das otf-File den cross domain zugriff erlauben
+# (seltsam, dass der Zugriff auf die Bilder unter Photoalben aber erlaubt wird...)
+<IfModule mod_headers.c>
+	<FilesMatch "\.(otf)$">
+		Header set Access-Control-Allow-Origin "*"
+	</FilesMatch>
+</IfModule>
+
+
+###
+# redesign2018 Test
+###
+
+
+# Url-Rewriting aktivieren
+RewriteEngine on
+# Das Request ist für diese Domain
+# Für uns eigentlich irrelevant, da alle Domains (mit/ohne 
+# www/ch/de/net) auf das Unterverzeichnis geleitet werden soll, aber 
+# interessant zu wissen
+# Und jetzt nützlich: Ich kann es unter der .de-Domain testen!
+#RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.bplaced.de$ [NC]
+
+# einige hotfixes
+RewriteRule ^pages/desktop/verein.wettkampfkalender.php$ pages/responsive/wkKalender.php [L]
+RewriteRule ^ressourcen/(.*)$ ressourcen/$1 [L]
+RewriteRule ^photoalben/(.*)$ photoalben/$1 [L]
+RewriteRule ^videoalben/(.*)$ videoalben/$1 [L]
+RewriteRule ^downloads/(.*)$ downloads/$1 [L]
+RewriteRule ^temp/(.*)$ temp/$1 [L]
+RewriteRule ^admin/(.*)$ admin/$1 [L]
+
+
+RewriteCond %{REQUEST_URI}  ^/$
+RewriteCond %{QUERY_STRING} ^wkId=([0-9]+)$
+RewriteRule ^(.*)$ /pages/responsive/wkKalender.php [L]
+
+
+# Die angeforderte Ressource ist nicht bereits in dem Zielverzeichnis:
+RewriteCond %{REQUEST_URI} !^/pages/responsive/
+
+# Die angeforderte Ressource (als Datei) ist nicht im Rootverzeichnis
+RewriteCond %{REQUEST_FILENAME} !-f
+
+# Die angeforderte Ressource (als Verzeichnis) ist nicht im 
+# Rootverzeichnis
+RewriteCond %{REQUEST_FILENAME} !-d
+
+# An die angeforderte Ressource das Zielverzeichnis präfixen
+RewriteRule ^(.*)$ /pages/responsive/$1
+
+RewriteRule ^(.*)wkKalender/([0-9]+)(.*)$ $1/wkKalender?wkId=$2
+#RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.bplaced.de$ [NC]
+RewriteRule ^gallery/([0-9]+)$ ?galId=$1 [L]
+#RewriteRule ^galerie/([0-9]+)$ ?galId=$1 [L]
+
+
+# Ein Request für die Root-Ressource auf die index.php im 
+# Zielverzeichnis umleiten
+
+#RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.bplaced.de$ [NC]
+RewriteRule ^(/)?$ pages/responsive/index.php [L]
+
+
+# Ende redesign2018-Test
diff --git a/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htaccess-backup-2018-05-29-06-33 b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htaccess-backup-2018-05-29-06-33
new file mode 100644
index 0000000..9e48c70
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htaccess-backup-2018-05-29-06-33
@@ -0,0 +1,106 @@
+## EXPIRES CACHING ##
+<IfModule mod_expires.c>
+ExpiresActive On
+ExpiresByType image/jpg "access 1 year"
+ExpiresByType image/jpeg "access 1 year"
+ExpiresByType image/gif "access 1 year"
+ExpiresByType image/png "access 1 year"
+ExpiresByType text/css "access 1 month"
+ExpiresByType text/html "access 1 month"
+ExpiresByType application/pdf "access 1 month"
+ExpiresByType text/x-javascript "access 1 month"
+ExpiresByType application/x-shockwave-flash "access 1 month"
+ExpiresByType image/x-icon "access 1 year"
+ExpiresDefault "access 1 month"
+</IfModule>
+## EXPIRES CACHING ##
+
+###
+# Weiterleitungen
+###
+
+## www auf nichtwww umleiten
+
+RewriteEngine On
+RewriteBase /
+RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
+RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
+
+RewriteRule ^wk/([0-9]+)$ pages/desktop/verein.wettkampf.php?wkId=$1
+
+RewriteRule ^gallery/([0-9]+)$ ?galId=$1 [L]
+RewriteRule ^gallery/([0-9]+)/.*$ ?galId=$1 [L]
+
+<IfModule mod_headers.c>
+Header set Content-Security-Policy "script-src 'self'"
+</IfModule>
+<IfModule mod_headers.c>
+Header always set X-FRAME-OPTIONS "DENY"
+</IfModule>
+
+
+# Auf die Fontdatei wird von der Subdomain aus zugegriffen
+# - das gesamte ressourcenVerzeichnis wird auf die Maindomain umgeleitet
+# - die mainDomain erlaubt aber anscheinend nicht, das fremde domains bei ihr anfragen startet
+# - deshalb zumindest für das otf-File den cross domain zugriff erlauben
+# (seltsam, dass der Zugriff auf die Bilder unter Photoalben aber erlaubt wird...)
+<IfModule mod_headers.c>
+	<FilesMatch "\.(otf)$">
+		Header set Access-Control-Allow-Origin "*"
+	</FilesMatch>
+</IfModule>
+
+
+###
+# redesign2018 Test
+###
+
+
+# Url-Rewriting aktivieren
+RewriteEngine on
+# Das Request ist für diese Domain
+# Für uns eigentlich irrelevant, da alle Domains (mit/ohne 
+# www/ch/de/net) auf das Unterverzeichnis geleitet werden soll, aber 
+# interessant zu wissen
+# Und jetzt nützlich: Ich kann es unter der .de-Domain testen!
+#RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.bplaced.de$ [NC]
+
+# Die angeforderte Ressource ist nicht bereits in dem Zielverzeichnis:
+RewriteCond %{REQUEST_URI} !^/pages/responsive/
+
+# Die angeforderte Ressource (als Datei) ist nicht im Rootverzeichnis
+RewriteCond %{REQUEST_FILENAME} !-f
+
+# Die angeforderte Ressource (als Verzeichnis) ist nicht im 
+# Rootverzeichnis
+RewriteCond %{REQUEST_FILENAME} !-d
+
+
+# einige hotfixes
+RewriteRule ^pages/desktop/verein.wettkampfkalender.php$ pages/responsive/wkKalender.php [L]
+RewriteRule ^ressourcen/(.*)$ ressourcen/$1 [L]
+RewriteRule ^photoalben/(.*)$ photoalben/$1 [L]
+RewriteRule ^videoalben/(.*)$ videoalben/$1 [L]
+RewriteRule ^downloads/(.*)$ downloads/$1 [L]
+RewriteRule ^admin/(.*)$ admin/$1 [L]
+
+RewriteCond %{REQUEST_URI}  ^/$
+RewriteCond %{QUERY_STRING} ^wkId=([0-9]+)$
+RewriteRule ^(.*)$ /pages/responsive/wkKalender.php [L]
+
+# An die angeforderte Ressource das Zielverzeichnis präfixen
+RewriteRule ^(.*)$ /pages/responsive/$1
+RewriteRule ^(.*)wkKalender/([0-9]+)(.*)$ $1/wkKalender?wkId=$2
+
+# Ein Request für die Root-Ressource auf die index.php im 
+# Zielverzeichnis umleiten
+
+#RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.bplaced.de$ [NC]
+RewriteRule ^gallery/([0-9]+)$ ?galId=$1 [L]
+#RewriteRule ^galerie/([0-9]+)$ ?galId=$1 [L]
+
+#RewriteCond %{HTTP_HOST} ^(www.)?cwsvjudo.bplaced.de$ [NC]
+RewriteRule ^(/)?$ pages/responsive/index.php [L]
+
+
+# Ende redesign2018-Test
diff --git a/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htgroups b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htgroups
new file mode 100644
index 0000000..3c2dabe
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htgroups
@@ -0,0 +1 @@
+admin: marko
diff --git a/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htusers b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htusers
new file mode 100644
index 0000000..2cb73c3
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/htaccess/cwsvjudo.bplaced.net/www/.htusers
@@ -0,0 +1 @@
+marko:$2y$05$Bt1hCGXhdO2JcJy9SXt96e.DmXvnutpOxmDw233CGaUOQL6kczXQK
diff --git a/homepage/redesign2018/markdownExperiment/md/datenschutz.md b/homepage/redesign2018/markdownExperiment/md/datenschutz.md
index 19a047b..3f8c8e3 100644
--- a/homepage/redesign2018/markdownExperiment/md/datenschutz.md
+++ b/homepage/redesign2018/markdownExperiment/md/datenschutz.md
@@ -1,8 +1,13 @@
 ---
-title: Impressum
+lang: de
+title: Datenschutzerklärung
+description: Datenschuterklärung gemäß DSGVO
 author: marko
 keywords:
-	- Chemnitzer Freizeit- und Wohngebietssportverein
+	- Chemnitzer Freizeit- und Wohngebietssportverein
+	- DSGVO
+canonicalLink: "http://cwsvjudo.bplaced.net/datenschutz"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/datenschutz"
 ...
 #### Datenschutzerklärung
 
diff --git a/homepage/redesign2018/markdownExperiment/md/downloads.md b/homepage/redesign2018/markdownExperiment/md/downloads.md
new file mode 100644
index 0000000..b241988
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/md/downloads.md
@@ -0,0 +1,46 @@
+---
+lang: de
+title: "Downloads rund um das Thema Judo"
+description: "Downloads rund ums Judo und Judotraining"
+author: "marko"
+keywords:
+	- "Judo"
+	- "Downloads"
+canonicalLink: "http://cwsvjudo.bplaced.net/downloads"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/downloads"
+...
+Hier findet ihr nützliches Material zum Download und Links zu anderen 
+Websites rund ums Thema Sport und speziell Judo.
+
+# Regelwerke
+
+## Kyu
+
+-   [Prüfungsinhalte aus dem Ausbildungsprogramm für Kyu-Grade des
+    Deutscher Judo Bundes e. V. in der Übersicht, gültig ab
+    16.11.2014](http://www.judobund.de/fileadmin/_horusdam/2860-Pruefung_16-11-2014.pdf)
+    [\[Mirror\]](/downloads/regelwerke/kyu/1703-Pruefung_16-11-2014.pdf)
+-   [Ausbildungsinhalte für Kyu-Grade „Materialien für Multiplikatoren”
+    ,
+    16.11.2014](http://www.judobund.de/media/ausbildung/kyu_pruefungsordnung/Multiplikatorenskript_zu_Kyu-Ausbildungsinhalten_des_DJB_16-11-2014.pdf)
+    [\[Mirror\]](/downloads/regelwerke/kyu/Multiplikatorenskript_zu_Kyu-Ausbildungsinhalten_des_DJB_16-11-2014.pdf)
+-   [Gokyo-no-kaisetsu](/downloads/regelwerke/kyu/GokyoNoKaisetsu.pdf)
+
+## Wettkampfregeln
+
+-   [Alters- und Gewichtsklassen im DJB 2018 (Stand:
+    28.11.17)](http://www.judobund.de/fileadmin/_horusdam/8620-Alters-_und_Gewichtsklassen_2018-V2.pdf)
+    [\[Mirror\]](/downloads/regelwerke/shiai/8620-Alters-_und_Gewichtsklassen_2018-V2.pdf)
+-   [Wettkampfordnung des Judoverbandes Sachsen (Stand 09.12.2017,
+    inkl. der Alters- und Gewichtsklassen 2018 des JVS in
+    Anlage 1)](https://judoverbandsachsen.de/wp-content/uploads/2017/12/2018_WKO_01012018.pdf)
+    [\[Mirror\]](/downloads/regelwerke/shiai/2018_WKO_01012018.pdf)
+-   [Kampfregeln des Deutschen Judo Bundes (Stand
+    03.03.2016)](http://www.judobund.de/fileadmin/_horusdam/4114-DJB-Kampfregeln_nach_MV_2015.pdf)
+    [\[Mirror\]](/downloads/regelwerke/shiai/4114-DJB-Kampfregeln_nach_MV_2015.pdf)
+-   [Kampfregeln 2017 - Information Stand
+    03.02.2017](http://www.judobund.de/fileadmin/_horusdam/6184-DJB-Regeln_2017_-_neu_Layout_angepasst.pdf)
+    [\[Mirror\]](/downloads/regelwerke/shiai/6184-DJB-Regeln_2017_-_neu_Layout_angepasst.pdf)
+-   [Erläuterungen zu den Sonderregelungen für den Bereich der Jugend im
+    JVS](https://judoverbandsachsen.de/wp-content/uploads/2017/09/Sonderregelung_Jugend_JVS_Tabelle_08_2017.pdf)
+    [\[Mirror\]](/downloads/regelwerke/shiai/Sonderregelung_Jugend_JVS_Tabelle_08_2017.pdf)
diff --git a/homepage/redesign2018/markdownExperiment/md/extras.md b/homepage/redesign2018/markdownExperiment/md/extras.md
new file mode 100644
index 0000000..0db30fb
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/md/extras.md
@@ -0,0 +1,15 @@
+---
+lang: de
+title: "Sonstiges rund ums Judo"
+description: "Links, Downloads, Wissenswertes, Quiz und kleine Helferlein rund ums Judo und Judotraining"
+author: "marko"
+keywords:
+	- "Judo"
+	- "Links"
+	- "Downloads"
+	- "Quiz"
+canonicalLink: "http://cwsvjudo.bplaced.net/extras"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/extras"
+...
+Hier findet ihr nützliches Material zum Download und Links zu anderen 
+Websites rund ums Thema Sport und speziell Judo.
diff --git a/homepage/redesign2018/markdownExperiment/md/galerie.md b/homepage/redesign2018/markdownExperiment/md/galerie.md
index b26121e..b41ba28 100644
--- a/homepage/redesign2018/markdownExperiment/md/galerie.md
+++ b/homepage/redesign2018/markdownExperiment/md/galerie.md
@@ -1,4 +1,5 @@
 ---
+lang: de
 title: Videos und Bilder der Judoka des Chemnitzer Freizeit- und Wohngebiets&shy;sportverein e.&#x202f;V.
 author: marko
 keywords:
diff --git a/homepage/redesign2018/markdownExperiment/md/galerien.md b/homepage/redesign2018/markdownExperiment/md/galerien.md
index 5b2c35e..3373a6f 100644
--- a/homepage/redesign2018/markdownExperiment/md/galerien.md
+++ b/homepage/redesign2018/markdownExperiment/md/galerien.md
@@ -1,10 +1,14 @@
 ---
+lang: de
 title: Videos und Bilder der Judoka des Chemnitzer Freizeit- und Wohngebiets&shy;sportverein e.&#x202f;V.
+description: "Alben mit Bildern und Videos von Wettkämpfen, Feiern oder anderen Veranstaltungen der Judoka des Chemniter WSV"
 author: marko
 keywords:
 	- Judo
 	- Bilder
 	- Videos
+canonicalLink: "http://cwsvjudo.bplaced.net/galerien"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/galerien"
 ...
 
 <?php echoGalTable();?>
diff --git a/homepage/redesign2018/markdownExperiment/md/hilfsmittel.md b/homepage/redesign2018/markdownExperiment/md/hilfsmittel.md
new file mode 100644
index 0000000..ba4e3b1
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/md/hilfsmittel.md
@@ -0,0 +1,16 @@
+---
+lang: de
+title: "Helferlein für das Juodtraining"
+description: "Kleine Helferlein für das Training, insbesondere das Judotraining"
+author: "marko"
+keywords:
+	- "Judo"
+	- "Hilfsmittel"
+canonicalLink: "http://cwsvjudo.bplaced.net/hilfsmittel"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/hilfsmittel"
+jsonSdFiles:
+	- cwsvJudo.json
+...
+# Kleine Trainingshelfer
+
+-   Timer für Zirkeltraining (30 s/30 s)<audio id="zirkeltimer_30-30" controls loop="loop"><source src="/downloads/zirkeltrainingTimer.ogg" type="audio/ogg" />Ihr Browser kennt das HTML5-audio-Element noch nicht.</audio>
diff --git a/homepage/redesign2018/markdownExperiment/md/impressum.md b/homepage/redesign2018/markdownExperiment/md/impressum.md
index a6e8ece..26cfc1f 100644
--- a/homepage/redesign2018/markdownExperiment/md/impressum.md
+++ b/homepage/redesign2018/markdownExperiment/md/impressum.md
@@ -1,8 +1,12 @@
 ---
+lang: de
 title: Impressum
+description: Impressum der Homepage der Abteilung Judo des Chemnitzer Freizeit- und Wohngebietssportvereines
 author: marko
 keywords:
 	- Chemnitzer Freizeit- und Wohngebietssportverein
+canonicalLink: "http://cwsvjudo.bplaced.net/impressum"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/impressum"
 ...
 # Impressum
 
diff --git a/homepage/redesign2018/markdownExperiment/md/index.md b/homepage/redesign2018/markdownExperiment/md/index.md
index 1beb0eb..7866892 100644
--- a/homepage/redesign2018/markdownExperiment/md/index.md
+++ b/homepage/redesign2018/markdownExperiment/md/index.md
@@ -6,7 +6,10 @@ author: "marko"
 keywords:
 	- "Judo"
 	- "Chemnitzer Freizeit- und Wohngebietssportverein"
+canonicalLink: "http://cwsvjudo.bplaced.net/"
 ampVersionLink: "http://amp.cwsvjudo.bplaced.net/"
+jsonSdFiles:
+	- cwsvJudo.json
 ...
 
 # Willkommen
diff --git a/homepage/redesign2018/markdownExperiment/md/kontakt.md b/homepage/redesign2018/markdownExperiment/md/kontakt.md
index 0116511..3ab7e0a 100644
--- a/homepage/redesign2018/markdownExperiment/md/kontakt.md
+++ b/homepage/redesign2018/markdownExperiment/md/kontakt.md
@@ -1,11 +1,14 @@
 ---
+lang: de
 title: Kontaktformationen des CWSV
 author: marko
 keywords:
 	- Judo
 	- Chemnitz
 	- Chemnitzer Freizeit- und Wohngebietssportverein
-ampVersionLink: "http://amp.cwsvjudo.bplaced.net/kontakt.php"
+description: "Verschiedene Möglichkeiten Kontakt mit dem Chemnitzer WSV aufzunehmen"
+canonicalLink: "http://cwsvjudo.bplaced.net/kontakt"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/kontakt"
 ...
 # Kontakt
 
@@ -17,7 +20,7 @@ und [Adressen](#adressen), um mit uns in Kontakt zu treten.
 - [eMail an den Chemnitzer Freizeit- und Wohngebietssportverein e.&#x202f;V.(cwsv.sb@web.de)](mailto:cwsv.sb@web.de)
 - Link zum [Kontaktformular][cwsvKontaktFormular] auf der Homepage 
 des Chemnitzer Freizeit- und Wohngebietssportvereines
-- ![eMail](http://cwsvjudo.bplaced.net/ressourcen/graphiken/misc/abc123.png){.pngAddress width="60" height="420"}
+- ![eMail](http://cwsvjudo.bplaced.net/ressourcen/graphiken/misc/abc123.png){.pngAddress width="420" height="60"}
 
 ## Adressen
 
diff --git a/homepage/redesign2018/markdownExperiment/md/kontakt.md~ b/homepage/redesign2018/markdownExperiment/md/kontakt.md~
index 17d1e1d..efe4131 100644
--- a/homepage/redesign2018/markdownExperiment/md/kontakt.md~
+++ b/homepage/redesign2018/markdownExperiment/md/kontakt.md~
@@ -1,4 +1,5 @@
 ---
+lang: de
 title: Vereinsinformationen des CWSV
 author: marko
 keywords:
diff --git a/homepage/redesign2018/markdownExperiment/md/links.md b/homepage/redesign2018/markdownExperiment/md/links.md
new file mode 100644
index 0000000..8b28e3b
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/md/links.md
@@ -0,0 +1,21 @@
+---
+lang: de
+title: "Judo im Chemnitzer WSV - Kinder- und Erwachsenentraining"
+description: "Links rund ums Judotraining und den Chemnitzer WSV"
+author: "marko"
+keywords:
+	- "Judo"
+	- "Chemnitzer Freizeit- und Wohngebietssportverein"
+canonicalLink: "http://cwsvjudo.bplaced.net/links"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/links"
+jsonSdFiles:
+	- cwsvJudo.json
+...
+
+# Links zu anderen Webseiten
+
+-   [Judoverband Sachsen](http://judoverbandsachsen.de)
+    -   [Kalender des Judoverbandes
+        Sachsen](http://judoverbandsachsen.de/kalender/)
+-   [Homepage des Chemnitzer Freizeit- und Wohngebietssportvereines
+    e. V.](http://www.cwsv-sport.de/)
diff --git a/homepage/redesign2018/markdownExperiment/md/news.md b/homepage/redesign2018/markdownExperiment/md/news.md
index c52d66f..eafa952 100644
--- a/homepage/redesign2018/markdownExperiment/md/news.md
+++ b/homepage/redesign2018/markdownExperiment/md/news.md
@@ -1,10 +1,12 @@
 ---
+lang: de
 title: Neuigkeiten der Judoka des Chemnitzer Freizeit- und Wohngebiets&shy;sportverein e.&#x202f;V.
 author: marko
 keywords:
 	- Judo
 	- Chemnitzer WSV
 	- News
+description: "Bekanntmachungen und Meldungen der Judoka des Chemnitzer WSV"
 ...
 
 <?php if($_GET['jahr']) $options['jahr']=$_GET['jahr']; else $options['limit']=6; echoNewsTableHtml( $options );?>
diff --git a/homepage/redesign2018/markdownExperiment/md/quiz.md b/homepage/redesign2018/markdownExperiment/md/quiz.md
new file mode 100644
index 0000000..8858f11
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/md/quiz.md
@@ -0,0 +1,17 @@
+---
+lang: de
+title: "Wissens-Quiz über das Judo"
+description: "Ein paar kleine Quiz für alle Judoka"
+author: "marko"
+keywords:
+	- "Judo"
+	- "Quiz"
+canonicalLink: "http://cwsvjudo.bplaced.net/quiz"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/quiz"
+jsLibs:
+	- "http://cwsvjudo.bplaced.net/ressourcen/quiz/quiz.js"
+extraCss:
+	- "http://cwsvjudo.bplaced.net/ressourcen/quiz/css/anzeige-blocker.css"
+...
+<?php $kyuFarben = array("schwarz", "braun", "blau", "grün", "orange-grün", "orange", "gelb-orange", "gelb", "weiß-gelb", "weiß"); $kyu = intval($_GET["kyu"]); if(!(5<=$kyu and $kyu<=8)) $kyu = 8; echo('Die Würfe des ' . $kyu . '. Kyu (' . $kyuFarben[ $kyu ] . ')'); include($basePath.'/pages/desktop/quiz.kyu'.$kyu.'.nage.php');?>
+<noscript>Die Quiz benötigen Java Script!</noscript>
diff --git a/homepage/redesign2018/markdownExperiment/md/trainingszeiten.md b/homepage/redesign2018/markdownExperiment/md/trainingszeiten.md
index 286686c..0ed0613 100644
--- a/homepage/redesign2018/markdownExperiment/md/trainingszeiten.md
+++ b/homepage/redesign2018/markdownExperiment/md/trainingszeiten.md
@@ -1,11 +1,14 @@
 ---
+lang: de
 title: Trainingszeiten und -orte der Judoka des Chemnitzer Freizeit- und Wohngebiets&shy;sportverein e.&#x202f;V.
 author: marko
 keywords:
 	- Judo
 	- Training
 	- Termine
-ampVersionLink: "http://amp.cwsvjudo.bplaced.net/trainingszeiten.php"
+description: "Wann und wo die Judoka des Chemnitzer Freizeit- und Wohngebietssportvereines trainieren"
+canonicalLink: "http://cwsvjudo.bplaced.net/trainingszeiten"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/trainingszeiten"
 ...
 
 # Judotraining im CWSV
diff --git a/homepage/redesign2018/markdownExperiment/md/verein.md b/homepage/redesign2018/markdownExperiment/md/verein.md
index 2a0cdd1..bb0cfd6 100644
--- a/homepage/redesign2018/markdownExperiment/md/verein.md
+++ b/homepage/redesign2018/markdownExperiment/md/verein.md
@@ -1,10 +1,14 @@
 ---
+lang: de
 title: Informationen über den Chemnitzer Freizeit- und Wohngebiets&shy;sportverein e.&#x202f;V.
 author: marko
 keywords:
 	- Judo
 	- Chemnitz
 	- Chemnitzer Freizeit- und Wohngebietssportverein
+description: "Informationen und weiterführende Links des Chemniitzer Freizeit- und Wohngebitssportvereines"
+canonicalLink: "http://cwsvjudo.bplaced.net/verein"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/verein"
 ...
 
 # Informationen zum Chemnitzer Freizeit-und Wohngebietssportverein e.&nbsp;V.
diff --git a/homepage/redesign2018/markdownExperiment/md/wkKalender.md b/homepage/redesign2018/markdownExperiment/md/wkKalender.md
index b35b651..e78b2d9 100644
--- a/homepage/redesign2018/markdownExperiment/md/wkKalender.md
+++ b/homepage/redesign2018/markdownExperiment/md/wkKalender.md
@@ -1,10 +1,14 @@
 ---
+lang: de
 title: Wettkampfkalender der Judoka des Chemnitzer Freizeit- und Wohngebiets&shy;sportverein e.&#x202f;V.
 author: marko
 keywords:
 	- Judo
 	- Wettkampf
 	- Termine
+description: "Ein Kalender mit Judo-Wettkampfterminen zur Übersicht"
+canonicalLink: "http://cwsvjudo.bplaced.net/wkKalender"
+ampVersionLink: "http://amp.cwsvjudo.bplaced.net/wkKalender"
 ...
 
 <?php wkTableHtml();?>
diff --git a/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.amp.pandocTemplate b/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.amp.pandocTemplate
new file mode 100644
index 0000000..c903db0
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.amp.pandocTemplate
@@ -0,0 +1,251 @@
+<?php
+/// Einbinden der Konfiguration, insbesondere Basisvariablen, 
+/// relative Pfadangabe
+///  - jedes Verzeichnis sollte seine eigene haben
+///  - theoretisch sollte es bereits von der aufrufenden Datei 
+///    eingebunden sein
+	require_once("./config.inc.php");
+//	include_once("./config.inc.php");
+	require_once($$basePath."/config/phpcount.config.php");
+	require_once($$basePath."/config/cwsvJudo.config.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/miscAssis.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/newsLib.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/wkKalender.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/galTable.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/newsTableHtml.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/galleryRedirector.php");
+	require_once($$basePath."/ressourcen/phpLib/phpcount/phpcount.php");
+	
+	galleryRedirector();
+	
+	PHPCount::AddHit("$title$ (Amp)");?>
+<!DOCTYPE html>
+<html amp$if(lang)$ lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1.0, user-scalable=yes">
+$for(author-meta)$
+		<meta name="author" content="$author-meta$">
+$endfor$
+$if(date-meta)$
+		<meta name="dcterms.date" content="$date-meta$">
+$endif$
+$if(keywords)$
+		<meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
+$endif$
+$if(description)$
+		<meta name="description" content="$description$" />
+$endif$
+$if(canonicalLink)$
+		<link rel="canonical" href="$canonicalLink$" />
+$endif$
+$if(ampVersionLink)$
+		<link rel="amphtml" href="$ampVersionLink$" />
+$endif$
+		<title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
+		<?php require_once($$basePath."/pages/shared/favicon.html.inc");?>
+		<style amp-custom>
+			code{white-space: pre;}
+$if(quotes)$
+			q { quotes: "“" "”" "‘" "’"; }
+$endif$
+$if(highlighting-css)$
+			$highlighting-css$
+$endif$
+$for(css)$
+			<?php require_once($$basePath."/$css$");?>
+$endfor$
+			.home-button {
+				margin-top: 8px;
+			}
+			.headerbar {
+				  height: 50px;
+				  position: fixed;
+				  z-index: 999;
+				  top: 0;
+				  width: 100%;
+				  display: flex;
+				  align-items: center;
+			}
+			.site-name {
+				  flex: 1;
+				  margin-left: -36px;
+			}
+			article {
+				margin-top: 50px;
+			}
+			.hamburger {
+				padding-left: 10px;
+			}      
+			.sidebar {
+				padding: 10px;
+				margin: 0;
+			}
+			.sidebar > li {
+				list-style: none;
+				margin-bottom:10px;
+			}
+			.sidebar a {
+				text-decoration: none;
+			}
+			.close-sidebar {
+				font-size: 1.5em;
+				padding-left: 5px;
+			}
+			#mainNav > a > span{
+				width: 2em;
+			}
+			.newsPromoImage{
+				width: 100%;
+				max-width: 300px;
+			}
+			.messageBox{
+				width: 100%;
+				border:solid 1px #000000;
+				background-color:#FF8100;
+				font-size:smaller;
+			}
+			.fontSizeXxSmall{font-size: xx-small;}
+			.displayNone{display: none;}
+		</style>
+$if(math)$
+  $math$
+$endif$
+$for(header-includes)$
+		$header-includes$
+$endfor$
+	<script async src="https://cdn.ampproject.org/v0.js"></script>
+	<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
+	<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
+	</head>
+	<body>
+	<div class="messageBox">
+		Dies ist die "mobile" Version für Smartphones etc.<br/>
+		<a href="$canonicalLink$">Hier gibt es die Desktop-Variante</a>
+	</div>
+<!-- Kopfzeile mit Titel, Promobildern und Breadcrumbs -->
+		<header class="cwsvHeader">
+			<div role="button" on="tap:sidebar1.toggle" tabindex="0" class="hamburger">☰</div>
+			<amp-img layout="responsive" 
+				width="200" height="140" 
+				title="Judo im Chemnitzer WSV" 
+				alt="Judo im Chemnitzer WSV - Promo" 
+				src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/banner/bannerlogo.1.jpg" 
+			></amp-img>
+			<span>Judo</span>
+			<span class="breadcrumbs"></span>
+			<amp-img layout="responsive" 
+				width="64" height="52"
+				title="Judo im Chemnitzer WSV"
+				alt="Judo im Chemnitzer WSV - Logo"
+				src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvJudoLogoWappen.64w.png" 
+				srcset="http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvJudoLogoWappen.128w.png 2x, http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvJudoLogoWappen.x256.png 4x" 
+			></amp-img>
+		</header>
+
+$if(mainNav)$
+		<nav id="mainNav">
+	$for(mainNav)$
+			<a href="$mainNav.url$" 
+				$if(mainNav.caption)$title="$mainNav.caption$" $endif$
+				$if(mainNav.active)$class="activeNav" $endif$
+			>
+				$if(mainNav.icon)$
+					<span><amp-img layout="responsive" 
+						src="$if(mainNav.icon.src)$$mainNav.icon.src$$else$$mainNav.icon$$endif$"
+						$if(mainNav.caption)$
+							alt="$mainNav.caption$" 
+						$else$
+							$if(mainNav.icon.alt)$
+								alt="$mainNav.icon.alt$"
+							$endif$
+						$endif$
+						$if(mainNav.icon.width)$
+							width="$mainNav.icon.width$"
+						$endif$
+						$if(mainNav.icon.height)$
+							height="$mainNav.icon.height$"
+						$endif$
+						$if(mainNav.icon.title)$
+							title="$mainNav.icon.title$"
+						$endif$
+						$if(mainNav.icon.srcset)$
+							srcset="$mainNav.icon.srcset$"
+						$endif$
+					></amp-img>
+					</span>
+				$endif$
+				$if(mainNav.caption)$<span>$mainNav.caption$</span>$endif$
+			</a>
+	$endfor$
+		</nav>
+$endif$
+
+$if(subNav)$
+		<amp-sidebar id="sidebar1" layout="nodisplay" side="left">
+			<div role="button" aria-label="close sidebar" on="tap:sidebar1.toggle" tabindex="0" class="close-sidebar">✕</div>
+			<ul class="sidebar">
+	$for(subNav)$
+				<li>
+					<a href="$subNav.url$"
+						$if(subNav.caption)$title="$subNav.caption$" $endif$
+					>$if(subNav.caption)$$subNav.caption$$endif$</a>
+				</li>
+	$endfor$
+			</ul>
+		</amp-sidebar>
+$endif$
+
+$for(include-before)$
+	$include-before$
+$endfor$
+$if(toc)$
+<nav id="$idprefix$TOC">
+$toc$
+</nav>
+$endif$
+
+<main id="content">
+$body$
+</main>
+
+<aside class="sideNotes">
+	Die Judoka des CWSV bedanken sich bei ihren Förderern:
+	<ul class="sponsorList">	
+		<li>
+			Familie Mögel für den unermüdlichen Einsatz als Fans, Fahrer, Fotograf und Vertretung
+		</li>
+		<li>
+			Druck + Werbestudio Eckart &amp; Partner
+			<div><a title="Druck + Werbestudio Eckart &amp; Partner" href="http://www.dws-eckart.de">
+					<amp-img layout="responsive" width="300" height="107" src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/sponsoren/EckartUndPartner.png" title="Druck + Werbestudio Eckart &amp; Partner GmbH" alt="Druck + Werbestudio Eckart &amp; Partner Logo"></amp-img>
+				</a>
+			</div>
+		</li>
+		<li>
+			Der CWSV ist anerkannter Stützpunktverein des Bundesprogrammes „Integration durch Sport”
+			<div>
+				<a href="http://www.integration-durch-sport.de" title="Integration durch Sport">
+					<amp-img layout="responsive" src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/IntegrationDurchSport2018.250x.png" title="Integration durch Sport - Anerkannter Stützpunktverein" alt="Integration durch Sport - Anerkannter Stützpunktverein" width="250" height="416"></amp-img>
+				</a>
+			</div>
+		</li>
+	</ul>
+</aside>
+
+<footer class="footerBar">
+	<a class="touchLink" title="Möglichkeiten mit dem Chemnitzer Freizeit- und Wohngebietssportverein in Kontakt zu treten" href="/kontakt" >Kontakt</a>
+	<a class="touchLink" title="Impressum" href="/impressum" >Impressum</a>
+	<a class="touchLink" title="Datenschutz" href="/datenschutz" >Datenschutz</a>
+	<a class="touchLink" 
+		title="News-Feed Abonnieren"
+		href="http://cwsvjudo.bplaced.net/rss"
+	>Newsfeed
+	</a>
+</footer>
+
+$for(include-after)$
+$include-after$
+$endfor$
+</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.amp.pandocTemplate-2018-06-12-11-36.bak b/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.amp.pandocTemplate-2018-06-12-11-36.bak
new file mode 100644
index 0000000..f8cecd0
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.amp.pandocTemplate-2018-06-12-11-36.bak
@@ -0,0 +1,237 @@
+<?php
+/// Einbinden der Konfiguration, insbesondere Basisvariablen, 
+/// relative Pfadangabe
+///  - jedes Verzeichnis sollte seine eigene haben
+///  - theoretisch sollte es bereits von der aufrufenden Datei 
+///    eingebunden sein
+	require_once("./config.inc.php");
+//	include_once("./config.inc.php");
+	require_once($$basePath."/config/phpcount.config.php");
+	require_once($$basePath."/config/cwsvJudo.config.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/miscAssis.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/newsLib.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/wkKalender.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/galTable.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/newsTableHtml.php");
+	require_once($$basePath."/ressourcen/phpLib/cwsvJudo/galleryRedirector.php");
+	require_once($$basePath."/ressourcen/phpLib/phpcount/phpcount.php");
+	
+	galleryRedirector();
+	
+	PHPCount::AddHit("$title$");?>
+<!DOCTYPE html>
+<html amp$if(lang)$ lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1.0, user-scalable=yes">
+$for(author-meta)$
+		<meta name="author" content="$author-meta$">
+$endfor$
+$if(date-meta)$
+		<meta name="dcterms.date" content="$date-meta$">
+$endif$
+$if(keywords)$
+		<meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
+$endif$
+$if(description)$
+		<meta name="description" content="$description$" />
+$endif$
+$if(canonicalLink)$
+		<link rel="canonical" href="$ampVersionLink$" />
+$endif$
+$if(ampVersionLink)$
+		<link rel="amphtml" href="$ampVersionLink$" />
+$endif$
+		<title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
+		<style amp-custom>
+			code{white-space: pre;}
+$if(quotes)$
+			q { quotes: "“" "”" "‘" "’"; }
+$endif$
+$if(highlighting-css)$
+			$highlighting-css$
+$endif$
+$for(css)$
+			<?php require_once($$basePath."/$css$");?>
+$endfor$
+		</style>
+$if(math)$
+  $math$
+$endif$
+$for(header-includes)$
+		$header-includes$
+$endfor$
+	<script async src="https://cdn.ampproject.org/v0.js"></script>
+	<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
+	</head>
+	<body>
+<!-- Kopfzeile mit Titel, Promobildern und Breadcrumbs -->
+		<header class="cwsvHeader">
+			<amp-img layout="responsive" 
+				width="200" height="140" 
+				title="Judo im Chemnitzer WSV" 
+				alt="Judo im Chemnitzer WSV - Promo" 
+				src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/banner/bannerlogo.1.jpg" 
+			></amp-img>
+			<span>Judo</span>
+			<span class="breadcrumbs"></span>
+			<amp-img layout="responsive" 
+				width="64" height="52"
+				title="Judo im Chemnitzer WSV"
+				alt="Judo im Chemnitzer WSV - Logo"
+				src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvJudoLogoWappen.64w.png" 
+				srcset="http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvJudoLogoWappen.128w.png 2x, http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvJudoLogoWappen.x256.png 4x" 
+			></amp-img>
+		</header>
+
+$if(mainNav)$
+		<nav id="mainNav">
+	$for(mainNav)$
+			<a href="$mainNav.url$" 
+				$if(mainNav.caption)$title="$mainNav.caption$" $endif$
+				$if(mainNav.active)$class="activeNav" $endif$
+			>
+				$if(mainNav.icon)$
+					<span style="width:2em;"><amp-img layout="responsive" 
+						src="$if(mainNav.icon.src)$$mainNav.icon.src$$else$$mainNav.icon$$endif$"
+						$if(mainNav.caption)$
+							alt="$mainNav.caption$" 
+						$else$
+							$if(mainNav.icon.alt)$
+								alt="$mainNav.icon.alt$"
+							$endif$
+						$endif$
+						$if(mainNav.icon.width)$
+							width="$mainNav.icon.width$"
+						$endif$
+						$if(mainNav.icon.height)$
+							height="$mainNav.icon.height$"
+						$endif$
+						$if(mainNav.icon.title)$
+							title="$mainNav.icon.title$"
+						$endif$
+						$if(mainNav.icon.srcset)$
+							srcset="$mainNav.icon.srcset$"
+						$endif$
+					></amp-img>
+					</span>
+				$endif$
+				$if(mainNav.caption)$<span>$mainNav.caption$</span>$endif$
+			</a>
+	$endfor$
+		</nav>
+$endif$
+
+$if(subNav)$
+		<nav class="subNav">
+	$for(subNav)$
+			<a href="$subNav.url$" 
+				$if(subNav.caption)$title="$subNav.caption$" $endif$
+				$if(subNav.active)$class="activeNav" $endif$
+			>
+				$if(subNav.icon)$
+					<amp-img layout="responsive" 
+						src="$if(subNav.icon.src)$$subNav.icon.src$$else$$subNav.icon$$endif$"
+						$if(subNav.caption)$
+							alt="$subNav.caption$" 
+						$else$
+							$if(subNav.icon.alt)$
+								alt="$subNav.icon.alt$"
+							$endif$
+						$endif$
+						$if(subNav.icon.width)$
+							width="$subNav.icon.width$"
+						$endif$
+						$if(subNav.icon.height)$
+							height="$subNav.icon.height$"
+						$endif$
+						$if(subNav.icon.title)$
+							title="$subNav.icon.title$"
+						$endif$
+						$if(subNav.icon.srcset)$
+							srcset="$subNav.icon.srcset$"
+						$endif$
+					></amp-img>
+				$endif$
+				$if(subNav.caption)$<span>$subNav.caption$</span>$endif$
+			</a>
+	$endfor$
+			<a href="#mainNav" 
+				title="Hauptnavigation"
+			>
+				<amp-img layout="responsive"
+					alt="Menü" 
+					src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/arrowRightDown.svg"
+					width="500" 
+					height="500" 
+				</amp-img>
+				<span>zur Hauptnavigation</span>
+			</a>
+		</nav>
+$endif$
+
+$for(include-before)$
+	$include-before$
+$endfor$
+$if(toc)$
+<nav id="$idprefix$TOC">
+$toc$
+</nav>
+$endif$
+
+<main id="content">
+$body$
+</main>
+
+<aside class="sideNotes">
+	Die Judoka des CWSV bedanken sich bei ihren Förderern:
+	<ul class="sponsorList">	
+		<li>
+			Familie Mögel für den unermüdlichen Einsatz als Fans, Fahrer, Fotograf und Vertretung
+		</li>
+		<li>
+			Druck + Werbestudio Eckart &amp; Partner
+			<div><a title="Druck + Werbestudio Eckart &amp; Partner" href="http://www.dws-eckart.de">
+					<amp-img layout="responsive" width="300" height="107" src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/sponsoren/EckartUndPartner.png" title="Druck + Werbestudio Eckart &amp; Partner GmbH" alt="Druck + Werbestudio Eckart &amp; Partner Logo"></amp-img>
+				</a>
+			</div>
+		</li>
+		<li>
+			Der CWSV ist anerkannter Stützpunktverein des Bundesprogrammes „Integration durch Sport”
+			<div>
+				<a href="http://www.integration-durch-sport.de" title="Integration durch Sport">
+					<amp-img layout="responsive" src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/IntegrationDurchSport2018.250x.png" title="Integration durch Sport - Anerkannter Stützpunktverein" alt="Integration durch Sport - Anerkannter Stützpunktverein" width="250" height="416"></amp-img>
+				</a>
+			</div>
+		</li>
+	</ul>
+</aside>
+
+<footer class="footerBar">
+	<a class="touchLink" 
+		title="Seite auf HTML 5 Konformität prüfen"
+		href="http://validator.w3.org/check?uri=<?php echo(urlencode(getCurPagesUrl()));?>"
+		rel="nofollow"
+	>Valid <amp-img layout="responsive" 
+		src="/ressourcen/graphiken/icons/HTML5_1Color_Black.svg"
+		alt="HTML 5"
+	></amp-img>
+	</a>
+	<a class="touchLink" title="Möglichkeiten mit dem Chemnitzer Freizeit- und Wohngebietssportverein in Kontakt zu treten" href="/kontakt" >Kontakt</a>
+	<a class="touchLink" title="Impressum" href="<?php echo($$baseUrl);?>/impressum" >Impressum</a>
+	<a class="touchLink" title="Datenschutz" href="<?php echo($$baseUrl);?>/datenschutz" >Datenschutz</a>
+	<a class="touchLink" 
+		title="News-Feed Abonnieren"
+		href="http://cwsvjudo.bplaced.net/rss"
+	><amp-img layout="responsive" 
+		src="/ressourcen/graphiken/icons/newsFeedIcon.svg"
+		alt="Newsfeed"
+	></amp-img>
+	</a>
+</footer>
+
+$for(include-after)$
+$include-after$
+$endfor$
+</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.html5.pandocTemplate b/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.html5.pandocTemplate
index 45e9f3a..a790a8f 100644
--- a/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.html5.pandocTemplate
+++ b/homepage/redesign2018/markdownExperiment/pandocTemplate/cwsvJudo.html5.pandocTemplate
@@ -18,8 +18,7 @@
 	
 	galleryRedirector();
 	
-	PHPCount::AddHit("$title$");
-?>
+	PHPCount::AddHit("$title$");?>
 <!DOCTYPE html>
 <html$if(lang)$ lang="$lang$"$endif$$if(dir)$ dir="$dir$"$endif$>
 	<head>
@@ -41,9 +40,13 @@ $if(ampVersionLink)$
 		<link rel="amphtml" href="$ampVersionLink$" />
 $endif$
 		<title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
-		<style type="text/css">code{white-space: pre;}</style>
+		<style>code{white-space: pre;}</style>
 $if(quotes)$
-		<style type="text/css">q { quotes: "“" "”" "‘" "’"; }</style>
+		<style>
+			q { quotes: "“" "”" "‘" "’"; }
+			.fontSizeXxSmall{font-size: xx-small;}
+			.displayNone{display: none;}
+		</style>
 $endif$
 $if(highlighting-css)$
 		<style type="text/css">
@@ -53,17 +56,48 @@ $endif$
 $for(css)$
 		<link rel="stylesheet" href="/$css$">
 $endfor$
+$for(extraCss)$
+		<link rel="stylesheet" href="$extraCss$">
+$endfor$
 $if(math)$
   $math$
 $endif$
+		<script type='application/ld+json'> 
+			{
+			  "@context": "http://www.schema.org",
+			  "@type": "WebSite",
+			  "name": "$title$",
+			  "alternateName": "$description$",
+			  "url": "http://cwsvjudo.bplaced.net",
+			  "image": "http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvJudoLogoWappen.256w.png"
+			}
+		</script>
+$if(jsonSdFiles)$
+		<script type='application/ld+json'>
+	$for(jsonSdFiles)$
+			<?php include($$basePath."/ressourcen/structuredData/json/$jsonSdFiles$");?>
+	$endfor$
+		</script>
+$endif$
+$if(jsLibs)$
+	$for(jsLibs)$
+		<script src="$jsLibs$" type="text/javascript"></script>
+	$endfor$
+$endif$
+		<link rel="alternate" type="application/rss+xml" href="/rss">
+		<?php require_once($$basePath."/pages/shared/favicon.html.inc");?>
 $for(header-includes)$
-		$header-includes$
+	$header-includes$
 $endfor$
 	</head>
 	<body>
 <!-- Kopfzeile mit Titel, Promobildern und Breadcrumbs -->
 		<header class="cwsvHeader">
-			<img width="200" height="140" title="Judo im Chemnitzer WSV" alt="Judo im Chemnitzer WSV - Promo" src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/banner/bannerlogo.1.jpg" />
+			<img 
+				width="200" height="140" 
+				title="Judo im Chemnitzer WSV" alt="Judo im Chemnitzer WSV - Promo" 
+				src="http://cwsvjudo.bplaced.net/ressourcen/graphiken/banner/bannerlogo.1.jpg"
+			/>
 			<span>Judo</span>
 			<span class="breadcrumbs"></span>
 			<img 
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/galTable.php b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/galTable.php
index e5e0555..2e1a645 100644
--- a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/galTable.php
+++ b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/galTable.php
@@ -63,6 +63,21 @@ $messages=array();
 			);
 		}
 		
+		if($_GET['veranstaltungsArt']=="Feier"){
+		$queryGals = 
+			"SELECT id,datum,name,url,typ,teaserBildUrl ".
+			"FROM cwsvjudo.wkGalerien ".
+			"WHERE veranstaltungsArt = 'Feier' ORDER BY datum DESC;";
+		}
+		
+		if($_GET['veranstaltungsArt']=="Zelten"){
+		$queryGals = 
+			"SELECT id,datum,name,url,typ,teaserBildUrl ".
+			"FROM cwsvjudo.wkGalerien ".
+			"WHERE veranstaltungsArt = 'Zelten' ORDER BY datum DESC;";
+		}
+		
+		
 		$galListe = array();
 		$mysqlResults = $mysqlConn->query($queryGals);
 		if( !$mysqlResults ){
@@ -75,30 +90,50 @@ $messages=array();
 		}
 	}
 	
-	echo(
-		"<form class=\"yearSelector\">".
-			"<label for=\"jahr\">Jahresauswahl:</label>".
-			"<select name=\"jahr\" onchange=\"javascript: this.form.submit();\" >".
-				"<optgroup label=\"Jahresauswahl\">".
-					"<option value=\"\"".($galJahr!="" ? "" : " selected")." >Neueste</option>"
-	);
-	
-	if( !is_array($galJahresListe) )
-		$messages['error'][] = "<div>Fehler bei der Jahreszahlenabfrage!</div>";
-	else{
-		foreach($galJahresListe as $jahr){
-			echo(
-					"<option value=\"".$jahr."\"".($galJahr==$jahr ? " selected" : "").">".$jahr."</option>"
-			);
+	// Für den Fall einer ampSeite darf ich kein form ohne https verwenden
+	if( strpos( $_SERVER['ORIG_PATH_TRANSLATED'], "pages/amp" ) !== false ){
+		if( !is_array($galJahresListe) )
+			$messages['error'][] = "<div>Fehler bei der Jahreszahlenabfrage!</div>";
+		else{
+			echo("<ol class=\"yearList\">");
+			foreach($galJahresListe as $jahr){
+				echo(
+					"<li><a class=\"touchLink\" href=\"?jahr=".$jahr."\">".$jahr."</a></li>"
+				);
+			}
+			echo("</ol>");
 		}
 	}
+	else{
+		echo(
+			"<form class=\"yearSelector\">".
+				"<label for=\"jahrId\">Jahresauswahl:</label>".
+				"<select id=\"jahrId\" name=\"jahr\" onchange=\"javascript: this.form.submit();\" >".
+					"<optgroup label=\"Jahresauswahl\">".
+						"<option value=\"\"".($galJahr!="" ? "" : " selected")." >Neueste</option>"
+		);
+		
+		if( !is_array($galJahresListe) )
+			$messages['error'][] = "<div>Fehler bei der Jahreszahlenabfrage!</div>";
+		else{
+			foreach($galJahresListe as $jahr){
+				echo(
+						"<option value=\"".$jahr."\"".($galJahr==$jahr ? " selected" : "").">".$jahr."</option>"
+				);
+			}
+		}
+		echo(
+					"</optgroup>".
+				"</select>".
+				"<noscript>".
+					"<button type=\"submit\">wählen</button>".
+				"</noscript>".
+			"</form>"
+		);
+		
+	}// Ende responsiver Jahresselector
+	
 	echo(
-				"</optgroup>".
-			"</select>".
-			"<noscript>".
-				"<button type=\"submit\">wählen</button>".
-			"</noscript>".
-		"</form>".
 		"<table class=\"galTable\">".
 			"<thead><tr><th>Datum</th><th>Link zur Galerie</th></tr></thead>".
 			"<tbody>"
@@ -123,8 +158,16 @@ $messages=array();
 					"</td>".
 //					"<td class=\"floatClearBoth\">".
 					"<td >".
-						"<a href=\"".mb_convert_encoding($gal['url'], 'UTF-8', 'ISO-8859-1')."?galId=".$gal['id']."\">".
-						($gal['teaserBildUrl'] != "" ? "<div><img title=\"".mb_convert_encoding($gal['name'], 'UTF-8', 'ISO-8859-1')." - Bilder der Judoka des Chemnitzer WSV\" alt=\"Teaserbild ".mb_convert_encoding($gal['name'], 'UTF-8', 'ISO-8859-1')."\" src=\"".mb_convert_encoding($gal['teaserBildUrl'], 'UTF-8', 'ISO-8859-1')."\"/></div>" : "").
+						"<a href=\"".mb_convert_encoding($gal['url'], 'UTF-8', 'ISO-8859-1')."?galId=".$gal['id']."\">"
+				);
+			$tempString = ($gal['teaserBildUrl'] != "" ? "<div><img title=\"".mb_convert_encoding($gal['name'], 'UTF-8', 'ISO-8859-1')." - Bilder der Judoka des Chemnitzer WSV\" alt=\"Teaserbild ".mb_convert_encoding($gal['name'], 'UTF-8', 'ISO-8859-1')."\" src=\"".mb_convert_encoding($gal['teaserBildUrl'], 'UTF-8', 'ISO-8859-1')."\"/></div>" : "");
+			//echo($_SERVER['ORIG_PATH_TRANSLATED']);
+			if( strpos( $_SERVER['ORIG_PATH_TRANSLATED'], "pages/amp" ) !== false ){
+				$tempString = str_replace("<img", "<amp-img layout=\"responsive\" width=\"200\" height=\"133\"", $tempString);
+				$tempString = str_replace("/>", "></amp-img>", $tempString);
+			}
+			echo( $tempString );
+			echo(
 						"<div>".mb_convert_encoding($gal['name'], 'UTF-8', 'ISO-8859-1')." (".mb_convert_encoding($gal['typ'], 'UTF-8', 'ISO-8859-1').")</div></a>".
 					"</td>".
 				"</tr>"
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsLib.php b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsLib.php
index bcf45dd..8e176a7 100644
--- a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsLib.php
+++ b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsLib.php
@@ -89,6 +89,8 @@ $options = getKeyValueArray($someOptions);
 	$retHtml .=  "</div>";
 	$retHtml .=  "<div class=\"newsBody\">";
 
+	$aNews['nachricht'] = str_replace("\r\n", "\n", $aNews['nachricht']);
+
 	if( !filter_var($aNews['promoImg'], FILTER_VALIDATE_URL) ){
 		$domDoc = new DOMDocument();
 		$domDoc->loadHTML( mb_convert_encoding($aNews['nachricht'], 'HTML-ENTITIES', "UTF-8") );
@@ -100,7 +102,16 @@ $options = getKeyValueArray($someOptions);
 				$anchorDad->removeChild($anchor);
 				break;
 			}
-			$aNews['nachricht'] = get_inner_html( $domDoc->getElementsByTagName('body')[0] );
+			$xpath = new DOMXPath($domDoc);
+
+			foreach( $xpath->query('//*[not(node())]') as $node ) {
+				$node->parentNode->removeChild($node);
+			}
+
+			$domDoc->formatOutput = true;
+			$aNews['nachricht'] = get_inner_html( $domDoc->getElementsByTagName('body')[0] );	
+//			$aNews['nachricht'] = str_replace("&#13;", "", $aNews['nachricht']);
+//			var_dump($aNews);
 		}
 	}
 	
@@ -111,8 +122,15 @@ $options = getKeyValueArray($someOptions);
 				.( empty($aNews['promoImg']['alt'])?"":("alt  =\"".$aNews['promoImg']['alt']."\" ") )
 			."/>";
 		}
-		if( filter_var($aNews['promoImg'], FILTER_VALIDATE_URL) )
+		if( filter_var($aNews['promoImg'], FILTER_VALIDATE_URL) ){
 			$retHtml .= "<img class=\"newsPromoImage\" src=\"".$aNews['promoImg']."\" />";
+		}
+		
+		// Für den Fall einer ampSeite müssen die imgTags angepasst werden
+		if( strpos( $_SERVER['ORIG_PATH_TRANSLATED'], "pages/amp" ) !== false ){
+			$retHtml = str_replace("<img", "<amp-img layout=\"responsive\" width=\"200\" height=\"133\"", $retHtml);
+			$retHtml = str_replace("/>", "></amp-img>", $retHtml);
+		}
 	}
 	$retHtml .=   "<div class=\"newsText\">" . $aNews['nachricht'] . "</div>";
 	$retHtml .=  "</div>";
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsTableHtml.php b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsTableHtml.php
index a0372b8..c3da907 100644
--- a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsTableHtml.php
+++ b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsTableHtml.php
@@ -28,6 +28,7 @@ $limit = is_positive_integer($someOptions['limit'])?$someOptions['limit']:1;
 // News abfragen
 // @todo: woher das limit nehmen?
 	$newsList = getNews($db_connection, array('limit'=>$limit));
+//	$newsList = getNews($db_connection, $someOptions);
 	
 	if( is_array( $newsList ) || is_object( $newsList ) )
 		foreach($newsList as $news)
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php
index 8a13c5d..dce1e86 100644
--- a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php
+++ b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php
@@ -128,23 +128,23 @@ $htmlWkTableString = "";
 		
 		if($lastMonthName != strftime("%B %Y", strtotime($wk['Datum']) )){
 			$lastMonthName = strftime("%B %Y", strtotime($wk['Datum']) );
-			$htmlWkTableString .= "<tr><th colspan=\"5\" >".$lastMonthName."</th></tr><tr style=\"display:none;\" ><th colspan=\"5\"></th></tr>";
+			$htmlWkTableString .= "<tr><th colspan=\"5\" >".$lastMonthName."</th></tr><tr class=\"displayNone\" ><th colspan=\"5\"></th></tr>";
 		}
 		
 		$htmlWkTableString .=
 				"<tr>".
 					"<script type=\"application/ld+json\">".wkArray2jsonSdEvent($wk)."</script>".
 					"<td data-title=\"Datum\" class=\"noWrap\">".
-						"<time class=\"kalenderDatum\" datetime=".$wk['Datum'].">".
-							"<span>".strftime("%Y", strtotime($wk['Datum']))."</span>".
-							"<span>".strftime("%B", strtotime($wk['Datum']))."</span>".
-							"<span>".strftime("%d", strtotime($wk['Datum']))."</span>".
-							"<span>".strftime("%A", strtotime($wk['Datum']))."</span>".
-						"</time>".
-						"</time>".
+						"<time datetime=\"".$wk['Datum']."\">".strftime("%Y-%m-%d (%a)", strtotime($wk['Datum']) )."</time>".
+//						"<time class=\"date-as-calendar position-pixels\" datetime=".$wk['Datum'].">".
+//							"<span class=\"weekday\">".strftime("%A", strtotime($wk['Datum']))."</span>".
+//							"<span class=\"day\">".strftime("%d", strtotime($wk['Datum']))."</span>".
+//							"<span class=\"month\">".strftime("%B", strtotime($wk['Datum']))."</span>".
+//							"<span class=\"year\">".strftime("%Y", strtotime($wk['Datum']))."</span>".
+//						"</time>".
 					"</td>".
 					"<td data-title=\"Ausschreibung\" class=\"hyphenate\">".
-						"<a title=\"Ausschreibung ".$wk['Veranstaltung']."\" href=\"".$wk['Ausschreibung']."\"><span property=\"name\">".$wk['Veranstaltung']."</span></a>".
+						"<a title=\"Ausschreibung ".$wk['Veranstaltung']."\" href=\"http://cwsvjudo.bplaced.net".$wk['Ausschreibung']."\"><span property=\"name\">".$wk['Veranstaltung']."</span></a>".
 					"</td>".
 					"<td data-title=\"Wegbeschreibung\">".
 						"<a title=\"Wegbeschreibung ".$wk['Veranstaltung']."\" href=\"".$wk['Routenplaner']."\"><span>".$wk['Ort']."</span></a>".
@@ -153,7 +153,7 @@ $htmlWkTableString = "";
 						$wk['Altersklassen'].
 					"</td>".
 					"<td data-title=\"iCal\">".
-						"<a title=\"Termin für ".$wk['Veranstaltung']." in Kalender übernehmen\" href=\"/ressourcen/phpLib/calendar.php?wkID=".$wk['lfdeNr']."\">iCal</a>".
+						"<a title=\"Termin für ".$wk['Veranstaltung']." in Kalender übernehmen\" href=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/calendar.php?wkID=".$wk['lfdeNr']."\">iCal</a>".
 					"</td>".
 				"</tr>\n";
 	}
@@ -293,8 +293,8 @@ function wkTableHtml(){
 		$siteData['mainContent'] .= wkList2htmlWkTable($ergebnis);
 		
 		$siteData['mainContent'] .= 
-			"<div style=\"font-size:xx-small\">Alle Angaben ohne Gewähr! Fehler und Ergänzungen dürfen gerne gemeldet werden.</div>".
-			"<a href=\"/downloads/Ausschreibungen/\">Link zum Archiv mit allen Ausschreibungen</a>.";
+			"<div class=\"fontSizeXxSmall\">Alle Angaben ohne Gewähr! Fehler und Ergänzungen dürfen gerne gemeldet werden.</div>".
+			"<a href=\"http://cwsvjudo.bplaced.net/downloads/Ausschreibungen/\">Link zum Archiv mit allen Ausschreibungen</a>.";
 /* @todo: Wettkampfselektor wieder ergänzen
 			<hr />
 			<div  class="wkSelektor">
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php.bak b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php.bak
new file mode 100644
index 0000000..7c8ad7e
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php.bak
@@ -0,0 +1,323 @@
+<?php
+
+/// Abfrage der Daten eines Wettkampfes via ID
+/// Da über den primary key abgefragt wird, erfolgt keine Kontrolle, ob nur ein Ergebnis geliefert wurde
+function getWkData($anMysqlConn, $anWkId){
+	$query = sprintf(
+		"SELECT * FROM wettkampfkalender WHERE lfdeNr='%s';",
+		$anMysqlConn->real_escape_string($anWkId)
+	);
+	$results = $anMysqlConn->query($query);
+	if( !$results ) die("ERR: Fehler bei Datenbankabfrage (".$query.")!\n");
+	$ret  = $results->fetch_assoc();
+return $ret;
+}
+
+/// Einen Gallerie per ID abfragen
+///
+/// Der Rückgabewert sollte vor Verwendung (und zur Fehlerbehandlung) 
+/// auf NULL und/oder leeres Array getestet werden.
+/// Der Zeichensatz wird von "ISO-8859-1" auf "UTF-8" gesetzt
+/// @aMysqlConn
+///  mySql-Datenbankverbindung via PDO
+/// @optionsArray
+///  dbCharset - Zeichensatz der Datenbank
+///  outCharset - Ausgabezeichensatz in den konvertiert werden soll
+/// @return Array von Galleriedaten im Erfolsfalle (evtl. aber leer, wenn in der Datenbank keine entsprechenden Nachrichten gefunden wurden), sonst NULL
+function getGal($aMysqlConn, $optionsArray = array("dbCharset" => "ISO-8859-1", "outCharset" => "UTF-8", "limit" => "1", "galId" => "0", "wkId"=>"0")){
+if(!$aMysqlConn) return NULL;
+
+if( empty($optionsArray['dbCharset']) ) $optionsArray['dbCharset'] = "ISO-8859-1";
+if( empty($optionsArray['outCharset']) ) $optionsArray['outCharset'] = "UTF-8";
+
+if( !is_positive_integer($optionsArray['limit']) ) $optionsArray['limit'] = "1";
+
+$ret = array();
+
+	if( is_positive_integer($optionsArray['wkId']) ){
+		// datenbank.tabelle könnte noch vaiabel gestaltet werden
+		$pdoStatementForQuerryingGalById = $aMysqlConn->prepare(
+			"SELECT * FROM cwsvjudo.wkGalerien WHERE wkGalerien.datum <= (SELECT wkGalerien.datum FROM wkGalerien WHERE wkGalerien.wkId = :wkId ) ORDER BY wkGalerien.datum DESC LIMIT :limit OFFSET 0;"
+		);
+		$pdoStatementForQuerryingGalById->bindParam(':limit', intval($optionsArray['limit']), PDO::PARAM_INT);
+		$pdoStatementForQuerryingGalById->bindParam(':wkId', intval($optionsArray['wkId']), PDO::PARAM_INT);
+		$pdoStatementForQuerryingGalById->execute();
+		$ret = $pdoStatementForQuerryingGalById->fetchAll(PDO::FETCH_ASSOC);
+	}
+	else{
+		$pdoStatementForQuerryingGalById = $aMysqlConn->prepare(
+			"SELECT * FROM wkGalerien ORDER BY datum DESC, id DESC LIMIT :limit;"
+		);
+		$pdoStatementForQuerryingGalById->bindParam(':limit', intval($optionsArray['limit']), PDO::PARAM_INT);
+		$pdoStatementForQuerryingGalById->execute();
+		$ret = $pdoStatementForQuerryingGalById->fetchAll(PDO::FETCH_ASSOC);
+	}
+// Zeichensatzkonvertierung
+	foreach($ret as &$entry){
+		array_walk(
+			$entry,
+			function (&$value, $key, $optionsArray) {
+				$value = iconv($optionsArray['dbCharset'], $optionsArray['outCharset'], $value);
+			},
+			$optionsArray
+		);
+	}
+
+return $ret;
+}
+
+// Ausgabe der Wettkampftabelle
+// @todo: elaborieren
+function wkTableHtml(){
+global $cwsvJudoConfig;
+// Vermutung ist, dass $__GET sowieso (?super?)global
+// global $__GET
+global $basePath;
+//require_once($basePath."/bonus/db.inc");
+//include_once($basePath."/bonus/db.inc");
+
+	// Deutsches Datumsformat
+	setlocale(LC_ALL, 'de_DE');
+	
+	$message = array();
+	
+	if(is_positive_integer($_GET['wkId'])){
+//		$sqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+		$sqlConn = @new mysqli(
+			$cwsvJudoConfig["db"]["host"],
+			$cwsvJudoConfig["db"]["user"],
+			$cwsvJudoConfig["db"]["password"],
+			$cwsvJudoConfig["db"]["name"]
+		);
+		if ($sqlConn->connect_error) {
+			$message['error'] .= "Datenbankverbindung fehlgeschlagen: " . $sqlConn->connect_error . "<br />";
+		}
+		else{
+			$wkData = getWkData($sqlConn, $_GET["wkId"]);
+			if( empty($wkData) ) $message['error'] .= "Fehler: WettkampfId ".$_GET['wkId']." nicht gefunden!<br />";
+		}
+	}
+//	else $message['error'] .= "Fehler: wkId ist kein pos. Int (".$_GET['wkId'].")<br />";
+	
+	if(!empty($message['error']))
+		echo( "<div class=\"messageBox\">".$message['error']."</div>" );
+
+	if( !empty($wkData) ){
+		echo( "<h1>Wettkampfdaten ".mb_convert_encoding($wkData['Veranstaltung'], 'UTF-8', 'ISO-8859-1')."</h1>" );
+		
+		echo( "<ul>" );
+		echo( "<li>Datum: ".$wkData['Datum']."</li>" );
+		echo( "<li>AK: ".mb_convert_encoding($wkData['Altersklassen'], 'UTF-8', 'ISO-8859-1')."</li>" );
+		echo( "<li>Ort: ".mb_convert_encoding($wkData['Ort'], 'UTF-8', 'ISO-8859-1')."</li>" );
+		echo( "<li><a href=\"".$wkData['Ausschreibung']."\">Ausschreibung</a></li>" );
+		echo( "<li><a href=\"".$wkData['Routenplaner']."\">Routenplaner</a></li>" );
+		echo( "<li>Galerie: ".$wkData['galleryLink']."</li>" );
+		echo( "<li>PromoPic: ".$wkData['promoPic']."</li>" );
+		echo( "</ul>" );
+	}
+
+	try{
+		$db_connection = new PDO('mysql:host='.$db_server.';dbname='.$db_name, $db_user, $db_password);
+		
+	// mögliche Werte für das jahr herausfinden
+		$jahre = array();
+		$query = "SELECT DISTINCT DATE_FORMAT( Datum, '%Y') FROM cwsvjudo.wettkampfkalender WHERE 1 ORDER BY DATE_FORMAT( Datum,  '%Y' ) DESC";
+		$ergebnis = $db_connection->query($query);
+		foreach($ergebnis as $row){
+			array_push($jahre, $row["DATE_FORMAT( Datum, '%Y')"]);
+		}
+	// ist das übergebene jahr ein gültiges?
+		$jahr = $_GET["jahr"];
+		if($jahr){
+			if(in_array($jahr, $jahre)){
+				$minDate = $jahr."-01-01";
+				$maxDate = $jahr."-12-31";
+				
+				echo( "<h1>Wettkampfkalender ".$jahr."</h1>" );
+			}
+			else{
+				echo "Keine Wettkämpfe für das Jahr".$jahr." gefunden!";
+//				die();
+			}
+		}
+		else{
+			$minDate = date("Y-m-d", time());
+			$maxDate = "";
+			
+			echo( "<h1>Kommende Wettkämpfe</h1>" );
+		}
+		
+		$query="SELECT Datum,Veranstaltung,Ausschreibung,Ort,Routenplaner,Altersklassen,lfdeNr FROM wettkampfkalender WHERE Datum >= \"".$minDate."\" ORDER BY Datum ASC";
+		if($maxDate){
+			$query="SELECT Datum,Veranstaltung,Ausschreibung,Ort,Routenplaner,Altersklassen,lfdeNr FROM wettkampfkalender WHERE Datum >= \"".$minDate."\" AND Datum <= \"".$maxDate."\" ORDER BY Datum ASC";
+		}
+		$ergebnis = $db_connection->query($query);
+		
+		echo( "<table class=\"wkKalender\">");
+		echo( "<thead><tr><th>Datum</th><th>Veranstaltung</th><th>Ort</th><th>Altersklasse(n)</th><th>iCal</th></tr></thead>" );
+		echo( "<tbody>" );
+		
+		$ergebnis = $db_connection->query($query);
+		
+//		echo( "Debug: " . gettype($ergebnis) . " " . count($ergebnis) . "\n" );
+		foreach($ergebnis as $wk){
+			echo( "<tr><script type=\"application/ld+json\">".
+				"{".
+					"\"@context\": \"http://schema.org\",".
+					"\"@type\": \"Event\",".
+					"\"name\": \"".mb_convert_encoding($wk['Veranstaltung'], 'UTF-8', 'ISO-8859-1')."\",".
+					"\"startDate\": \"".mb_convert_encoding($wk['Datum'], 'UTF-8', 'ISO-8859-1')."\",".
+					"\"endDate\": \"".mb_convert_encoding($wk['Datum'], 'UTF-8', 'ISO-8859-1')."\",".
+					"\"url\": \"http://cwsvjudo.bplaced.net".mb_convert_encoding($wk['Ausschreibung'], 'UTF-8', 'ISO-8859-1')."\",".
+					"\"description\": \"Judo-Wettkampf der Altersklasse(n) ".mb_convert_encoding($wk['Altersklassen'], 'UTF-8', 'ISO-8859-1')."\",".
+					"\"location\": {".
+						"\"@type\": \"Place\",".
+						"\"name\": \"".mb_convert_encoding($wk['Ort'], 'UTF-8', 'ISO-8859-1')."\",".
+						"\"address\": {".
+							"\"@type\": \"PostalAddress\",".
+							"\"addressLocality\": \"".mb_convert_encoding($wk['Ort'], 'UTF-8', 'ISO-8859-1')."\"".
+						"}".
+					"}".
+				"}".
+				"</script>"
+			);
+			
+// schlechter Hack solange die Browser nicht von selbst ordentlich trennen
+			$wk['Veranstaltung'] = 
+				str_replace("meisterschaft", "&shy;meisterschaft", $wk['Veranstaltung']);
+			$wk['Veranstaltung'] = 
+				str_replace("turnier", "&shy;turnier", $wk['Veranstaltung']);
+			$wk['Veranstaltung'] = 
+				str_replace("randori", "&shy;randori", $wk['Veranstaltung']);
+			
+			echo(
+				"<td class=\"noWrap\">".
+					"<time datetime=".mb_convert_encoding($wk['Datum'], 'UTF-8', 'ISO-8859-1')."\">".strftime("<nobr>%Y-%m-%d</nobr> (%a)", strtotime($wk['Datum']) )."</time>".
+				"</td>".
+				"<td class=\"hyphenate\">".
+					"<a title=\"Ausschreibung ".mb_convert_encoding($wk['Veranstaltung'], 'UTF-8', 'ISO-8859-1')."\" href=\"".mb_convert_encoding($wk['Ausschreibung'], 'UTF-8', 'ISO-8859-1')."\"><span property=\"name\">".mb_convert_encoding($wk['Veranstaltung'], 'UTF-8', 'ISO-8859-1')."</span></a>".
+				"</td>".
+				"<td>".
+					"<a title=\"Wegbeschreibung ".mb_convert_encoding($wk['Veranstaltung'], 'UTF-8', 'ISO-8859-1')."\" href=\"".$wk['Routenplaner']."\"><span>".mb_convert_encoding($wk['Ort'], 'UTF-8', 'ISO-8859-1')."</span></a>".
+				"</td>".
+				"<td>".mb_convert_encoding($wk['Altersklassen'], 'UTF-8', 'ISO-8859-1')."</td>".
+				"<td>".
+					"<a title=\"Termin für ".mb_convert_encoding($wk['Veranstaltung'], 'UTF-8', 'ISO-8859-1')." in Kalender übernehmen\" href=\"/ressourcen/phpLib/calendar.php?wkID=".$wk['lfdeNr']."\">iCal</a>".
+				"</td>".
+			"</tr>" );
+		}
+		echo(
+		"</tbody>".
+		"<tfoot><tr><th>Datum</th><th>Veranstaltung</th><th>Ort</th><th>Altersklasse(n)</th><th>iCal</th></tr></tfoot>".
+	"</table>".
+	"<div style=\"font-size:xx-small\">Alle Angaben ohne Gewähr! Fehler und Ergänzungen dürfen gerne gemeldet werden.</div>".
+	"<a href=\"/downloads/Ausschreibungen/\">Link zum Archiv mit allen Ausschreibungen</a>." );
+/*
+<!--Ende dynamische Wettkampfliste-->
+			<hr />
+			<div  class="wkSelektor">
+				Im folgendem kann man sich mehrere Wettkampftermine in einer <a href="https://de.wikipedia.org/wiki/ICalendar">ICalendar</a>-Datei zusammenstellen. Zum An-/Abwählen bei gedrückter Strg-Taste mit der linken Maustaste die jeweiligen Wettkämpfe anklicken.
+				<form action="http://cwsvjudo.bplaced.net/ressourcen/phpLib/wkCustomICal.php" method="POST">
+					<label>Kommende Wettkämpfe:</label>
+					<div><select name="wkIDs[]" multiple="multiple" size="5">
+<?php
+					$ergebnis = $db_connection->query($query);
+					foreach($ergebnis as $wk){
+?>
+						<option value="<?php echo $wk['lfdeNr'];?>">
+							<?php echo mb_convert_encoding($wk['Datum'], 'UTF-8', 'ISO-8859-1');?>
+							--
+							<?php echo mb_convert_encoding($wk['Veranstaltung'], 'UTF-8', 'ISO-8859-1');?>
+							(<?php echo mb_convert_encoding($wk['Altersklassen'], 'UTF-8', 'ISO-8859-1');?>)
+						</option>
+<?php
+					}
+?>
+					</select></div>
+					<button type="submit">iCal erzeugen</button>
+				</form>
+<?php
+	// Verbindung wieder schließen
+		$db_connection = NULL;
+*/
+	}
+	catch(PDOException $db_error){
+		print "Error!: " . $db_error->getMessage() . "<br/>";
+//		die();
+	}
+/*
+?>
+			</div>
+		</div> <!-- Ende div id content; des eigentlichen Inhaltes-->
+	<!-- Vertikale Navigationsleiste an der Seite-->
+		<div id="navVerti">
+			<nav><ul>
+<?php
+				if(!$_GET["jahr"]){
+					echo "<li class=\"activeNav\">kommende Wett&shy;k&auml;mpfe</li>";
+				}
+				else{
+					echo "<li><a href=\"/pages/desktop/verein.wettkampfkalender.php\">komm&shy;ende Wett&shy;k&auml;mpfe</a></li>";
+				}
+				foreach($jahre as $runner){
+					if($_GET["jahr"] == $runner){
+						echo "<li class=\"activeNav\"> Wett&shy;k&auml;mpfe ".$runner."</li>";
+					}
+					else{
+						echo "<li><a href=\"/pages/desktop/verein.wettkampfkalender.php?jahr=".$runner."\">Wett&shy;k&auml;mpfe ".$runner."</a></li>";
+					}
+				}
+?>
+			</ul></nav>
+			<hr />
+		<!--Anfang der Einbindung des Counters; die Zeile 'TEMPLATE;' DARF NICHT EINGERÜCKT SEIN-->
+			<div>
+			<?php
+				$chCounter_template = <<<TEMPLATE
+				<span class="bold">Besucher</span><br/>
+				Online: {V_VISITORS_CURRENTLY_ONLINE}<br/>
+				Heute: {V_VISITORS_TODAY}<br/>
+				Gestern: {V_VISITORS_YESTERDAY}<br/>
+				Tagesrekord: {V_MAX_VISITORS_PER_DAY}<br/>
+				Insgesamt: {V_TOTAL_VISITORS}<br/>
+				<span class="bold">Seitenaufrufe</span><br/>
+				Diese Seite: {V_PAGE_VIEWS_THIS_PAGE}<br/>
+				Insgesamt: {V_TOTAL_PAGE_VIEWS}<br/>
+TEMPLATE;
+				$chCounter_page_title = "Wettkampfkalender";
+				if($_GET["jahr"]){
+					$chCounter_page_title = "Wettkampfkalender ".$_GET["jahr"];
+				}
+				$chCounter_visible=1;
+				include($_SERVER['DOCUMENT_ROOT']."/expCounter/counter.php");
+?>
+			<!--Ende der Einbindung des Counters-->
+			</div>
+		</div>
+		
+		<?php include($_SERVER['DOCUMENT_ROOT']."/pages/shared/sponsorList.html.inc");?>
+		
+		<footer>
+			<p>
+				<?php
+					if($_GET["jahr"]){
+				?>
+						<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fcwsvjudo.bplaced.net%2Fpages%2Fdesktop%2Fverein.wettkampfkalender.php?jahr=<?php echo $_GET["jahr"]?>">Valid <img src="http://www.w3.org/html/logo/downloads/HTML5_1Color_Black.svg" alt="HTML 5" style="height:1em"></a>
+				<?php
+					}
+					else{
+				?>
+					<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fcwsvjudo.bplaced.net%2Fpages%2Fdesktop%2Fverein.wettkampfkalender.php">Valid <img src="http://www.w3.org/html/logo/downloads/HTML5_1Color_Black.svg" alt="HTML 5" style="height:1em"></a>
+				<?php
+					}
+				?>
+			</p>
+		</footer>
+<link rel="stylesheet" media="screen and (min-width: 641px)" href="/ressourcen/css/cwsvJudo.css" />
+<link rel="stylesheet" media="screen and (max-width: 640px)" href="/ressourcen/css/cwsvJudoMobile.css" />
+	</body>
+</html>
+*/
+return;
+}
+?>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/imgPicker.php b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/imgPicker.php
new file mode 100644
index 0000000..34236ed
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/imgPicker.php
@@ -0,0 +1,191 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+/// Hinzufügen eines Eintrages
+function addPickedImages($aMysqlConn, $aGalId, $anUserId, $somePickedImages){
+$retMessage = array();
+$galPickedImages = array();
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s' AND userId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId),
+		$aMysqlConn->real_escape_string($anUserId)
+	);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+	}
+	/// @todo Eigentlich sollte hier ja nur ein Ergebnis zurückgeliefert werden, das sollte auch überprüft werden
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$galPickedImages = array_merge($galPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+	
+	/// @todo Anzahl der ausgewählten Bilder auf 6 beschränken
+	if( empty($galPickedImages) ){
+		if( count($galPickedImages) < 6 ){
+			$queryAddImages = sprintf(
+				"INSERT INTO cwsvjudo.galImgPicker (galId, userId, pickedImages) values ('%s', '%s', '%s');",
+				$aMysqlConn->real_escape_string($aGalId),
+				$aMysqlConn->real_escape_string($anUserId),
+				$aMysqlConn->real_escape_string(join(",", $somePickedImages))
+			);
+			
+			$resultAddImages = $aMysqlConn->query($queryAddImages);
+			if( $resultAddImages ){
+				$retMessage['info'] .= "(".join(",", $somePickedImages).") ausgewählt!<br />";
+			}
+			else{
+				$retMessage['error'] .= "Fehler: Konnte die Query '".$queryAddImages."' nicht ausführen ('".$aMysqlConn->error."')!<br />";
+			}
+		}
+		else{
+			$retMessage['error'] .= "Fehler: Es dürfen maximal 6 Bilder ausgewählt werden<br />";
+		}
+	}
+	else{
+		$retMessage['error'] .= "Fehler: Es wurden bereits Bilder ausgewählt (".join(",", $galPickedImages).")!<br />";
+		$retMessage['error'] .= "Neue Auswahl: (".join(",", $somePickedImages).")<br />";
+		$retMessage['error'] .= "<form action=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/imgGallery/imgPicker.php\" method=\"post\">";
+		$retMessage['error'] .= " <input type=\"hidden\" name=\"galId\" value=\"".$galleryId."\" />";
+		foreach($somePickedImages as $img){
+			$retMessage['error'] .= " <input type=\"hidden\" name=\"pickedImages[]\" value=\"".$img."\" />";
+		}
+		$retMessage['error'] .= " <button type=\"submit\">Bisherige Auswahl überschreiben!</button>";
+		$retMessage['error'] .= "</form>";
+	}
+return $retMessage;
+}
+
+/// Ändern eines bereits erstellten Eintrages
+function changePickedImages($aMysqlConn, $aGalId, $anUserId, $somePickedImages){
+
+$retMessage = array();
+$galPickedImages = array();
+
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s' AND userId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId),
+		$aMysqlConn->real_escape_string($anUserId)
+	);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+	}
+	/// @todo Eigentlich sollte hier ja nur ein Ergebnis zurückgeliefert werden, das sollte auch überprüft werden
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$galPickedImages = array_merge($galPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+	
+	if( empty($galPickedImages) )
+		$retMessage['error'] .= "Fehler: Kein Eintrag zum Ändern gefunden!";
+	else{
+		if( count($galPickedImages) < 6 ){
+			$queryAddImages = sprintf(
+				"UPDATE cwsvjudo.galImgPicker pickedImages = '%s' WHERE galId = '%s' AND userId = '%s';",
+				$aMysqlConn->real_escape_string(join(",", $somePickedImages)),
+				$aMysqlConn->real_escape_string($aGalId),
+				$aMysqlConn->real_escape_string($anUserId)
+			);
+			
+			$resultAddImages = $aMysqlConn->query($queryAddImages);
+			if( $resultAddImages ){
+				$retMessage['info'] .= "Gewählten Bilder auf (".join(",", $somePickedImages).") geändert!<br />";
+			}
+			else{
+				$retMessage['error'] .= "Fehler: Konnte die Query '".$queryAddImages."' nicht ausführen ('".$aMysqlConn->error."')!<br />";
+			}
+		}
+		else{
+			$retMessage['error'] .= "Fehler: Es dürfen maximal 6 Bilder ausgewählt werden<br />";
+		}
+	}
+return $retMessage;
+}
+
+	
+	$loginStatus = "false";
+	$galleryId = "0";
+	$galPickedImages = array();
+	
+// Falls der serverseitige Logincookie nicht gesetzt ist ...
+	session_start();
+	session_regenerate_id();
+	if( empty($_SESSION['login']) ){
+		$loginStatus = "false";
+		$messages['info'] .= "Info: Der Bilderauswahlmodus ist nur möglich, wenn man angemeldet ist!<br />";
+	}
+	else{
+		$loginStatus = "true";
+		/// @todo Testen, ob eine intZahl vorliegt
+		/// @todo Testen, ob wir in der richtigen Galerie sind
+		if( !empty($_POST['galId'] ) ) $galleryId = $_POST['galId'];
+		
+		$messages['info'] .= "Info: Der Bilderauswahlmodus für Galerie ".$galleryId." ist aktiv!<br />";
+
+// Datenbankverbindung herstellen
+/// @todo Ist die Db-Verbindung dann global?
+		$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+		
+		if($mysqlConn->connect_error){
+			$message['error'] .= "Fehler: Datenbankverbindung fehlgeschlagen: " . $mysqlConn->connect_error . "<br />";
+		}
+		else{/// bereits gewählte Bilder abfragen
+			$queryPickedImages = sprintf(
+				"SELECT * FROM galImgPicker WHERE galId = '%s' AND userId = '%s';",
+				$mysqlConn->real_escape_string($galleryId),
+				$mysqlConn->real_escape_string($_SESSION['user']['userId'])
+			
+			);
+			
+			$pickedImagesResults = $mysqlConn->query($queryPickedImages);
+			if( !$pickedImagesResults ){
+				$messages['error'] .= "Fehler bei Datenbankabfrage '".$queryPickedImages."'<br />";
+			}
+			/// @todo Eigentlich sollte hier ja nur ein Ergebnis zurückgeliefert werden
+			else{
+				while( $pickedImagesResult = $pickedImagesResults->fetch_assoc() ){
+					//print_r($pickedImagesResult);
+					//print_r($pickedImagesResult['pickedImages']);
+					$galPickedImages = array_merge($galPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+				}
+			}
+			
+			$addRetMessages = addPickedImages($mysqlConn, $galleryId, $_SESSION['user']['userId'], $_POST['pickedImages']);
+			
+			$mysqlConn->close();
+		}
+	}
+	
+	
+	
+?>
+
+<html>
+	<body>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['error'] ) ) echo( $messages['error'] );
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+			if( !empty( $addRetMessages['error'] ) ) echo( $addRetMessages['error'] );
+			if( !empty( $addRetMessages['info'] ) ) echo( $addRetMessages['info'] );
+			if( !empty( $addRetMessages['warning'] ) ) echo( $addRetMessages['warning'] );
+?>
+		</div>
+		<?php //print_r($_POST);?>
+		<?php //print_r($messages);?>
+		<?php //print_r($addRetMessages);?>
+		<?php //print_r($galPickedImages);?>
+<?php
+		
+
+?>
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/index.php.tmpl b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/index.php.tmpl
new file mode 100644
index 0000000..f09b982
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/index.php.tmpl
@@ -0,0 +1,365 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+function startsWith($haystack, $needle){
+	$length = strlen($needle);
+	return (substr($haystack, 0, $length) === $needle);
+}
+
+/// Abfrage der ausgewählten Bilder einer Galerie
+function getPickedImages($aMysqlConn, $aGalId){
+$retPickedImages = array();
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId)
+	);
+	
+//	die($queryPickedImages);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	
+	/// @todo Wie kann ich hier sinnvoll einen Fehler zurückliefern? Nullpointer?
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+		die( "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />");
+	}
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$retPickedImages = array_merge($retPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+//echo("retPickedImages: ");print_r($retPickedImages); die();
+return array_unique( $retPickedImages );
+}/// Ende getPickedImages
+
+/// Hilfsfunktion zum Anpassen der htmlDescription
+function descrName($aName){
+	$retVal = "Bilder der Judoka des Chemnitzer WSV beim Wettkampf ".$aName;
+	if( strpos($aName, "Sommerabschlussgrillen") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV beim ".$aName;
+	if( strpos($aName, "Jahrendefeier") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV bei der ".$aName;
+return $retVal;
+}/// Ende descrName
+
+	$loginStatus = "false";
+	$chooseMode = "false";
+	$showAllMode = "false";
+	$messages = array();
+	$galleryId = "0";
+	$pickedImages = array();
+	
+//	echo("imgList: "); print_r($imgList);
+//	foreach($imgList as $img){
+//		echo(" ".$img." startsWith images/ :".startsWith($img, "images/")."\n");
+//	}
+	
+/// Übergebene galleryId abfragen
+	if( !empty($_GET['galId'] ) ) $galleryId = $_GET['galId'];
+	/// @todo Woher erhalte ich die galleryID, wenn sie nicht übergeben wird?
+	
+/// Nachschauen, ob alle Bilder gezeigt werden sollen
+	if( $_GET['showAll']  == "true" )
+		$showAllMode = "true";
+	
+// Testen, ob wir im Bilderauswahlmodus sind...
+	if($_GET['chooseMode'] == "true"){
+		$showAllMode = "true"; // Im Bildauswahlmodus sollten auch alle Bilder angezeigt werden
+		$chooseMode = "true";
+	// Falls ja, dann teste, ob man angemeldet ist
+	/// @todo brauche ich das, wenn ich nur testen will, ob bereits angemeldet ist? -> anscheinend ja!
+		session_start();
+		session_regenerate_id();
+	// Falls der serverseitige Logincookie nicht gesetzt ist 
+		if( empty($_SESSION['login']) ){
+			$loginStatus = "false";
+			$messages['info'] .= "Info: Der Bilderauswahlmodus ist nur möglich, wenn man angemeldet ist!<br />";
+		}
+		else{
+			$loginStatus = "true";
+			/// @todo Testen, ob eine intZahl vorliegt
+			/// @todo Testen, ob wir in der richtigen Galerie sind
+			$messages['info'] .= "Info: Der Bilderauswahlmodus für Galerie ".$galleryId." ist aktiv!<br />";
+		}
+	}
+	
+	$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+	
+	if($mysqlConn->connect_error){
+		$message['error'] .= "Fehler: Datenbankverbindung fehlgeschlagen: " . $mysqlConn->connect_error . "<br />";
+	}
+	else{
+		$pickedImages = getPickedImages( $mysqlConn, $galleryId );
+		$mysqlConn->close();
+	}
+	
+/// Überschreiben der imgList mit den ausgewählten Bildern
+	$allImgList = $imgList; // Sicherungskopie
+	//echo("imgList:");print_r($imgList);
+//	echo("pickedImages: "); print_r($pickedImages);
+	
+	if( count($pickedImages) > 24 )
+		$pickedImages = array_rand( $pickedImages, 24);
+	else{
+		$restImages = array_diff( $allImgList, $pickedImages );
+		//echo("restImages: "); print_r($restImages);
+		//echo("count(restImages): ".count($restImages));
+		//echo("count(24-count($pickedImages)): ".(24-count($pickedImages)));
+		foreach( array_rand( $restImages, min(24, count($restImages))-count($pickedImages) ) as $k ) {
+		  $pickedImages[] = $restImages[$k];
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+	}
+	$imgList = $pickedImages;
+//	echo("imgList: "); print_r($imgList);
+	
+	/// @todo ein Sortieren nach dem ursprünglichen Index fehlt
+	usort($imgList, function($a, $b) use($allImgList){return array_search($a, $allImgList) > array_search($b, $allImgList);} );
+	$imgList = array_values( $imgList );// Zum reNummerieren
+//	echo("imgList: "); print_r($imgList);
+	
+	if( $showAllMode == "true") $imgList = $allImgList;
+	
+	$imgInfos = array();
+	foreach( $imgList as $imgName ){
+		if(startsWith($imgName, "images/")){
+			array_push( $imgInfos, @getimagesize(str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgName))));
+		}
+		else{
+			array_push( $imgInfos, @getimagesize("thumbs/".str_replace(".jpg", ".png", $imgName)));
+		}
+	}
+
+?>
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName?> - Bilderalbum<?php echo( !empty($showAllMode)?($showAllMode == "true" ? " - alle Bilder" : "") : "");?></title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="
+<?php
+			echo descrName($wkName);
+			echo( !empty($showAllMode)?($showAllMode == "true" ? " - alle Bilder" : "") : "");
+?>
+		">
+		<meta name="keywords" content="Album, Fotos">
+		<!-- BluimpGallery Zeug -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-indicator.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-video.css">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI']?>" />
+
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery-3.1.1.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery.lazyload.min.js"></script>
+		<style>
+			.lazy{ display: none;}
+			.smallFont{font-size: small;}
+			.centerText{text-align: center;}
+			.navButton{
+				box-sizing: border-box;
+				border-color: white;
+				border-style: outset;
+				border-radius: 1em;
+				text-align: center;
+				text-decoration: none;
+				cursor: pointer;
+				display: inline-block;
+				padding-left: .5em;
+				padding-right: .5em;
+				padding: 0;
+				margin: 0;
+			}
+		</style>
+	</head>
+	<body style="color: #000000; background-color: #FFAE00"  >
+		<a title="Galerien der Judoka des Chemnitzer WSV" href="/galerien">Zur Galerieübersicht</a>
+		<?php
+//			require_once( $_SERVER['DOCUMENT_ROOT'].'/ressourcen/phpLib/is_mobile.php');
+//			if(is_mobile()) echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/mobile/verein.wettkampfgalerien.php\">Zur Galerieübersicht</a>";
+//			else            echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/desktop/verein.galerien.php\">Zur Galerieübersicht</a>";
+		?>
+<?php
+/// Eine kleine Messagebox
+		if( !empty($messages) ){
+?>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+?>
+		</div>
+<?php
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+/// Ende MessageBox
+?>
+		
+		<h1 class="centerText" >
+			Photoalbum [<b><?php echo $wkName?></b>]
+		</h1>
+<?php
+		if( $showAllMode == "true" ){
+?>
+		<p class="centerText smallFont">
+			[<?php echo count($imgList)?> Bilder]
+		</p>
+<?php 
+		}
+		else{
+?>
+		<a href=<?php echo( "\"?galId=".(empty($galleryId)?"0":$galleryId)."&showAll=true".($chooseMode=="true"?"&chooseMode=true":"")."\"");?>><div class="navButton" style="width: 100%;">Alle Bilder einblenden	</div></a>
+<?php
+		}
+?>
+		<p class="centerText smallFont">
+			Auf die jeweiligen Bilder klicken um eine größere Ansicht zu bekommen.
+		</p>
+		<hr/>
+
+<style type="text/css">
+	.galImgList{
+		/*flex: auto;*/
+		display: flex;
+		flex-flow: row wrap;
+		justify-content: space-around;
+		align-items: center;
+	}
+</style>
+
+		<!-- The container for the list of example images -->
+
+<?php
+		if( $chooseMode == "true" ){
+			echo( "<form action=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/imgGallery/imgPicker.php\" method=\"post\">" );
+			echo( "<input type=\"hidden\" name=\"galId\" value=\"".$galleryId."\" />" );
+		}
+?>
+		<div id="links" class="galImgList">
+<?php
+		$imgSize = count( $imgList );
+		for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+			echo( "<div ".( ($chooseMode=="true")?"style=\"border: 1px solid black;\"":"" ).">" );
+				if( $chooseMode == "true" ){
+					echo("<label>");
+					echo( "<input type=\"checkbox\" name=\"pickedImages[]\" value=\"".$imgList[$imgIndex]."\" />" );
+				}
+				echo "<img class=\"lazy\" ". 
+						"id=\"Image".( $imgIndex )."\" ".
+//						"data-original=\"./thumbs/".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images/", "", str_replace(".jpg", ".png", $imgName)):str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".
+//						"data-original=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+						"data-original=\"".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgList[$imgIndex])):"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".	
+						$imgInfos[$imgIndex][3]." ".
+						"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+						"title=\"".( $wkName )." Bild ".( $imgIndex +1 )." von ".( $imgSize )."\" ".
+						"onclick=\"startGalleryShow(" . $imgIndex . ");\"".
+				" />";
+				if( $chooseMode == "true" ) echo( "</label>" );
+			echo("</div>");
+		}
+?>
+		</div><!-- Ende galImgList -->
+<?php
+		if( $chooseMode == "true" ){
+			echo( "<button type=\"submit\">Eingaben absenden</button>" );
+				echo( "</form>" );
+		}
+?>
+			<noscript>
+				<div id="links" class="galImgList">
+				<?php
+					$imgSize = count( $imgList );
+					//echo("imgList: ");print_r($imgList);
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo
+							"\t\t\t\t<span>".
+								"<a href=\"view.php?index=".( $imgIndex )."\" >".
+								"<img id=\"Image".( $imgIndex + 1)."\" ".
+//									"src=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+//									"src=\"./thumbs/r_".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgName)):str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".	
+									"src=\"".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgList[$imgIndex])):"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".	
+									"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+									"title=\"".( $wkName )." Bild ".( $imgIndex + 1 )." von ".( $imgSize )."\" ".
+								"/>".
+								"</a>".
+							"</span>\n";
+					}
+				?>
+				</div>
+			</noscript>
+		</div>
+		<script type="text/javascript" charset="utf-8">
+			$(function() {
+				$("img.lazy").show().lazyload();
+//				$("img.lazy").lazyload();
+			});
+		</script>
+<!-- BluimpGalerry Lightbox Version -->
+		<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
+		<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
+			<div class="slides"></div>
+			<h2 class="title"><?php echo $wkName?></h2>
+			<a class="prev">‹</a>
+			<a class="next">›</a>
+			<a class="close">×</a>
+			<a class="play-pause"></a>
+			<ol class="indicator"></ol>
+		</div>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/blueimp-gallery.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/jquery.blueimp-gallery.min.js"></script>
+		<script>
+			function startGalleryShow(startIndex = 0){
+			var imgList = [
+				<?php 
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo "\"".( $imgList[ $imgIndex ] )."\", ";
+					}
+				?>];
+			var gallery = blueimp.Gallery(
+				imgList,
+				{
+					onslide: function (index, slide) {
+						var counterUrl = "/expCounter/counter.php";
+						var pageUrl = encodeURIComponent( window.location.href ) + "?index=" + index.toString();
+						var pageTitle = document.title + " [" + index.toString() + "]";
+						var callUrl = counterUrl + "?jscode_version=1.2&chCounter_mode=js&status=active&visible=0&page_title=" + pageTitle + "&page_url=" + pageUrl;
+						
+						var xmlHttp = new XMLHttpRequest();
+						xmlHttp.open("GET", callUrl, true); // true for asynchronous 
+						xmlHttp.send(null);
+					},
+					startSlideshow: true,
+					stretchImages: true,
+					index: startIndex,
+				}
+			);
+			};
+			
+			window.onload = function () { 
+				startGalleryShow();
+			};
+//			startGalleryShow();
+		</script>
+		<hr/>
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_template = <<<TEMPLATE
+<table>
+ <tr>
+  <td>Besucher online: {V_VISITORS_CURRENTLY_ONLINE}</td>
+  <td>Besucher bisher: {V_PAGE_VIEWS_THIS_PAGE}</td>
+ </tr>
+</table>
+TEMPLATE;
+$chCounter_page_title = "Photoalbum ".$wkName;
+$chCounter_visible=1; include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/indexDev.php.tmpl b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/indexDev.php.tmpl
new file mode 100644
index 0000000..12d70a0
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/indexDev.php.tmpl
@@ -0,0 +1,349 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+function startsWith($haystack, $needle){
+	$length = strlen($needle);
+	return (substr($haystack, 0, $length) === $needle);
+}
+
+/// Abfrage der ausgewählten Bilder einer Galerie
+function getPickedImages($aMysqlConn, $aGalId){
+$retPickedImages = array();
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId)
+	);
+	
+//	die($queryPickedImages);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	
+	/// @todo Wie kann ich hier sinnvoll einen Fehler zurückliefern? Nullpointer?
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+		die( "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />");
+	}
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$retPickedImages = array_merge($retPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+//echo("retPickedImages: ");print_r($retPickedImages); die();
+return array_unique( $retPickedImages );
+}/// Ende getPickedImages
+
+/// Hilfsfunktion zum Anpassen der htmlDescription
+function descrName($aName){
+	$retVal = "Bilder der Judoka des Chemnitzer WSV beim Wettkampf ".$aName;
+	if( strpos($aName, "Sommerabschlussgrillen") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV beim ".$aName;
+	if( strpos($aName, "Jahrendefeier") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV bei der ".$aName;
+return $retVal;
+}/// Ende descrName
+
+	$loginStatus = "false";
+	$chooseMode = "false";
+	$showAllMode = "false";
+	$messages = array();
+	$galleryId = "0";
+	$pickedImages = array();
+	
+//	echo("imgList: "); print_r($imgList);
+//	foreach($imgList as $img){
+//		echo(" ".$img." startsWith images/ :".startsWith($img, "images/")."\n");
+//	}
+	
+/// Übergebene galleryId abfragen
+	if( !empty($_GET['galId'] ) ) $galleryId = $_GET['galId'];
+	/// @todo Woher erhalte ich die galleryID, wenn sie nicht übergeben wird?
+	
+/// Nachschauen, ob alle Bilder gezeigt werden sollen
+	if( $_GET['showAll']  == "true" )
+		$showAllMode = "true";
+	
+// Testen, ob wir im Bilderauswahlmodus sind...
+	if($_GET['chooseMode'] == "true"){
+		$showAllMode = "true"; // Im Bildauswahlmodus sollten auch alle Bilder angezeigt werden
+		$chooseMode = "true";
+	// Falls ja, dann teste, ob man angemeldet ist
+	/// @todo brauche ich das, wenn ich nur testen will, ob bereits angemeldet ist? -> anscheinend ja!
+		session_start();
+		session_regenerate_id();
+	// Falls der serverseitige Logincookie nicht gesetzt ist 
+		if( empty($_SESSION['login']) ){
+			$loginStatus = "false";
+			$messages['info'] .= "Info: Der Bilderauswahlmodus ist nur möglich, wenn man angemeldet ist!<br />";
+		}
+		else{
+			$loginStatus = "true";
+			/// @todo Testen, ob eine intZahl vorliegt
+			/// @todo Testen, ob wir in der richtigen Galerie sind
+			$messages['info'] .= "Info: Der Bilderauswahlmodus für Galerie ".$galleryId." ist aktiv!<br />";
+		}
+	}
+	
+	$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+	
+	if($mysqlConn->connect_error){
+		$message['error'] .= "Fehler: Datenbankverbindung fehlgeschlagen: " . $mysqlConn->connect_error . "<br />";
+	}
+	else{
+		$pickedImages = getPickedImages( $mysqlConn, $galleryId );
+		$mysqlConn->close();
+	}
+	
+/// Überschreiben der imgList mit den ausgewählten Bildern
+	$allImgList = $imgList; // Sicherungskopie
+	//echo("imgList:");print_r($imgList);
+//	echo("pickedImages: "); print_r($pickedImages);
+	
+	if( count($pickedImages) > 24 )
+		$pickedImages = array_rand( $pickedImages, 24);
+	else{
+		$restImages = array_diff( $allImgList, $pickedImages );
+		//echo("restImages: "); print_r($restImages);
+		//echo("count(restImages): ".count($restImages));
+		//echo("count(24-count($pickedImages)): ".(24-count($pickedImages)));
+		foreach( array_rand( $restImages, min(24, count($restImages))-count($pickedImages) ) as $k ) {
+		  $pickedImages[] = $restImages[$k];
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+	}
+	$imgList = $pickedImages;
+//	echo("imgList: "); print_r($imgList);
+	
+	/// @todo ein Sortieren nach dem ursprünglichen Index fehlt
+	usort($imgList, function($a, $b) use($allImgList){return array_search($a, $allImgList) > array_search($b, $allImgList);} );
+	$imgList = array_values( $imgList );// Zum reNummerieren
+//	echo("imgList: "); print_r($imgList);
+	
+	if( $showAllMode == "true") $imgList = $allImgList;
+	
+	$imgInfos = array();
+	foreach( $imgList as $imgName ){
+		if(startsWith($imgName, "images/")){
+			array_push( $imgInfos, getimagesize(str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgName))));
+		}
+		else{
+			array_push( $imgInfos, getimagesize("thumbs/".str_replace(".jpg", ".png", $imgName)));
+		}
+	}
+
+?>
+
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName?> - Bilderalbum<?php echo( !empty($showAllMode)?($showAllMode == "true" ? " - alle Bilder" : "") : "");?></title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="
+<?php
+			echo descrName($wkName);
+			echo( !empty($showAllMode)?($showAllMode == "true" ? " - alle Bilder" : "") : "");
+?>
+		">
+		<meta name="keywords" content="Album, Fotos">
+		<!-- BluimpGallery Zeug -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-indicator.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-video.css">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI']?>" />
+
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery-3.1.1.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery.lazyload.min.js"></script>
+		<style>
+			.lazy{ display: none;}
+			.smallFont{font-size: small;}
+			.centerText{text-align: center;}
+			.navButton{
+				box-sizing: border-box;
+				border-color: white;
+				border-style: outset;
+				border-radius: 1em;
+				text-align: center;
+				text-decoration: none;
+				cursor: pointer;
+				display: inline-block;
+				padding-left: .5em;
+				padding-right: .5em;
+				padding: 0;
+				margin: 0;
+			}
+		</style>
+	</head>
+	<body style="color: #000000; background-color: #FFAE00"  >
+		<?php
+			require_once( $_SERVER['DOCUMENT_ROOT'].'/ressourcen/phpLib/is_mobile.php');
+			if(is_mobile()) echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/mobile/verein.wettkampfgalerien.php\">Zur Galerieübersicht</a>";
+			else            echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/desktop/verein.galerien.php\">Zur Galerieübersicht</a>";
+		?>
+<?php
+/// Eine kleine Messagebox
+		if( !empty($messages) ){
+?>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+?>
+		</div>
+<?php
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+/// Ende MessageBox
+?>
+		
+		<h1 class="centerText" >
+			Photoalbum [<b><?php echo $wkName?></b>]
+		</h1>
+<?php
+		if( $showAllMode == "true" ){
+?>
+		<p class="centerText smallFont">
+			[<?php echo count($imgList)?> Bilder]
+		</p>
+<?php 
+		}
+		else{
+?>
+		<a href=<?php echo( "\"?galId=".(empty($galleryId)?"0":$galleryId)."&showAll=true".($chooseMode=="true"?"&chooseMode=true":"")."\"");?>><div class="navButton" style="width: 100%;">Alle Bilder einblenden	</div></a>
+<?php
+		}
+?>
+		<p class="centerText smallFont">
+			Auf die jeweiligen Bilder klicken um eine größere Ansicht zu bekommen.
+		</p>
+		<hr/>
+
+<style type="text/css">
+	.galImgList{
+		/*flex: auto;*/
+		display: flex;
+		flex-flow: row wrap;
+		justify-content: space-around;
+		align-items: center;
+	}
+</style>
+
+		<!-- The container for the list of example images -->
+
+<?php
+		if( $chooseMode == "true" ){
+			echo( "<form action=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/imgGallery/imgPicker.php\" method=\"post\">" );
+			echo( "<input type=\"hidden\" name=\"galId\" value=\"".$galleryId."\" />" );
+		}
+?>
+		<div id="links" class="galImgList">
+<?php
+		$imgSize = count( $imgList );
+		for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+			echo( "<div ".( ($chooseMode=="true")?"style=\"border: 1px solid black;\"":"" ).">" );
+				if( $chooseMode == "true" ){
+					echo("<label>");
+					echo( "<input type=\"checkbox\" name=\"pickedImages[]\" value=\"".$imgList[$imgIndex]."\" />" );
+				}
+				echo "<img class=\"lazy\" ". 
+						"id=\"Image".( $imgIndex )."\" ".
+//						"data-original=\"./thumbs/".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images/", "", str_replace(".jpg", ".png", $imgName)):str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".
+//						"data-original=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+						"data-original=\"".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgList[$imgIndex])):"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".	
+						$imgInfos[$imgIndex][3]." ".
+						"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+						"title=\"".( $wkName )." Bild ".( $imgIndex +1 )." von ".( $imgSize )."\" ".
+						"onclick=\"startGalleryShow(" . $imgIndex . ");\"".
+				" />";
+				echo "<noscript><a href=\"view.php?index=".( $imgIndex )."\" >".
+					"<img id=\"Image".( $imgIndex + 1)."\" ".
+						"src=\"".( startsWith( $imgList[$imgIndex], "images/")?str_replace("images", "thumbs", str_replace(".jpg", ".png", $imgList[$imgIndex])):"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex]) )."\" ".	
+						"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+						"title=\"".( $wkName )." Bild ".( $imgIndex + 1 )." von ".( $imgSize )."\" ".
+					"/></a></noscript>";
+				if( $chooseMode == "true" ) echo( "</label>" );
+			echo("</div>");
+		}
+?>
+		</div><!-- Ende galImgList -->
+<?php
+		if( $chooseMode == "true" ){
+			echo( "<button type=\"submit\">Eingaben absenden</button>" );
+				echo( "</form>" );
+		}
+?>
+		</div>
+		<script type="text/javascript" charset="utf-8">
+			$(function() {
+				$("img.lazy").show().lazyload();
+//				$("img.lazy").lazyload();
+			});
+		</script>
+<!-- BluimpGalerry Lightbox Version -->
+		<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
+		<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
+			<div class="slides"></div>
+			<h2 class="title"><?php echo $wkName?></h2>
+			<a class="prev">‹</a>
+			<a class="next">›</a>
+			<a class="close">×</a>
+			<a class="play-pause"></a>
+			<ol class="indicator"></ol>
+		</div>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/blueimp-gallery.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/jquery.blueimp-gallery.min.js"></script>
+		<script>
+			function startGalleryShow(startIndex = 0){
+			var imgList = [
+				<?php 
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo "\"".( $imgList[ $imgIndex ] )."\", ";
+					}
+				?>];
+			var gallery = blueimp.Gallery(
+				imgList,
+				{
+					onslide: function (index, slide) {
+						var counterUrl = "/expCounter/counter.php";
+						var pageUrl = encodeURIComponent( window.location.href ) + "?index=" + index.toString();
+						var pageTitle = document.title + " [" + index.toString() + "]";
+						var callUrl = counterUrl + "?jscode_version=1.2&chCounter_mode=js&status=active&visible=0&page_title=" + pageTitle + "&page_url=" + pageUrl;
+						
+						var xmlHttp = new XMLHttpRequest();
+						xmlHttp.open("GET", callUrl, true); // true for asynchronous 
+						xmlHttp.send(null);
+					},
+					startSlideshow: true,
+					stretchImages: true,
+					index: startIndex,
+				}
+			);
+			};
+			
+			window.onload = function () { 
+				startGalleryShow();
+			};
+//			startGalleryShow();
+		</script>
+		<hr/>
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_template = <<<TEMPLATE
+<table>
+ <tr>
+  <td>Besucher online: {V_VISITORS_CURRENTLY_ONLINE}</td>
+  <td>Besucher bisher: {V_PAGE_VIEWS_THIS_PAGE}</td>
+ </tr>
+</table>
+TEMPLATE;
+$chCounter_page_title = "Photoalbum ".$wkName;
+$chCounter_visible=1; include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/view.php.tmpl b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/view.php.tmpl
new file mode 100644
index 0000000..103c076
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.bplaced/view.php.tmpl
@@ -0,0 +1,95 @@
+<?php
+	$imgSize = count( $imgList );
+	assert( $imgSize > 0, "Bilder leider nicht verfügbar!");
+	$currIndex = intval( $_GET["index"] );
+	if( $currIndex < 0 ) $currIndex = 0;
+	if( $currIndex >= $imgSize) $currIndex = $imgSize-1;
+?>
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName;?> Einzelansicht [<?php echo $currIndex;?>/<?php echo $imgSize;?>]</title>
+		<script type="text/javascript">
+		<!-- Leute mit aktiviertem JavaScript sollen die BlueImpGallery gezeigt bekommen -->
+			<?php 
+				echo "window.location = \"index.php?index=".$currIndex."\"";
+			?>
+		</script>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="Die Judoka des Chemnitzer WSV beim Wettkampf <?php echo $wkName;?> (Bild [<?php echo($currIndex);?>/<?php echo $imgSize;?>])">
+		<meta name="keywords" content="Judo, <?php echo $wkName;?>, Bilder, Photos, Album, Galerie, Wettkampf, CWSV, Chemnitz, ">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI'].$_SERVER['REQUEST_QUERY']?>" />
+	</head>
+	<body bgcolor="#FFAE00">
+		<h1><?php echo $wkName;?></h1>
+<!-- Variante für die Leute ohne JavaScript (Anfang)-->
+		<noscript>
+			<table style="margin-left:auto;margin-right:auto;">
+				<tr>
+					<td>
+						<a href="index.php">
+							<img src="/ressourcen/graphiken/imgGal/nav_topb.png" id="ntop" alt="Album" title="Album">
+						</a>
+					</td>
+					<td>
+						<a href="view.php?index=0">
+							<img src="/ressourcen/graphiken/imgGal/nav_firstb.png" id="nfirst" alt="Zum Anfang" title="Zum Anfang">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex-10 >= 0 ? $currIndex - 10 : 0)."\"";?>>
+							<img src="/ressourcen/graphiken/imgGal/nav_prev10b.png" id="nprev10" alt="10 Bilder zurück" title="10 Bilder zurück">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex-1 >= 0 ? $currIndex - 1 : 0)."\"";?>>
+							<img src="/ressourcen/graphiken/imgGal/nav_prevb.png" id="nprev" alt="Bild zurück" title="Bild zurück">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex+1 < $imgSize ? $currIndex + 1 : $imgSize-1)."\"";?>>
+							<img src="/ressourcen/graphiken/imgGal/nav_nextb.png" id="nnext" alt="Bild vor" title="Bild vor">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex+10 < $imgSize ? $currIndex + 10 : $imgSize-1)."\"";?>>
+							<img src="/ressourcen/graphiken/imgGal/nav_next10b.png" id="nnext10" alt="10 Bilder vor" title="10 Bilder vor">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $imgSize-1 )."\""?>>
+							<img src="/ressourcen/graphiken/imgGal/nav_lastb.png" id="nlast" alt="Zum Ende" title="Zum Ende">
+						</a>
+					</td>
+					<td>
+						<span id="image_name1"><?php echo $imgList[$currIndex]?></span>(<span id="image_num1"><?php echo $currIndex+1?></span>/<?php echo $imgSize;?>)
+						
+						
+						
+						
+					</td>
+				</tr>
+			</table>
+			<a href=<?php echo "\"view.php?index=".( $currIndex+1 < $imgSize ? $currIndex + 1 : $imgSize-1)."\"";?>>
+				<img src=<?php echo "\"".$imgList[$currIndex]."\" alt=\"".$imgList[$currIndex]."\" id=\"main_image\" width=\"100%\""?>>
+			</a>
+			<br />
+			
+		</noscript>
+<!-- Ende der Variante für die Leute ohne JavaScript -->
+
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_page_title = $wkName." Einzelansicht [".$currIndex."/".$imgSize."]";
+$chCounter_visible=0;
+include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/imgPicker.php b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/imgPicker.php
new file mode 100644
index 0000000..34236ed
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/imgPicker.php
@@ -0,0 +1,191 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+/// Hinzufügen eines Eintrages
+function addPickedImages($aMysqlConn, $aGalId, $anUserId, $somePickedImages){
+$retMessage = array();
+$galPickedImages = array();
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s' AND userId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId),
+		$aMysqlConn->real_escape_string($anUserId)
+	);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+	}
+	/// @todo Eigentlich sollte hier ja nur ein Ergebnis zurückgeliefert werden, das sollte auch überprüft werden
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$galPickedImages = array_merge($galPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+	
+	/// @todo Anzahl der ausgewählten Bilder auf 6 beschränken
+	if( empty($galPickedImages) ){
+		if( count($galPickedImages) < 6 ){
+			$queryAddImages = sprintf(
+				"INSERT INTO cwsvjudo.galImgPicker (galId, userId, pickedImages) values ('%s', '%s', '%s');",
+				$aMysqlConn->real_escape_string($aGalId),
+				$aMysqlConn->real_escape_string($anUserId),
+				$aMysqlConn->real_escape_string(join(",", $somePickedImages))
+			);
+			
+			$resultAddImages = $aMysqlConn->query($queryAddImages);
+			if( $resultAddImages ){
+				$retMessage['info'] .= "(".join(",", $somePickedImages).") ausgewählt!<br />";
+			}
+			else{
+				$retMessage['error'] .= "Fehler: Konnte die Query '".$queryAddImages."' nicht ausführen ('".$aMysqlConn->error."')!<br />";
+			}
+		}
+		else{
+			$retMessage['error'] .= "Fehler: Es dürfen maximal 6 Bilder ausgewählt werden<br />";
+		}
+	}
+	else{
+		$retMessage['error'] .= "Fehler: Es wurden bereits Bilder ausgewählt (".join(",", $galPickedImages).")!<br />";
+		$retMessage['error'] .= "Neue Auswahl: (".join(",", $somePickedImages).")<br />";
+		$retMessage['error'] .= "<form action=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/imgGallery/imgPicker.php\" method=\"post\">";
+		$retMessage['error'] .= " <input type=\"hidden\" name=\"galId\" value=\"".$galleryId."\" />";
+		foreach($somePickedImages as $img){
+			$retMessage['error'] .= " <input type=\"hidden\" name=\"pickedImages[]\" value=\"".$img."\" />";
+		}
+		$retMessage['error'] .= " <button type=\"submit\">Bisherige Auswahl überschreiben!</button>";
+		$retMessage['error'] .= "</form>";
+	}
+return $retMessage;
+}
+
+/// Ändern eines bereits erstellten Eintrages
+function changePickedImages($aMysqlConn, $aGalId, $anUserId, $somePickedImages){
+
+$retMessage = array();
+$galPickedImages = array();
+
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s' AND userId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId),
+		$aMysqlConn->real_escape_string($anUserId)
+	);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+	}
+	/// @todo Eigentlich sollte hier ja nur ein Ergebnis zurückgeliefert werden, das sollte auch überprüft werden
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$galPickedImages = array_merge($galPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+	
+	if( empty($galPickedImages) )
+		$retMessage['error'] .= "Fehler: Kein Eintrag zum Ändern gefunden!";
+	else{
+		if( count($galPickedImages) < 6 ){
+			$queryAddImages = sprintf(
+				"UPDATE cwsvjudo.galImgPicker pickedImages = '%s' WHERE galId = '%s' AND userId = '%s';",
+				$aMysqlConn->real_escape_string(join(",", $somePickedImages)),
+				$aMysqlConn->real_escape_string($aGalId),
+				$aMysqlConn->real_escape_string($anUserId)
+			);
+			
+			$resultAddImages = $aMysqlConn->query($queryAddImages);
+			if( $resultAddImages ){
+				$retMessage['info'] .= "Gewählten Bilder auf (".join(",", $somePickedImages).") geändert!<br />";
+			}
+			else{
+				$retMessage['error'] .= "Fehler: Konnte die Query '".$queryAddImages."' nicht ausführen ('".$aMysqlConn->error."')!<br />";
+			}
+		}
+		else{
+			$retMessage['error'] .= "Fehler: Es dürfen maximal 6 Bilder ausgewählt werden<br />";
+		}
+	}
+return $retMessage;
+}
+
+	
+	$loginStatus = "false";
+	$galleryId = "0";
+	$galPickedImages = array();
+	
+// Falls der serverseitige Logincookie nicht gesetzt ist ...
+	session_start();
+	session_regenerate_id();
+	if( empty($_SESSION['login']) ){
+		$loginStatus = "false";
+		$messages['info'] .= "Info: Der Bilderauswahlmodus ist nur möglich, wenn man angemeldet ist!<br />";
+	}
+	else{
+		$loginStatus = "true";
+		/// @todo Testen, ob eine intZahl vorliegt
+		/// @todo Testen, ob wir in der richtigen Galerie sind
+		if( !empty($_POST['galId'] ) ) $galleryId = $_POST['galId'];
+		
+		$messages['info'] .= "Info: Der Bilderauswahlmodus für Galerie ".$galleryId." ist aktiv!<br />";
+
+// Datenbankverbindung herstellen
+/// @todo Ist die Db-Verbindung dann global?
+		$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+		
+		if($mysqlConn->connect_error){
+			$message['error'] .= "Fehler: Datenbankverbindung fehlgeschlagen: " . $mysqlConn->connect_error . "<br />";
+		}
+		else{/// bereits gewählte Bilder abfragen
+			$queryPickedImages = sprintf(
+				"SELECT * FROM galImgPicker WHERE galId = '%s' AND userId = '%s';",
+				$mysqlConn->real_escape_string($galleryId),
+				$mysqlConn->real_escape_string($_SESSION['user']['userId'])
+			
+			);
+			
+			$pickedImagesResults = $mysqlConn->query($queryPickedImages);
+			if( !$pickedImagesResults ){
+				$messages['error'] .= "Fehler bei Datenbankabfrage '".$queryPickedImages."'<br />";
+			}
+			/// @todo Eigentlich sollte hier ja nur ein Ergebnis zurückgeliefert werden
+			else{
+				while( $pickedImagesResult = $pickedImagesResults->fetch_assoc() ){
+					//print_r($pickedImagesResult);
+					//print_r($pickedImagesResult['pickedImages']);
+					$galPickedImages = array_merge($galPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+				}
+			}
+			
+			$addRetMessages = addPickedImages($mysqlConn, $galleryId, $_SESSION['user']['userId'], $_POST['pickedImages']);
+			
+			$mysqlConn->close();
+		}
+	}
+	
+	
+	
+?>
+
+<html>
+	<body>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['error'] ) ) echo( $messages['error'] );
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+			if( !empty( $addRetMessages['error'] ) ) echo( $addRetMessages['error'] );
+			if( !empty( $addRetMessages['info'] ) ) echo( $addRetMessages['info'] );
+			if( !empty( $addRetMessages['warning'] ) ) echo( $addRetMessages['warning'] );
+?>
+		</div>
+		<?php //print_r($_POST);?>
+		<?php //print_r($messages);?>
+		<?php //print_r($addRetMessages);?>
+		<?php //print_r($galPickedImages);?>
+<?php
+		
+
+?>
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/index.php.tmpl b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/index.php.tmpl
new file mode 100644
index 0000000..8cc643b
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/index.php.tmpl
@@ -0,0 +1,342 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+/// Abfrage der ausgewählten Bilder einer Galerie
+function getPickedImages($aMysqlConn, $aGalId){
+$retPickedImages = array();
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId)
+	);
+	
+//	die($queryPickedImages);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	
+	/// @todo Wie kann ich hier sinnvoll einen Fehler zurückliefern? Nullpointer?
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+		die( "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />");
+	}
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$retPickedImages = array_merge($retPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+//print_r($retPickedImages); die();
+return array_unique( $retPickedImages );
+}/// Ende getPickedImages
+
+/// Hilfsfunktion zum anpassen der htmlDescription
+function descrName($aName){
+	$retVal = "Bilder der Judoka des Chemnitzer WSV beim Wettkampf ".$aName;
+	if( strpos($aName, "Sommerabschlussgrillen") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV beim ".$aName;
+	if( strpos($aName, "Jahrendefeier") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV bei der ".$aName;
+return $retVal;
+}/// Ende descrName
+
+	$loginStatus = "false";
+	$chooseMode = "false";
+	$showAllMode = "false";
+	$messages = array();
+	$galleryId = "0";
+	$pickedImages = array();
+	
+/// Übergebene galleryId abfragen
+	if( !empty($_GET['galId'] ) ) $galleryId = $_GET['galId'];
+	/// @todo Woher erhalte ich die galleryID, wenn sie nicht übergeben wird?
+	
+/// Nachschauen, ob alle Bilder gezeigt werden sollen
+	if( $_GET['showAll']  == "true" )
+		$showAllMode = "true";
+	
+// Testen, ob wir im Bilderauswahlmodus sind...
+	if($_GET['chooseMode'] == "true"){
+		$showAllMode = "true"; // Im Bildauswahlmodus sollten auch alle Bilder angezeigt werden
+		$chooseMode = "true";
+	// Falls ja, dann teste, ob man angemeldet ist
+	/// @todo brauche ich das, wenn ich nur testen will, ob bereits angemeldet ist? -> anscheinend ja!
+		session_start();
+		session_regenerate_id();
+	// Falls der serverseitige Logincookie nicht gesetzt ist 
+		if( empty($_SESSION['login']) ){
+			$loginStatus = "false";
+			$messages['info'] .= "Info: Der Bilderauswahlmodus ist nur möglich, wenn man angemeldet ist!<br />";
+		}
+		else{
+			$loginStatus = "true";
+			/// @todo Testen, ob eine intZahl vorliegt
+			/// @todo Testen, ob wir in der richtigen Galerie sind
+			$messages['info'] .= "Info: Der Bilderauswahlmodus für Galerie ".$galleryId." ist aktiv!<br />";
+		}
+	}
+	
+	$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+	
+	if($mysqlConn->connect_error){
+		$message['error'] .= "Fehler: Datenbankverbindung fehlgeschlagen: " . $mysqlConn->connect_error . "<br />";
+	}
+	else{
+		$pickedImages = getPickedImages( $mysqlConn, $galleryId );
+		$mysqlConn->close();
+	}
+	
+/// Überschreiben der imgList mit den ausgewählten Bildern
+	$allImgList = $imgList; // Sicherungskopie
+	
+	if( count($pickedImages) > 24 )
+		$pickedImages = array_rand( $pickedImages, 24);
+	else{
+		$restImages = array_diff( $allImgList, $pickedImages );
+//		echo("restImages: "); print_r($restImages);
+		foreach( array_rand( $restImages, 24-count($pickedImages) ) as $k ) {
+		  $pickedImages[] = $restImages[$k];
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+	}
+	$imgList = $pickedImages;
+//	echo("imgList: "); print_r($imgList);
+	
+	/// @todo ein Sortieren nach dem ursprünglichen Index fehlt
+	usort($imgList, function($a, $b) use($allImgList){return array_search($a, $allImgList) > array_search($b, $allImgList);} );
+	$imgList = array_values( $imgList );// Zum reNummerieren
+//	echo("imgList: "); print_r($imgList);
+	
+	if( $showAllMode == "true") $imgList = $allImgList;
+	
+	$imgInfos = array();
+	foreach( $imgList as $imgName ){
+		array_push( $imgInfos, getimagesize("thumbs/".str_replace(".jpg", ".png", $imgName)));
+	}
+
+?>
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName?> - Bilderalbum<?php echo( !empty($showAllMode)?($showAllMode == "true" ? " - alle Bilder" : "") : "");?></title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="
+<?php
+			echo descrName($wkName);
+			echo( !empty($showAllMode)?($showAllMode == "true" ? " - alle Bilder" : "") : "");
+?>
+		">
+		<meta name="keywords" content="Album, Fotos">
+		<!-- BluimpGallery Zeug -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-indicator.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-video.css">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI']?>" />
+
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery-3.1.1.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery.lazyload.min.js"></script>
+		<style>
+			.lazy{ display: none;}
+			.smallFont{font-size: small;}
+			.centerText{text-align: center;}
+			.navButton{
+				box-sizing: border-box;
+				border-color: white;
+				border-style: outset;
+				border-radius: 1em;
+				text-align: center;
+				text-decoration: none;
+				cursor: pointer;
+				display: inline-block;
+				padding-left: .5em;
+				padding-right: .5em;
+				padding: 0;
+				margin: 0;
+			}
+		</style>
+	</head>
+	<body style="color: #000000; background-color: #FFAE00"  >
+		<a title="Galerien der Judoka des Chemnitzer WSV" href="http://cwsvjudo.bplaced.net/galerien">Zur Galerieübersicht</a>
+		<?php
+//			require_once( $_SERVER['DOCUMENT_ROOT'].'/ressourcen/phpLib/is_mobile.php');
+//			if(is_mobile()) echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/mobile/verein.wettkampfgalerien.php\">Zur Galerieübersicht</a>";
+//			else            echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/desktop/verein.galerien.php\">Zur Galerieübersicht</a>";
+		?>
+<?php
+/// Eine kleine Messagebox
+		if( !empty($messages) ){
+?>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+?>
+		</div>
+<?php
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+/// Ende MessageBox
+?>
+		
+		<h1 class="centerText" >
+			Photoalbum [<b><?php echo $wkName?></b>]
+		</h1>
+<?php
+		if( $showAllMode == "true" ){
+?>
+		<p class="centerText smallFont">
+			[<?php echo count($imgList)?> Bilder]
+		</p>
+<?php 
+		}
+		else{
+?>
+		<a href=<?php echo( "\"?galId=".(empty($galleryId)?"0":$galleryId)."&showAll=true".($chooseMode=="true"?"&chooseMode=true":"")."\"");?>><div class="navButton" style="width: 100%;">Alle Bilder einblenden	</div></a>
+<?php
+		}
+?>
+		<p class="centerText smallFont">
+			Auf die jeweiligen Bilder klicken um eine größere Ansicht zu bekommen.
+		</p>
+		<hr/>
+
+<style type="text/css">
+	.galImgList{
+		display: flex;
+		flex-flow: row wrap;
+		justify-content: space-around;
+	}
+	.galImgList *{
+		/*flex: auto;*/
+	}
+
+</style>
+
+		<!-- The container for the list of example images -->
+
+<?php
+		if( $chooseMode == "true" ){
+			echo( "<form action=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/imgGallery/imgPicker.php\" method=\"post\">" );
+			echo( "<input type=\"hidden\" name=\"galId\" value=\"".$galleryId."\" />" );
+		}
+?>
+		<div id="links" class="galImgList">
+<?php
+		$imgSize = count( $imgList );
+		for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+			echo( "<div ".( ($chooseMode=="true")?"style=\"border: 1px solid black;\"":"" ).">" );
+				if( $chooseMode == "true" ){
+					echo("<label>");
+					echo( "<input type=\"checkbox\" name=\"pickedImages[]\" value=\"".$imgList[$imgIndex]."\" />" );
+				}
+				echo "<img class=\"lazy\" ". 
+						"id=\"Image".( $imgIndex )."\" ".
+						"data-original=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+						$imgInfos[$imgIndex][3]." ".
+						"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+						"title=\"".( $wkName )." Bild ".( $imgIndex +1 )." von ".( $imgSize )."\" ".
+						"onclick=\"startGalleryShow(" . $imgIndex . ");\"".
+				" />";
+				if( $chooseMode == "true" ) echo( "</label>" );
+			echo("</div>");
+		}
+?>
+		</div><!-- Ende galImgList -->
+<?php
+		if( $chooseMode == "true" ){
+			echo( "<button type=\"submit\">Eingaben absenden</button>" );
+				echo( "</form>" );
+		}
+?>
+			<noscript>
+				<?php
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo
+							"\t\t\t\t<span>".
+								"<a href=\"view.php?index=".( $imgIndex )."\" >".
+								"<img id=\"Image".( $imgIndex + 1)."\" ".
+//									"src=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+									"src=\"./thumbs/r_".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+									"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+									"title=\"".( $wkName )." Bild ".( $imgIndex + 1 )." von ".( $imgSize )."\" ".
+								"/>".
+								"</a>".
+							"</span>\n";
+					}
+				?>
+			</noscript>
+		</div>
+		<script type="text/javascript" charset="utf-8">
+			$(function() {
+				$("img.lazy").show().lazyload();
+//				$("img.lazy").lazyload();
+			});
+		</script>
+<!-- BluimpGalerry Lightbox Version -->
+		<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
+		<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
+			<div class="slides"></div>
+			<h2 class="title"><?php echo $wkName?></h2>
+			<a class="prev">‹</a>
+			<a class="next">›</a>
+			<a class="close">×</a>
+			<a class="play-pause"></a>
+			<ol class="indicator"></ol>
+		</div>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/blueimp-gallery.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/jquery.blueimp-gallery.min.js"></script>
+		<script>
+			function startGalleryShow(startIndex = 0){
+			var imgList = [
+				<?php 
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo "\"".( $imgList[ $imgIndex ] )."\", ";
+					}
+				?>];
+			var gallery = blueimp.Gallery(
+				imgList,
+				{
+					onslide: function (index, slide) {
+						var counterUrl = "/expCounter/counter.php";
+						var pageUrl = encodeURIComponent( window.location.href ) + "?index=" + index.toString();
+						var pageTitle = document.title + " [" + index.toString() + "]";
+						var callUrl = counterUrl + "?jscode_version=1.2&chCounter_mode=js&status=active&visible=0&page_title=" + pageTitle + "&page_url=" + pageUrl;
+						
+						var xmlHttp = new XMLHttpRequest();
+						xmlHttp.open("GET", callUrl, true); // true for asynchronous 
+						xmlHttp.send(null);
+					},
+					startSlideshow: true,
+					stretchImages: true,
+					index: startIndex,
+				}
+			);
+			};
+			
+			window.onload = function () { 
+				startGalleryShow();
+			};
+//			startGalleryShow();
+		</script>
+		<hr/>
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_template = <<<TEMPLATE
+<table>
+ <tr>
+  <td>Besucher online: {V_VISITORS_CURRENTLY_ONLINE}</td>
+  <td>Besucher bisher: {V_PAGE_VIEWS_THIS_PAGE}</td>
+ </tr>
+</table>
+TEMPLATE;
+$chCounter_page_title = "Photoalbum ".$wkName;
+$chCounter_visible=1; include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/index.php.tmpl.old b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/index.php.tmpl.old
new file mode 100644
index 0000000..edb911f
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/index.php.tmpl.old
@@ -0,0 +1,165 @@
+<?php
+	$imgInfos = array();
+	foreach( $imgList as $imgName ){
+		array_push( $imgInfos, getimagesize("thumbs/".str_replace(".jpg", ".png", $imgName)));
+	}
+	
+	function descrName($aName){
+		$retVal = "Bilder der Judoka des Chemnitzer WSV beim Wettkampf ".$aName;
+		if( strpos($aName, "Sommerabschlussgrillen") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV beim ".$aName;
+		if( strpos($aName, "Jahrendefeier") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV bei der ".$aName;
+	return $retVal;
+	}
+?>
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName?> - Bilderalbum</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="<?php echo descrName($wkName);?>">
+		<meta name="keywords" content="Album, Fotos">
+		<!-- BluimpGallery Zeug -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-indicator.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-video.css">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI']?>" />
+
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery-3.1.1.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery.lazyload.min.js"></script>
+		<style>
+			.lazy{ display: none;}
+			.smallFont{font-size: small;}
+			.centerText{text-align: center;}
+		</style>
+	</head>
+	<body style="color: #000000; background-color: #FFAE00"  >
+		<?php
+			include( $_SERVER['DOCUMENT_ROOT'].'/ressourcen/phpLib/is_mobile.php');
+			if(is_mobile()) echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/mobile/verein.wettkampfgalerien.php\">Zur Galerieübersicht</a>";
+			else            echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/desktop/verein.galerien.php\">Zur Galerieübersicht</a>";
+		?>
+		
+		
+		<h1 class="centerText" >
+			Photoalbum [<b><?php echo $wkName?></b>]
+		</h1>
+		<p class="centerText smallFont">
+			[<?php echo count($imgList)?> Bilder]
+		</p>
+		<p class="centerText smallFont">
+			Auf die jeweiligen Bilder klicken um eine größere Ansicht zu bekommen.
+		</p>
+		<hr/>
+		<!-- The container for the list of example images -->
+		<div id="links" class="links centerText">
+			<?php
+				$imgSize = count( $imgList );
+				for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+					echo "\t\t\t\t<span>".
+							"<img class=\"lazy\" ". 
+								"id=\"Image".( $imgIndex + 1)."\" ".
+								"data-original=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+								$imgInfos[$imgIndex][3]." ".
+								"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+								"title=\"".( $wkName )." Bild ".( $imgIndex )." von ".( $imgSize )."\" ".
+								"onclick=\"startGalleryShow(" . $imgIndex . ");\"".
+							"/>".
+						"</span>\n";
+				}
+			?>
+			<noscript>
+				<?php
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo
+							"\t\t\t\t<span>".
+								"<a href=\"view.php?index=".( $imgIndex )."\" >".
+								"<img id=\"Image".( $imgIndex + 1)."\" ".
+//									"src=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+									"src=\"./thumbs/r_".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+									"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+									"title=\"".( $wkName )." Bild ".( $imgIndex )." von ".( $imgSize )."\" ".
+								"/>".
+								"</a>".
+							"</span>\n";
+					}
+				?>
+			</noscript>
+		</div>
+		<script type="text/javascript" charset="utf-8">
+			$(function() {
+				$("img.lazy").show().lazyload();
+//				$("img.lazy").lazyload();
+			});
+		</script>
+<!-- BluimpGalerry Lightbox Version -->
+		<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
+		<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
+			<div class="slides"></div>
+			<h2 class="title"><?php echo $wkName?></h2>
+			<a class="prev">‹</a>
+			<a class="next">›</a>
+			<a class="close">×</a>
+			<a class="play-pause"></a>
+			<ol class="indicator"></ol>
+		</div>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/blueimp-gallery.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/jquery.blueimp-gallery.min.js"></script>
+		<script>
+			function startGalleryShow(startIndex = 0){
+			var imgList = [
+				<?php 
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo "\"".( $imgList[ $imgIndex ] )."\", ";
+					}
+				?>];
+			var gallery = blueimp.Gallery(
+				imgList,
+				{
+					onslide: function (index, slide) {
+						var counterUrl = "/expCounter/counter.php";
+						var pageUrl = encodeURIComponent( window.location.href ) + "?index=" + index.toString();
+						var pageTitle = document.title + " [" + index.toString() + "]";
+						var callUrl = counterUrl + "?jscode_version=1.2&chCounter_mode=js&status=active&visible=0&page_title=" + pageTitle + "&page_url=" + pageUrl;
+						
+						var xmlHttp = new XMLHttpRequest();
+						xmlHttp.open("GET", callUrl, true); // true for asynchronous 
+						xmlHttp.send(null);
+					},
+					startSlideshow: true,
+					stretchImages: true,
+					index: startIndex,
+				}
+			);
+			};
+			
+			window.onload = function () { 
+				startGalleryShow();
+			};
+//			startGalleryShow();
+		</script>
+		<hr/>
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_template = <<<TEMPLATE
+<table>
+ <tr>
+  <td>Besucher online: {V_VISITORS_CURRENTLY_ONLINE}</td>
+  <td>Besucher bisher: {V_PAGE_VIEWS_THIS_PAGE}</td>
+ </tr>
+</table>
+TEMPLATE;
+$chCounter_page_title = "Photoalbum ".$wkName;
+$chCounter_visible=1; include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/indexDev.php.tmpl b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/indexDev.php.tmpl
new file mode 100644
index 0000000..4bb77d2
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/indexDev.php.tmpl
@@ -0,0 +1,320 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+/// Abfrage der ausgewählten Bilder einer Galerie
+function getPickedImages($aMysqlConn, $aGalId){
+$retPickedImages = array();
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId)
+	);
+	
+//	die($queryPickedImages);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	
+	/// @todo Wie kann ich hier sinnvoll einen Fehler zurückliefern? Nullpointer?
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+		die( "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />");
+	}
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$retPickedImages = array_merge($retPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+//print_r($retPickedImages); die();
+return array_unique( $retPickedImages );
+}/// Ende getPickedImages
+
+/// Hilfsfunktion zum anpassen der htmlDescription
+function descrName($aName){
+	$retVal = "Bilder der Judoka des Chemnitzer WSV beim Wettkampf ".$aName;
+	if( strpos($aName, "Sommerabschlussgrillen") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV beim ".$aName;
+	if( strpos($aName, "Jahrendefeier") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV bei der ".$aName;
+return $retVal;
+}/// Ende descrName
+
+	$loginStatus = "false";
+	$chooseMode = "false";
+	$showAllMode = "false";
+	$messages = array();
+	$galleryId = "0";
+	$pickedImages = array();
+	
+/// Übergebene galleryId abfragen
+	if( !empty($_GET['galId'] ) ) $galleryId = $_GET['galId'];
+	/// @todo Woher erhalte ich die galleryID, wenn sie nicht übergeben wird?
+	
+/// Nachschauen, ob alle Bilder gezeigt werden sollen
+	if( $_GET['showAll']  == "true" )
+		$showAllMode = "true";
+	
+// Testen, ob wir im Bilderauswahlmodus sind...
+	if($_GET['chooseMode'] == "true"){
+		$chooseMode = "true";
+	// Falls ja, dann teste, ob man angemeldet ist
+	/// @todo brauche ich das, wenn ich nur testen will, ob bereits angemeldet ist? -> anscheinend ja!
+		session_start();
+		session_regenerate_id();
+	// Falls der serverseitige Logincookie nicht gesetzt ist 
+		if( empty($_SESSION['login']) ){
+			$loginStatus = "false";
+			$messages['info'] .= "Info: Der Bilderauswahlmodus ist nur möglich, wenn man angemeldet ist!<br />";
+		}
+		else{
+			$loginStatus = "true";
+			/// @todo Testen, ob eine intZahl vorliegt
+			/// @todo Testen, ob wir in der richtigen Galerie sind
+			$messages['info'] .= "Info: Der Bilderauswahlmodus für Galerie ".$galleryId." ist aktiv!<br />";
+		}
+	}
+	
+	$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+	
+	if($mysqlConn->connect_error){
+		$message['error'] .= "Fehler: Datenbankverbindung fehlgeschlagen: " . $mysqlConn->connect_error . "<br />";
+	}
+	else{
+		$pickedImages = getPickedImages( $mysqlConn, $galleryId );
+		$mysqlConn->close();
+	}
+	
+/// Überschreiben der imgList mit den ausgewählten Bildern
+	$allImgList = $imgList; // Sicherungskopie
+	
+	if( count($pickedImages) > 24 )
+		$pickedImages = array_rand( $pickedImages, 24);
+	else{
+		$restImages = array_diff( $allImgList, $pickedImages );
+//		echo("restImages: "); print_r($restImages);
+		foreach( array_rand( $restImages, 24-count($pickedImages) ) as $k ) {
+		  $pickedImages[] = $restImages[$k];
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+	}
+	$imgList = $pickedImages;
+//	echo("imgList: "); print_r($imgList);
+	
+	/// @todo ein Sortieren nach dem ursprünglichen Index fehlt
+	usort($imgList, function($a, $b) use($allImgList){return array_search($a, $allImgList) > array_search($b, $allImgList);} );
+	$imgList = array_values( $imgList );// Zum reNummerieren
+//	echo("imgList: "); print_r($imgList);
+	
+	if( $showAllMode == "true") $imgList = $allImgList;
+	
+	$imgInfos = array();
+	foreach( $imgList as $imgName ){
+		array_push( $imgInfos, getimagesize("thumbs/".str_replace(".jpg", ".png", $imgName)));
+	}
+
+?>
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName?> - Bilderalbum</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="<?php echo descrName($wkName);?>">
+		<meta name="keywords" content="Album, Fotos">
+		<!-- BluimpGallery Zeug -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-indicator.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-video.css">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI']?>" />
+
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery-3.1.1.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery.lazyload.min.js"></script>
+		<style>
+			.lazy{ display: none;}
+			.smallFont{font-size: small;}
+			.centerText{text-align: center;}
+			.navButton{
+				box-sizing: border-box;
+				border-color: white;
+				border-style: outset;
+				border-radius: 1em;
+				text-align: center;
+				text-decoration: none;
+				cursor: pointer;
+				display: inline-block;
+				padding-left: .5em;
+				padding-right: .5em;
+				padding: 0;
+				margin: 0;
+			}
+		</style>
+	</head>
+	<body style="color: #000000; background-color: #FFAE00"  >
+		<?php
+			include( $_SERVER['DOCUMENT_ROOT'].'/ressourcen/phpLib/is_mobile.php');
+			if(is_mobile()) echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/mobile/verein.wettkampfgalerien.php\">Zur Galerieübersicht</a>";
+			else            echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/desktop/verein.galerien.php\">Zur Galerieübersicht</a>";
+		?>
+<?php
+/// Eine kleine Messagebox
+		if( !empty($messages) ){
+?>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+?>
+		</div>
+<?php
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+/// Ende MessageBox
+?>
+		
+		<h1 class="centerText" >
+			Photoalbum [<b><?php echo $wkName?></b>]
+		</h1>
+<?php
+		if( $showAllMode == "true" ){
+?>
+		<p class="centerText smallFont">
+			[<?php echo count($imgList)?> Bilder]
+		</p>
+<?php 
+		}
+		else{
+?>
+		<a href=<?php echo( "\"?galId=".(empty($galleryId)?"0":$galleryId)."&showAll=true\"");?>><div class="navButton" style="width: 100%;">Alle Bilder einblenden	</div></a>
+<?php
+		}
+?>
+		<p class="centerText smallFont">
+			Auf die jeweiligen Bilder klicken um eine größere Ansicht zu bekommen.
+		</p>
+		<hr/>
+		<!-- The container for the list of example images -->
+		<div id="links" class="links centerText">
+			<?php
+				if( $chooseMode == "true" ){
+					echo( "<form action=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/imgGallery/imgPicker.php\" method=\"post\">" );
+					echo( "<input type=\"hidden\" name=\"galId\" value=\"".$galleryId."\">" );
+				}
+				$imgSize = count( $imgList );
+				for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+/// Das Bild soll nur angezeigt werden, falls es ausgewählt ist, oder alle gezeigt werden sollen
+//					if( $chooseMode == "true" || $showAllMode == "true" || in_array($imgList[$imgIndex], $pickedImages) ){
+						echo("<span>");
+						if( $chooseMode == "true" ){
+							echo( "<label><input type=\"checkbox\" name=\"pickedImages[]\" value=\"".$imgList[$imgIndex]."\">" );
+						}
+						echo "<img class=\"lazy\" ". 
+									"id=\"Image".( $imgIndex )."\" ".
+									"data-original=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+									$imgInfos[$imgIndex][3]." ".
+									"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+									"title=\"".( $wkName )." Bild ".( $imgIndex +1 )." von ".( $imgSize )."\" ".
+									"onclick=\"startGalleryShow(" . $imgIndex . ");\"".
+								"/>".
+							"</span>\n";
+						if( $chooseMode == "true" ){
+							echo( "</label>" );
+						}
+//					}
+				}
+				if( $chooseMode == "true" ){
+					echo( "<button type=\"submit\">Eingaben absenden</button>" );
+					echo( "</form>" );
+				}
+			?>
+			<noscript>
+				<?php
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo
+							"\t\t\t\t<span>".
+								"<a href=\"view.php?index=".( $imgIndex )."\" >".
+								"<img id=\"Image".( $imgIndex + 1)."\" ".
+//									"src=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+									"src=\"./thumbs/r_".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+									"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+									"title=\"".( $wkName )." Bild ".( $imgIndex + 1 )." von ".( $imgSize )."\" ".
+								"/>".
+								"</a>".
+							"</span>\n";
+					}
+				?>
+			</noscript>
+		</div>
+		<script type="text/javascript" charset="utf-8">
+			$(function() {
+				$("img.lazy").show().lazyload();
+//				$("img.lazy").lazyload();
+			});
+		</script>
+<!-- BluimpGalerry Lightbox Version -->
+		<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
+		<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
+			<div class="slides"></div>
+			<h2 class="title"><?php echo $wkName?></h2>
+			<a class="prev">‹</a>
+			<a class="next">›</a>
+			<a class="close">×</a>
+			<a class="play-pause"></a>
+			<ol class="indicator"></ol>
+		</div>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/blueimp-gallery.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/jquery.blueimp-gallery.min.js"></script>
+		<script>
+			function startGalleryShow(startIndex = 0){
+			var imgList = [
+				<?php 
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo "\"".( $imgList[ $imgIndex ] )."\", ";
+					}
+				?>];
+			var gallery = blueimp.Gallery(
+				imgList,
+				{
+					onslide: function (index, slide) {
+						var counterUrl = "/expCounter/counter.php";
+						var pageUrl = encodeURIComponent( window.location.href ) + "?index=" + index.toString();
+						var pageTitle = document.title + " [" + index.toString() + "]";
+						var callUrl = counterUrl + "?jscode_version=1.2&chCounter_mode=js&status=active&visible=0&page_title=" + pageTitle + "&page_url=" + pageUrl;
+						
+						var xmlHttp = new XMLHttpRequest();
+						xmlHttp.open("GET", callUrl, true); // true for asynchronous 
+						xmlHttp.send(null);
+					},
+					startSlideshow: true,
+					stretchImages: true,
+					index: startIndex,
+				}
+			);
+			};
+			
+			window.onload = function () { 
+				startGalleryShow();
+			};
+//			startGalleryShow();
+		</script>
+		<hr/>
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_template = <<<TEMPLATE
+<table>
+ <tr>
+  <td>Besucher online: {V_VISITORS_CURRENTLY_ONLINE}</td>
+  <td>Besucher bisher: {V_PAGE_VIEWS_THIS_PAGE}</td>
+ </tr>
+</table>
+TEMPLATE;
+$chCounter_page_title = "Photoalbum ".$wkName;
+$chCounter_visible=1; include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/indexDev.php.tmpl.orig b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/indexDev.php.tmpl.orig
new file mode 100644
index 0000000..28cacdd
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/indexDev.php.tmpl.orig
@@ -0,0 +1,324 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+/// Abfrage der ausgewählten Bilder einer Galerie
+function getPickedImages($aMysqlConn, $aGalId){
+$retPickedImages = array();
+/// Erstmal bisher ausgewählte Bilder abfragen ...
+	$queryPickedImages = sprintf(
+		"SELECT * FROM cwsvjudo.galImgPicker WHERE galId = '%s';",
+		$aMysqlConn->real_escape_string($aGalId)
+	);
+	
+//	die($queryPickedImages);
+	
+	$resultsPickedImages = $aMysqlConn->query($queryPickedImages);
+	
+	/// @todo Wie kann ich hier sinnvoll einen Fehler zurückliefern? Nullpointer?
+	if( !$resultsPickedImages ){
+		$retMessage['error'] .= "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />";
+		die( "Fehler ('".$aMysqlConn->error."') bei Datenbankabfrage '".$queryPickedImages."'<br />");
+	}
+	else{
+		while( $pickedImagesResult = $resultsPickedImages->fetch_assoc() ){
+			$retPickedImages = array_merge($retPickedImages, explode(',', $pickedImagesResult['pickedImages']) );
+		}
+	}
+//print_r($retPickedImages); die();
+return array_unique( $retPickedImages );
+}/// Ende getPickedImages
+
+/// Hilfsfunktion zum anpassen der htmlDescription
+function descrName($aName){
+	$retVal = "Bilder der Judoka des Chemnitzer WSV beim Wettkampf ".$aName;
+	if( strpos($aName, "Sommerabschlussgrillen") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV beim ".$aName;
+	if( strpos($aName, "Jahrendefeier") >= 0 ) $retVal = "Bilder der Judoka des Chemnitzer WSV bei der ".$aName;
+return $retVal;
+}/// Ende descrName
+
+	$loginStatus = "false";
+	$chooseMode = "false";
+	$showAllMode = "false";
+	$messages = array();
+	$galleryId = "0";
+	$pickedImages = array();
+	
+/// Übergebene galleryId abfragen
+	if( !empty($_GET['galId'] ) ) $galleryId = $_GET['galId'];
+	/// @todo Woher erhalte ich die galleryID, wenn sie nicht übergeben wird?
+	
+/// Nachschauen, ob alle Bilder gezeigt werden sollen
+	if( $_GET['showAll']  == "true" )
+		$showAllMode = "true";
+	
+// Testen, ob wir im Bilderauswahlmodus sind...
+	if($_GET['chooseMode'] == "true"){
+		$chooseMode = "true";
+	// Falls ja, dann teste, ob man angemeldet ist
+	/// @todo brauche ich das, wenn ich nur testen will, ob bereits angemeldet ist? -> anscheinend ja!
+		session_start();
+		session_regenerate_id();
+	// Falls der serverseitige Logincookie nicht gesetzt ist 
+		if( empty($_SESSION['login']) ){
+			$loginStatus = "false";
+			$messages['info'] .= "Info: Der Bilderauswahlmodus ist nur möglich, wenn man angemeldet ist!<br />";
+		}
+		else{
+			$loginStatus = "true";
+			/// @todo Testen, ob eine intZahl vorliegt
+			/// @todo Testen, ob wir in der richtigen Galerie sind
+			$messages['info'] .= "Info: Der Bilderauswahlmodus für Galerie ".$galleryId." ist aktiv!<br />";
+		}
+	}
+	
+	$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
+	
+	if($mysqlConn->connect_error){
+		$message['error'] .= "Fehler: Datenbankverbindung fehlgeschlagen: " . $mysqlConn->connect_error . "<br />";
+	}
+	else{
+		$pickedImages = getPickedImages( $mysqlConn, $galleryId );
+		$mysqlConn->close();
+	}
+	
+/// Überschreiben der imgList mit den ausgewählten Bildern
+	$allImgList = $imgList; // Sicherungskopie
+	
+	if( count($pickedImages) > 24 )
+		$pickedImages = array_rand( $pickedImages, 24);
+	else{
+		$restImages = array_diff( $allImgList, $pickedImages );
+//		echo("restImages: "); print_r($restImages);
+		foreach( array_rand( $restImages, 24-count($pickedImages) ) as $k ) {
+		  $pickedImages[] = $restImages[$k];
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+	}
+	$imgList = $pickedImages;
+//	echo("imgList: "); print_r($imgList);
+	
+	/// @todo ein Sortieren nach dem ursprünglichen Index fehlt
+	usort($imgList, function($a, $b) use($allImgList){return array_search($a, $allImgList) > array_search($b, $allImgList);} );
+	$imgList = array_values( $imgList );// Zum reNummerieren
+//	echo("imgList: "); print_r($imgList);
+<<<<<<< HEAD
+	
+	if( $showAllMode == "true") $imgList = $allImgList;
+	
+=======
+
+>>>>>>> d971010d9cd5d2b4b6e4aea87836759422091f96
+	$imgInfos = array();
+	foreach( $imgList as $imgName ){
+		array_push( $imgInfos, getimagesize("thumbs/".str_replace(".jpg", ".png", $imgName)));
+	}
+
+?>
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName?> - Bilderalbum</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="<?php echo descrName($wkName);?>">
+		<meta name="keywords" content="Album, Fotos">
+		<!-- BluimpGallery Zeug -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-indicator.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-video.css">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI']?>" />
+
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery-3.1.1.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery.lazyload.min.js"></script>
+		<style>
+			.lazy{ display: none;}
+			.smallFont{font-size: small;}
+			.centerText{text-align: center;}
+			.navButton{
+				box-sizing: border-box;
+				border-color: white;
+				border-style: outset;
+				border-radius: 1em;
+				text-align: center;
+				text-decoration: none;
+				cursor: pointer;
+				display: inline-block;
+				padding-left: .5em;
+				padding-right: .5em;
+				padding: 0;
+				margin: 0;
+			}
+		</style>
+	</head>
+	<body style="color: #000000; background-color: #FFAE00"  >
+		<?php
+			include( $_SERVER['DOCUMENT_ROOT'].'/ressourcen/phpLib/is_mobile.php');
+			if(is_mobile()) echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/mobile/verein.wettkampfgalerien.php\">Zur Galerieübersicht</a>";
+			else            echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/desktop/verein.galerien.php\">Zur Galerieübersicht</a>";
+		?>
+<?php
+/// Eine kleine Messagebox
+		if( !empty($messages) ){
+?>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+?>
+		</div>
+<?php
+		}
+//		echo("pickedImages: "); print_r($pickedImages);
+/// Ende MessageBox
+?>
+		
+		<h1 class="centerText" >
+			Photoalbum [<b><?php echo $wkName?></b>]
+		</h1>
+<?php
+		if( $showAllMode == "true" ){
+?>
+		<p class="centerText smallFont">
+			[<?php echo count($imgList)?> Bilder]
+		</p>
+<?php 
+		}
+		else{
+?>
+		<a href=<?php echo( "\"?galId=".(empty($galleryId)?"0":$galleryId)."&showAll=true\"");?>><div class="navButton" style="width: 100%;">Alle Bilder einblenden	</div></a>
+<?php
+		}
+?>
+		<p class="centerText smallFont">
+			Auf die jeweiligen Bilder klicken um eine größere Ansicht zu bekommen.
+		</p>
+		<hr/>
+		<!-- The container for the list of example images -->
+		<div id="links" class="links centerText">
+			<?php
+				if( $chooseMode == "true" ){
+					echo( "<form action=\"http://cwsvjudo.bplaced.net/ressourcen/phpLib/imgGallery/imgPicker.php\" method=\"post\">" );
+					echo( "<input type=\"hidden\" name=\"galId\" value=\"".$galleryId."\">" );
+				}
+				$imgSize = count( $imgList );
+				for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+/// Das Bild soll nur angezeigt werden, falls es ausgewählt ist, oder alle gezeigt werden sollen
+//					if( $chooseMode == "true" || $showAllMode == "true" || in_array($imgList[$imgIndex], $pickedImages) ){
+						if( $chooseMode == "true" ){
+							echo( "<label><input type=\"checkbox\" name=\"pickedImages[]\" value=\"".$imgList[$imgIndex]."\">" );
+						}
+						echo "\t\t\t\t<span>".
+								"<img class=\"lazy\" ". 
+									"id=\"Image".( $imgIndex )."\" ".
+									"data-original=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+									$imgInfos[$imgIndex][3]." ".
+									"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+									"title=\"".( $wkName )." Bild ".( $imgIndex +1 )." von ".( $imgSize )."\" ".
+									"onclick=\"startGalleryShow(" . $imgIndex . ");\"".
+								"/>".
+							"</span>\n";
+						if( $chooseMode == "true" ){
+							echo( "</label>" );
+						}
+//					}
+				}
+				if( $chooseMode == "true" ){
+					echo( "<button type=\"submit\">Eingaben absenden</button>" );
+					echo( "</form>" );
+				}
+			?>
+			<noscript>
+				<?php
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo
+							"\t\t\t\t<span>".
+								"<a href=\"view.php?index=".( $imgIndex )."\" >".
+								"<img id=\"Image".( $imgIndex + 1)."\" ".
+//									"src=\"./thumbs/".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+									"src=\"./thumbs/r_".str_replace(".jpg", ".png", $imgList[$imgIndex])."\" ".
+									"alt=\"[".( $imgIndex )."/".( $imgSize )."]\" ".
+									"title=\"".( $wkName )." Bild ".( $imgIndex + 1 )." von ".( $imgSize )."\" ".
+								"/>".
+								"</a>".
+							"</span>\n";
+					}
+				?>
+			</noscript>
+		</div>
+		<script type="text/javascript" charset="utf-8">
+			$(function() {
+				$("img.lazy").show().lazyload();
+//				$("img.lazy").lazyload();
+			});
+		</script>
+<!-- BluimpGalerry Lightbox Version -->
+		<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
+		<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
+			<div class="slides"></div>
+			<h2 class="title"><?php echo $wkName?></h2>
+			<a class="prev">‹</a>
+			<a class="next">›</a>
+			<a class="close">×</a>
+			<a class="play-pause"></a>
+			<ol class="indicator"></ol>
+		</div>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/blueimp-gallery.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/jquery.blueimp-gallery.min.js"></script>
+		<script>
+			function startGalleryShow(startIndex = 0){
+			var imgList = [
+				<?php 
+					$imgSize = count( $imgList );
+					for( $imgIndex = 0; $imgIndex < $imgSize; ++$imgIndex){
+						echo "\"".( $imgList[ $imgIndex ] )."\", ";
+					}
+				?>];
+			var gallery = blueimp.Gallery(
+				imgList,
+				{
+					onslide: function (index, slide) {
+						var counterUrl = "/expCounter/counter.php";
+						var pageUrl = encodeURIComponent( window.location.href ) + "?index=" + index.toString();
+						var pageTitle = document.title + " [" + index.toString() + "]";
+						var callUrl = counterUrl + "?jscode_version=1.2&chCounter_mode=js&status=active&visible=0&page_title=" + pageTitle + "&page_url=" + pageUrl;
+						
+						var xmlHttp = new XMLHttpRequest();
+						xmlHttp.open("GET", callUrl, true); // true for asynchronous 
+						xmlHttp.send(null);
+					},
+					startSlideshow: true,
+					stretchImages: true,
+					index: startIndex,
+				}
+			);
+			};
+			
+			window.onload = function () { 
+				startGalleryShow();
+			};
+//			startGalleryShow();
+		</script>
+		<hr/>
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_template = <<<TEMPLATE
+<table>
+ <tr>
+  <td>Besucher online: {V_VISITORS_CURRENTLY_ONLINE}</td>
+  <td>Besucher bisher: {V_PAGE_VIEWS_THIS_PAGE}</td>
+ </tr>
+</table>
+TEMPLATE;
+$chCounter_page_title = "Photoalbum ".$wkName;
+$chCounter_visible=1; include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/view.php.tmpl b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/view.php.tmpl
new file mode 100644
index 0000000..b271a3b
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/imgGallery.square7/view.php.tmpl
@@ -0,0 +1,95 @@
+<?php
+	$imgSize = count( $imgList );
+	assert( $imgSize > 0, "Bilder leider nicht verfügbar!");
+	$currIndex = intval( $_GET["index"] );
+	if( $currIndex < 0 ) $currIndex = 0;
+	if( $currIndex >= $imgSize) $currIndex = $imgSize-1;
+?>
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName;?> Einzelansicht [<?php echo $currIndex;?>/<?php echo $imgSize;?>]</title>
+		<script type="text/javascript">
+		<!-- Leute mit aktiviertem JavaScript sollen die BlueImpGallery gezeigt bekommen -->
+			<?php 
+				echo "window.location = \"index.php?index=".$currIndex."\"";
+			?>
+		</script>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="Die Judoka des Chemnitzer WSV beim Wettkampf <?php echo $wkName;?> (Bild [<?php echo($currIndex);?>/<?php echo $imgSize;?>])">
+		<meta name="keywords" content="Judo, <?php echo $wkName;?>, Bilder, Photos, Album, Galerie, Wettkampf, CWSV, Chemnitz, ">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI'].$_SERVER['REQUEST_QUERY']?>" />
+	</head>
+	<body bgcolor="#FFAE00">
+		<h1><?php echo $wkName;?></h1>
+<!-- Variante für die Leute ohne JavaScript (Anfang)-->
+		<noscript>
+			<table style="margin-left:auto;margin-right:auto;">
+				<tr>
+					<td>
+						<a href="index.php">
+							<img src="nav_topb.png" id="ntop" alt="Album" title="Album">
+						</a>
+					</td>
+					<td>
+						<a href="view.php?index=0">
+							<img src="nav_firstb.png" id="nfirst" alt="Zum Anfang" title="Zum Anfang">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex-10 >= 0 ? $currIndex - 10 : 0)."\"";?>>
+							<img src="nav_prev10b.png" id="nprev10" alt="10 Bilder zurück" title="10 Bilder zurück">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex-1 >= 0 ? $currIndex - 1 : 0)."\"";?>>
+							<img src="nav_prevb.png" id="nprev" alt="Bild zurück" title="Bild zurück">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex+1 < $imgSize ? $currIndex + 1 : $imgSize-1)."\"";?>>
+							<img src="nav_nextb.png" id="nnext" alt="Bild vor" title="Bild vor">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $currIndex+10 < $imgSize ? $currIndex + 10 : $imgSize-1)."\"";?>>
+							<img src="nav_next10b.png" id="nnext10" alt="10 Bilder vor" title="10 Bilder vor">
+						</a>
+					</td>
+					<td>
+						<a href=<?php echo "\"view.php?index=".( $imgSize-1 )."\""?>>
+							<img src="nav_lastb.png" id="nlast" alt="Zum Ende" title="Zum Ende">
+						</a>
+					</td>
+					<td>
+						<span id="image_name1"><?php echo $imgList[$currIndex]?></span>(<span id="image_num1"><?php echo $currIndex+1?></span>/<?php echo $imgSize;?>)
+						
+						
+						
+						
+					</td>
+				</tr>
+			</table>
+			<a href=<?php echo "\"view.php?index=".( $currIndex+1 < $imgSize ? $currIndex + 1 : $imgSize-1)."\"";?>>
+				<img src=<?php echo "\"".$imgList[$currIndex]."\" alt=\"".$imgList[$currIndex]."\" id=\"main_image\" width=\"100%\""?>>
+			</a>
+			<br />
+			
+		</noscript>
+<!-- Ende der Variante für die Leute ohne JavaScript -->
+
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_page_title = $wkName." Einzelansicht [".$currIndex."/".$imgSize."]";
+$chCounter_visible=0;
+include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/phplot-6.2.0.zip b/homepage/redesign2018/markdownExperiment/phpLib/phplot-6.2.0.zip
new file mode 100644
index 0000000..cc9f877
Binary files /dev/null and b/homepage/redesign2018/markdownExperiment/phpLib/phplot-6.2.0.zip differ
diff --git a/homepage/redesign2018/markdownExperiment/phpLib/videoGallery/videoGallery.tmpl.php b/homepage/redesign2018/markdownExperiment/phpLib/videoGallery/videoGallery.tmpl.php
new file mode 100644
index 0000000..0a1fe04
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/phpLib/videoGallery/videoGallery.tmpl.php
@@ -0,0 +1,245 @@
+<?php
+// Daten der Datenbank laden
+	require_once($_SERVER['DOCUMENT_ROOT']."/bonus/db.inc");
+
+	$vidList = array();
+	foreach( glob("./webm/*.webm") as $vid){
+		$posterSrc = str_replace( ".webm", ".jpg", str_replace("webm/", "thumbnails/", $vid ) );
+		$posterSize = getimagesize( $posterSrc );
+		$vidList[] = array(
+			'vidSrc' => $vid,
+			'posterSrc' => $posterSrc,
+			'width' => $posterSize[0],
+			'height' => $posterSize[1]
+		);
+	}
+
+/// Hilfsfunktion zum Anpassen der htmlDescription
+function descrName($aName){
+	$retVal = "Videos der Judoka des Chemnitzer WSV beim Wettkampf ".$aName;
+	if( strpos($aName, "Sommerabschlussgrillen") >= 0 ) $retVal = "Videos der Judoka des Chemnitzer WSV beim ".$aName;
+	if( strpos($aName, "Jahrendefeier") >= 0 ) $retVal = "Videos der Judoka des Chemnitzer WSV bei der ".$aName;
+return $retVal;
+}/// Ende descrName
+
+	$messages = array();
+?>
+<!DOCTYPE HTML>
+<html lang="de">
+	<head>
+		<title><?php echo $wkName?> - Videoalbum</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="description" content="<?php echo descrName($wkName);?>">
+		<meta name="keywords" content="Album, Videos">
+		<!-- BluimpGallery Zeug -->
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-indicator.css">
+		<link rel="stylesheet" href="/ressourcen/blueimpGallery/css/blueimp-gallery-video.css">
+
+<!-- favIcon und Co nach der empfehlung von https://github.com/audreyr/favicon-cheat-sheet -->
+		<link rel="shortcut icon" type="image/x-icon" sizes="16x16 32x32 48x48 64x64" href="/ressourcen/graphiken/logos/favicon/favicon.ico">
+		<link rel="apple-touch-icon" sizes="152x152" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-152.png" />
+		<link rel="apple-touch-icon" sizes="180x180" href="/ressourcen/graphiken/logos/apple-touch-icon/apple-touch-icon-180.png" />
+		<link rel="manifest" href="/manifest.json">
+
+		<link rel="canonical" href="http://cwsvjudo.bplaced.net<?php echo $_SERVER['REQUEST_URI']?>" />
+
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery-3.1.1.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/jsLib/jquery.lazyload.min.js"></script>
+		<style>
+			body{box-sizing: border-box; margin: 0;}
+			.lazy{ display: none;}
+			.smallFont{font-size: small;}
+			.centerText{text-align: center;}
+			.navButton{
+				box-sizing: border-box;
+				border-color: white;
+				border-style: outset;
+				border-radius: 1em;
+				text-align: center;
+				text-decoration: none;
+				cursor: pointer;
+				display: inline-block;
+				padding-left: .5em;
+				padding-right: .5em;
+				padding: 0;
+				margin: 0;
+			}
+		</style>
+	</head>
+	<body style="color: #000000; background-color: #FFAE00"  >
+		<a title="Galerien der Judoka des Chemnitzer WSV" href="/galerien">Zur Galerieübersicht</a>
+		<?php
+//			require_once( $_SERVER['DOCUMENT_ROOT'].'/ressourcen/phpLib/is_mobile.php');
+//			if(is_mobile()) echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/mobile/verein.wettkampfgalerien.php\">Zur Galerieübersicht</a>";
+//			else            echo "<a title=\"Galerien der Judoka des Chemnitzer WSV\" href=\"/pages/desktop/verein.galerien.php\">Zur Galerieübersicht</a>";
+		?>
+<?php
+/// Eine kleine Messagebox
+		if( !empty($messages) ){
+?>
+		<div style="border: 1px solid black">
+<?php
+			if( !empty( $messages['info'] ) ) echo( $messages['info'] );
+?>
+		</div>
+<?php
+		}
+?>
+		
+		<h1 class="centerText" >
+			<?php echo($wkName);?> - Videoalbum
+		</h1>
+		
+		<p class="centerText smallFont">
+			[<?php echo count($vidList)?> Videos]
+		</p>
+		
+		<p class="centerText smallFont">
+			Auf die jeweiligen Bilder klicken um das Video anzuwählen.
+		</p>
+		
+		<hr/>
+
+<style type="text/css">
+	body{
+		margin: 0;
+	}
+	.galImgList{
+		font-size: 0;
+		display: flex;
+		flex-flow: row wrap;
+		justify-content: center;
+		margin: 0;
+		padding: 0;
+	}
+	.galImgList div{ 
+		flex: auto;
+		width: 100%;
+		padding: 1vw 0;
+	}
+	.galImgList div img{ 
+		width: 100%; 
+		height: auto; 
+	}
+	.galImgList div video{ 
+		width: 100%; 
+		height: auto; 
+	}
+	@media screen and (min-width: 768px) {
+		.galImgList div{
+			width: calc(100% * (1/3) - 2 * .5vw);
+			margin: .5vw;
+		}
+		.galImgList{
+			padding: .5vw;
+		}
+	}
+	@media screen and (min-width: 1024px) {
+		.galImgList div{
+			width: calc(100% * (1/4) - 2 * 1vw);
+			margin: 1vw;
+		}
+		.galImgList{
+			padding: 1vw;
+		}
+	}
+</style>
+
+		<script type="text/javascript" charset="utf-8">
+			$(function() {
+				$("img.lazy").show().lazyload();
+//				$("img.lazy").lazyload();
+			});
+		</script>
+
+		<div id="links" class="galImgList">
+<?php
+		foreach( $vidList as $vidKey => $vidEntry ){
+			echo( "<div>" );
+				echo "<img class=\"lazy\" ". 
+						"id=\"Video".( $vidKey )."\" ".
+						"data-original=\"".( $vidEntry['posterSrc'] )."\" ".
+						"width=\"".$vidEntry['width']."\" ".
+						"height=\"".$vidEntry['height']."\" ".
+						"alt=\"[".( $vidKey + 1 )."/".( count($vidList) )."]\" ".
+						"title=\"".( $wkName )." Video ".( $vidKey + 1 )." von ".( count($vidList) )."\" ".
+						"onclick=\"startGalleryShow(" . $vidKey . ");\"".
+				" />";
+				echo(
+					"<noscript>".
+						"<video controls preload=\"none\" poster=\"".$vidEntry['posterSrc']."\" width=\"".$vidEntry['width']."\" height=\"".$vidEntry['height']."\">".
+							"<source src=\"".$vidEntry['vidSrc']."\" type=\"video/webm\">".
+							"Dieser Browser scheint das Video nicht abspielen zu können.".
+						"</video>".
+					"</noscript>"
+				);
+			echo("</div>");
+		}
+?>
+		</div><!-- Ende galImgList -->
+
+<!-- BluimpGalerry Lightbox Version -->
+		<!-- The Gallery as lightbox dialog, should be a child element of the document body -->
+		<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
+			<div class="slides"></div>
+			<h2 class="title"><?php echo $wkName?></h2>
+			<a class="prev">‹</a>
+			<a class="next">›</a>
+			<a class="close">×</a>
+			<a class="play-pause"></a>
+			<ol class="indicator"></ol>
+		</div>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/blueimp-gallery.min.js"></script>
+		<script type="text/javascript" src="/ressourcen/blueimpGallery/js/jquery.blueimp-gallery.min.js"></script>
+		<script>
+			function startGalleryShow(startIndex = 0){
+			var videoList = [
+				<?php 
+					foreach( $vidList as $vidEntry){
+						echo "{href: '".$vidEntry['vidSrc']."', poster: '".$vidEntry['posterSrc']."', type: 'video/webm'},";
+					}
+				?>
+			];
+			var gallery = blueimp.Gallery(
+				videoList,
+				{
+					onslide: function (index, slide) {
+						var counterUrl = "/expCounter/counter.php";
+						var pageUrl = encodeURIComponent( window.location.href ) + "?index=" + index.toString();
+						var pageTitle = document.title + " [" + index.toString() + "]";
+						var callUrl = counterUrl + "?jscode_version=1.2&chCounter_mode=js&status=active&visible=0&page_title=" + pageTitle + "&page_url=" + pageUrl;
+						
+						var xmlHttp = new XMLHttpRequest();
+						xmlHttp.open("GET", callUrl, true); // true for asynchronous 
+						xmlHttp.send(null);
+					},
+					startSlideshow: true,
+					stretchImages: true,
+					index: startIndex,
+				}
+			);
+			};
+			
+			window.onload = function () { 
+				startGalleryShow();
+			};
+//			startGalleryShow();
+		</script>
+		<hr/>
+<!--Beginn der Einbindung des Counters-->
+<?php
+$chCounter_template = <<<TEMPLATE
+<table>
+ <tr>
+  <td>Besucher online: {V_VISITORS_CURRENTLY_ONLINE}</td>
+  <td>Besucher bisher: {V_PAGE_VIEWS_THIS_PAGE}</td>
+ </tr>
+</table>
+TEMPLATE;
+$chCounter_page_title = "Videoalbum ".$wkName;
+$chCounter_visible=1; include( $_SERVER['DOCUMENT_ROOT'].'/expCounter/counter.php');?>
+<!--Ende der Einbindung des Counters-->
+	</body>
+</html>
diff --git a/homepage/redesign2018/markdownExperiment/yaml/downloads.subNav.yaml b/homepage/redesign2018/markdownExperiment/yaml/downloads.subNav.yaml
new file mode 100644
index 0000000..396d571
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/yaml/downloads.subNav.yaml
@@ -0,0 +1,4 @@
+---
+subNav:
+	- *home
+...
diff --git a/homepage/redesign2018/markdownExperiment/yaml/extras.subNav.yaml b/homepage/redesign2018/markdownExperiment/yaml/extras.subNav.yaml
new file mode 100644
index 0000000..397e1e8
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/yaml/extras.subNav.yaml
@@ -0,0 +1,8 @@
+---
+subNav:
+	- *home
+	- {url: "/links", caption: "Links"}
+	- {url: "/downloads", caption: "Downloads"}
+	- {url: "/hilfsmittel", caption: "Hilfsmittel"}
+	- *quiz
+...
diff --git a/homepage/redesign2018/markdownExperiment/yaml/galerien.subNav.yaml b/homepage/redesign2018/markdownExperiment/yaml/galerien.subNav.yaml
index 2b3f1e2..a74fc7e 100644
--- a/homepage/redesign2018/markdownExperiment/yaml/galerien.subNav.yaml
+++ b/homepage/redesign2018/markdownExperiment/yaml/galerien.subNav.yaml
@@ -4,4 +4,6 @@ subNav:
 	- *training
 	- *verein
 	- *wkKalender
+	- *feierGalerien
+	- *zeltenGalerien
 ...
diff --git a/homepage/redesign2018/markdownExperiment/yaml/hilfsmittel.subNav.yaml b/homepage/redesign2018/markdownExperiment/yaml/hilfsmittel.subNav.yaml
new file mode 100644
index 0000000..226f14c
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/yaml/hilfsmittel.subNav.yaml
@@ -0,0 +1,4 @@
+---
+subNav:
+	-  *home
+...
diff --git a/homepage/redesign2018/markdownExperiment/yaml/images.yaml b/homepage/redesign2018/markdownExperiment/yaml/images.yaml
index 2e0d677..3acecec 100644
--- a/homepage/redesign2018/markdownExperiment/yaml/images.yaml
+++ b/homepage/redesign2018/markdownExperiment/yaml/images.yaml
@@ -13,4 +13,29 @@ cwsvLogoWappen: &cwsvLogoWappen
 	title: "Chemnitzer WSV - Logo"
 	src: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvLogoWappen.64w.png"
 	srcset: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvLogoWappen.128w.png 2x, http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvLogoWappen.x250.png 4x"
+iconClockFriendly: &iconClockFriendly
+	width: "112"
+	height: "112"
+	alt: "Uhr"
+	src: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/clockIconFriendly.svg"
+iconCalendar: &iconCalendar
+	width: "782"
+	height: "800"
+	alt: "Kalender"
+	src: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/calendarIcon.svg"
+iconPlanner: &iconPlanner
+	width: "60"
+	height: "60"
+	alt: "Planer"
+	src: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/terminKalender.svg"
+iconGallery: &iconGallery
+	width: "500"
+	height: "500"
+	alt: "Galerien"
+	src: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/gallery.svg"
+iconContact: &iconContact
+	width: "953"
+	height: "943"
+	alt: "Kontakt"
+	src: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/contact4Ways.svg"
 ...
diff --git a/homepage/redesign2018/markdownExperiment/yaml/index.subNav.yaml b/homepage/redesign2018/markdownExperiment/yaml/index.subNav.yaml
index 543dbce..87c6628 100644
--- a/homepage/redesign2018/markdownExperiment/yaml/index.subNav.yaml
+++ b/homepage/redesign2018/markdownExperiment/yaml/index.subNav.yaml
@@ -5,4 +5,5 @@ subNav:
 	- *wkParticipo
 	- *galerien
 	- *kontakt
+	- {url: "/extras", caption: "Extras"}
 ...
diff --git a/homepage/redesign2018/markdownExperiment/yaml/links.subNav.yaml b/homepage/redesign2018/markdownExperiment/yaml/links.subNav.yaml
new file mode 100644
index 0000000..226f14c
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/yaml/links.subNav.yaml
@@ -0,0 +1,4 @@
+---
+subNav:
+	-  *home
+...
diff --git a/homepage/redesign2018/markdownExperiment/yaml/navTargets.yaml b/homepage/redesign2018/markdownExperiment/yaml/navTargets.yaml
index fe49499..688ad85 100644
--- a/homepage/redesign2018/markdownExperiment/yaml/navTargets.yaml
+++ b/homepage/redesign2018/markdownExperiment/yaml/navTargets.yaml
@@ -2,10 +2,11 @@
 home: &home
 	caption: "Home"
 	url: "/"
+	title: "Startseite"
 	icon: *cwsvJudoLogoWappen
 training: &training
 	caption: "Trainings&#173;zeiten"
-	icon: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/clockIconFriendly.svg"
+	icon: *iconClockFriendly
 	title: "Trainingszeiten und -orte der Judoka des Chemnitzer WSV"
 	url: "/trainingszeiten"
 verein: &verein
@@ -14,24 +15,36 @@ verein: &verein
 	icon: *cwsvLogoWappen
 wkKalender: &wkKalender
 	caption: "Wettkampf&shy;kalender"
-	icon: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/calendarIcon.svg"
+	icon: *iconCalendar
 	url: "/wkKalender"
 wkParticipo: &wkParticipo
 	caption: "Wettkampf&shy;planer"
-	icon: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/terminKalender.svg"
+	icon: *iconPlanner
 	url: "/pages/desktop/wkParticipo"
 galerien: &galerien
 	caption: "Galerien"
 	url: "/galerien"
-	icon: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/gallery.svg"
+	icon: *iconGallery
+feierGalerien: &feierGalerien
+	caption: "Feiern"
+	url: "/galerien?veranstaltungsArt=Feier"
+	icon: *iconGallery
+zeltenGalerien: &zeltenGalerien
+	caption: "Zelten"
+	url: "/galerien?veranstaltungsArt=Zelten"
+	icon: *iconGallery
 kontakt: &kontakt
 	caption: "Kontakt"
 	url: "/kontakt"
-	icon: "http://cwsvjudo.bplaced.net/ressourcen/graphiken/icons/contact4Ways.svg"
+	icon: *iconContact
 kontakt: &impressum
 	caption: "Impressum"
 	url: "/impressum"
 kontakt: &datenschutz
 	caption: "Datenschutz"
 	url: "/datenschutz"
+quiz: &quiz
+	caption: "Quiz"
+	url: "/quiz"
+	title: "Quiz"
 ...
diff --git a/homepage/redesign2018/markdownExperiment/yaml/quiz.subNav.yaml b/homepage/redesign2018/markdownExperiment/yaml/quiz.subNav.yaml
new file mode 100644
index 0000000..7ff1a13
--- /dev/null
+++ b/homepage/redesign2018/markdownExperiment/yaml/quiz.subNav.yaml
@@ -0,0 +1,7 @@
+---
+subNav:
+	- {caption: "Kyu 8", url: "/quiz?kyu=8"}
+	- {caption: "Kyu 7", url: "/quiz?kyu=7"}
+	- {caption: "Kyu 6", url: "/quiz?kyu=6"}
+	- {caption: "Kyu 5", url: "/quiz?kyu=5"}
+...