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

Compare commits

base: interaktionsweise:86f3c679c3cc1e67319cc0a7ce42bef78e1def0c
Branches Tags
interaktionsweise:development
interaktionsweise:main
interaktionsweise:testing-clean-css
interaktionsweise:testing-gulp
interaktionsweise:testing-npm-scripts
interaktionsweise:v3
interaktionsweise:v2
interaktionsweise:v1
...
compare: interaktionsweise:6074dc64806c7c8ceaaf2d1bdcd3173dafbe8bc5
Branches Tags
interaktionsweise:development
interaktionsweise:main
interaktionsweise:testing-clean-css
interaktionsweise:testing-gulp
interaktionsweise:testing-npm-scripts
interaktionsweise:v3
interaktionsweise:v2
interaktionsweise:v1

3 commits
86f3c679c3 ... 6074dc6480

Author SHA1 Message Date
sthag
6074dc6480 fix: Spelling in README 2026-04-23 21:56:44 +02:00
sthag
c6fca63470 feat: Update submodule hippie-view 2026-04-23 21:53:27 +02:00
sthag
bffa82030b feat: Replace directory for includes with submodule 
Create new repository hippie-view for _includes.
 2026-04-23 21:51:35 +02:00
76 changed files with 86 additions and 686 deletions
Download patch file Download diff file Expand all files Collapse all files

3
.gitmodules vendored
View file

@ -2,3 +2,6 @@
path = source/style/hippie-style path = source/style/hippie-style
url = https://quelltext.interaktionsweise.de/interaktionsweise/hippie-style.git url = https://quelltext.interaktionsweise.de/interaktionsweise/hippie-style.git
branch = development branch = development
[submodule "source/view/_includes/hippie-view"]
path = source/view/_includes/hippie-view
url = https://quelltext.interaktionsweise.de/interaktionsweise/hippie-view.git

2
README.md
View file

