Merge branch 'master' into wkParticipo

2021-10-17 11:41:32 +02:00
parent 6eb0ee3bf0 10a789739b
commit 0fccb51099
635 changed files with 129275 additions and 1454 deletions
--- a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/galTable.php
+++ b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/galTable.php
@@ -7,8 +7,6 @@ global $cwsvJudoConfig;

 $messages=array();

-//include_once($_SERVER['DOCUMENT_ROOT']."/config/db.inc");
-	
 // Datenbankverbindung herstellen
 //	$mysqlConn = @new mysqli($db_server, $db_user, $db_password, $db_name);
 	$mysqlConn = @new mysqli(
@@ -23,7 +21,7 @@ $messages=array();
 	else{
 // mögliche Werte für das Jahr herausfinden
 		$galJahresListe = array();
-		
+
 		$queryJahresListe = "
 			SELECT DISTINCT DATE_FORMAT( datum, '%Y')
 			AS jahr
@@ -31,7 +29,7 @@ $messages=array();
 			WHERE 1
 			ORDER BY DATE_FORMAT( datum,  '%Y' ) DESC;
 		";
-		
+
 		$mysqlResults = $mysqlConn->query($queryJahresListe);
 		if( !$mysqlResults ){
 			$messages['error'][] = "Fehler bei Datenbankabfrage '".$queryJahresListe."'<br />";
@@ -41,10 +39,10 @@ $messages=array();
 				array_push( $galJahresListe, $mysqlResult['jahr']);
 			}
 		}
-		
+
 		// standardmäßig frage die letzten 12 Galerien ab
 		$queryGals = "
-			SELECT id,datum,name,url,typ,teaserBildUrl
+			SELECT id,datum,name,url,typ,teaserBildUrl,promoImgWidth,promoImgHeight
 			FROM cwsvjudo.wkGalerien
 			WHERE 1
 			ORDER BY datum DESC LIMIT 12
@@ -55,29 +53,29 @@ $messages=array();
 			$minDate = $galJahr."-01-01";
 			$maxDate = $galJahr."-12-31";
 			$queryGals = sprintf("
-				SELECT id,datum,name,url,typ,teaserBildUrl
+				SELECT id,datum,name,url,typ,teaserBildUrl,promoImgWidth,promoImgHeight
 				FROM cwsvjudo.wkGalerien
 				WHERE datum >= '%s' AND datum <= '%s' ORDER BY datum ASC;",
 				$mysqlConn->real_escape_string($minDate),
 				$mysqlConn->real_escape_string($maxDate)
 			);
 		}
-		
+
 		if($_GET['veranstaltungsArt']=="Feier"){
-		$queryGals = 
-			"SELECT id,datum,name,url,typ,teaserBildUrl ".
+		$queryGals =
+			"SELECT id,datum,name,url,typ,teaserBildUrl,promoImgWidth,promoImgHeight  ".
 			"FROM cwsvjudo.wkGalerien ".
 			"WHERE veranstaltungsArt = 'Feier' ORDER BY datum DESC;";
 		}
-		
+
 		if($_GET['veranstaltungsArt']=="Zelten"){
-		$queryGals = 
-			"SELECT id,datum,name,url,typ,teaserBildUrl ".
+		$queryGals =
+			"SELECT id,datum,name,url,typ,teaserBildUrl,promoImgWidth,promoImgHeight ".
 			"FROM cwsvjudo.wkGalerien ".
 			"WHERE veranstaltungsArt = 'Zelten' ORDER BY datum DESC;";
 		}
-		
-		
+
+
 		$galListe = array();
 		$mysqlResults = $mysqlConn->query($queryGals);
 		if( !$mysqlResults ){
@@ -89,7 +87,7 @@ $messages=array();
 			}
 		}
 	}
-	
+
 	// 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) )
@@ -112,7 +110,7 @@ $messages=array();
 					"<optgroup label=\"Jahresauswahl\">".
 						"<option value=\"\"".($galJahr!="" ? "" : " selected")." >Neueste</option>"
 		);
-		
+
 		if( !is_array($galJahresListe) )
 			$messages['error'][] = "<div>Fehler bei der Jahreszahlenabfrage!</div>";
 		else{
@@ -130,15 +128,15 @@ $messages=array();
 				"</noscript>".
 			"</form>"
 		);
