deploy: bd469d8

Author: andre-dietrich

docs/blog/6-quizzes-in-100-seconds/index.html

@@ -30,15 +30,16 @@
 Share
 </button>
 </span></span><button class="share-link share-copy" onclick='copyToClipboard(this,"/blog/a-custom-extension-for-algebra/")'>
-<span class=share-icon><svg viewBox="0 0 24 24"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1.0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1.0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7-1c.55.0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 17H5V5h14v14z"/></svg></span></button></div><script>function toggleFediverseInput(e){const n=e.closest(".fediverse-share"),t=n.querySelector(".fediverse-input-wrapper");t.style.display=t.style.display==="none"?"block":"none"}function handleFediverseShare(e,t,n){if(e.key==="Enter"){const o=e.target;let s=o.value.trim();if(s){s.startsWith("https://")||(s=`https://${s}`);const e=`${s}/share?text=${encodeURIComponent(n)}&url=${encodeURIComponent(t)}`;window.open(e,"_blank","noopener")}}}function handleFediverseShareButton(e,t,n){const o=e.previousElementSibling;let s=o.value.trim();if(s){s.startsWith("https://")||(s=`https://${s}`);const e=`${s}/share?text=${encodeURIComponent(n)}&url=${encodeURIComponent(t)}`;window.open(e,"_blank","noopener")}}function copyToClipboard(e,t){navigator.clipboard.writeText(t).then(()=>{const t=e.querySelector("svg path"),n="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7-1c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 17H5V5h14v14z",s="M9 16.2l-3.5-3.5-1.4 1.4L9 19 20 8l-1.4-1.4L9 16.2z";t.setAttribute("d",s),setTimeout(()=>{t.setAttribute("d",n)},1e3)})}</script></div></div><div class=mt-20><div class=comments><script>const getStoredTheme=()=>localStorage.getItem("theme")==="dark"?"dark_high_contrast":"light_high_contrast",setGiscusTheme=()=>{const e=e=>{const t=document.querySelector("iframe.giscus-frame");t&&t.contentWindow.postMessage({giscus:e},"https://giscus.app")};e({setConfig:{theme:getStoredTheme()}})};document.addEventListener("DOMContentLoaded",()=>{const n={src:"https://giscus.app/client.js","data-repo":"liascript/liascript","data-repo-id":"MDEwOlJlcG9zaXRvcnkyMjAwNTMxMjY=","data-category":"General","data-category-id":"DIC_kwDODR2-hs4Cbeqh","data-mapping":"title","data-reactions-enabled":"1","data-emit-metadata":"0","data-input-position":"bottom","data-theme":getStoredTheme(),"data-lang":"en","data-loading":"lazy",crossorigin:"anonymous",async:""},e=document.createElement("script");Object.entries(n).forEach(([t,n])=>e.setAttribute(t,n)),console.log(e),document.querySelector(".comments").appendChild(e);const t=document.querySelector("#theme-switcher");t&&t.addEventListener("click",setGiscusTheme)})</script></div></div></article></div><div class="section pb-0"><h2 class="h3 mb-12">Related Posts</h2><div class=row><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><div class="mb-6 image-container rounded" style="background-image:url(/images/post/fonts.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden"></div><h4 class=mb-3><a href=/blog/fonts-dead-or-alive/>Fonts: Dead or Alive</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/andre-dietrich/><i class="fa-regular fa-circle-user mr-2"></i>André Dietrich</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<span class=share-icon><svg viewBox="0 0 24 24"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1.0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1.0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7-1c.55.0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 17H5V5h14v14z"/></svg></span></button></div><script>function toggleFediverseInput(e){const n=e.closest(".fediverse-share"),t=n.querySelector(".fediverse-input-wrapper");t.style.display=t.style.display==="none"?"block":"none"}function handleFediverseShare(e,t,n){if(e.key==="Enter"){const o=e.target;let s=o.value.trim();if(s){s.startsWith("https://")||(s=`https://${s}`);const e=`${s}/share?text=${encodeURIComponent(n)}&url=${encodeURIComponent(t)}`;window.open(e,"_blank","noopener")}}}function handleFediverseShareButton(e,t,n){const o=e.previousElementSibling;let s=o.value.trim();if(s){s.startsWith("https://")||(s=`https://${s}`);const e=`${s}/share?text=${encodeURIComponent(n)}&url=${encodeURIComponent(t)}`;window.open(e,"_blank","noopener")}}function copyToClipboard(e,t){navigator.clipboard.writeText(t).then(()=>{const t=e.querySelector("svg path"),n="M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7-1c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 17H5V5h14v14z",s="M9 16.2l-3.5-3.5-1.4 1.4L9 19 20 8l-1.4-1.4L9 16.2z";t.setAttribute("d",s),setTimeout(()=>{t.setAttribute("d",n)},1e3)})}</script></div></div><div class=mt-20><div class=comments><script>const getStoredTheme=()=>localStorage.getItem("theme")==="dark"?"dark_high_contrast":"light_high_contrast",setGiscusTheme=()=>{const e=e=>{const t=document.querySelector("iframe.giscus-frame");t&&t.contentWindow.postMessage({giscus:e},"https://giscus.app")};e({setConfig:{theme:getStoredTheme()}})};document.addEventListener("DOMContentLoaded",()=>{const n={src:"https://giscus.app/client.js","data-repo":"liascript/liascript","data-repo-id":"MDEwOlJlcG9zaXRvcnkyMjAwNTMxMjY=","data-category":"General","data-category-id":"DIC_kwDODR2-hs4Cbeqh","data-mapping":"title","data-reactions-enabled":"1","data-emit-metadata":"0","data-input-position":"bottom","data-theme":getStoredTheme(),"data-lang":"en","data-loading":"lazy",crossorigin:"anonymous",async:""},e=document.createElement("script");Object.entries(n).forEach(([t,n])=>e.setAttribute(t,n)),console.log(e),document.querySelector(".comments").appendChild(e);const t=document.querySelector("#theme-switcher");t&&t.addEventListener("click",setGiscusTheme)})</script></div></div></article></div><div class="section pb-0"><h2 class="h3 mb-12">Related Posts</h2><div class=row><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><div class="mb-6 image-container rounded" style="background-image:url(/images/post/coding.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden"></div><h4 class=mb-3><a href=/blog/executable-code/>Executable Code</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/andre-dietrich/><i class="fa-regular fa-circle-user mr-2"></i>André Dietrich</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
 <a href=/categories/examples/ class=ms-1>Examples
 ,