@ -7,7 +7,7 @@ Hippie interweaves preeminent personal interface elements
This is a [Node.js](https://nodejs.org/) based generator for static HTML documents. This is a [Node.js](https://nodejs.org/) based generator for static HTML documents.
It uses the [Eleventy](https://www.11ty.dev/) project to fiddle everything together. It uses the [Eleventy](https://www.11ty.dev/) project to fiddle everything together.
Styling is powered by the CSS extension language [SASS](https://sass-lang.com/). The HTML pages are written with Styling is powered by the CSS extension language [Sass](https://sass-lang.com/). The HTML pages are written with
templating engines or directly as HTML files. Mainly [Liquid](https://liquidjs.com/) is used, templating engines or directly as HTML files. Mainly [Liquid](https://liquidjs.com/) is used,
but [Markdown](https://daringfireball.net/projects/markdown/) and [Nunjucks](https://mozilla.github.io/nunjucks/) are but [Markdown](https://daringfireball.net/projects/markdown/) and [Nunjucks](https://mozilla.github.io/nunjucks/) are
also options. also options.

2
source/style/hippie-style

@ -1 +1 @@
Subproject commit a66010a9ed535ad8ca5bbb7faed222861fc40ad4 Subproject commit 08b2054d437e3ff45ed790f3da0742f8fa8fa30f

1
source/view/_includes/hippie-view Submodule

@ -0,0 +1 @@
Subproject commit 49fa85800392bc217653e6a90573feda4a1dc0ed

41
source/view/_includes/hippie/app.liquid
View file

@ -1,41 +0,0 @@
{% assign pageId = page.fileSlug -%}
{% assign pageClass = 'html_ui' -%}
{% layout 'hippie/default.liquid' %}
{% block title %}{{ title }}{% endblock %}
{% block links %}
{{ block.super -}}
<link href="/vendor/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">
<link href="/css/ui.css" media="all" rel="stylesheet"/>
{% endblock %}
{% block assets %}
<script src="/vendor/jquery.min.js"></script>
<script src="/vendor/hippie-script.js"></script>
<script src="/js/globals.js"></script>
<script src="/js/app.js"></script>
{% endblock %}
{% block script %}
<script>
const frameHeader = document.querySelector('body > header.io');
const closeActionElements = document.querySelectorAll('[data-action=close]');
if (frameHeader) {
console.log('frame header found', frameHeader);
frameHeader.addEventListener('click', (e) => {
if (e.target.dataset.action === 'close') {
console.debug('close', e.target);
history.back();
if (closeActionElements.length > 1) {
console.debug('other frames present', closeActionElements.length);
}
}
});
}
</script>
{% endblock %}

39
source/view/_includes/hippie/default.liquid
View file

@ -1,39 +0,0 @@
<!DOCTYPE html>
{% if pageId %}
{%- capture idAttr %} id="{{ pageId }}"{% endcapture -%}
{% endif -%}
{% if pageClass %}
{%- capture classAttr %} class="{{ pageClass }}"{% endcapture -%}
{% endif -%}
{% if bodyClass %}
{%- capture bodyClassAttr %} class="{{ bodyClass }}"{% endcapture -%}
{% endif -%}
<html{{ idAttr }}{{ classAttr }} lang="de">
<head>
<meta charset="utf-8">
{% block head %}
<title>
{{- hippie.titlePrefix -}}
{% block title %}{% endblock -%}
{{ hippie.titlePostfix -}}
</title>
{% block meta -%}
{% render 'hippie/partials/meta.liquid' %}
{% endblock -%}
{% block links -%}
{% render 'hippie/partials/links.liquid' %}
{% endblock -%}
{% block style -%}{% endblock -%}
{% endblock -%}
</head>
<body{{ bodyClassAttr }}>
{%- block body %}{% endblock -%}
{%- block assets %}{% endblock -%}
<script>
// {{ title }} script using default template
</script>
{%- block script %}{% endblock -%}
</body>
</html>

49
source/view/_includes/hippie/full.liquid
View file

@ -1,49 +0,0 @@
<!DOCTYPE html>
{% if pageId %}
{%- capture idAttr %} id="{{ pageId }}"{% endcapture -%}
{% endif -%}
{% if pageClass %}
{%- capture classAttr %} class="{{ pageClass }}"{% endcapture -%}
{% endif -%}
{% if bodyClass %}
{%- capture bodyClassAttr %} class="{{ bodyClass }}"{% endcapture -%}
{% endif -%}
<html{{ idAttr }}{{ classAttr }} lang="de">
<head>
<meta charset="utf-8">
{% block head %}
<title>
{{- hippie.titlePrefix -}}
{% block title %}{{ title }}{% endblock -%}
{{ hippie.titlePostfix -}}
</title>
{% block meta -%}
{% render 'hippie/partials/meta.liquid', author: 'Interaktionsweise', desc: 'Hippie interweaves preeminent personal interface elements' %}
{% comment %}<base href="/">{% endcomment %}
{% endblock -%}
{% render 'hippie/partials/script-log.liquid' %}
{% render 'hippie/partials/log-setup', hippie: hippie, state: true -%}
{% render 'hippie/partials/log-start' -%}
{% block links -%}
{% render 'hippie/partials/links.liquid' %}
<link rel="stylesheet" media="all" href="/css/demo.css" type="text/css"/>
{% endblock -%}
{% render 'hippie/partials/log-log' with 'HEAD end :: Links parsed, starting to load.' as msg -%}
{% endblock -%}
</head>
<body{{ bodyClassAttr }}>
{% render 'hippie/partials/log-log' with 'BODY start' as msg -%}
{%- block body %}{% endblock -%}
{% render 'hippie/partials/log-log' with 'BODY :: Loading script assets...' as msg -%}
{%- block assets %}{% endblock -%}
{% render 'hippie/partials/log-assets', state: true -%}
{% render 'hippie/partials/log-log', msg: 'BODY :: Assets loaded, running page specific script...', arg: true -%}
<script>
// {{ title }} script using full template
</script>
{%- block script %}{% endblock -%}
{% render 'hippie/partials/log-log' with 'BODY end :: Page script might still be loading.' as msg -%}
{% render 'hippie/partials/log-log' with 'Application ready... or is it?' as msg -%}
</body>
</html>

15
source/view/_includes/hippie/game.liquid
View file

@ -1,15 +0,0 @@
{% assign pageId = page.fileSlug -%}
{% layout 'hippie/default.liquid' %}
{% block title %}{{ title }}{% endblock %}
{% block links %}
{{ block.super -}}
<link href="/css/ui.css" media="all" rel="stylesheet"/>
{% endblock %}
{% block assets %}
<script src="/vendor/hippie-script.js"></script>
<script src="/js/globals.js"></script>
<script src="/js/app.js"></script>
{% endblock %}

64
source/view/_includes/hippie/page.liquid
View file

@ -1,64 +0,0 @@
{% assign pageId = page.fileSlug -%}
{% layout 'hippie/full.liquid' %}
{% block meta %}
{{ block.super -}}
{% comment %}<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">{% endcomment %}
{% comment %}<meta http-equiv="X-UA-Compatible" content="IE=edge" />{% endcomment %}
{% endblock %}
{% block links %}
{{ block.super -}}
{% if hippie.legacyMode %}
<!--[if lte IE 9]> <script src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script> <![endif]-->
<!--[if lte IE 9]> <script src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script> <![endif]-->
{% comment %}<script src="./code/html5shiv.min.js"></script>{% endcomment %}
{% comment %}<!--Only use one of the above!-->{% endcomment %}
{% endif %}
{% comment %}<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,500,500italic,700' rel='stylesheet' type='text/css'>{% endcomment %}
{% comment %}<link rel="stylesheet" type="text/css" media="print" href="/css/print.css"/>{% endcomment %}
{% endblock %}
{% block body %}
{{ block.super -}}
{% render 'hippie/partials/nav-page.liquid' %}
<div id="root">
{% render 'hippie/partials/header-page.liquid' %}
<main class="main_site">
{% block main %}{% endblock %}
</main>
{% render 'hippie/partials/footer-page.liquid' %}
</div>
{% endblock %}
{% block assets %}
<script src="/vendor/jquery.min.js"></script>
<script src="/vendor/hippie-script.js"></script>
<script src="/js/globals.js"></script>
<script src="/js/app.js"></script>
{% endblock %}
{% block script %}
<script>
// Setup global things
setup();
// Create instances of objects made by constructor functions
let scrollUi = new HippieScroll($('.js_scrolltop'), $('.js_scrolldown'));
let helpUi = new HippieMeta($('.js_showmeta'), $('.js_pop'));
if (viewHover) {
let fadeUi = new HippieFade(document.getElementById('js-toggle-fade'), true);
}
document.addEventListener('scroll', () => {
scrollUi.check();
});
$(document).ready(function () {
logPerf('EVENT :: jQuery \'ready\' event fired.');
});
</script>
{% endblock %}

3
source/view/_includes/hippie/partials/footer-page.liquid
View file

@ -1,3 +0,0 @@
<footer class="footer_site">
<div id="end"></div>
</footer>

3
source/view/_includes/hippie/partials/footer-pinned.liquid
View file

@ -1,3 +0,0 @@
<footer class="pos_abs pin_{{ pos | default: 'bottom' }} pin_right pin_left">
<p class="txt_center">Unten fixiert</p>
</footer>

9
source/view/_includes/hippie/partials/footer-status.liquid
View file

@ -1,9 +0,0 @@
<footer class="pos_abs pin_bottom width_full">
<address class="txt_center">Kontakt:
<a class="lineLink" href="mailto:{{ email | default: 'admin@domain.tld' }}">{{ email | default: 'admin@domain.tld' }}</a>
· Server:
{{ app | default: 'Application' }}/{{ version | default: 'ver.s.ion' }}
({{ system | default: 'System name' }}) · Domain:
{{ domain | default: 'domain.tld:port' }}
</address>
</footer>

20
source/view/_includes/hippie/partials/frame-header.liquid
View file

@ -1,20 +0,0 @@
<header class="io">
<nav>
<button title="menu">
<i class="bi bi-three-dots"></i>
</button>
<span>{{ title | default: 'title-bar' }}</span>
</nav>
<nav>
<div class="spacer a"></div>
<button title="minimize">
<i class="bi bi-dash"></i>
</button>
<button title="maximize">
<i class="bi bi-fullscreen"></i>
</button>
<button title="close" data-action="close">
<i class="bi bi-x-square"></i>
</button>
</nav>
</header>

10
source/view/_includes/hippie/partials/frame-mode.liquid
View file

@ -1,10 +0,0 @@
<footer class="io">
<nav>
<button>mode</button>
<span>{{ title | default: 'mode-bar' }}</span>
</nav>
<nav>
<div class="spacer a"></div>
<button>action</button>
</nav>
</footer>

11
source/view/_includes/hippie/partials/frame-status.liquid
View file

@ -1,11 +0,0 @@
<footer class="io">
<nav>
<span>## items</span>
<span># selected (size)</span>
<span># type(s)</span>
<span># shared</span>
</nav>
<nav>
<span>{{ title | default: 'status-bar' }}</span>
</nav>
</footer>

15
source/view/_includes/hippie/partials/game-menu.liquid
View file

@ -1,15 +0,0 @@
<div class="sec_main_center">
<nav role="doc-toc">
<hgroup>
<h1>{{ title | default: 'Game title' }}</h1>
<p>{{ additional | default: 'Additional name' }}</p>
</hgroup>
<ul class="link">
{% for link in links %}
<li>
<a href="{{ link.href }}">{{ link.text }}</a>
</li>
{% endfor %}
</ul>
</nav>
</div>

19
source/view/_includes/hippie/partials/gate-list.liquid
View file

@ -1,19 +0,0 @@
<article class="portal__entry">
<section>
<h2>
<a class="a_discreet" href="{{ url }}">{{ name }}</a>
</h2>
<a class="portal__link portal__link--{{ name | slug }}" href="{{ url }}">
<img src="{{ image.src }}" alt="{{ image.alt }}"/>
</a>
{% if links %}
<ul class="portal__list">
{% for link in links %}
<li>
<a href="{{ link.href }}"><img src="{{ link.img }}" width="16" height="16" alt="icon"/>{{ link.name }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</section>
</article>

7
source/view/_includes/hippie/partials/gate-simple.liquid
View file

@ -1,7 +0,0 @@
<article class="portal__entry">
<section>
<h2>
<a class="a_discreet" href="{{ url }}">{{ name }}</a>
</h2>
</section>
</article>

3
source/view/_includes/hippie/partials/header-page.liquid
View file

@ -1,3 +0,0 @@
<header class="header_site">
<div id="begin"></div>
</header>

21
source/view/_includes/hippie/partials/header-status.liquid
View file

@ -1,21 +0,0 @@
<div id="top">
<h1 class="brand">
<a href="#">{{ hippie.brand | upcase }}</a>
</h1>
<nav>
<ul>
{% for link in links %}
<li>
<a href="{{ link.href }}">{{ link.text }}</a>
</li>
{% endfor %}
</ul>
</nav>
<div class="state">
<p>{% render 'hippie/partials/status-coord', id: "log" %}
/
{% render 'hippie/partials/status-date', id: "date" %}
/
{% render 'hippie/partials/status-time', id: "time" %}</p>
</div>
</div>

3
source/view/_includes/hippie/partials/links.liquid
View file

@ -1,3 +0,0 @@
{% comment %}<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon">{% endcomment %}
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAEACABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEAAAIBAQCbjUIABQQCAGdfKgDcxYUAiXpGABkWCgDXxnEApmxRAMGZawAIBwMArZ5PAKFydQBmIZIAoGJFAIx+QwBSSyIA1biBADlx0gBNn+0AgztQAMimcQAMCwQADAsFANS/dAB7P3EAeuH7ANb4/gBQPLwAp2pNAI6CQwCilEwAr3hdADyH5ADw/f8A////AHTU+AB6M2YA0LN4ABMRBwA/OhsAyKR2AGYvjQCf7PwA7fz/AENy2gCrclkAk4ZDAAYFAgDNtXEAjkhHAEul7QD8//8AlOn8AGk1hwDWvXsAGBYJAJaHSgCnbE4AVy6rAML0/gD7/v8AQ6vuAKx1YwCZjEQALCgTALyOZwB+NVoAZ8D0AL30/QBLULMA2sV+AB4bCwDFpm0Ak087AFArvgBv4PoAjOf7AIzm+wCN4/sAjuH7AI7h+gCP3fkAOI/sAKVvcwCfkUQAfnM6ANO2hAC3iGkAk150AI9OcACKRmkAhj9kAH84YQB9NWEAfTRgAH0zYAB6MWYAei9lAItFUADdy3wAKCQPAFtTJQB2bDIAhXk5AJKGPwCbjkQAq5xOALepWwDEtGcAzLlwAMyzcgDKrXIAx6NwALyNZgDWu4IApJZHAAcGAwANDAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB3eGhpamtsbW5vcHFycwt0dXZYWVpbXF1eX2BhYmNkZWZnAktMTU5PUFFRUlNUVVZXAABDREVGJSUlJSUlR0hJSgAAADs8PT4lJSUlP0BBQgAAAAAyMzQ1NiUlJTc4OToAAAAAACorLC0lJS4vMDEAAAAAAAAAISIjJCUmJygpAAAAAAAAABkaGxwdHh8gAAAAAAAAAAAAEhMUFRYXGAAAAAAAAAAAAAANDg8QEQAAAAAAAAAAAAAACAkKCwwAAAAAAAAAAAAAAAAFBgcAAAAAAAAAAAAAAAAAAgMEAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=">

3
source/view/_includes/hippie/partials/log-assets.liquid
View file

@ -1,3 +0,0 @@
<script>
assetsLoaded = {{ state | default: false, allow_false: true }};
</script>

3
source/view/_includes/hippie/partials/log-log.liquid
View file

@ -1,3 +0,0 @@
<script>
logPerf('{{ msg }}', {{ arg | default: '' }});
</script>

6
source/view/_includes/hippie/partials/log-setup.liquid
View file

@ -1,6 +0,0 @@
{% comment %}{% assign hippie.debugMode = state %}{% endcomment %}
<script>
debugOn = {{ state }};
debugOnScreen = {{ display | default: false }};
assetsLoaded = {{ assets | default: false }};
</script>

4
source/view/_includes/hippie/partials/log-start.liquid
View file

@ -1,4 +0,0 @@
<script>
logAdd('EVENT :: Document \'%s\' event fired.', 'DOMContentLoaded');
logPerf('HEAD start :: Debugging performance...', debugOn);
</script>

7
source/view/_includes/hippie/partials/meta.liquid
View file

@ -1,7 +0,0 @@
<meta name="robots" content="noindex">
<meta name="generator" content="{{ eleventy.generator }}">
<meta name="author" content="{{ author | default: '' }}">
<meta name="description" content="{{ desc | default: '' }}">
<meta name="keywords" content="{{ keys | default: '' }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

33
source/view/_includes/hippie/partials/nav-page.liquid
View file

@ -1,33 +0,0 @@
<div class="pos_rel">
<nav class="nav_page_meta">
<ul>
<li class="js_scrolltop di_none">
<a href="#begin" class="a_button_meta">
<div class="sprite_img demo__sprite_up"></div>
{% comment %}<img src="/art/up.png" alt="" width="32" height="64">{% endcomment %}
</a>
</li>
<li>
{% comment %}<button class="">Show Meta Information</button>{% endcomment %}
{% comment %}<a href="#meta" class="js_showmeta a_button_meta">
<div class="sprite_img demo__sprite_meta"></div>
</a>{% endcomment %}
<button class="js_showmeta button_clear" type="button">
<div class="sprite_img demo__sprite_meta"></div>
</button>
</li>
<li>
<button id="js-toggle-fade">F</button>
</li>
<li class="js_scrolldown">
<a href="#end" class="a_button_meta">
<div class="sprite_img demo__sprite_down"></div>
{% comment %}<img src="/art/down.png" alt="" width="32" height="32">{% endcomment %}
</a>
</li>
</ul>
</nav>
</div>
{% comment %}<div class="exp_overlay_btn exp_help_btn">
<span class="span_solo">?</span>
</div>{% endcomment %}

43
source/view/_includes/hippie/partials/placeholder-flag.liquid
View file

@ -1,43 +0,0 @@
{% assign height = width | divided_by: 1.6 %}
{% if type == 'svg' or type == '' %}
<svg id="{{ id }}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewbox="0 0 1920 1200" preserveaspectratio="xMinYMax slice">
{% comment %}<defs>
<filter id="turb3">
<feColorMatrix type="saturate" values="1" />
<feTurbulence type="turbulence" baseFrequency="0.01" numOctaves="2"/>
</filter>
<symbol id="triangle-5">
<rect y="0" fill="#273F8B" width="1920" height="1200"/>
</symbol>
</defs>
<g>
<use xlink:href="#triangle-5" style="filter: url(#turb3);" />
</g>{% endcomment %}
{% if desc %}
<desc>{{ desc }}</desc>
{% endif %}
<rect id="triangle-5" y="0" fill="#273F8B" width="1920" height="1200"/>
<polygon id="triangle-6" fill="#8E1F68" points="0,1200 1920,458.25 1920,1200 "/>
<polygon id="triangle-7" fill="#D30A51" points="0,1200 1920,522.75 1920,1200 "/>
<polygon id="triangle-8" fill="#F2AF13" points="0,1200 1920,741.75 1920,1200 "/>
<polygon id="triangle-9" fill="#FAD803" points="0,1200 1920,787.5 1920,1200 "/>
<polygon id="triangle-4" fill="#3C579A" points="0,1200 0,0 733.5,0 "/>
<polygon id="triangle-3" fill="#B7E0F0" points="0,1200 0,0 688.5,0 "/>
<polygon id="triangle-2" fill="#6BC7D9" points="0,1200 0,0 453,0 "/>
<polygon id="triangle-1" fill="#52BED1" points="0,1200 0,0 370.5,0 "/>
</svg>
{% elsif type == 'img' %}
{% if src == 'file' %}
<picture>
<source srcset="/art/flag_websafe_128x80.webp" type="image/webp"/>
<img src="/art/flag_websafe_128x80.gif" width="{{ width }}" height="{{ height }}" alt="{{ desc }}"/>
</picture>
{% else %}
<img
width="{{ width }}"
height="{{ height }}"
alt="{{ desc }}"
src="data:image/gif;base64,R0lGODlhgABQAIQAMf/MAP+ZM/+ZAP9mM8zM/8xmM8wzM8wAZpnM/5nMzJmZzJkzZpkAZmbMzGaZzGZmmWYzZjNmmTMzmQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAgABQAAQF/mDjiORolug5NiKSEG8Mz68SSbek73zv/8CgcEhkGY/IpBLRcBEQM+hL+nRIHrscLsvVab/drTcMHpvF6DIuxVaxj7I4DZZAE+/4vB6o7PubRgSCUIOCT4YRDxE3jFuNj46RkJOSlZSXlo5tm24nTXKgBA5ae6Wmpz5/qklOU1GvCYqNZ2q1ZLe0uGm6X5y+K0dzoQlWpKjHyHery0wIhIeFgwiLmZjW1djX2pa/viwjw3PUyeTlQct/TCyHru0ENru58vH0tvP29VndnazhMVjGzAkkh06VM2gICdkAmK3htocOI0bYtymQv2kBB2o8VrBPM3dUoDxQdI+XyZIo/vOlnMivJQk4wubA20iTYMcj6l5ESzgKok+JQH8+osivQcw4DezUXFrqJquQsAhQw0f1pMqrVe8RRcHCn6iMTMMqc8qCSUJDUmQFXSuUrcOtwBwk8FdMrF09ZHOy2+vsitWsWP8KXgk3WLhxdxMXIdtk5zMFattKdjt5UuGuR2GAVcyZR16jIGHYmBV45eDSqGttNdJKGAKlnWPvuNnsme2vlHNX1q3JZdHMM2UL9+yUb5S6ppOnPg1YtW+ureMogD08Nm1XOxPx3s3dLQQICyh+iz5jVHXZEBgsYJC+4EfjsZjLV97c6vf1C8CrF99gmJXziuGn3oDr3YQWWhht/qdgd5Sklx9++hlwgAHikfcCYgDSlJ6D7A14AAMHhHiAe1C9YF599M233BgO6vegehPGKCGFz1kkzGYZosKhgAKK6KOIzDRx2ztTLWjkT/e56KKMTM44IUWgvIZjjnlwuCOIP2bpY0HGkZTilytedZ96SzppZpMydvOJTFNSGcSVPGopZ5bMOFYXg0diM+aLC6B55p9NerOOdG7useGA6c2p6JwGgbZXkWCiGOYNLcYJ6KV+pukSZjJ4WSgQcMK46KiMqqITO3imWkmS+C2A6auZ/umNMFh8ysOh63FI6q6LGhSSlCpKWhUEEvAJXqzIwvqnAQNU1J84baJHoIe8/lab5QAFBCAAAAL4YdYzJ+Y52Z7HKptsstluGwAA667LyVw0RJuYldRaa20B6WrLrb7bAvBHO/9NGuwO5K5n7sFMYhtAu+w2vC4AEEdcEQ2vAXilvbsawGwB3Ha8rboRhyyxR4WQpCpElZ6LsJMKM8ywyDCLvIkM5sWGK5YYz6kxtvt+vHDMQMvcRxQMRSoYqwysnOzGDjcd9NMyu7EmMYrdnLOcBqTrsdNQdz0yEgcJUuTJkbyo9KXMgvyy12zD/MYMtYal69U+YiuAzx+3rXfMSqA68Dxjnt1kAQOovffhT0MXQ8AaEdtjzllrnTfilAOdxBTAplqmyoP//HDlyKAnrsIMG81t7cb8hq461GCbSJqwEjjIOcvZrr367UGjEIO8Q+zI6855f4778JYHI0pu983OtO3EN2+5CS7UgUqHGRtwt+fOZ886a1JJit/ShTes/fhev/ROKbIrmrUAzJPvfvGfMHTNd69a3+/7+LNNAtV31PsjvvrKnwD1tw5elKtzwhugArvWgrj9YD0+2hnHFkhBvXWlQUmLEc8qyMG9scCBscMS8DpIQg9Oh1JJS1sJV3i4pKQnaz9joQz15gDxzfCGegsBADs=">
{% endif %}
{% endif %}

113
source/view/_includes/hippie/partials/script-log.liquid
View file

@ -1,113 +0,0 @@
<script>
// Entry script at page init
let debugOn = {{ hippie.debugMode | default: false, allow_false: true }};
let debugOnScreen = false;
let assetsLoaded = false;
// Get the current time difference between page
// load and when this func was invoked
function getTimeDiff() {
return new Date().getTime() - performance.timing.navigationStart;
}
function pad(n, width, z) {
z = z || '0';
n = n + '';
return n.length >= width
? n
: new Array(width - n.length + 1).join(z) + n;
}
// Log message to console and add
// performance measuring information
function logPerf(msg, arg) {
if (debugOn) {
if (debugOnScreen && assetsLoaded) {
if (!document.getElementById('jsLogPerf')) {
let wrap = document.createElement('div');
let box = document.createElement('div');
wrap.style.position = 'relative';
box.style.cssText = `position: fixed;
bottom: 16px;
right: 40px;
zIndex: 1000;
padding: 0 8px;
background: rgba(255,255,255,.6);
color: rgb(128);
fontSize: 1rem;`;
box.id = 'jsLogPerf';
wrap.prepend(box);
document
.body
.prepend(wrap);
/*
$('<div><div></div></div>')
.css('position', 'relative')
.find('div')
.attr('id', 'jsLogPerf')
.css({
position: 'fixed',
bottom: '16px',
right: '40px',
zIndex: '1000',
padding: '0 8px',
background: 'rgba(255,255,255,.6)',
color: 'rgb(128)',
fontSize: '1rem'
})
.end()
.prependTo('body');
*/
// $('body').prepend('<div style="position:relative;"></div>');
// $('div').first().prepend('<div id="jslogPerf" style="position:fixed;bottom:8px;right:16px;z-index:1000;padding:8px;background:rgb(0,255,255,.5)"></div>');
}
let code = document.createElement('code');
code.style.cssText = `display: block;
margin: 8px 0;
padding: 1px 4px;
background-color: transparent;
color: black;
font-size: 12px;
line-height: 1.1;`;
code.innerHTML = '<b>' + pad(getTimeDiff(), 5) + '</b>ms :: ' + msg + '';
document
.getElementById('jsLogPerf')
.append(code);
// document.getElementById('jsLogPerf').append('<p class="code_solo txt_smaller"><b>' + pad(getTimeDiff(), 5) + '</b>ms :: ' + msg + '</p>');
// $('#jsLogPerf').append('<p class="code_solo txt_smaller"><b>' + pad(getTimeDiff(), 5) + '</b>ms :: ' + msg + '</p>');
// NOTE: Alternative short-circuit evaluation
// needs element in document but prevents error if not
// $log = $log || $('#jslogPerf');
// $log.append('<p style="margin-bottom:4px;font-size:.75em;"><b>' + getTimeDiff() + '</b>ms :: ' + msg);
}
if (window.console) {
const time = pad(getTimeDiff(), 5) + 'ms :: ';
console.debug(time + msg, (
arg
? arg
: ''));
// NOTE: Non standard feature. Not available on IE
if (console.timeStamp) {
console.timeStamp(msg);
}
}
}
}
function logAdd(msg, listener) {
document.addEventListener(listener, function () {
logPerf(msg, listener);
});
}
</script>

10
source/view/_includes/hippie/partials/song.liquid
View file

@ -1,10 +0,0 @@
<article class="songbook_song">
<header>
<h2>{{ data.title }}</h2>
<h6>{{ data.releaseDate }}</h6>
<p>{{ data.description }}</p>
</header>
{% comment %}<pre class="pre_code"><code>{{ content }}</code></pre>{% endcomment %}
{{ content }}
<footer>{{ index }}</footer>
</article>

1
source/view/_includes/hippie/partials/status-coord.liquid
View file

@ -1 +0,0 @@
<span id="{{ id }}">{{ text | default: 'X: #, Y: ##' }}</span>

6
source/view/_includes/hippie/partials/status-date.liquid
View file

@ -1,6 +0,0 @@
<span id="{{ id }}">
<span id="day">Wochentag</span>,
<span id="dayNumb">##</span>.
<span id="month">Monat</span>
<span id="year">####</span>
</span>

1
source/view/_includes/hippie/partials/status-time.liquid
View file

@ -1 +0,0 @@
<span id="{{ id }}">{{ text | default: '00:00:00' }}</span><span>{{ postfix | default: ' Uhr' }}</span>

9
source/view/_includes/hippie/simple.liquid
View file

@ -1,9 +0,0 @@
{% assign pageId = page.fileSlug -%}
{% layout 'hippie/default.liquid' %}
{% block title %}{{ title }}{% endblock %}
{% block links %}
{{ block.super -}}
<link href="/css/demo.css" media="all" rel="stylesheet"/>
{% endblock %}

37
source/view/_includes/hippie/status.liquid
View file

@ -1,37 +0,0 @@
<!DOCTYPE html>
{% if pageClass %}
{%- capture classAttr %} class="{{ pageClass }}"{% endcapture -%}
{% endif -%}
{% if bodyClass %}
{%- capture bodyClassAttr %} class="{{ bodyClass }}"{% endcapture -%}
{% endif -%}
<html id="{{ page.fileSlug }}"{{ classAttr }} lang="de">
<head>
<meta charset="utf-8">
{% block head %}
<title>
{{- hippie.titlePrefix -}}
{% block title %}{{ title }}{% endblock -%}
{{ hippie.titlePostfix -}}
</title>
{% block meta -%}
{% render 'hippie/partials/meta.liquid' %}
{% endblock -%}
{% 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="stylesheet" type="text/css" media="all" href="/css/demo_basic.css"/>
{% endblock -%}
{% endblock -%}
</head>
<body{{ bodyClassAttr }}>
{%- block body %}
<main class="main_site">
<h1>{{ title }}</h1>
{% block main %}{% endblock -%}
</main>
{% render 'hippie/partials/footer-status' %}
{% endblock -%}
</body>
</html>

11
source/view/_includes/hippie/world.liquid
View file

@ -1,11 +0,0 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>{{ title }}</title>
</head>
<body>
{{ content }}
</body>
</html>

2
source/view/demo/art/10print.liquid
View file

@ -3,7 +3,7 @@ title: 10print
tags: tags:
- demoArt - demoArt
--- ---
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block style %} {% block style %}
<style> <style>

2
source/view/demo/art/matrix.liquid
View file

@ -3,7 +3,7 @@ title: Matrix
tags: tags:
- demoArt - demoArt
--- ---
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block style %} {% block style %}
<style> <style>

2
source/view/demo/art/squares2.liquid
View file

@ -3,7 +3,7 @@ title: Squares²
tags: tags:
- demoArt - demoArt
--- ---
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block style %} {% block style %}
<style> <style>

6
source/view/demo/basics.liquid
View file

@ -4,7 +4,7 @@ tags:
- demoIndex - demoIndex
order: 2 order: 2
--- ---
{% layout 'hippie/page.liquid' %} {% layout 'hippie-view/page.liquid' %}
{% block title %}Grundlagen{% endblock %} {% block title %}Grundlagen{% endblock %}
@ -580,7 +580,7 @@ order: 2
</article> </article>
<article> <article>
<h1 id="embedded">Eingebundene Inhalte</h1> <h1 id="embedded">Eingebundene Inhalte</h1>
{% render 'hippie/partials/placeholder-flag.liquid', type: 'img', width: '128', desc: 'Fahne von Interaktionsweise' %} {% render 'hippie-view/partials/placeholder-flag.liquid', type: 'img', width: '128', desc: 'Fahne von Interaktionsweise' %}
<p>Dies ist ein Bild. Es wird mit dem Element <p>Dies ist ein Bild. Es wird mit dem Element
<code>&lt;img&gt;</code> <code>&lt;img&gt;</code>
eingebunden. Solch ein Bild hat üblicherweise die Attribute eingebunden. Solch ein Bild hat üblicherweise die Attribute
@ -599,7 +599,7 @@ order: 2
und und
<code>&lt;picture&gt;</code> <code>&lt;picture&gt;</code>
in Kombination verwendet werden.</p> in Kombination verwendet werden.</p>
{% render 'hippie/partials/placeholder-flag.liquid', type: 'img', src: 'file', width: '128', desc: 'Fahne von Interaktionsweise' %} {% render 'hippie-view/partials/placeholder-flag.liquid', type: 'img', src: 'file', width: '128', desc: 'Fahne von Interaktionsweise' %}
</article> </article>
<article> <article>
<h1>Tabellen</h1> <h1>Tabellen</h1>

4
source/view/demo/components.liquid
View file

@ -4,7 +4,7 @@ tags:
- demoIndex - demoIndex
order: 3 order: 3
--- ---
{% layout 'hippie/page.liquid' %} {% layout 'hippie-view/page.liquid' %}
{% block title %}Komponenten{% endblock %} {% block title %}Komponenten{% endblock %}
@ -94,7 +94,7 @@ order: 3
<p>Bekommt üblicherweise Klassen zur Positionierung und der Abmessungen zugewiesen.</p> <p>Bekommt üblicherweise Klassen zur Positionierung und der Abmessungen zugewiesen.</p>
<footer>Fußbereich</footer> <footer>Fußbereich</footer>
<div style="position:relative;height:256px;background-color:#b7e0f0;"> <div style="position:relative;height:256px;background-color:#b7e0f0;">
{% render 'hippie/partials/footer-pinned.liquid' %} {% render 'hippie-view/partials/footer-pinned.liquid' %}
</div> </div>
</article> </article>
<article> <article>

2
source/view/demo/examples/blog.liquid
View file

@ -3,7 +3,7 @@ title: Blog
tags: tags:
- demoExample - demoExample
--- ---
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block body %} {% block body %}
<div class="sec_main_center"> <div class="sec_main_center">

4
source/view/demo/examples/card.liquid
View file

@ -4,12 +4,12 @@ tags:
- demoExample - demoExample
--- ---
{% assign pageClass = "html_card" %} {% assign pageClass = "html_card" %}
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block body %} {% block body %}
<div class="card_bkg"> <div class="card_bkg">
<div id="dither"></div> <div id="dither"></div>
{% render 'hippie/partials/placeholder-flag.liquid', type: '', id: 'flag' %} {% render 'hippie-view/partials/placeholder-flag.liquid', type: '', id: 'flag' %}
{% comment %}<img id="dither" src="art/flag_dither.png" width="1920" height="1200" alt="Background flag dithered"/>{% endcomment %} {% comment %}<img id="dither" src="art/flag_dither.png" width="1920" height="1200" alt="Background flag dithered"/>{% endcomment %}
</div> </div>
<div class="card_box"> <div class="card_box">

2
source/view/demo/examples/clock.liquid
View file

@ -4,7 +4,7 @@ tags:
- demoExample - demoExample
--- ---
{% assign bodyClass = 'body_clock' -%} {% assign bodyClass = 'body_clock' -%}
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block body %} {% block body %}
<header class="io pos_fix pin_top pin_right pin_left"> <header class="io pos_fix pin_top pin_right pin_left">

2
source/view/demo/examples/game/index.liquid
View file

@ -4,7 +4,7 @@ tags:
- demoExample - demoExample
- index - index
--- ---
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block body %} {% block body %}
<div class="sec_main_center"> <div class="sec_main_center">

