interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat!: move every layout to demo folder

Browse source 
- source/screens is now free for user files
- rename demo templates to their equivalent sources
- add demo maintenance template
- demo templates use html base element
This commit is contained in:
sthag 2024-08-11 12:05:18 +02:00
parent 4710f41f5a
commit c18ed30b74
23 changed files with 82 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

10
.eleventy.js
View file

@ -1,4 +1,6 @@
module.exports = function (eleventyConfig) { module.exports = function (eleventyConfig) {
// eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
eleventyConfig.setNunjucksEnvironmentOptions({ eleventyConfig.setNunjucksEnvironmentOptions({
// throwOnUndefined: true, // throwOnUndefined: true,
trimBlocks: true trimBlocks: true
@ -8,8 +10,11 @@ module.exports = function (eleventyConfig) {
return (data) => `${data.page.filePathStem}.${data.page.outputFileExtension}`; return (data) => `${data.page.filePathStem}.${data.page.outputFileExtension}`;
}); });
let demoMode = false;
let pageBase = demoMode ? './demo/' : './';
eleventyConfig.addGlobalData("hippie", { eleventyConfig.addGlobalData("hippie", {
pageBase: './', pageBase: pageBase,
brand: 'hippie', brand: 'hippie',
titlePrefix: '', titlePrefix: '',
titlePostfix: ' - HIPPIE', titlePostfix: ' - HIPPIE',
@ -37,6 +42,7 @@ module.exports = function (eleventyConfig) {
}, },
markdownTemplateEngine: "njk", markdownTemplateEngine: "njk",
htmlTemplateEngine: "njk", htmlTemplateEngine: "njk",
templateFormats: ["html", "njk", "md"] templateFormats: ["html", "njk", "md"],
// pathPrefix: './demo/'
} }
}; };

2
source/screens/basics.njk → source/screens/demo/basics.njk
View file

@ -2,7 +2,7 @@
{% set pageBase = "../" %} {% set pageBase = "../" %}
{% set pageId = "basics" %} {% set pageId = "basics" %}
{% extends "demo/_docs.njk" %} {% extends "demo/_main.njk" %}
{% block title %}Grundlagen{% endblock %} {% block title %}Grundlagen{% endblock %}
{% block head %} {% block head %}

2
source/screens/components.njk → source/screens/demo/components.njk
View file

@ -2,7 +2,7 @@
{% set pageBase = "../" %} {% set pageBase = "../" %}
{% set pageId = "components" %} {% set pageId = "components" %}
{% extends "demo/_docs.njk" %} {% extends "demo/_main.njk" %}
{% block title %}Komponenten{% endblock %} {% block title %}Komponenten{% endblock %}
{% block head %} {% block head %}

2
source/screens/demo/card.njk → source/screens/demo/examples/card.njk
View file

@ -3,7 +3,7 @@
{% set pageId = "card" %} {% set pageId = "card" %}
{% set pageClass = "html_card" %} {% set pageClass = "html_card" %}
{% extends "demo/_demo.njk" %} {% extends "demo/_default.njk" %}
{% import "hippie/macros/_placeholder.njk" as ph %} {% import "hippie/macros/_placeholder.njk" as ph %}
{% block title %}Karte{% endblock %} {% block title %}Karte{% endblock %}

2
source/screens/demo/portal.njk → source/screens/demo/examples/portal.njk
View file

@ -3,7 +3,7 @@
{% set pageId = "index" %} {% set pageId = "index" %}
{% set bodyClass = "body_portal" %} {% set bodyClass = "body_portal" %}
{% extends "demo/_demo.njk" %} {% extends "demo/_default.njk" %}
{% import "demo/macros/_gates.njk" as gate %} {% import "demo/macros/_gates.njk" as gate %}

6
source/screens/index.json → source/screens/demo/index.json
View file

@ -61,15 +61,15 @@
], ],
"demo": [ "demo": [
{ {
"href": "demo/card.html", "href": "examples/card.html",
"text": "Card" "text": "Card"
}, },
{ {
"href": "demo/portal.html", "href": "examples/portal.html",
"text": "Portal" "text": "Portal"
}, },
{ {
"href": "demo/songbook.html", "href": "examples/songbook.html",
"text": "Songbook" "text": "Songbook"
} }
] ]

