WIP: drop pandoc dependency
This commit is contained in:
marko
@@ -128,6 +128,10 @@ dist: all
|
||||
# config files
|
||||
$(LN) ./configs/heliohost/pages.config.inc.php $(distDir)/httpdocs/pages/responsive/config.inc.php
|
||||
|
||||
# new test page
|
||||
mkdir -p $(distDir)/httpdocs/test
|
||||
find ./src/pages/test -type f -exec $(LN) {} $(distDir)/httpdocs/test \;
|
||||
|
||||
# @todo shouldn't be used any more
|
||||
mkdir -p $(distDir)/.local
|
||||
$(LN) configs/local/db.config.php $(distDir)/.local/db.config.php
|
||||
|
||||
2270
homepage/cwsvJudo/graphiken/wallpapers/kata.svg
Normal file
2270
homepage/cwsvJudo/graphiken/wallpapers/kata.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 170 KiB |
127
homepage/cwsvJudo/src/pages/test/index.php
Normal file
127
homepage/cwsvJudo/src/pages/test/index.php
Normal file
@@ -0,0 +1,127 @@
|
||||
<!DOCTYPE html>
|
||||
<?php
|
||||
$mainNav = [
|
||||
[
|
||||
"url" => "training",
|
||||
"caption" => "Training",
|
||||
"title" => "Trainingszeiten und -orte der Judoka des Chemnitzer WSV"
|
||||
]
|
||||
];
|
||||
|
||||
$sections = [
|
||||
"Lorem ipsum",
|
||||
"dolor sit amet",
|
||||
"consectetur adipiscing elit"
|
||||
];
|
||||
|
||||
$wallpapers = [
|
||||
[
|
||||
"src" => "/ressourcen/graphiken/wallpapers/osae-komi.svg",
|
||||
"data-src" => "/ressourcen/graphiken/wallpapers/osae-komi.jpg"
|
||||
],
|
||||
[
|
||||
"src" => "/ressourcen/graphiken/wallpapers/nage.svg",
|
||||
"data-src" => "/ressourcen/graphiken/wallpapers/nage.jpg"
|
||||
],
|
||||
[
|
||||
"src" => "/ressourcen/graphiken/wallpapers/kata.svg",
|
||||
"data-src" => "/ressourcen/graphiken/wallpapers/kata.jpg"
|
||||
],
|
||||
];
|
||||
|
||||
?>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<link type="text/css" rel="stylesheet" href="/ressourcen/css/cwsvJudo.css">
|
||||
<!--Import materialize.css-->
|
||||
<link type="text/css" rel="stylesheet" href="/ressourcen/css/materialize.min.css" media="screen,projection" />
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<nav class="nav-extended">
|
||||
<div class="nav-wrapper" style="font-family: 'Orbitron-Medium', Impact, Charcoal, sans-serif;">
|
||||
<!-- <img style="height:100%;width:auto;" width="128" height="104" title="Judo im Chemnitzer WSV"
|
||||
alt="Judo im Chemnitzer WSV - Logo" src="/ressourcen/graphiken/logos/cwsvJudoLogoWappen.128w.png"
|
||||
srcset="/ressourcen/graphiken/logos/cwsvJudoLogoWappen.256w.png 2x"> -->
|
||||
<a href="/" class="brand-logo">
|
||||
<span>cwsvJudo</span>
|
||||
</a>
|
||||
<?php // main nav targets
|
||||
echo('<ul id="nav-mobile" class="right">');
|
||||
foreach($mainNav as $nav){
|
||||
echo('<li>');
|
||||
echo('<a');
|
||||
echo(' href="' . $nav['url']);
|
||||
echo(' title="' . $nav['caption']);
|
||||
echo('>');
|
||||
echo('<span>'.$nav['caption'].'</span>');
|
||||
echo('</a>');
|
||||
echo('</li>');
|
||||
}
|
||||
echo('</ul>');
|
||||
?>
|
||||
</div>
|
||||
<!-- <div class="nav-content">
|
||||
$if(subNav)$
|
||||
<ul class="tabs tabs-transparent">
|
||||
$for(subNav)$
|
||||
<li class="tab">
|
||||
<a href="$subNav.url$" $if(subNav.caption)$title="$subNav.caption$" $endif$
|
||||
$if(subNav.active)$class="activeNav" $endif$> -->
|
||||
<!-- $if(subNav.icon)$
|
||||
<img src="$if(subNav.icon.src)$$subNav.icon.src$$else$$subNav.icon$$endif$"
|
||||
$if(subNav.caption)$ alt="$subNav.caption$" $else$ $if(subNav.icon.alt)$
|
||||
alt="$subNav.icon.alt$" $endif$ $endif$ $if(subNav.icon.width)$
|
||||
width="$subNav.icon.width$" $endif$ $if(subNav.icon.height)$
|
||||
height="$subNav.icon.height$" $endif$ $if(subNav.icon.title)$
|
||||
title="$subNav.icon.title$" $endif$ $if(subNav.icon.srcset)$
|
||||
srcset="$subNav.icon.srcset$" $endif$>
|
||||
$endif$ -->
|
||||
<!-- $if(subNav.caption)$<span>$subNav.caption$</span>$endif$
|
||||
</a>
|
||||
</li>
|
||||
$endfor$
|
||||
</ul>
|
||||
$endif$
|
||||
</div> -->
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<?php
|
||||
foreach($sections as $idx => $section){
|
||||
echo(
|
||||
'<div class="parallax-container">'
|
||||
.'<div class="parallax">'
|
||||
.'<img '
|
||||
.'src="'.$wallpapers[$idx]['src'].'" '
|
||||
// .'data-src="'.$wallpapers[$idx]['data-src'].'" '
|
||||
// .'onload="if(this.src !== this.getAttribute(\'data-src\')) this.src=this.getAttribute(\'data-src\');'
|
||||
.'>'
|
||||
.'</div>'
|
||||
.'</div>'
|
||||
);
|
||||
echo(
|
||||
'<div class="section">'.$section.'</div>'
|
||||
);
|
||||
}
|
||||
?>
|
||||
</main>
|
||||
|
||||
<!--JavaScript at end of body for optimized loading-->
|
||||
<script type="text/javascript" src="/ressourcen/js/materialize.min.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const elems = document.querySelectorAll('.parallax');
|
||||
const instances = M.Parallax.init(elems, {
|
||||
// specify options here
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user