2
source/view/demo/examples/game/intro.liquid
View file

@ -4,7 +4,7 @@ tags:
- game - game
--- ---
{% assign bodyClass = 'body_intro' -%} {% assign bodyClass = 'body_intro' -%}
{% layout 'hippie/app.liquid' %} {% layout 'hippie-view/app.liquid' %}
{% block body %} {% block body %}
<div id="loader" class="step op_show"> <div id="loader" class="step op_show">

4
source/view/demo/examples/game/menu.liquid
View file

@ -4,10 +4,10 @@ tags:
- game - game
--- ---
{% assign bodyClass = 'body_menu' -%} {% assign bodyClass = 'body_menu' -%}
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block body %} {% block body %}
{% render 'hippie/partials/game-menu.liquid', links: menu %} {% render 'hippie-view/partials/game-menu.liquid', links: menu %}
<footer> <footer>
{% brand 'brand', 'last' %} {% brand 'brand', 'last' %}
<p>Marke</p> <p>Marke</p>

17
source/view/demo/examples/game/mwo.liquid
View file

@ -4,7 +4,7 @@ tags:
- game - game
--- ---
{% assign bodyClass = 'body_mwo' -%} {% assign bodyClass = 'body_mwo' -%}
{% layout 'hippie/game.liquid' %} {% layout 'hippie-view/game.liquid' %}
{% block links %} {% block links %}
{{ block.super -}} {{ block.super -}}
@ -41,6 +41,21 @@ tags:
<button onclick="changeConnectorStyle('circle')"><i class="bi bi-circle-fill"></i></button> <button onclick="changeConnectorStyle('circle')"><i class="bi bi-circle-fill"></i></button>
<button onclick="changeConnectorStyle('diamond')"><i class="bi bi-diamond-fill"></i></button> <button onclick="changeConnectorStyle('diamond')"><i class="bi bi-diamond-fill"></i></button>
</nav> </nav>
<nav>
<span>Drag/Attraction</span>
<button>Toggle</button>
<hr class="vertical">
<div class="group_nav">
<label>Strength</label>
<input min="0" max="100" value="16" type="range">
<span>0.15</span>
</div>
<div class="group_nav">
<label>Distance</label>
<input min="48" max="512" value="256" type="range">
<span>256</span>
</div>
</nav>
</header> </header>
{% endblock %} {% endblock %}