-		
+
 	}// Ende responsiver Jahresselector
-	
+
 	echo(
 		"<table class=\"galTable\">".
 			"<thead><tr><th>Datum</th><th>Link zur Galerie</th></tr></thead>".
 			"<tbody>"
 	);
-	
+
 	if( !is_array($galListe) )
 		$messages['error'][] = "<div>Fehler bei der Galerienabfrage!</div>";
 	else{
@@ -146,25 +144,26 @@ $messages=array();
 			$galDate = mb_convert_encoding($gal['datum'], 'UTF-8', 'ISO-8859-1');
 			echo(
 				"<tr ".((strpos( $_SERVER['ORIG_PATH_TRANSLATED'], "pages/amp" ) !== false)?(""):("onclick=\"window.document.location='".mb_convert_encoding($gal['url'], 'UTF-8', 'ISO-8859-1')."';\"")).">".
-//				"<tr onclick=\"window.document.location='".mb_convert_encoding($gal['url'], 'UTF-8', 'ISO-8859-1')."';\">".
-//					"<td class=\"noWrap\">".
 					"<td >".
 						"<time datetime=\"".mb_convert_encoding($gal['datum'], 'UTF-8', 'ISO-8859-1')."\">".mb_convert_encoding($gal['datum'], 'UTF-8', 'ISO-8859-1')."</time>".
-//						"<time class=\"date-as-calendar position-pixels\" datetime=".$gal['datum'].">".
-//							"<span class=\"weekday\">".strftime("%A", strtotime($galDate))."</span>".
-//							"<span class=\"day\">".strftime("%d", strtotime($galDate))."</span>".
-//							"<span class=\"month\">".utf8_encode(strftime("%B", strtotime($galDate)))."</span>".
-//							"<span class=\"year\">".strftime("%Y", strtotime($galDate))."</span>".
-//						"</time>".
 					"</td>".
-//					"<td class=\"floatClearBoth\">".
 					"<td >".
 						"<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>" : "");
+
+			// width and height of the promoImg
+			$width_height_string = "width=\"200\" height=\"133\"";
+			if(
+				is_positive_integer($gal['promoImgWidth'])
+				&& is_positive_integer($gal['promoImgHeight'])
+			){
+				$width_height_string = "width=\"".strval($gal['promoImgWidth'])."\" height=\"".strval($gal['promoImgHeight'])."\"";
+			}
+
+			$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')."\" ".$width_height_string."/></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("<img", "<amp-img layout=\"responsive\" ", $tempString);
 				$tempString = str_replace("/>", "></amp-img>", $tempString);
 			}
 			echo( $tempString );
@@ -191,13 +190,12 @@ if( is_positive_integer($aGalleryId) ){
 		$query="SELECT url FROM wkGalerien WHERE id = \"".$_aGalleryId."\" ORDER BY Datum ASC LIMIT 1;";
 		$ergebnis = $db_connection->query( $query );
 		$galleryLink = $ergebnis->fetchAll();
-		
+
 		return $galleryLink[0]['url'];
 		$db_connection = NULL;
 	}
 	catch(PDOException $db_error){
 		print "Error!: " . $db_error->getMessage() . "<br/>";
-//		echoGalTable();
 	}
 }
 return "";
--- a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsLib.php
+++ b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsLib.php
@@ -1,21 +1,21 @@
 <?php

