deploy: 86a8a2e

Author: jh-488

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

@@ -35,13 +35,11 @@
 Share
 </button>
 </span></span><button class="share-link share-copy" onclick='copyToClipboard(this,"https://liascript.github.io/blog/6-quizzes-in-100-seconds/")'>
-<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/multimedia_hu_35f45c4c6c533552.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></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/tutorial/ class=ms-1>Tutorial</a></li></ul><p class=mb-6>How can you embed multimedia content in LiaScript? This post shows you how to embed images, videos, and sounds in your LiaScript courses. You can also embed content from other websites using oEmbed.</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/fonts_hu_acdcd4684990adfb.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></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/macro_hu_4f04cadc3652f425.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/macros/>Macros</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/tutorial/ class=ms-1>Tutorial</a></li></ul><p class=mb-6>How can you define custom macros or even define reusable LiaScript libraries?</p><a class="btn btn-outline-primary btn-sm" href=/blog/macros/>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/fonts_hu_acdcd4684990adfb.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></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>
 <a href=/categories/feature/ class=ms-1>Feature
 ,
-</a><a href=/categories/tutorial/ class=ms-1>Tutorial</a></li></ul><p class=mb-6>How to use different fonts in LiaScript-Markdown and why this might be useful for learning ancient and extinct languages?</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/praxisworkshop-liascript_hu_8652159ced0f7335.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/praxisworkshop-erstellung-eines-e-learning-kurses-mit-liascript/>Praxisworkshop Erstellung eines E-Learning Kurses mit LiaScript</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><a href=/authors/sebastian-zug/>Sebastian Zug</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
-<a href=/categories/community/ class=ms-1>Community
-,
-</a><a href=/categories/tutorial/ class=ms-1>Tutorial</a></li></ul><p class=mb-6>In zwei informativen und komprimierten Videos zeigen Lennart Rosseburg und Twillo wie man mit LiaScript effizient Online-Kurse erstellt.</p><a class="btn btn-outline-primary btn-sm" href=/blog/praxisworkshop-erstellung-eines-e-learning-kurses-mit-liascript/>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_hu_2d85da44ac4b23ba.webp alt=Hugoplate onerror='this.onerror=null,this.src="/images/logo_hu_2ff610deb236fe61.png"'>
+</a><a href=/categories/tutorial/ class=ms-1>Tutorial</a></li></ul><p class=mb-6>How to use different fonts in LiaScript-Markdown and why this might be useful for learning ancient and extinct languages?</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/wearedev22_hu_d8600f359fa8051f.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></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/news/ class=ms-1>News</a></li></ul><p class=mb-6>In this talk, we will present LiaScript, a Markdown-based DSL that is intended to be used for developing online courses, that look like screen-cast with various interactive elements.</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_hu_2d85da44ac4b23ba.webp alt=Hugoplate onerror='this.onerror=null,this.src="/images/logo_hu_2ff610deb236fe61.png"'>
 <img fetchpriority=high decoding=async class="img img-dark" width=160 height=32 src=/images/logo-darkmode_hu_82d9e814e39299bb.webp alt=Hugoplate onerror='this.onerror=null,this.src="/images/logo-darkmode_hu_dfb67d1a03b69aa2.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/>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=/community-graph/>Community Graph</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> 2026.</p></div></div></footer><script crossorigin=anonymous integrity="sha256-zUUY1J7EbAs1/ZcmAVuDi+kVdyetlVJGGkSznCrrBXM=" src=/js/script.min.cd4518d49ec46c0b35fd9726015b838be9157727ad9552461a44b39c2aeb0573.js></script><script defer async crossorigin=anonymous integrity="sha256-ERVlJv0r9BVw+veEd5+D3oOJuHI8UEMwuPAD0a8FNhY=" src=/js/script-lazy.min.11156526fd2bf41570faf784779f83de8389b8723c504330b8f003d1af053616.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>