2
source/view/demo/examples/game/tfw.liquid
View file

@ -4,7 +4,7 @@ tags:
- game - game
--- ---
{% assign bodyClass = 'body_tfw' -%} {% assign bodyClass = 'body_tfw' -%}
{% layout 'hippie/game.liquid' %} {% layout 'hippie-view/game.liquid' %}
{% block body %} {% block body %}
<header class="io"> <header class="io">

2
source/view/demo/examples/hello.md
View file

@ -1,6 +1,6 @@
--- ---
title: "Hello World" title: "Hello World"
layout: hippie/world.liquid layout: hippie-view/world.liquid
tags: tags:
- demoExample - demoExample
--- ---

6
source/view/demo/examples/portal.liquid
View file

@ -14,16 +14,16 @@ links:
img: '/art/bullet.gif' img: '/art/bullet.gif'
--- ---
{% assign bodyClass = "body_portal" %} {% assign bodyClass = "body_portal" %}
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block body %} {% block body %}
<div class="portal"> <div class="portal">
{% render 'hippie/partials/gate-list', {% render 'hippie-view/partials/gate-list',
name: 'Tor mit Symbol und Liste', name: 'Tor mit Symbol und Liste',
url: '../demo', url: '../demo',
image: image, image: image,
links: links links: links
%} %}
{% render 'hippie/partials/gate-simple', name: 'Tor', url: '../demo' %} {% render 'hippie-view/partials/gate-simple', name: 'Tor', url: '../demo' %}
</div> </div>
{% endblock %} {% endblock %}

