WIP: more hoster independencie (but more strict resource placing

This commit is contained in:
marko
2024-12-28 10:35:01 +01:00
parent b4f70df7c8
commit 20367dffcc
3 changed files with 127 additions and 105 deletions

View File

@@ -12,10 +12,8 @@
// @todo remove galleries // @todo remove galleries
galleryRedirector(); galleryRedirector();
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html $if(lang)$lang="$lang$"$endif$ $if(dir)$dir="$dir$"$endif$> <html $if(lang)$lang="$lang$"$endif$ $if(dir)$dir="$dir$"$endif$>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
@@ -38,12 +36,10 @@
<link rel="amphtml" href="$ampVersionLink$"> <link rel="amphtml" href="$ampVersionLink$">
$endif$ $endif$
$if(phpTitleString)$ $if(phpTitleString)$
<title><?php echo( $phpTitleString$ );?> <title><?php echo( $phpTitleString$ );?></title>
</title>
$else$$if(title)$ $else$$if(title)$
<title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title> <title>$if(title-prefix)$$title-prefix$ $endif$$pagetitle$</title>
$endif$ $endif$$endif$
$endif$
$if(phpDescriptionString)$ $if(phpDescriptionString)$
<meta name="description" content="<?php echo( $phpDescriptionString$ );?>"> <meta name="description" content="<?php echo( $phpDescriptionString$ );?>">
$else$$if(description)$ $else$$if(description)$
@@ -57,7 +53,6 @@
src: url(/ressourcen/fonts/Orbitron-Medium.otf); src: url(/ressourcen/fonts/Orbitron-Medium.otf);
} }
</style> </style>
$if(css)$ $if(css)$
<style> <style>
$for(css)$ $for(css)$
@@ -113,13 +108,12 @@ $endif$
</script> </script>
$endfor$ $endfor$
$endif$ $endif$
$if(jsLibs)$ $if(jsLibs)$$for(jsLibs)$
$for(jsLibs)$
<script src="$jsLibs$" type="text/javascript"></script> <script src="$jsLibs$" type="text/javascript"></script>
$endfor$ $endfor$
$endif$ $endif$
<link rel="alternate" type="application/rss+xml" href="/rss"> <link rel="alternate" type="application/rss+xml" href="/rss">
<?php // @todo reactivate require_once($$basePath."/pages/shared/favicon.html.inc");?> <?php require_once($$basePath."/pages/shared/favicon.html.inc");?>
$for(header-includes)$ $for(header-includes)$
$header-includes$ $header-includes$
$endfor$ $endfor$
@@ -129,7 +123,7 @@ $endif$
<!-- Kopfzeile mit Titel, Promobildern und Breadcrumbs --> <!-- Kopfzeile mit Titel, Promobildern und Breadcrumbs -->
<header class="cwsvHeader"> <header class="cwsvHeader">
<img width="200" height="140" title="Judo im Chemnitzer WSV" alt="Judo im Chemnitzer WSV - Promo" <img width="200" height="140" title="Judo im Chemnitzer WSV" alt="Judo im Chemnitzer WSV - Promo"
src="<?php echo($$canonicalBaseUrl);?>/ressourcen/graphiken/banner/bannerlogo.1.jpg"> src="/ressourcen/graphiken/banner/bannerlogo.1.jpg">
<span> <span>
<span>Judo</span> <span>Judo</span>
<span> <span>
@@ -137,25 +131,49 @@ $endif$
</span> </span>
</span> </span>
<img width="128" height="104" title="Judo im Chemnitzer WSV" alt="Judo im Chemnitzer WSV - Logo" <img width="128" height="104" title="Judo im Chemnitzer WSV" alt="Judo im Chemnitzer WSV - Logo"
src="<?php echo($$canonicalBaseUrl);?>/ressourcen/graphiken/logos/cwsvJudoLogoWappen.128w.png" src="/ressourcen/graphiken/logos/cwsvJudoLogoWappen.128w.png"
srcset="<?php echo($$canonicalBaseUrl);?>/ressourcen/graphiken/logos/cwsvJudoLogoWappen.256w.png 2x"> srcset="/ressourcen/graphiken/logos/cwsvJudoLogoWappen.256w.png 2x">
</header> </header>
$if(mainNav)$ $if(mainNav)$
<nav id="mainNav"> <nav id="mainNav">
$for(mainNav)$ $for(mainNav)$
<a href="$mainNav.url$" $if(mainNav.caption)$title="$mainNav.caption$" $endif$ <a
$if(mainNav.active)$class="activeNav" $endif$> href="$mainNav.url$"
$if(mainNav.caption)$
title="$mainNav.caption$"
$endif$
$if(mainNav.active)$
class="activeNav"
$endif$
>
$if(mainNav.icon)$ $if(mainNav.icon)$
<span><img src="$if(mainNav.icon.src)$$mainNav.icon.src$$else$$mainNav.icon$$endif$" <span>
$if(mainNav.caption)$ alt="$mainNav.caption$" $else$ $if(mainNav.icon.alt)$ <img
alt="$mainNav.icon.alt$" $endif$ $endif$ $if(mainNav.icon.width)$ width="$mainNav.icon.width$" src="$if(mainNav.icon.src)$$mainNav.icon.src$$else$$mainNav.icon$$endif$"
$endif$ $if(mainNav.icon.height)$ height="$mainNav.icon.height$" $endif$ $if(mainNav.caption)$
$if(mainNav.icon.title)$ title="$mainNav.icon.title$" $endif$ $if(mainNav.icon.srcset)$ alt="$mainNav.caption$"
srcset="$mainNav.icon.srcset$" $endif$> $else$$if(mainNav.icon.alt)$
alt="$mainNav.icon.alt$"
$endif$$endif$
$if(mainNav.icon.width)$
width="$mainNav.icon.width$"
$endif$
$if(mainNav.icon.height)$
height="$mainNav.icon.height$"
$endif$
$if(mainNav.icon.title)$
title="$mainNav.icon.title$"
$endif$
$if(mainNav.icon.srcset)$
srcset="$mainNav.icon.srcset$"
$endif$
>
</span> </span>
$endif$ $endif$
$if(mainNav.caption)$<span>$mainNav.caption$</span>$endif$ $if(mainNav.caption)$
<span>$mainNav.caption$</span>
$endif$
</a> </a>
$endfor$ $endfor$
</nav> </nav>
@@ -177,7 +195,7 @@ $endif$
</a> </a>
$endfor$ $endfor$
<a href="#mainNav" title="Hauptnavigation"> <a href="#mainNav" title="Hauptnavigation">
<img src="<?php echo($$canonicalBaseUrl);?>/ressourcen/graphiken/icons/arrowRightDown.svg" alt="Menü"> <img src="/ressourcen/graphiken/icons/arrowRightDown.svg" alt="Menü">
<span>zur Hauptnavigation</span> <span>zur Hauptnavigation</span>
</a> </a>
</nav> </nav>
@@ -211,7 +229,7 @@ $endif$
href="/kontakt">Kontakt</a> href="/kontakt">Kontakt</a>
<a class="touchLink" title="Impressum" href="<?php echo($$baseUrl);?>/impressum">Impressum</a> <a class="touchLink" title="Impressum" href="<?php echo($$baseUrl);?>/impressum">Impressum</a>
<a class="touchLink" title="Datenschutz" href="<?php echo($$baseUrl);?>/datenschutz">Datenschutz</a> <a class="touchLink" title="Datenschutz" href="<?php echo($$baseUrl);?>/datenschutz">Datenschutz</a>
<a class="touchLink" title="News-Feed Abonnieren" href="<?php echo($$canonicalBaseUrl);?>/rss"><img <a class="touchLink" title="News-Feed Abonnieren" href="/rss"><img
src="/ressourcen/graphiken/icons/newsFeedIcon.svg" alt="Newsfeed" title="News Feed Icon" src="/ressourcen/graphiken/icons/newsFeedIcon.svg" alt="Newsfeed" title="News Feed Icon"
class="charImg"> class="charImg">
</a> </a>