11
source/screens/index.njk → source/screens/demo/index.njk
View file

@ -1,9 +1,12 @@
---
permalink: "/"
---
<!-- index.screen --> <!-- index.screen -->
{% set pageBase = hippie.pageBase %} {% set pageBase = hippie.pageBase %}
{% set pageId = "index" %} {% set pageId = "index" %}
{% set pageClass = "h_full_view" %} {% set pageClass = "h_full_view" %}
{% extends "demo/_demo.njk" %} {% extends "demo/_default.njk" %}
{% block title %}Index{% endblock %} {% block title %}Index{% endblock %}
{% block head %} {% block head %}
@ -39,7 +42,7 @@
<ul class="list_link"> <ul class="list_link">
{% for link in index %} {% for link in index %}
<li> <li>
<a href="{{ link.href }}">{{ link.text }}</a> <a href="demo/{{ link.href }}">{{ link.text }}</a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
@ -48,7 +51,7 @@
<ul class="list_link"> <ul class="list_link">
{% for link in pages %} {% for link in pages %}
<li> <li>
<a href="{{ link.href }}">{{ link.text }}</a> <a href="demo/{{ link.href }}">{{ link.text }}</a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
@ -56,7 +59,7 @@
<ul class="list_link"> <ul class="list_link">
{% for link in demo %} {% for link in demo %}
<li> <li>
<a href="{{ link.href }}">{{ link.text }}</a> <a href="demo/{{ link.href }}">{{ link.text }}</a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>

2
source/screens/introduction.njk → source/screens/demo/introduction.njk
View file

@ -2,7 +2,7 @@
{% set pageBase = "../" %} {% set pageBase = "../" %}
{% set pageId = "intro" %} {% set pageId = "intro" %}
{% extends "demo/_docs.njk" %} {% extends "demo/_main.njk" %}
{% block title %}Einführung{% endblock %} {% block title %}Einführung{% endblock %}
{% block head %} {% block head %}

2
source/screens/layouts.njk → source/screens/demo/layouts.njk
View file

@ -2,7 +2,7 @@
{% set pageBase = "../" %} {% set pageBase = "../" %}
{% set pageId = "layouts" %} {% set pageId = "layouts" %}
{% extends "demo/_docs.njk" %} {% extends "demo/_main.njk" %}
{% block title %}Gestaltungen{% endblock %} {% block title %}Gestaltungen{% endblock %}
{% block head %} {% block head %}

2
source/screens/pages/blank.njk → source/screens/demo/pages/blank.njk
View file

@ -3,7 +3,7 @@
{% set pageId = "blank" %} {% set pageId = "blank" %}
{% set pageClass = "h_full_view" %} {% set pageClass = "h_full_view" %}
{% extends "hippie/_default.njk" %} {% extends "demo/_default.njk" %}
{% block title %}Blank{% endblock %} {% block title %}Blank{% endblock %}

4
source/screens/pages/error/304.njk → source/screens/demo/pages/error/304.njk
View file

@ -3,14 +3,14 @@
{% set pageId = "304" %} {% set pageId = "304" %}
{% set bodyClass = "body_status" %} {% set bodyClass = "body_status" %}
{% extends "hippie/_maintenance.njk" %} {% extends "demo/_maintenance.njk" %}
{% block title %}{{ pageId }}{% endblock %} {% block title %}{{ pageId }}{% endblock %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}
{% block main %} {% block body %}
<main class="main_site"> <main class="main_site">
<h1>{{ pageId }}</h1> <h1>{{ pageId }}</h1>
<h3>Umleitung</h3> <h3>Umleitung</h3>

4
source/screens/pages/error/400.njk → source/screens/demo/pages/error/400.njk
View file