-function get_inner_html( $node ) { 
-    $innerHTML= ''; 
-    $children = $node->childNodes; 
-    foreach ($children as $child) { 
-        $innerHTML .= $child->ownerDocument->saveXML( $child ); 
-    } 
+function get_inner_html( $node ) {
+    $innerHTML= '';
+    $children = $node->childNodes;
+    foreach ($children as $child) {
+        $innerHTML .= $child->ownerDocument->saveXML( $child );
+    }

-    return $innerHTML; 
+    return $innerHTML;
 }

 /// Eine Liste mit News abfragen
 ///
-/// Der Rückgabewert sollte vor Verwendung (und zur Fehlerbeheandlung) 
+/// Der Rückgabewert sollte vor Verwendung (und zur Fehlerbeheandlung)
 /// auf NULL und/oder leeres Array getestet werden.
 /// Der Zeichensatz wird von "ISO-8859-1" auf "UTF-8" gesetzt
-/// 
+///
 /// @return Array mit News (die wiederum assoziative arrays sind
 function getNews($aMysqlConn, $optionsArray = array("dbCharset" => "ISO-8859-1", "outCharset" => "UTF-8", "limit" => "1")){
 if(!$aMysqlConn) return NULL;
@@ -36,24 +36,24 @@ $ret = array();
 // Ansonsten die aktuellsten
 	else{
 		$query = "SELECT * FROM nachrichten";
-		
+
 		if( is_positive_integer($optionsArray['jahr']) )
 			$query .= " WHERE DATE_FORMAT( datum, '%Y') = :jahr";
-		
+
 		$query .= " ORDER BY datum DESC, nr DESC LIMIT :limit;";
-		
+
 		//echo( $query );
-		
+
 		$pdoStatementForQuerryingNews = $aMysqlConn->prepare(
 			$query
 		);
 	}
-	
+
 	$pdoStatementForQuerryingNews->bindParam(':limit', intval($optionsArray['limit']), PDO::PARAM_INT);
 //	$pdoStatementForQuerryingNews->bindParam(':jahr', intval($optionsArray['jahr']), PDO::PARAM_INT);
 	$pdoStatementForQuerryingNews->execute();
 	$ret = $pdoStatementForQuerryingNews->fetchAll(PDO::FETCH_ASSOC);
-	
+
 // Zeichensatzkonvertierung
 	foreach($ret as &$entry){
 		array_walk(
@@ -73,13 +73,13 @@ function getHtmlNews($aNews, $someOptions=""){
 $options = getKeyValueArray($someOptions);

 // schlechter Hack solange die Browser nicht von selbst ordentlich trennen
-	$aNews['betreff'] = 
+	$aNews['betreff'] =
 		str_replace("meisterschaft", "&shy;meisterschaft", $aNews['betreff']);
-	$aNews['betreff'] = 
+	$aNews['betreff'] =
 		str_replace("turnier", "&shy;turnier", $aNews['betreff']);
-	$aNews['betreff'] = 
+	$aNews['betreff'] =
 		str_replace("randori", "&shy;randori", $aNews['betreff']);
-	$aNews['betreff'] = 
+	$aNews['betreff'] =
 		str_replace("spiele", "&shy;spiele", $aNews['betreff']);

 	$retHtml = "";
@@ -94,7 +94,7 @@ $options = getKeyValueArray($someOptions);
 // phpMyAdmin fügte manchmal die falschen Zeilenenden ein
 	$aNews['nachricht'] = str_replace("\r\n", "\n", $aNews['nachricht']);

-// falls KEIN explizites PromoImage gesetzt ist, versuche es aus dem 
+// falls KEIN explizites PromoImage gesetzt ist, versuche es aus dem
 // Nachrichtentext heraus zu lesen
 // @toDo: woher bekomme ich width and height bei explizitem promoImg?
 	if(!$aNews['promoImg'])
@@ -104,7 +104,6 @@ $options = getKeyValueArray($someOptions);
 			$aNews['promoImg'] = json_decode($aNews['promoImg'], true);
 		}
 	}
-//	var_dump($aNews);
 	if( !filter_var($aNews['promoImg'], FILTER_VALIDATE_URL) && !filter_var($aNews['promoImg']['src'], FILTER_VALIDATE_URL) ){
 		$domDoc = new DOMDocument();
 		$domDoc->loadHTML( mb_convert_encoding($aNews['nachricht'], 'HTML-ENTITIES', "UTF-8") );
@@ -125,12 +124,10 @@ $options = getKeyValueArray($someOptions);
 			}

 			$domDoc->formatOutput = true;
-			$aNews['nachricht'] = get_inner_html( $domDoc->getElementsByTagName('body')[0] );	
-//			$aNews['nachricht'] = str_replace("&#13;", "", $aNews['nachricht']);
-//			var_dump($aNews);
+			$aNews['nachricht'] = get_inner_html( $domDoc->getElementsByTagName('body')[0] );
 		}
 	}
-	
+
 	if( !empty($aNews['promoImg']) ){
 		if( !empty($aNews['promoImg']['src']) ){
 			$retHtml .= "<img class=\"newsPromoImage\" "
@@ -141,14 +138,15 @@ $options = getKeyValueArray($someOptions);
 		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=\"".($aNews['promoImg']['width']?$aNews['promoImg']['width']:"200")."\" height=\"".($aNews['promoImg']['height']?$aNews['promoImg']['height']:"133")."\"", $retHtml);
 			$retHtml = str_replace("/>", "></amp-img>", $retHtml);
 		}
 	}