-</a><a href=/categories/shorts/ class=ms-1>Shorts</a></li></ul><p class=mb-6>Fascinated by the length of the URL as well as by foreign languages and writing systems we added the opportunity to use different fonts in LiaScript-Markdown.</p><a class="btn btn-outline-primary btn-sm" href=/blog/fonts-dead-or-alive/>Read More</a></div></div><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><div class="mb-6 image-container rounded" style="background-image:url(/images/post/multimedia.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden"></div><h4 class=mb-3><a href=/blog/embedding-multimedia-and-more/>Embedding Multimedia and More</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/andre-dietrich/><i class="fa-regular fa-circle-user mr-2"></i>André Dietrich</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
-<a href=/categories/examples/ class=ms-1>Examples
-,
-</a><a href=/categories/shorts/ class=ms-1>Shorts</a></li></ul><p class=mb-6>There are 4 ways in LiaScript to embed multimedia content:</p><a class="btn btn-outline-primary btn-sm" href=/blog/embedding-multimedia-and-more/>Read More</a></div></div><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><div class="mb-6 image-container rounded" style="background-image:url(/images/post/wearedev22.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden"></div><h4 class=mb-3><a href=/blog/we-are-developers-22/>We Are Developers 22 - Interactive Markdown for Education & Documentation</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sebatian-zug/><i class="fa-regular fa-circle-user mr-2"></i>Sebatian Zug,
+</a><a href=/categories/shorts/ class=ms-1>Shorts</a></li></ul><p class=mb-6>How to make your Markdown code-snippets editable and executable?
+Our solution, just attach a script-tag to it that defines how the input or inputs should be evaluated&mldr;</p><a class="btn btn-outline-primary btn-sm" href=/blog/executable-code/>Read More</a></div></div><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><div class="mb-6 image-container rounded" style="background-image:url(/images/post/wearedev22.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden"></div><h4 class=mb-3><a href=/blog/we-are-developers-22/>We Are Developers 22 - Interactive Markdown for Education & Documentation</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sebatian-zug/><i class="fa-regular fa-circle-user mr-2"></i>Sebatian Zug,
 </a><a href=/authors/andre-dietrich/>André Dietrich</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
 <a href=/categories/conference/ class=ms-1>Conference
 ,