@ -3,14 +3,14 @@
{% set pageId = "400" %} {% set pageId = "400" %}
{% set bodyClass = "body_status" %} {% set bodyClass = "body_status" %}
{% extends "hippie/_maintenance.njk" %} {% extends "demo/_maintenance.njk" %}
{% block title %}{{ pageId }}{% endblock %} {% block title %}{{ pageId }}{% endblock %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}
{% block main %} {% block body %}
<main class="main_site"> <main class="main_site">
<h1>{{ pageId }}</h1> <h1>{{ pageId }}</h1>
<h3>Client-Fehler</h3> <h3>Client-Fehler</h3>

4
source/screens/pages/error/401.njk → source/screens/demo/pages/error/401.njk
View file

@ -3,14 +3,14 @@
{% set pageId = "401" %} {% set pageId = "401" %}
{% set bodyClass = "body_status" %} {% set bodyClass = "body_status" %}
{% extends "hippie/_maintenance.njk" %} {% extends "demo/_maintenance.njk" %}
{% block title %}{{ pageId }}{% endblock %} {% block title %}{{ pageId }}{% endblock %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}
{% block main %} {% block body %}
<main class="main_site"> <main class="main_site">
<h1>{{ pageId }}</h1> <h1>{{ pageId }}</h1>
<h3>Client-Fehler</h3> <h3>Client-Fehler</h3>

4
source/screens/pages/error/403.njk → source/screens/demo/pages/error/403.njk
View file

@ -3,14 +3,14 @@
{% set pageId = "403" %} {% set pageId = "403" %}
{% set bodyClass = "body_status" %} {% set bodyClass = "body_status" %}
{% extends "hippie/_maintenance.njk" %} {% extends "demo/_maintenance.njk" %}
{% block title %}{{ pageId }}{% endblock %} {% block title %}{{ pageId }}{% endblock %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}
{% block main %} {% block body %}
<main class="main_site"> <main class="main_site">
<h1>{{ pageId }}</h1> <h1>{{ pageId }}</h1>
<h3>Client-Fehler</h3> <h3>Client-Fehler</h3>

4
source/screens/pages/error/404.njk → source/screens/demo/pages/error/404.njk
View file

@ -3,14 +3,14 @@
{% set pageId = "404" %} {% set pageId = "404" %}
{% set bodyClass = "body_status" %} {% set bodyClass = "body_status" %}
{% extends "hippie/_maintenance.njk" %} {% extends "demo/_maintenance.njk" %}
{% block title %}{{ pageId }}{% endblock %} {% block title %}{{ pageId }}{% endblock %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}
{% block main %} {% block body %}
<main class="main_site"> <main class="main_site">
<h1>{{ pageId }}</h1> <h1>{{ pageId }}</h1>
<h3>Client-Fehler</h3> <h3>Client-Fehler</h3>

4
source/screens/pages/error/408.njk → source/screens/demo/pages/error/408.njk
View file

@ -3,14 +3,14 @@
{% set pageId = "408" %} {% set pageId = "408" %}
{% set bodyClass = "body_status" %} {% set bodyClass = "body_status" %}
{% extends "hippie/_maintenance.njk" %} {% extends "demo/_maintenance.njk" %}
{% block title %}{{ pageId }}{% endblock %} {% block title %}{{ pageId }}{% endblock %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}
{% block main %} {% block body %}
<main class="main_site"> <main class="main_site">
<h1>{{ pageId }}</h1> <h1>{{ pageId }}</h1>
<h3>Client-Fehler</h3> <h3>Client-Fehler</h3>

4
source/screens/pages/error/500.njk → source/screens/demo/pages/error/500.njk
View file

@ -3,14 +3,14 @@
{% set pageId = "500" %} {% set pageId = "500" %}
{% set bodyClass = "body_status" %} {% set bodyClass = "body_status" %}
{% extends "hippie/_maintenance.njk" %} {% extends "demo/_maintenance.njk" %}
{% block title %}{{ pageId }}{% endblock %} {% block title %}{{ pageId }}{% endblock %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}
{% block main %} {% block body %}
<main class="main_site"> <main class="main_site">
<h1>{{ pageId }}</h1> <h1>{{ pageId }}</h1>
<h3>Server-Fehler</h3> <h3>Server-Fehler</h3>

