WIP: promo section

This commit is contained in:
marko
2025-07-03 16:51:59 +02:00
committed by marko
parent d19b3bc854
commit 8cd4e8509f
2 changed files with 64 additions and 26 deletions

View File

@@ -0,0 +1,3 @@
.promo>i {
font-size: 7rem;
}

View File

@@ -14,8 +14,57 @@ $mainNav = [
],
];
$promos = [
[
"icon" => "schedule",
"caption" => "Trainingszeiten",
"target" => "/training#trainingszeiten",
"text" => "Wann welche Alters- und Zielgruppe trainieren kann",
],
[
"icon" => "location_on",
"caption" => "Dojo",
"target" => "/training#karten-der-trainingsstätten",
"text" => "Wegbeschreibung zu unserem Dojo",
],
];
function promo_html($promo)
{
return '<div class="col l4 s6">' .
'<div class="center promo promo-example">' .
'<i class="material-icons">' .
$promo["icon"] .
"</i>" .
'<p class="promo-caption">' .
$promo["caption"] .
"</p>" .
'<p class="light center">' .
$promo["text"] .
"</p>" .
'<a class="btn filled" href="' .
$promo["target"] .
'">' .
$promo["caption"] .
"</a>" .
"</div>" .
"</div>";
}
function promos_html($promos)
{
$ret = '<div class="row">';
foreach ($promos as $promo) {
$ret .= promo_html($promo);
}
$ret .= "</div>";
return $ret;
}
$sections = [
'<h2>Judo im Chemnitzer WSV</h2>Herzlich willkommen auf der Website des Judo-Teams des <a href="http://www.cwsv-sport.de">Chem&shy;nitzer Frei&shy;zeit- und Wohng&shy;ebiets&shy;sport&shy;vereines e.&nbsp;V.</a>',
'<h2>Judo im Chemnitzer WSV</h2>Herzlich willkommen auf der Website des Judo-Teams des <a href="http://www.cwsv-sport.de">Chem&shy;nitzer Frei&shy;zeit- und Wohng&shy;ebiets&shy;sport&shy;vereines e.&nbsp;V.</a>' .
promos_html($promos),
\CwsvJudo\News\newsBoard(
dbHandle: $dbHandle,
options: [
@@ -103,7 +152,7 @@ function main($sections, $wallpapers)
<head>
<!--Imports-->
<!-- - materialize Framework -->
<link type="text/css" rel="stylesheet" href="/ressourcen/css/materialize.min.css" media="screen,projection">
<link type="text/css" rel="stylesheet" href="/ressourcen/css/materialize.min.css" media="screen">
<!-- - cwsvJudo adjustments -->
<link type="text/css" rel="stylesheet" href="/ressourcen/css/cwsvJudo.css">
@@ -161,30 +210,16 @@ function main($sections, $wallpapers)
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="l6 s12">
<h5>Footer Content</h5>
<p>You can use rows and columns here to organize your footer content.</p>
</div>
<div class="l4 offset-l8 s12">
<h5>Links</h5>
<ul>
<li><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 <img
src="/ressourcen/graphiken/icons/HTML5_1Color_Black.svg"
alt="HTML 5"
title="HTML 5 Logo"
class="charImg">
</a></li>
<li><a href="#!">Link 2</a></li>
<li><a href="#!">Link 3</a></li>
<li><a href="#!">Link 4</a></li>
</ul>
</div>
<div class="l6 s12">
<a
title="Seite auf HTML 5 Konformität prüfen"
href="http://validator.w3.org/check?uri=<?php echo urlencode(
getCurPagesUrl()
); ?>"
>
<i class="material-icons">html</i>5
</a>
</div>
</div>
</div>
<div class="footer-copyright">