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

feat: Replace directory for includes with submodule

Browse source 
Create new repository hippie-view for _includes.
This commit is contained in:
sthag 2026-04-23 21:45:14 +02:00
parent 86f3c679c3
commit bffa82030b
74 changed files with 84 additions and 684 deletions
Download patch file Download diff file Expand all files Collapse all files

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

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

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

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

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

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

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

@ -4,7 +4,7 @@ tags:
- demoIndex
order: 2
---
{% layout 'hippie/page.liquid' %}
{% layout 'hippie-view/page.liquid' %}
{% block title %}Grundlagen{% endblock %}
@ -580,7 +580,7 @@ order: 2
</article>
<article>
<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
<code>&lt;img&gt;</code>
eingebunden. Solch ein Bild hat üblicherweise die Attribute
@ -599,7 +599,7 @@ order: 2
und
<code>&lt;picture&gt;</code>
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>
<h1>Tabellen</h1>

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

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

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

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

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

@ -4,12 +4,12 @@ tags:
- demoExample
---
{% assign pageClass = "html_card" %}
{% layout 'hippie/simple.liquid' %}
{% layout 'hippie-view/simple.liquid' %}
{% block body %}
<div class="card_bkg">
<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 %}
</div>
<div class="card_box">

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

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

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

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

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

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

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

@ -4,7 +4,7 @@ tags:
- game
---
{% assign bodyClass = 'body_mwo' -%}
{% layout 'hippie/game.liquid' %}
{% layout 'hippie-view/game.liquid' %}
{% block links %}
{{ block.super -}}
@ -41,6 +41,21 @@ tags:
<button onclick="changeConnectorStyle('circle')"><i class="bi bi-circle-fill"></i></button>
<button onclick="changeConnectorStyle('diamond')"><i class="bi bi-diamond-fill"></i></button>
</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>
{% endblock %}

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

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

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

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

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

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

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

@ -3,7 +3,7 @@ title: Songbook
tags:
- demoExample
---
{% layout 'hippie/simple.liquid' %}
{% layout 'hippie-view/simple.liquid' %}
{% block body %}
<div class="sec_main_center">
@ -31,7 +31,7 @@ tags:
richten.</p>
<hr class="double dotted">
{%- 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 -%}
<hr/>
<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 bodyClass = 'body_start' -%}
{% layout 'hippie/simple.liquid' %}
{% layout 'hippie-view/simple.liquid' %}
{% block body %}
{% render 'hippie/partials/header-status', hippie: hippie, links: start %}
{% render 'hippie-view/partials/header-status', hippie: hippie, links: start %}
<main>
<header class="io">
<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
---
{% assign bodyClass = 'body_cli' -%}
{% layout 'hippie/app.liquid' %}
{% layout 'hippie-view/app.liquid' %}
{% block body %}
<div id="cli">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -4,7 +4,7 @@ tags:
- demoIndex
order: 4
---
{% layout 'hippie/page.liquid' %}
{% layout 'hippie-view/page.liquid' %}
{% 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>
<section class="overflow">
<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>
<p>{% text hippie.placeholders.name %}<br>{% text hippie.placeholders.address %}</p>
<p>{% text hippie.placeholders.phone %}<br>{% link hippie.placeholders.mail, '', '', 'a_line' %}</p>
@ -215,7 +215,7 @@ order: 4
<article>
<h2>Eingebettet</h2>
<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>
</article>
<article>

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

@ -2,4 +2,4 @@
title: Blank
---
{% 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 pageClass = 'default' -%}
{% assign bodyClass = 'default' -%}
{% layout 'hippie/default.liquid' %}
{% layout 'hippie-view/default.liquid' %}
{% block title %}{{ title }}{% endblock %}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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