-</a><a href=/categories/talk/ class=ms-1>Talk</a></li></ul><p class=mb-6>Well&mldr; there is a so called OER movement - OER stands for OpenEducationalResources.</p><a class="btn btn-outline-primary btn-sm" href=/blog/we-are-developers-22/>Read More</a></div></div></div></div></div></section></main><footer class="bg-light dark:bg-darkmode-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/><img fetchpriority=high decoding=async class="img img-light" width=160 height=32 src=/images/logo_hu7443897454658306654.webp alt=Hugoplate onerror='this.onerror=null,this.src="/images/logo_hu15236687076654200087.png"'>
+</a><a href=/categories/talk/ class=ms-1>Talk</a></li></ul><p class=mb-6>Well&mldr; there is a so called OER movement - OER stands for OpenEducationalResources.</p><a class="btn btn-outline-primary btn-sm" href=/blog/we-are-developers-22/>Read More</a></div></div><div class="lg:col-4 md:col-6 mb-14"><div class="bg-body dark:bg-darkmode-body"><div class="mb-6 image-container rounded" style="background-image:url(/images/post/trinity.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden"></div><h4 class=mb-3><a href=/blog/one-document-mutliple-representations/>One Document - Multiple Representations</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/andre-dietrich/><i class="fa-regular fa-circle-user mr-2"></i>André Dietrich</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
+<a href=/categories/examples/ class=ms-1>Examples
+,
+</a><a href=/categories/shorts/ class=ms-1>Shorts</a></li></ul><p class=mb-6>This is part one of a demo series that explains certain LiaScript design elements.</p><a class="btn btn-outline-primary btn-sm" href=/blog/one-document-mutliple-representations/>Read More</a></div></div></div></div></div></section></main><footer class="bg-light dark:bg-darkmode-light"><div class=container><div class="row items-center py-10"><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><a class="navbar-brand inline-block" href=/><img fetchpriority=high decoding=async class="img img-light" width=160 height=32 src=/images/logo_hu7443897454658306654.webp alt=Hugoplate onerror='this.onerror=null,this.src="/images/logo_hu15236687076654200087.png"'>
 <img fetchpriority=high decoding=async class="img img-dark" width=160 height=32 src=/images/logo-darkmode_hu13157650616442203983.webp alt=Hugoplate onerror='this.onerror=null,this.src="/images/logo-darkmode_hu18102906280955218898.png"'></a></div><div class="lg:col-6 mb-8 text-center lg:mb-0"><ul><li class="m-3 inline-block"><a href=/about/>About</a></li><li class="m-3 inline-block"><a href=/>Newsletter</a></li><li class="m-3 inline-block"><a href=/contact/>Contact</a></li><li class="m-3 inline-block"><a href=/world-map/>World-Map</a></li><li class="m-3 inline-block"><a href=/imprint/>Imprint</a></li></ul></div><div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right"><ul class=social-icons><li><a target=_blank aria-label=email rel="nofollow noopener" href=mailto:LiaScript@web.de><i class="fa fa-envelope"></i></a></li><li><a target=_blank aria-label=twitter rel="nofollow noopener" href=https://twitter.com/liascript><i class="fab fa-twitter"></i></a></li><li><a target=_blank aria-label=github rel="nofollow noopener" href=https://www.github.com/liascript><i class="fab fa-github"></i></a></li><li><a target=_blank aria-label=linkedin rel="nofollow noopener" href=https://www.linkedin.com/in/andr%C3%A9-dietrich-73949415/><i class="fab fa-linkedin"></i></a></li><li><a target=_blank aria-label=youtube rel="nofollow noopener" href=https://www.youtube.com/@liascript4180><i class="fab fa-youtube"></i></a></li></ul></div></div></div><div class="border-border dark:border-darkmode-border border-t py-7"><div class="text-text-light dark:text-darkmode-text-light container text-center"><p>© <a href=/authors/andre-dietrich/>André Dietrich</a> & <a href=/authors/sebastian-zug/>Sebastian Zug</a> 2025.</p></div></div></footer><script crossorigin=anonymous integrity="sha256-LO9JECYLqyMcpGlrtxZcpUn0I8AvhO6oIIibJZv4zbk=" src=/js/script.min.2cef4910260bab231ca4696bb7165ca549f423c02f84eea820889b259bf8cdb9.js></script><script defer async crossorigin=anonymous integrity="sha256-l3oyi9WYDrORpEVQkpi0J6j5lsvYixBoACovLy3uZfA=" src=/js/script-lazy.min.977a328bd5980eb391a445509298b427a8f996cbd88b1068002a2f2f2dee65f0.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>