View File

@@ -1,10 +1,14 @@
# Homepage der Judoka des CWSV HelioHost build pipeline redesign:
## Verzeichnisstruktur - install dependencies:
- `make -j -f Makefile.heliohost installDependencies`
- make a distributable package:
- `make -j -f Makefile.heliohost dist`
`src` ## Directory structure
: (Handgeschriebene) Quellen (Quellcodes)
`res`
: nicht selber erzeugte Quellen (z.B. Graphiken)
- `build/dist/heliohost` - (dist root)
- `httpdocs` - http root (root for the files served via http)
- `pages` - pages to be reachable, requests to `/page` get redirected to `pages/page` (@todo: currently there is still a responsive directory in the between)
- `ressourcen` - directory with static ressources (i.e. graphics)
- `.local` - local specific files, e.g., configuration files

View File

@@ -4,68 +4,68 @@ cwsvJudoLogoWappen: &cwsvJudoLogoWappen
height: "52" height: "52"
alt: "cwsvJudo" alt: "cwsvJudo"
title: "Judo im Chemnitzer WSV - Logo" title: "Judo im Chemnitzer WSV - Logo"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/logos/cwsvJudoLogoWappen.64w.png" src: "/ressourcen/graphiken/logos/cwsvJudoLogoWappen.64w.png"
srcset: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/logos/cwsvJudoLogoWappen.128w.png 2x, <?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/logos/cwsvJudoLogoWappen.256w.png 4x" srcset: "/ressourcen/graphiken/logos/cwsvJudoLogoWappen.128w.png 2x, /ressourcen/graphiken/logos/cwsvJudoLogoWappen.256w.png 4x"
cwsvLogoWappen: &cwsvLogoWappen cwsvLogoWappen: &cwsvLogoWappen
width: "64" width: "64"
height: "77" height: "77"
alt: "CWSV" alt: "CWSV"
title: "Chemnitzer WSV - Logo" title: "Chemnitzer WSV - Logo"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/logos/cwsvLogoWappen.64w.png" src: "/ressourcen/graphiken/logos/cwsvLogoWappen.64w.png"
srcset: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/logos/cwsvLogoWappen.128w.png 2x, <?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/logos/cwsvLogoWappen.256w.png 4x" srcset: "/ressourcen/graphiken/logos/cwsvLogoWappen.128w.png 2x, /ressourcen/graphiken/logos/cwsvLogoWappen.256w.png 4x"
iconClockFriendly: &iconClockFriendly iconClockFriendly: &iconClockFriendly
width: "112" width: "112"
height: "112" height: "112"
alt: "Uhr" alt: "Uhr"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/clockIconFriendly.svg" src: "/ressourcen/graphiken/icons/clockIconFriendly.svg"
iconCalendar: &iconCalendar iconCalendar: &iconCalendar
width: "782" width: "782"
height: "800" height: "800"
alt: "Kalender" alt: "Kalender"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/calendarIcon.svg" src: "/ressourcen/graphiken/icons/calendarIcon.svg"
iconPlanner: &iconPlanner iconPlanner: &iconPlanner
width: "60" width: "60"
height: "60" height: "60"
alt: "Planer" alt: "Planer"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/terminKalender.svg" src: "/ressourcen/graphiken/icons/terminKalender.svg"
iconGallery: &iconGallery iconGallery: &iconGallery
width: "500" width: "500"
height: "500" height: "500"
alt: "Galerien" alt: "Galerien"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/gallery.svg" src: "/ressourcen/graphiken/icons/gallery.svg"
iconContact: &iconContact iconContact: &iconContact
width: "953" width: "953"
height: "943" height: "943"
alt: "Kontakt" alt: "Kontakt"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/contact4Ways.svg" src: "/ressourcen/graphiken/icons/contact4Ways.svg"
iconWikipediaW: &iconWikipediaW iconWikipediaW: &iconWikipediaW
width: "1700" width: "1700"
height: "1700" height: "1700"
alt: "Kontakt" alt: "Kontakt"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/wikipediaW.svg" src: "/ressourcen/graphiken/icons/wikipediaW.svg"
iconQuizLampe: &iconQuizLampe iconQuizLampe: &iconQuizLampe
width: "135" width: "135"
height: "137.01" height: "137.01"
alt: "Quiz" alt: "Quiz"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/quizLampe.svg" src: "/ressourcen/graphiken/icons/quizLampe.svg"
iconWerkzeug: &iconWerkzeug iconWerkzeug: &iconWerkzeug
width: "240" width: "240"
height: "240" height: "240"
alt: "Tools" alt: "Tools"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/werkzeugIcon.svg" src: "/ressourcen/graphiken/icons/werkzeugIcon.svg"
iconLinks: &iconLinks iconLinks: &iconLinks
width: "500" width: "500"
height: "500" height: "500"
alt: "Links" alt: "Links"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/linksIcon.svg" src: "/ressourcen/graphiken/icons/linksIcon.svg"
iconDownloads: &iconDownloads iconDownloads: &iconDownloads
width: "200" width: "200"
height: "200" height: "200"
alt: "Links" alt: "Links"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/downloadIcon.svg" src: "/ressourcen/graphiken/icons/downloadIcon.svg"
iconExtrasStern: &iconExtrasStern iconExtrasStern: &iconExtrasStern
width: "100" width: "100"
height: "100" height: "100"
alt: "Extras" alt: "Extras"
src: "<?php echo($canonicalBaseUrl); ?>/ressourcen/graphiken/icons/star.svg" src: "/ressourcen/graphiken/icons/star.svg"
... ...