-	$retHtml .=   "<div class=\"newsText\">" . $aNews['nachricht'] . "</div>";
+
+	$retHtml .=   "<div class=\"newsText\">".ampTagReplace( $aNews['nachricht'] )."</div>";
 	$retHtml .=  "</div>";
 	$retHtml .=  "<div class=\"newsFooter\">";
 	$retHtml .=   "<div class=\"newsAutor\">".$aNews['autor']."</div>";
@@ -188,4 +186,48 @@ return json_encode(
 	)
 );
 }
+
+function getHtmlNewsTitle(){
+	$htmlTitle = "Neuigkeiten der Judoka des Chemnitzer Freizeit- und Wohngebiets&shy;sportvereines e.&#x202f;V.";
+	if($_GET['newsId']){
+		$dbConn = getCwsvJudoDbConn();
+		$options['newsId']=$_GET['newsId'];
+		$mainNews=getNews(getCwsvJudoDbConn(), $options);
+		if($mainNews)
+			$htmlTitle = $mainNews[0]['betreff']." - ".$htmlTitle;
+	}
+	return $htmlTitle;
+}
+
+function img2ampimg($inText){
+  $outText = $inText;
+  // Zuweilen sind im Nachtrichtentext selbst auch schon Bilder, auch diese müssen bei ampSeiten angepasst werden
+  if( strpos( $_SERVER['ORIG_PATH_TRANSLATED'], "pages/amp" ) !== false ){
+    // bei bereits im Newstext vorhandenen Bildern, gehen wir davon aus, dass widt+heigth bereits gesetzt sind
+    $outText = str_replace("<img ", "<amp-img layout=\"responsive\" ", $outText);
+    $outText = str_replace("/>", "></amp-img>", $outText);
+  }
+
+  return $outText;
+}
+
+function video2ampvideo($inText){
+  $outText = $inText;
+  // Zuweilen sind im Nachtrichtentext selbst auch schon Bilder, auch diese müssen bei ampSeiten angepasst werden
+  if( strpos( $_SERVER['ORIG_PATH_TRANSLATED'], "pages/amp" ) !== false ){
+    // bei bereits im Newstext vorhandenen Bildern, gehen wir davon aus, dass widt+heigth bereits gesetzt sind
+    $outText = str_replace("<video ", "<amp-video ", $outText);
+    $outText = str_replace("<source ", "<source type=\"video/webm\" ", $outText);
+    $outText = str_replace("</video>", "</amp-video>", $outText);
+  }
+
+  return $outText;
+}
+
+function ampTagReplace($inText){
+// replace the amp tags
+  return video2ampvideo(
+    img2ampimg( $inText )
+  );
+}
 ?>
--- a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsTableHtml.php
+++ b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/newsTableHtml.php
@@ -10,6 +10,8 @@ $message = array();

 $limit = is_positive_integer($someOptions['limit'])?$someOptions['limit']:1;