4
source/view/demo/examples/songbook.liquid
View file

@ -3,7 +3,7 @@ title: Songbook
tags: tags:
- demoExample - demoExample
--- ---
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block body %} {% block body %}
<div class="sec_main_center"> <div class="sec_main_center">
@ -31,7 +31,7 @@ tags:
richten.</p> richten.</p>
<hr class="double dotted"> <hr class="double dotted">
{%- for piece in collections.song -%} {%- for piece in collections.song -%}
{% render 'hippie/partials/song.liquid', index: forloop.index0, data: piece.data, content: piece.content %} {% render 'hippie-view/partials/song.liquid', index: forloop.index0, data: piece.data, content: piece.content %}
{%- endfor -%} {%- endfor -%}
<hr/> <hr/>
<address>{% text hippie.placeholders.name %}</address> <address>{% text hippie.placeholders.name %}</address>

4
source/view/demo/examples/start.liquid
View file

@ -5,10 +5,10 @@ tags:
--- ---
{% assign pageId = page.fileSlug -%} {% assign pageId = page.fileSlug -%}
{% assign bodyClass = 'body_start' -%} {% assign bodyClass = 'body_start' -%}
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block body %} {% block body %}
{% render 'hippie/partials/header-status', hippie: hippie, links: start %} {% render 'hippie-view/partials/header-status', hippie: hippie, links: start %}
<main> <main>
<header class="io"> <header class="io">
<form id="wwwForm" class="group_nav" action="https://duckduckgo.com/"> <form id="wwwForm" class="group_nav" action="https://duckduckgo.com/">

