diff --git a/.eleventy.js b/.eleventy.js index bd53224..673656e 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -57,6 +57,56 @@ export default async function (eleventyConfig) { return `${text}`; }); + eleventyConfig.addPairedShortcode("brand", function (content, attrClass = 'brand', direction = 'first') { + const logo = ` + + + + + + + + + + +`; + let output = ''; + switch (direction) { + case 'first': + output = logo + `${content}`; + break; + case 'last': + output = `${content}` + logo; + break; + } + + return `
` + output + `
`; + }); + eleventyConfig.addPassthroughCopy({'source/art/images': 'art'}); eleventyConfig.addPassthroughCopy({'source/art/favicons/**/*.+(ico|png|svg)': '.'}); diff --git a/source/code/hippie/app.js b/source/code/hippie/app.js index d5f077f..f0028a5 100644 --- a/source/code/hippie/app.js +++ b/source/code/hippie/app.js @@ -539,6 +539,11 @@ function mapRange(value, inMin, inMax, outMin, outMax, reverse = false, clamp = return mapped; } +// Source - https://stackoverflow.com/a/47480429 +// Posted by Etienne Martin, modified by community. See post 'Timeline' for change history +// Retrieved 2026-03-08, License - CC BY-SA 4.0 +const delay = ms => new Promise(res => setTimeout(res, ms)); + // CONCEPTS // NOTE: Benutzt private Zuweisungen diff --git a/source/code/intro.js b/source/code/intro.js index bff5a87..68dcda0 100644 --- a/source/code/intro.js +++ b/source/code/intro.js @@ -25,7 +25,7 @@ class UI { msgNo: 'No agreement today.' } }; - this.intro = document.getElementById('intro'); + this.intro = document.getElementById('init'); this.agreement = this.steps.agreement.element; this.hint = { element: document.getElementById('hint'), @@ -61,7 +61,7 @@ class UI { } else { reject('No intro available.'); } - }) + }); } showHint() { @@ -100,7 +100,7 @@ class UI { } else { reject(); } - }) + }); } init() { @@ -119,7 +119,7 @@ function init() { // Set all steps to not receive pointer events document.querySelectorAll('.step').forEach(element => { console.log(element); - + element.style.pointerEvents = 'none'; }); @@ -158,7 +158,7 @@ function showIntro() { reject('No intro available.'); } - }) + }); } function showAgreement() { @@ -197,7 +197,7 @@ function showAgreement() { resolve(steps.agreement.msgOut); }); } - }) + }); } function showIdle() { @@ -212,16 +212,24 @@ function showIdle() { el.classList.replace('op_hide', 'op_show'); el.style.pointerEvents = ''; - el.addEventListener('click', idleStart, false); - - resolve('Idle.'); + el.addEventListener('contextmenu', (event) => { + event.preventDefault(); + }); + el.addEventListener('click', (event) => { + if (checkButtonAndTarget(event, event.target)) { + console.log('OK go', event.target); + resolve('Idle fin.'); + } else { + event.preventDefault(); + } + }, false); } else { document.removeEventListener('mouseleave', idleStart); document.removeEventListener('mouseenter', idleStop); reject(); } - }) + }); } function loadCore() { @@ -289,9 +297,9 @@ function idleStop() { /** * Blendet einen Schritt aus. - * - * @param {*} e - * @returns + * + * @param {*} e + * @returns */ function stepHandler(e) { const el = e.target; @@ -303,8 +311,8 @@ function stepHandler(e) { console.info(msg); el.removeEventListener('transitionend', endListener); - + resolve(msg); }); - }) + }); } \ No newline at end of file diff --git a/source/screens/demo/components.liquid b/source/screens/demo/components.liquid index 4f4dd2b..7070190 100644 --- a/source/screens/demo/components.liquid +++ b/source/screens/demo/components.liquid @@ -151,8 +151,8 @@ tags:
  • Mehr Abstand und
  • mit Unterstrichen.
    • - 
    ul.list_link>(li>a)*2
    -