+$headerRootLevel = is_positive_integer($someOptions['$headerRootLevel'])?$someOptions['$headerRootLevel']:1;
+
 /// Eine Datenbankverbindung (über pdo) erstellen
 	try{
 		$db_connection = new PDO(
@@ -22,24 +24,24 @@ $limit = is_positive_integer($someOptions['limit'])?$someOptions['limit']:1;
 	catch(PDOException $db_error){
 		$messages['errors'][] = "Error: " . $db_error->getMessage();
 	}
-	
+
 // News abfragen
 // @todo: woher das limit nehmen?
 //	$newsList = getNews($db_connection, array('limit'=>$limit));
 	$newsList = getNews($db_connection, $someOptions);
-	
+
 	$newsHeading = "Aktuelle Meldungen";
 //var_dump($options);
 	if($someOptions['newsId']) $newsHeading=$newsList[0]['betreff'];
 	if($someOptions['jahr']) $newsHeading="Nachrichten des Jahres ".$someOptions['jahr'];
-	
-	echo("<h1>".$newsHeading."</h1>");
+
+	echo("<h".strval($headerRootLevel).">".$newsHeading."</h".$headerRootLevel.">");
 	if( is_array( $newsList ) || is_object( $newsList ) )
 		foreach($newsList as $news)
-			echo( getHtmlNews($news, "headingLevel=2")."<hr />" );
+			echo( getHtmlNews($news, "headingLevel=".strval($headerRootLevel+1))."<hr />" );
 	else
 		$messages['errors'][] = "Fehler: Keine Neuigkeiten gefunden!";
-	
+
 // @todo: besser machen!
 if(!empty($messages))
 	var_dump($messages);
--- a/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php
+++ b/homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php
@@ -1,6 +1,7 @@
 <?php
 setlocale(LC_ALL, 'de_DE.utf8');

+require_once($basePath."/ressourcen/phpLib/cwsvJudo/miscAssis.php");

 function getWkHtmlMetaDescription($wkId){
 setlocale(LC_ALL, 'de_DE.utf8', 'de_DE@euro');
@@ -210,15 +211,18 @@ $htmlWkTableString = "";
 				str_replace("mannschaft", "mann&shy;schaft", $wk['Veranstaltung']);
 		
 		$htmlWkTableString .=
-				"<a href=\"http://cwsvjudo.bplaced.net/wkKalender/".$wk['lfdeNr']."/".toAscii( html_entity_decode( $wk['Veranstaltung'] ))."-am-".$wk['Datum']."\"><tr>".
+//				"<a href=\"http://cwsvjudo.bplaced.net/wkKalender/".$wk['lfdeNr']."/".toAscii( html_entity_decode( $wk['Veranstaltung'] ))."-am-".$wk['Datum']."\"><tr>".
+				"<tr>".
 					"<script type=\"application/ld+json\">".$wkJsonSd."</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>".
+						"<a href=\"http://cwsvjudo.bplaced.net/wkKalender/".$wk['lfdeNr']."/".toAscii( html_entity_decode( $wk['Veranstaltung'] ))."-am-".$wk['Datum']."\">".
+							"<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>".
+						"</a>".
 					"</td>".
 					"<td data-title=\"Ausschreibung\" class=\"hyphenate\">".
 						"<a title=\"Ausschreibung ".$wk['Veranstaltung']."\" href=\"http://cwsvjudo.bplaced.net".$wk['Ausschreibung']."\"><span property=\"name\">".$wk['Veranstaltung']."</span></a>".
@@ -231,9 +235,9 @@ $htmlWkTableString = "";
 					"</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>".
-						"<img class=\"print-only\" heigtht=\"111\" width=\"111\" src=http://cwsvjudo.bplaced.net/pages/responsive/wkQrCode.php?id=".$wk['lfdeNr']." />".
+						"<img class=\"print-only\" alt=\"http://cwsvjudo.bplaced.net/wkKalender/".$wk['lfdeNr']."/".toAscii( html_entity_decode( $wk['Veranstaltung'] ))."-am-".$wk['Datum']."\" height=\"111\" width=\"111\" src=\"http://cwsvjudo.bplaced.net/pages/responsive/wkQrCode.php?id=".$wk['lfdeNr']."\" />".
 					"</td>".
-				"</tr></a>\n";
+				"</tr>\n";
 	}
 	$htmlWkTableString .= 
 		"</tbody>".
@@ -248,10 +252,22 @@ $htmlWkTableString = "";
 		"</tfoot>".
 	"</table>";

+	// Für den Fall einer ampSeite müssen die imgTags angepasst werden
+	if( strpos( $_SERVER['ORIG_PATH_TRANSLATED'], "pages/amp" ) !== false ){
+		$htmlWkTableString = str_replace(
+			"<img", 
+// width und height sind gesetzt
+// @todo: es sollte besser gehen!
+//			"<amp-img layout=\"responsive\" width=\"".($aNews['promoImg']['width']?$aNews['promoImg']['width']:"200")."\" height=\"".($aNews['promoImg']['height']?$aNews['promoImg']['height']:"133")."\"", 
+			"<amp-img layout=\"responsive\" ", 
+			$htmlWkTableString
+		);
+		$htmlWkTableString = str_replace("/>", "></amp-img>", $htmlWkTableString);
+	}
+
 return $htmlWkTableString;
 }

-
 function nicerAkList($akArray){
 	$ret=explode( " ", $akArray );
 	
@@ -340,7 +356,6 @@ if($matches[0]==$akString){
 return $ret;
 }

-
 /// Wettkampfdaten als json-formatierte strukturierte Event-Daten
 function wkArray2jsonSdEvent($wk){
 return 
@@ -407,19 +422,25 @@ function wkTableHtml(){
 						)
 					)
 				)."</script>".
-				"<h1>Einzelansicht</h1>".
+//				"<h1>Einzelansicht</h1>".
+//				"<style>.wkInfoBox{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px;}</style>".
+//				"<style>.wkInfoBox h1{background:#FF8100;font-size: 1.2em;margin: 0;}</style>".
+//				"<style>.wkInfoBox h2{background:#FF8100;font-size: 1.1em;margin: 0;}</style>".
 				"<div class=\"wkInfoBox\">".
 					"<script type=\"application/ld+json\">".wkArray2jsonSdEvent($wk)."</script>".
-					"<h2>".$wk['Veranstaltung']."</h2>".
-					wkBoxMediaGalleryHtml($wkGals);
+//					"<h2>".$wk['Veranstaltung']."</h2>".
+					"<h1>".$wk['Veranstaltung']."</h1>";

 			$siteData['mainContent'] .= 
-					"<h3>Veranstaltungsdaten</h3>".
+//					"<h2>Veranstaltungsdaten</h2>".
 					"<ul>".
 						"<li>Datum: <time datetime=".$wk['Datum'].">".strftime("%a, %d. %B %Y", strtotime($wk['Datum']))."</time></li>".
 						"<li>Altersklassen: ".$wk['Altersklassen']."</li>".
 						"<li>Ort: <a href=\"".$wk['Routenplaner']."\">".$wk['Ort']."</a></li>".
 					"</ul>".
+					(!empty($wkGals)?"<h2>Galerien</h2>":"").
+					wkBoxMediaGalleryHtml($wkGals).
+					"<h2>Links</h2>".
 					"<nav>".
 						"<ul>".
 							"<li><a href =\"".$wk['Ausschreibung']."\"><div>Link zur Ausschreibung</div></a></li>".
@@ -616,16 +637,20 @@ $retHtml = "";
 $retHtml .= "<div class=\"wkBoxMediaGallery\">";

 foreach($wkGals as $wkGal){
+	if( empty($wkGal['teaserBildUrl']) ){
+		$wkGal['teaserBildUrl']="http://cwsvjudo.bplaced.net/ressourcen/graphiken/logos/cwsvJudoLogoWappen.256w.png"; // @toDo: sollte nicht hardcoded sein!
+	}
 	$retHtml.=
 		"<a class=\"textoverlayedImage\" href=\"".$wkGal['url']."\">";
 	
 	if(strpos( $_SERVER['ORIG_PATH_TRANSLATED'], "pages/amp" ) !== false)
 		$retHtml .= "<amp-img layout=\"responsive\" ";
 	else
-		$retHtml .= "<img class=\"valignMiddle\" ";
+//		$retHtml .= "<img class=\"valignMiddle\" ";
+		$retHtml .= "<img ";
 	
 	$retHtml .=
-		"width=\"200\" height=\"133\" class=\"valignMiddle\" src=\"".
+		"alt=\"".$wkGal['name']."\" width=\"200\" height=\"133\" class=\"valignMiddle\" src=\"".
 		$wkGal['teaserBildUrl']."\"";
 	
 	if(strpos( $_SERVER['ORIG_PATH_TRANSLATED'], "pages/amp" ) !== false)
@@ -634,7 +659,7 @@ foreach($wkGals as $wkGal){
 		$retHtml .= "/>";
 	
 	$retHtml .= 
-		"<div><p>".$wkGal['typ']."galerie</p></div>";
+		"<div><p class=\"touchLink\" style=\"opacity:.8\">".$wkGal['typ']."galerie</p></div>";
 	
 	$retHtml .= "</a>";
 }