deploy: 432aa6d

Author: andre-dietrich

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

@@ -26,13 +26,12 @@
 </span></a><a class="share-link share-reddit" href="https://reddit.com/submit/?url=%2fblog%2fa-custom-extension-for-algebra%2f&amp;resubmit=true&amp;title=Share" target=_blank rel=noopener aria-label="share reddit"><span aria-hidden=true class=share-icon><svg viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96.0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65.0 3-1.35 3-3s-1.35-3-3-3c-1.38.0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65.0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66.0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64.0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4.0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6.0.23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1.0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1.0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg></span></a></div></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.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/andr%C3%A9-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/artemisia.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/images-are-handled-differently/>Images are handled differently</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/andr%C3%A9-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><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/macro.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/macros/>Macros</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/andr%C3%A9-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>LiaScript-Markdown handles images differently:
-a paragraph with a starting image will produce a floating environment a paragraph with only images will produce a gallery the image will be optimally sized & placed &ldquo;titles&rdquo; will be used as captions You can use this this example as a basis for your own course by following this link</p><a class="btn btn-outline-primary btn-sm" href=/blog/images-are-handled-differently/>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/andr%C3%A9-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/shorts/ class=ms-1>Shorts</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/artemisia.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/images-are-handled-differently/>Images are handled differently</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/andr%C3%A9-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/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/shorts/ class=ms-1>Shorts</a></li></ul><p class=mb-6>LiaScript-Markdown handles images differently:
+a paragraph with a starting image will produce a floating environment a paragraph with only images will produce a gallery the image will be optimally sized & placed &ldquo;titles&rdquo; will be used as captions You can use this this example as a basis for your own course by following this link</p><a class="btn btn-outline-primary btn-sm" href=/blog/images-are-handled-differently/>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/>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-w+aS42D2+B+Jix+joZ7pAua1vbu/pRK/IhoP55b8n3w=" src=/js/script-lazy.min.c3e692e360f6f81f898b1fa3a19ee902e6b5bdbbbfa512bf221a0fe796fc9f7c.js></script><script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/service-worker.js")</script></body></html>