WIP: promo section
This commit is contained in:
3
homepage/cwsvJudo/src/css/materialize/promo.css
Normal file
3
homepage/cwsvJudo/src/css/materialize/promo.css
Normal file
@@ -0,0 +1,3 @@
|
||||
.promo>i {
|
||||
font-size: 7rem;
|
||||
}
|
||||
@@ -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­nitzer Frei­zeit- und Wohng­ebiets­sport­vereines e. 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­nitzer Frei­zeit- und Wohng­ebiets­sport­vereines e. 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">
|
||||
|
||||
Reference in New Issue
Block a user