@@ -72,28 +50,34 @@ tags:
// console.log(colors);
- document.getElementById('js_content').addEventListener('mouseenter', () => {
- iId = setInterval(() => {
- for (let i = 1; i <= colors.length; i++) {
+ document
+ .getElementById('js_content')
+ .addEventListener('mouseenter', () => {
+ iId = setInterval(() => {
+ for (let i = 1; i <= colors.length; i++) {
+ position++;
+
+ if (position >= colors.length) {
+ position = 0;
+ }
+
+ document
+ .getElementById("triangle-" + i)
+ .setAttribute("fill", colors[position]);
+ }
+
position++;
if (position >= colors.length) {
position = 0;
}
+ }, 600);
+ });
- document.getElementById("triangle-" + i).setAttribute("fill", colors[position]);
- }
-
- position++;
-
- if (position >= colors.length) {
- position = 0;
- }
- }, 600);
- });
-
- document.getElementById('js_content').addEventListener('mouseleave', () => {
- iId && clearInterval(iId);
- });
+ document
+ .getElementById('js_content')
+ .addEventListener('mouseleave', () => {
+ iId && clearInterval(iId);
+ });
{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/examples/intro.njk b/source/screens/demo/examples/intro.njk
new file mode 100644
index 0000000..07eb1a1
--- /dev/null
+++ b/source/screens/demo/examples/intro.njk
@@ -0,0 +1,149 @@
+---
+title: Intro
+tags:
+ - demoExample
+---
+
+{% set pageId = "init" %}
+{% set pageClass = "html_ui" %}
+
+{% extends "demo/_app.njk" %}
+{% import "hippie/macros/_placeholder.njk" as ph %}
+{% block title %}
+ {{ title }}
+{% endblock %}
+
+{% block links %}
+
+{% endblock %}
+
+{% block head %}
+ {{ super() }}
+{% endblock %}
+
+{% block body %}
+
+
+
+
Hold
+ space
+ to skip.
+
+ {{ ph.brand('brand') }}
+
Powered by
+
+ Vendor
+ IDE
+ Engine
+
+
+
+
Agreement
+
This needs to be seen and acknowledged.
+
+
+
+
Hello World!
+
Only left mouse click or any key
+
+{% endblock %}
+
+{%- block script %}
+ {{ super() }}
+
+
+{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/examples/portal.njk b/source/screens/demo/examples/portal.njk
index 8f949f2..68268c7 100644
--- a/source/screens/demo/examples/portal.njk
+++ b/source/screens/demo/examples/portal.njk
@@ -22,7 +22,7 @@ tags:
{{ gate.list(
'Tor mit Symbol und Liste',
'../demo', {
- src: '/art/demo/flag_websafe_128x80.gif',
+ src: '/art/flag_websafe_128x80.gif',
alt: 'Flag of Interaktionsweise'
}, [
{
diff --git a/source/screens/demo/examples/ui/drag.njk b/source/screens/demo/examples/ui/drag.njk
index 09266b9..b943fee 100755
--- a/source/screens/demo/examples/ui/drag.njk
+++ b/source/screens/demo/examples/ui/drag.njk
@@ -1,11 +1,11 @@
---
title: Drag
tags:
- - demoExample
+ - ui
---
{% set pageId = page.fileSlug %}
{% set pageClass = "h_full_view" %}
-{% set bodyClass = "body_drag" %}
+{% set bodyClass = "body_ui" %}
{% extends "demo/_app.njk" %}
@@ -22,8 +22,10 @@ tags:
{% endblock %}
{% block body %}
+
-
Add
{% endblock %}
{%- block script %}
diff --git a/source/screens/demo/examples/ui/form.njk b/source/screens/demo/examples/ui/form.njk
index b9adc45..29ab5bd 100644
--- a/source/screens/demo/examples/ui/form.njk
+++ b/source/screens/demo/examples/ui/form.njk
@@ -1,10 +1,10 @@
---
title: Form
tags:
- - demoExample
- ui
---
-{% set bodyClass = "body_form" %}
+{% set pageClass = "html_ui" %}
+{% set bodyClass = "body_ui" %}
{% extends "demo/_app.njk" %}
@@ -20,12 +20,12 @@ tags:
{% endblock %}
{% block body %}
-
+
Formulare
Hinzufügen
Ändern
+
+ {{ ph.flag('img') }}
-