2
source/view/demo/examples/ui/cli.liquid
View file

@ -4,7 +4,7 @@ tags:
- ui - ui
--- ---
{% assign bodyClass = 'body_cli' -%} {% assign bodyClass = 'body_cli' -%}
{% layout 'hippie/app.liquid' %} {% layout 'hippie-view/app.liquid' %}
{% block body %} {% block body %}
<div id="cli"> <div id="cli">

6
source/view/demo/examples/ui/drag.liquid
View file

@ -3,7 +3,7 @@ title: Drag
tags: tags:
- ui - ui
--- ---
{% layout 'hippie/app.liquid' %} {% layout 'hippie-view/app.liquid' %}
{% block body %} {% block body %}
<header class="io pos_fix pin_top pin_right pin_left"> <header class="io pos_fix pin_top pin_right pin_left">
@ -13,9 +13,9 @@ tags:
<div> <div>
<div id="test"> <div id="test">
<div class="body_frame"> <div class="body_frame">
{% render 'hippie/partials/frame-header.liquid' %} {% render 'hippie-view/partials/frame-header.liquid' %}
<main></main> <main></main>
{% render 'hippie/partials/frame-mode.liquid' %} {% render 'hippie-view/partials/frame-mode.liquid' %}
</div> </div>
</div> </div>
</div> </div>