4
source/screens/pages/error/503.njk → source/screens/demo/pages/error/503.njk
View file

@ -3,14 +3,14 @@
{% set pageId = "503" %} {% set pageId = "503" %}
{% set bodyClass = "body_status" %} {% set bodyClass = "body_status" %}
{% extends "hippie/_maintenance.njk" %} {% extends "demo/_maintenance.njk" %}
{% block title %}{{ pageId }}{% endblock %} {% block title %}{{ pageId }}{% endblock %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}
{% block main %} {% block body %}
<main class="main_site"> <main class="main_site">
<h1>{{ pageId }}</h1> <h1>{{ pageId }}</h1>
<h3>Server-Fehler</h3> <h3>Server-Fehler</h3>

36
source/screens/pages/maintenance.njk → source/screens/demo/pages/maintenance.njk
View file

@ -1,18 +1,18 @@
<!-- maintenance.page --> <!-- maintenance.page -->
{% set pageBase = "../" %} {% set pageBase = "../" %}
{% set pageId = "blank" %} {% set pageId = "blank" %}
{% set pageClass = "h_full_view" %} {% set pageClass = "h_full_view" %}
{% extends "hippie/_maintenance.njk" %} {% extends "demo/_maintenance.njk" %}
{% block title %}Maintenance{% endblock %} {% block title %}Maintenance{% endblock %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}
{% block main %} {% block body %}
<div id="root" class="overflow"> <div id="root" class="overflow">
<h1 class="txt_hero txt_center txt_gradient">HIPPIE</h1> <h1 class="txt_hero txt_center txt_gradient">HIPPIE</h1>
</div> </div>
{% endblock %} {% endblock %}

4
source/templates/demo/_demo.njk → source/templates/demo/_default.njk
View file

