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

feat: Changes to template inheritance

Browse source 
Changes to what goes where.
This commit is contained in:
sthag 2026-03-01 16:31:10 +01:00
parent 10c71a3909
commit 48b6e1d0ed
8 changed files with 73 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

114
source/screens/demo/basics.liquid
View file

@ -495,7 +495,7 @@ tags:
oder das Element H<sub>2</sub>O</p>
<p>Die Zeichen in Absätzen bis hin zu ganzen Texten können, mit einem geeigneten Eingabegerät, markiert werden.
Dies stellt sich wie folgt dar:</p>
<p class="txt_center">Bei <mark class="mark_cursor">spiel zum mark</mark>ieren 😉.</p>
<p class="txt_center">Bei<mark class="mark_cursor">spiel zum mark</mark>ieren 😉.</p>
<p>Eine Markierung kann, mittels
<code>&lt;mark&gt;</code>, auch durch den Autor geschehen. Diese stellt sich ein wenig anders dar:
<mark>Diese Worte sind markiert.</mark>
@ -881,61 +881,63 @@ tags:
<p>Innerhalb einer Gruppe können nicht nur Ein- und Ausgabefelder platziert werden. Andere Elemente ergänzen
Information oder lockern das Erscheinungsbild auf.</p>
<p>Hier nun eine Liste weiterer Arten von Eingabefeldern:</p>
<div class="grid grid_column_2">
<label class="">Farbauswahl<br>
<code>&lt;input[type="color"]&gt;</code>
</label>
<div><input class="" type="color"></div>
<label class="">Bereichsauswahl<br>
<code>&lt;input[type="range"]&gt;</code>
</label>
<div><input class="" type="range"></div>
<label class="">Datum<br>
<code>&lt;input[type="date"]&gt;</code>
</label>
<div><input class="input_io" type="date"></div>
<label class="">Uhrzeit<br>
<code>&lt;input[type="time"]&gt;</code>
</label>
<div><input class="input_io" type="time"></div>
<label class="">Datum und Zeit<br>
<code>&lt;input[type="datetime-local"]&gt;</code>
</label>
<div><input class="input_io" type="datetime-local"></div>
<label class="">Kalendermonat<br>
<code>&lt;input[type="month"]&gt;</code>
</label>
<div><input class="input_io" type="month"></div>
<label class="">Kalenderwoche<br>
<code>&lt;input[type="week"]&gt;</code>
</label>
<div><input class="input_io" type="week"></div>
<label class="">@dresse<br>
<code>&lt;input[type="email"]&gt;</code>
</label>
<div><input class="input_io" type="email" placeholder="@"></div>
<label class="">Passwort<br>
<code>&lt;input[type="password"]&gt;</code>
</label>
<div><input class="input_io" type="password" value="admin"></div>
<label class="">Telefonnummer<br>
<code>&lt;input[type="tel"]&gt;</code>
</label>
<div><input class="input_io" type="tel" value="0190123456"></div>
<label class="">URL<br>
<code>&lt;input[type="url"]&gt;</code>
</label>
<div><input class="input_io" type="url" placeholder="url://"></div>
<label class="">Suche<br>
<code>&lt;input[type="search"]&gt;</code>
</label>
<div><input class="input_io" type="search"></div>
<label class="">Datei<br>
<code>&lt;input[type="file"]&gt;</code>
</label>
<div><input class="" type="file"></div>
<label class="">Bild</label><input class="" type="image" alt="Alternativer Text"/>
</div>
<form action="">
<div class="grid grid_column_2">
<label class="">Farbauswahl<br>
<code>&lt;input[type="color"]&gt;</code>
</label>
<div><input class="" type="color"></div>
<label class="">Bereichsauswahl<br>
<code>&lt;input[type="range"]&gt;</code>
</label>
<div><input class="" type="range"></div>
<label class="">Datum<br>
<code>&lt;input[type="date"]&gt;</code>
</label>
<div><input class="input_io" type="date"></div>
<label class="">Uhrzeit<br>
<code>&lt;input[type="time"]&gt;</code>
</label>
<div><input class="input_io" type="time"></div>
<label class="">Datum und Zeit<br>
<code>&lt;input[type="datetime-local"]&gt;</code>
</label>
<div><input class="input_io" type="datetime-local"></div>
<label class="">Kalendermonat<br>
<code>&lt;input[type="month"]&gt;</code>
</label>
<div><input class="input_io" type="month"></div>
<label class="">Kalenderwoche<br>
<code>&lt;input[type="week"]&gt;</code>
</label>
<div><input class="input_io" type="week"></div>
<label class="">@dresse<br>
<code>&lt;input[type="email"]&gt;</code>
</label>
<div><input class="input_io" placeholder="@" type="email"></div>
<label class="">Passwort<br>
<code>&lt;input[type="password"]&gt;</code>
</label>
<div><input class="input_io" value="admin" autocomplete="off" type="password"></div>
<label class="">Telefonnummer<br>
<code>&lt;input[type="tel"]&gt;</code>
</label>
<div><input class="input_io" value="0190123456" type="tel"></div>
<label class="">URL<br>
<code>&lt;input[type="url"]&gt;</code>
</label>
<div><input class="input_io" placeholder="url://" type="url"></div>
<label class="">Suche<br>
<code>&lt;input[type="search"]&gt;</code>
</label>
<div><input class="input_io" type="search"></div>
<label class="">Datei<br>
<code>&lt;input[type="file"]&gt;</code>
</label>
<div><input class="" type="file"></div>
<label class="">Bild</label><input class="" type="image" alt="Alternativer Text"/>
</div>
</form>
</fieldset>
<h2>Interaktive Elemente</h2>