8
source/view/demo/examples/ui/explorer.liquid
View file

@ -4,10 +4,10 @@ tags:
- ui - ui
--- ---
{% assign bodyClass = 'body_frame' -%} {% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %} {% layout 'hippie-view/app.liquid' %}
{% block body %} {% block body %}
{% render 'hippie/partials/frame-header.liquid' %} {% render 'hippie-view/partials/frame-header.liquid' %}
<main class="io"> <main class="io">
<aside class="io"> <aside class="io">
<nav> <nav>
@ -138,8 +138,8 @@ tags:
</tbody> </tbody>
</table> </table>
</div> </div>
{% render 'hippie/partials/frame-status.liquid' %} {% render 'hippie-view/partials/frame-status.liquid' %}
</section> </section>
</main> </main>
{% render 'hippie/partials/frame-mode.liquid' %} {% render 'hippie-view/partials/frame-mode.liquid' %}
{% endblock %} {% endblock %}

4
source/view/demo/examples/ui/form.liquid
View file

@ -4,10 +4,10 @@ tags:
- ui - ui
--- ---
{% assign bodyClass = 'body_frame' -%} {% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %} {% layout 'hippie-view/app.liquid' %}
{% block body %} {% block body %}
{% render 'hippie/partials/frame-header.liquid' %} {% render 'hippie-view/partials/frame-header.liquid' %}
<header class="io"> <header class="io">
<h1>Formulare</h1> <h1>Formulare</h1>
<button data-action="add">Hinzufügen</button> <button data-action="add">Hinzufügen</button>

8
source/view/demo/examples/ui/gallery.liquid
View file

@ -4,10 +4,10 @@ tags:
- ui - ui
--- ---
{% assign bodyClass = 'body_frame' -%} {% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %} {% layout 'hippie-view/app.liquid' %}
{% block body %} {% block body %}
{% render 'hippie/partials/frame-header.liquid' %} {% render 'hippie-view/partials/frame-header.liquid' %}
<main class="io"> <main class="io">
<section> <section>
<header class="io"> <header class="io">
@ -27,10 +27,10 @@ tags:
<div>B</div> <div>B</div>
<div>C</div> <div>C</div>
</div> </div>
{% render 'hippie/partials/frame-status.liquid' %} {% render 'hippie-view/partials/frame-status.liquid' %}
</section> </section>
</main> </main>
{% render 'hippie/partials/frame-mode.liquid' %} {% render 'hippie-view/partials/frame-mode.liquid' %}
{% endblock %} {% endblock %}
{%- block script %} {%- block script %}

2
source/view/demo/examples/ui/index.liquid
View file

@ -4,7 +4,7 @@ tags:
- demoExample - demoExample
- index - index
--- ---
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}
{% block title %}{{ title }}{% endblock %} {% block title %}{{ title }}{% endblock %}

8
source/view/demo/examples/ui/table.liquid
View file

@ -4,10 +4,10 @@ tags:
- ui - ui
--- ---
{% assign bodyClass = 'body_frame' -%} {% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %} {% layout 'hippie-view/app.liquid' %}
{% block body %} {% block body %}
{% render 'hippie/partials/frame-header.liquid' %} {% render 'hippie-view/partials/frame-header.liquid' %}
<main class="io"> <main class="io">
<section> <section>
<header class="io"> <header class="io">
@ -54,7 +54,7 @@ tags:
</thead> </thead>
<tbody id="positions"></tbody> <tbody id="positions"></tbody>
</table> </table>
{% render 'hippie/partials/frame-status.liquid' %} {% render 'hippie-view/partials/frame-status.liquid' %}
</section> </section>
</main> </main>
<template id="rowDefault"> <template id="rowDefault">
@ -185,7 +185,7 @@ tags:
</tr> </tr>
</template> </template>
{% render 'hippie/partials/frame-mode.liquid' %} {% render 'hippie-view/partials/frame-mode.liquid' %}
{% endblock %} {% endblock %}
{%- block script %} {%- block script %}

6
source/view/demo/examples/ui/tui.liquid
View file

@ -4,10 +4,10 @@ tags:
- ui - ui
--- ---
{% assign bodyClass = 'body_frame' -%} {% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %} {% layout 'hippie-view/app.liquid' %}
{% block body %} {% block body %}
{% render 'hippie/partials/frame-header.liquid' %} {% render 'hippie-view/partials/frame-header.liquid' %}
<main class="io"></main> <main class="io"></main>
{% render 'hippie/partials/frame-mode.liquid' %} {% render 'hippie-view/partials/frame-mode.liquid' %}
{% endblock %} {% endblock %}

2
source/view/demo/examples/ui/windows.liquid
View file

