diff --git a/homepage/cwsvJudo/Makefile.heliohost b/homepage/cwsvJudo/Makefile.heliohost index 32b4c85..a1a84b5 100644 --- a/homepage/cwsvJudo/Makefile.heliohost +++ b/homepage/cwsvJudo/Makefile.heliohost @@ -105,6 +105,8 @@ dist: all mkdir -p $(distDir)/ # graphics +# promo images + cp -r ./res/promo $(distDir)/httpdocs/ # - wappen mkdir -p $(distDir)/httpdocs/ressourcen/graphiken/logos find ./build/graphiken/cwsvJudoLogoWappen -type f -exec $(LN) {} $(distDir)/httpdocs/ressourcen/graphiken/logos \; diff --git a/homepage/cwsvJudo/configs/heliohost/config.json b/homepage/cwsvJudo/configs/heliohost/config.json index 1ed5bc7..cc21a37 100644 --- a/homepage/cwsvJudo/configs/heliohost/config.json +++ b/homepage/cwsvJudo/configs/heliohost/config.json @@ -3,7 +3,9 @@ "db": { "host": "localhost", "name": "cwsvjudo_main", - "user": "cwsvjudo_marko" + "user": "cwsvjudo_marko", + "dbCharset": "ISO-8859-1", + "outCharset": "UTF-8" } } } \ No newline at end of file diff --git a/homepage/cwsvJudo/configs/localDocker/config.json b/homepage/cwsvJudo/configs/localDocker/config.json index c9cbb9b..07d184f 100644 --- a/homepage/cwsvJudo/configs/localDocker/config.json +++ b/homepage/cwsvJudo/configs/localDocker/config.json @@ -3,7 +3,9 @@ "db": { "host": "db", "name": "cwsvjudo_main", - "user": "cwsvjudo_marko" + "user": "cwsvjudo_marko", + "dbCharset": "UTF-8", + "outCharset": "UTF-8" } } } \ No newline at end of file diff --git a/homepage/cwsvJudo/src/css/materialize/card.css b/homepage/cwsvJudo/src/css/materialize/card.css new file mode 100644 index 0000000..549fa99 --- /dev/null +++ b/homepage/cwsvJudo/src/css/materialize/card.css @@ -0,0 +1,9 @@ +.card.horizontal .card-image { + /* width: 38%; */ +} + +.card.horizontal .card-image img { + width: 100%; + height: 100%; + object-fit: cover; +} diff --git a/homepage/cwsvJudo/src/css/materialize/parallax.css b/homepage/cwsvJudo/src/css/materialize/parallax.css index 1c8afa9..d378ce4 100644 --- a/homepage/cwsvJudo/src/css/materialize/parallax.css +++ b/homepage/cwsvJudo/src/css/materialize/parallax.css @@ -2,13 +2,29 @@ height: 38vh; } -.parallax-container > .parallax > img{ -/* - prevent scaling that screws the ratio while still "filling" the parallax element - - @todo What would be the conditions to the resolution (ratio?) of the wallpaper to work well with it? -*/ - width: auto; - min-width: 100%; - min-height: 150%; - max-height: 300%; +.parallax-container>.parallax>img { + object-fit: cover; + width: 300%; + height: 300%; +} + +@media only screen and (min-width: 600px) { + .parallax-container>.parallax>img { + width: 250%; + height: 250%; + } +} + +@media only screen and (min-width: 992px) { + .parallax-container>.parallax>img { + width: 200%; + height: 200%; + } +} + +@media only screen and (min-width: 1200px) { + .parallax-container>.parallax>img { + width: 150%; + height: 150%; + } } \ No newline at end of file diff --git a/homepage/cwsvJudo/src/pages/responsive/bootstrap.php b/homepage/cwsvJudo/src/pages/responsive/bootstrap.php index 39d9775..34efa0d 100644 --- a/homepage/cwsvJudo/src/pages/responsive/bootstrap.php +++ b/homepage/cwsvJudo/src/pages/responsive/bootstrap.php @@ -3,6 +3,7 @@ require_once "config.php"; require_once "phpLibs/cwsvJudo/dbConnector.php"; require_once "phpLibs/cwsvJudo/news.php"; +require_once "phpLibs/cwsvJudo/helper.php"; $config = json_decode( json: file_get_contents(filename: $home . "/.local/config.json"), diff --git a/homepage/cwsvJudo/src/pages/responsive/index.php b/homepage/cwsvJudo/src/pages/responsive/index.php index e4fcbd3..f3c87a9 100644 --- a/homepage/cwsvJudo/src/pages/responsive/index.php +++ b/homepage/cwsvJudo/src/pages/responsive/index.php @@ -15,18 +15,16 @@ $mainNav = [ ]; $sections = [ + '

Judo im Chemnitzer WSV

Herzlich willkommen auf der Website des Judo-Teams des Chem­nitzer Frei­zeit- und Wohng­ebiets­sport­vereines e. V.', \CwsvJudo\News\newsBoard( dbHandle: $dbHandle, options: [ "limit" => 6, - "dbCharset" => "ISO-8859-1", - // "dbCharset" => "UTF-8", - // "outCharset" => "ISO-8859-1", - "outCharset" => "UTF-8", + "dbCharset" => $config["cwsvJudo"]["db"]["dbCharset"], + "outCharset" => $config["cwsvJudo"]["db"]["outCharset"], ] ), - "dolor sit amet", - "consectetur adipiscing elit", + // "dolor sit amet", ]; $wallpapers = [ @@ -86,19 +84,34 @@ function main($sections, $wallpapers) ""; echo '
' . $section . "
"; } + echo '
' . + '
' . + "" . + "
"; } ?> - + - + - + + + Judo im Chemnitzer WSV - Kinder- und Erwachsenentraining + @@ -143,6 +156,46 @@ function main($sections, $wallpapers) + + + + + diff --git a/homepage/cwsvJudo/src/pages/responsive/phpLibs/cwsvJudo/helper.php b/homepage/cwsvJudo/src/pages/responsive/phpLibs/cwsvJudo/helper.php new file mode 100644 index 0000000..880fbff --- /dev/null +++ b/homepage/cwsvJudo/src/pages/responsive/phpLibs/cwsvJudo/helper.php @@ -0,0 +1,21 @@ +src, ".png") + ? ' style="object-fit:contain"' + : ""; return ''; + '"' . + $style . + ">"; } private string $src; @@ -130,16 +137,24 @@ class Entry function as_card(): string { + $date_as_string = $this->date->format("Y-m-d"); return '
' . '
' . $this->promo->as_html() . "
" . '
' . - '' . + '" . + '
' . $this->title . - "" . + "
" . + '
' . $this->content . "
" . + "
" . "
"; } // private