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 = [
|
$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(
|
\CwsvJudo\News\newsBoard(
|
||||||
dbHandle: $dbHandle,
|
dbHandle: $dbHandle,
|
||||||
options: [
|
options: [
|
||||||
@@ -103,7 +152,7 @@ function main($sections, $wallpapers)
|
|||||||
<head>
|
<head>
|
||||||
<!--Imports-->
|
<!--Imports-->
|
||||||
<!-- - materialize Framework -->
|
<!-- - 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 -->
|
<!-- - cwsvJudo adjustments -->
|
||||||
<link type="text/css" rel="stylesheet" href="/ressourcen/css/cwsvJudo.css">
|
<link type="text/css" rel="stylesheet" href="/ressourcen/css/cwsvJudo.css">
|
||||||
|
|
||||||
@@ -161,30 +210,16 @@ function main($sections, $wallpapers)
|
|||||||
<footer class="page-footer">
|
<footer class="page-footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="l6 s12">
|
<div class="l6 s12">
|
||||||
<h5>Footer Content</h5>
|
<a
|
||||||
<p>You can use rows and columns here to organize your footer content.</p>
|
title="Seite auf HTML 5 Konformität prüfen"
|
||||||
</div>
|
href="http://validator.w3.org/check?uri=<?php echo urlencode(
|
||||||
<div class="l4 offset-l8 s12">
|
getCurPagesUrl()
|
||||||
<h5>Links</h5>
|
); ?>"
|
||||||
<ul>
|
>
|
||||||
<li><a class="touchLink"
|
<i class="material-icons">html</i>5
|
||||||
title="Seite auf HTML 5 Konformität prüfen"
|
</a>
|
||||||
href="http://validator.w3.org/check?uri=<?php echo urlencode(
|
</div>
|
||||||
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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-copyright">
|
<div class="footer-copyright">
|
||||||
|
|||||||
Reference in New Issue
Block a user