@ -1,9 +1,9 @@
<!-- demo.template --> <!-- demo.default.template -->
{% extends "hippie/_default.njk" %} {% extends "hippie/_default.njk" %}
{% block meta %} {% block meta %}
{% include "demo/partials/_meta.njk" %} {% include "demo/partials/_meta.njk" %}
{# <base href="/"> #} <base href="/">
{% endblock %} {% endblock %}
{% block links %} {% block links %}

4
source/templates/demo/_docs.njk → source/templates/demo/_main.njk
View file

@ -1,9 +1,9 @@
<!-- docs.template --> <!-- demo.main.template -->
{% extends "hippie/_main.njk" %} {% extends "hippie/_main.njk" %}
{% block meta %} {% block meta %}
{% include "demo/partials/_meta.njk" %} {% include "demo/partials/_meta.njk" %}
{# <base href="/"> #} <base href="/">
{% endblock %} {% endblock %}
{% block links %} {% block links %}

13
source/templates/demo/_maintenance.njk Normal file
View file

@ -0,0 +1,13 @@
<!-- demo.maintenance.template -->
{% extends "hippie/_maintenance.njk" %}
{% block meta %}
{% include "demo/partials/_meta.njk" %}
<base href="/">
{% endblock %}
{% block links %}
{{ super() }}
{# <link rel="stylesheet" type="text/css" media="all" href="css/demo.css"/> #}
{# <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase | subdir(2) }}css/demo.css"/> #}
{% endblock %}

12
source/templates/hippie/_maintenance.njk
View file

@ -1,4 +1,5 @@
<!-- maintenance.template --> <!-- maintenance.template -->
{% import "hippie/macros/footer-status.njk" as status %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="de" class="{{ pageClass }}" id="{{ pageId }}"> <html lang="de" class="{{ pageClass }}" id="{{ pageId }}">
<head> <head>
@ -6,23 +7,22 @@
{% block head %} {% block head %}
<title> <title>
{{ hippie.titlePrefix }}
{% block title %}{% endblock %}{{ hippie.titlePostfix }}</title> {% block title %}{% endblock %}{{ hippie.titlePostfix }}</title>
{% include "hippie/partials/_head_meta.njk" %} {% block meta %}
{% block meta %}{% endblock %} {% include "hippie/partials/_head_meta.njk" %}
{% endblock %}
{% block links %} {% block links %}
<link rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAH7SURBVDiNldM/aJNBGMfx71viH7TqIoLiIOoiSJRu0qE4uIiDm5OI4ODk4uYioqBuUkR0kKJNFC1mqUltlbZSqE3RYt+2SUyTppCmeU2bkiZ907z3vnfnUEU0NrXPeMd97p6H+xlaa02D0oDRYL+p4WEN9yZm8dT6dzQEQtkCuiIJxHKbBxZrLiNWmc8vRxn7lMGRanPAw0QW49Uwp8ODJEZmCCSt/wcGrCWavte44LRz7FyYnd+yxMZz2J7cGKh6kvczRUp3X9BnmFyLzHNVRpkeShNM1b+iDngUn2Oue4qLLV3cf+YST2tiLf3sj04wmypSEt76wFixwoJpcbKnh/ZMmuXK2vqdYJXLxyPMDiTpTOX/DbhK88bMMh4Y5sSZt3R2/+53aRkCzgT+oX4Kls2i49YDT+M5JkMmV+aj3BrII/+a15MuSevZEPl3UzxP5/8EMiurfO1L0hyNU27tZehL/c/zJNzsLXB+uoNySZBfFQD4tIbHHxJMfoxxu2pi7rK5fsm3FgL5MwXKQAPaMzh8JMbg61E6mn3c8B/CF5yx2L1tC/5TR4nsAS/RhlNzcR0P6TggFVoDGrYqyYMkLOybZ4fQZFZqGOHsgi4KF1tIakrhKIXj/WrBQAuJV3EQtsBbEQjbQVQEB/0HUHu3Y2wU5/XKVRqhFD8AgpYX2M9TNGcAAAAASUVORK5CYII="> <link rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAH7SURBVDiNldM/aJNBGMfx71viH7TqIoLiIOoiSJRu0qE4uIiDm5OI4ODk4uYioqBuUkR0kKJNFC1mqUltlbZSqE3RYt+2SUyTppCmeU2bkiZ907z3vnfnUEU0NrXPeMd97p6H+xlaa02D0oDRYL+p4WEN9yZm8dT6dzQEQtkCuiIJxHKbBxZrLiNWmc8vRxn7lMGRanPAw0QW49Uwp8ODJEZmCCSt/wcGrCWavte44LRz7FyYnd+yxMZz2J7cGKh6kvczRUp3X9BnmFyLzHNVRpkeShNM1b+iDngUn2Oue4qLLV3cf+YST2tiLf3sj04wmypSEt76wFixwoJpcbKnh/ZMmuXK2vqdYJXLxyPMDiTpTOX/DbhK88bMMh4Y5sSZt3R2/+53aRkCzgT+oX4Kls2i49YDT+M5JkMmV+aj3BrII/+a15MuSevZEPl3UzxP5/8EMiurfO1L0hyNU27tZehL/c/zJNzsLXB+uoNySZBfFQD4tIbHHxJMfoxxu2pi7rK5fsm3FgL5MwXKQAPaMzh8JMbg61E6mn3c8B/CF5yx2L1tC/5TR4nsAS/RhlNzcR0P6TggFVoDGrYqyYMkLOybZ4fQZFZqGOHsgi4KF1tIakrhKIXj/WrBQAuJV3EQtsBbEQjbQVQEB/0HUHu3Y2wU5/XKVRqhFD8AgpYX2M9TNGcAAAAASUVORK5CYII=">
<link rel="stylesheet" type="text/css" media="all" href="{{ pageBase }}css/demo_basic.css"/> <link rel="stylesheet" type="text/css" media="all" href="{{ pageBase }}css/demo_basic.css"/>
{% endblock %} {% endblock %}
{% endblock %} {% endblock %}
</head> </head>
<body class="{{ bodyClass }}"> <body class="{{ bodyClass }}">
{% block main %} {% block body %}
{% import "hippie/macros/footer-status.njk" as status %}
{{ status.footer() }} {{ status.footer() }}
{% endblock %} {% endblock %}
</body> </body>