@ -4,7 +4,7 @@ tags:
- ui - ui
--- ---
{% assign bodyClass = 'body_frame' -%} {% assign bodyClass = 'body_frame' -%}
{% layout 'hippie/app.liquid' %} {% layout 'hippie-view/app.liquid' %}
{% block body %} {% block body %}
<div id="task-bar"> <div id="task-bar">

2
source/view/demo/index.liquid
View file

@ -4,7 +4,7 @@ title: Index
--- ---
{% assign pageId = page.fileSlug -%} {% assign pageId = page.fileSlug -%}
{% assign pageClass = 'h_full_view' -%} {% assign pageClass = 'h_full_view' -%}
{% layout 'hippie/full.liquid' %} {% layout 'hippie-view/full.liquid' %}
{% block body %} {% block body %}
<div class="wrap"> <div class="wrap">

2
source/view/demo/introduction.liquid
View file

@ -4,7 +4,7 @@ tags:
- demoIndex - demoIndex
order: 1 order: 1
--- ---
{% layout 'hippie/page.liquid' %} {% layout 'hippie-view/page.liquid' %}
{% block title %}Einführung{% endblock %} {% block title %}Einführung{% endblock %}

6
source/view/demo/layouts.liquid
View file

@ -4,7 +4,7 @@ tags:
- demoIndex - demoIndex
order: 4 order: 4
--- ---
{% layout 'hippie/page.liquid' %} {% layout 'hippie-view/page.liquid' %}
{% block title %}Gestaltungen{% endblock %} {% block title %}Gestaltungen{% endblock %}
@ -20,7 +20,7 @@ order: 4
<pre class="pre_code"><code>section.overflow>div.float_space_left>img^p+p>br+a.lineLink</code></pre> <pre class="pre_code"><code>section.overflow>div.float_space_left>img^p+p>br+a.lineLink</code></pre>
<section class="overflow"> <section class="overflow">
<div class="float_space_left demo__avatar"> <div class="float_space_left demo__avatar">
{% render 'hippie/partials/placeholder-flag.liquid', type: 'img', src: 'file', width: '256', desc: 'Avatar' %} {% render 'hippie-view/partials/placeholder-flag.liquid', type: 'img', src: 'file', width: '256', desc: 'Avatar' %}
</div> </div>
<p>{% text hippie.placeholders.name %}<br>{% text hippie.placeholders.address %}</p> <p>{% text hippie.placeholders.name %}<br>{% text hippie.placeholders.address %}</p>
<p>{% text hippie.placeholders.phone %}<br>{% link hippie.placeholders.mail, '', '', 'a_line' %}</p> <p>{% text hippie.placeholders.phone %}<br>{% link hippie.placeholders.mail, '', '', 'a_line' %}</p>
@ -215,7 +215,7 @@ order: 4
<article> <article>
<h2>Eingebettet</h2> <h2>Eingebettet</h2>
<div class="demo__flag"> <div class="demo__flag">
{% render 'hippie/partials/placeholder-flag.liquid', type: '', width: '128', desc: 'Fahne von Interaktionsweise' %} {% render 'hippie-view/partials/placeholder-flag.liquid', type: '', width: '128', desc: 'Fahne von Interaktionsweise' %}
</div> </div>
</article> </article>
<article> <article>

2
source/view/demo/pages/blank.liquid
View file

@ -2,4 +2,4 @@
title: Blank title: Blank
--- ---
{% assign pageId = page.fileSlug -%} {% assign pageId = page.fileSlug -%}
{% layout 'hippie/simple.liquid' %} {% layout 'hippie-view/simple.liquid' %}

2
source/view/demo/pages/default.liquid
View file

@ -4,7 +4,7 @@ title: Default
{% assign pageId = page.fileSlug -%} {% assign pageId = page.fileSlug -%}
{% assign pageClass = 'default' -%} {% assign pageClass = 'default' -%}
{% assign bodyClass = 'default' -%} {% assign bodyClass = 'default' -%}
{% layout 'hippie/default.liquid' %} {% layout 'hippie-view/default.liquid' %}
{% block title %}{{ title }}{% endblock %} {% block title %}{{ title }}{% endblock %}

2
source/view/demo/pages/error/304.liquid
View file

@ -2,7 +2,7 @@
title: 304 title: 304
--- ---
{% assign bodyClass = 'body_status' %} {% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %} {% layout 'hippie-view/status.liquid' %}
{% block main %} {% block main %}
{{ block.super -}} {{ block.super -}}

2
source/view/demo/pages/error/400.liquid
View file

@ -2,7 +2,7 @@
title: 400 title: 400
--- ---
{% assign bodyClass = 'body_status' %} {% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %} {% layout 'hippie-view/status.liquid' %}
{% block main %} {% block main %}
{{ block.super -}} {{ block.super -}}

2
source/view/demo/pages/error/401.liquid
View file

@ -2,7 +2,7 @@
title: 401 title: 401
--- ---
{% assign bodyClass = 'body_status' %} {% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %} {% layout 'hippie-view/status.liquid' %}
{% block main %} {% block main %}
{{ block.super -}} {{ block.super -}}

2
source/view/demo/pages/error/403.liquid
View file

@ -2,7 +2,7 @@
title: 403 title: 403
--- ---
{% assign bodyClass = 'body_status' %} {% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %} {% layout 'hippie-view/status.liquid' %}
{% block main %} {% block main %}
{{ block.super -}} {{ block.super -}}

2
source/view/demo/pages/error/404.liquid
View file

@ -2,7 +2,7 @@
title: 404 title: 404
--- ---
{% assign bodyClass = 'body_status' %} {% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %} {% layout 'hippie-view/status.liquid' %}
{% block main %} {% block main %}
{{ block.super -}} {{ block.super -}}

2
source/view/demo/pages/error/408.liquid
View file

@ -2,7 +2,7 @@
title: 408 title: 408
--- ---
{% assign bodyClass = 'body_status' %} {% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %} {% layout 'hippie-view/status.liquid' %}
{% block main %} {% block main %}
{{ block.super -}} {{ block.super -}}

2
source/view/demo/pages/error/500.liquid
View file

@ -2,7 +2,7 @@
title: 500 title: 500
--- ---
{% assign bodyClass = 'body_status' %} {% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %} {% layout 'hippie-view/status.liquid' %}
{% block main %} {% block main %}
{{ block.super -}} {{ block.super -}}

2
source/view/demo/pages/error/503.liquid
View file

@ -2,7 +2,7 @@
title: 503 title: 503
--- ---
{% assign bodyClass = 'body_status' %} {% assign bodyClass = 'body_status' %}
{% layout 'hippie/status.liquid' %} {% layout 'hippie-view/status.liquid' %}
{% block main %} {% block main %}
{{ block.super -}} {{ block.super -}}

2
source/view/demo/pages/maintenance.liquid
View file

@ -2,7 +2,7 @@
title: Maintenance title: Maintenance
--- ---
{% assign pageClass = 'h_full_view' -%} {% assign pageClass = 'h_full_view' -%}
{% layout 'hippie/status.liquid' %} {% layout 'hippie-view/status.liquid' %}
{% block body %} {% block body %}
<hgroup id="root" class="txt_center"> <hgroup id="root" class="txt_center">