Skip to content

Commit 217277f

Browse files
committed
deploy: 86a8a2e
1 parent 7f3f2bb commit 217277f

155 files changed

Lines changed: 747 additions & 598 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

docs/authors/jihad-hyadi/index.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,10 @@
2424
</span><span class=search-result-info></span>
2525
<span data-target=close-search-modal><kbd>ESC</kbd> to close</span></div></div></div><main><section class="section-sm pb-0"><div class=container><div class="row border-border dark:border-darkmode-border justify-center border-b pb-14"><div class="lg:col-4 text-center"><img src=/images/author/jihad-hyadi_hu_8447020c388e51a0.webp loading=lazy decoding=async alt="Jihad Hyadi" class="mx-auto circle-image img" width=200 height=200 onerror='this.onerror="null",this.src="/images/author/jihad-hyadi_hu_3ebe918a794787b5.webp"'><h1 class="h3 mt-10">Jihad Hyadi</h1><div class="content mt-6"><p>Full stack developer at the <a href=https://www.tu-freiberg.de/ target=_blank>TU Bergakademie Freiberg</a>, passionate about open and free education. Currently contributing to <a href=https://liascript.github.io/ target=_blank>LiaScript</a> and working on <a href=https://edrys-labs.github.io/ target=_blank>Edrys</a> — an open platform for remote laboratories in the context of embedded systems education.</p></div><ul class="social-icons ml-4 mt-10 text-center"><li><a href=https://github.com/jh-488 target=_blank rel="noopener nofollow"><span class=sr-only></span>
2626
<i class="fa-brands fa-github"></i></a></li><li><a href=https://www.linkedin.com/in/jihadhyadi target=_blank rel="noopener nofollow"><span class=sr-only></span>
27-
<i class="fa-brands fa-linkedin"></i></a></li></ul></div></div><div class="row pb-16 pt-14"><div class="md:col-6 lg:col-4 mb-12"><div class="bg-body dark:bg-darkmode-body"><div class="mb-6 image-container rounded" style="background-image:url(/images/post/liagraph/banner_hu_514c07853af8c894.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/mapping-the-liascript-community-with-liagraph/>Mapping the LiaScript Community with LiaGraph</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/jihad-hyadi/><i class="fa-regular fa-circle-user mr-2"></i>Jihad Hyadi</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
27+
<i class="fa-brands fa-linkedin"></i></a></li></ul></div></div><div class="row pb-16 pt-14"><div class="md:col-6 lg:col-4 mb-12"><div class="bg-body dark:bg-darkmode-body"><div class="mb-6 image-container rounded" style="background-image:url(/images/post/liaskill/banner_hu_71a7c86532de06ad.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/liaskill-creating-liascript-courses-with-ai/>LiaSkill: Creating LiaScript Courses with AI</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/jihad-hyadi/><i class="fa-regular fa-circle-user mr-2"></i>Jihad Hyadi</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
28+
<a href=/categories/news/ class=ms-1>News
29+
,
30+
</a><a href=/categories/feature/ class=ms-1>Feature</a></li></ul><p class=mb-6>LiaSkill is an AI skill that gives any LLM — Claude, ChatGPT, Gemini — structured knowledge of LiaScript syntax, so it can generate complete, interactive courses from a single prompt.</p><a class="btn btn-outline-primary btn-sm" href=/blog/liaskill-creating-liascript-courses-with-ai/>Read More</a></div></div><div class="md:col-6 lg:col-4 mb-12"><div class="bg-body dark:bg-darkmode-body"><div class="mb-6 image-container rounded" style="background-image:url(/images/post/liagraph/banner_hu_514c07853af8c894.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/mapping-the-liascript-community-with-liagraph/>Mapping the LiaScript Community with LiaGraph</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/jihad-hyadi/><i class="fa-regular fa-circle-user mr-2"></i>Jihad Hyadi</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>
2831
<a href=/categories/news/ class=ms-1>News
2932
,
3033
</a><a href=/categories/feature/ class=ms-1>Feature</a></li></ul><p class=mb-6>We built an interactive network graph that maps the LiaScript open-source community — contributors, repositories, and documents — as a force-directed visualization.</p><a class="btn btn-outline-primary btn-sm" href=/blog/mapping-the-liascript-community-with-liagraph/>Read More</a></div></div><div class="md:col-6 lg:col-4 mb-12"><div class="bg-body dark:bg-darkmode-body"><div class="mb-6 image-container rounded" style="background-image:url(/images/post/liaex-from-cli-tool-to-full-export-platform/banner_hu_1732d68c633dc8cc.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/liaex-from-cli-tool-to-full-export-platform/>LiaEx: From CLI Tool to Full Export Platform</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/jihad-hyadi/><i class="fa-regular fa-circle-user mr-2"></i>Jihad Hyadi</a></li><li class="mr-4 inline-block"><i class="fa-regular fa-folder mr-1"></i>

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

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -35,13 +35,10 @@
3535
Share
3636
</button>
3737
</span></span><button class="share-link share-copy" onclick='copyToClipboard(this,"https://liascript.github.io/blog/6-quizzes-in-100-seconds/")'>
38-
<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/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,
39-
</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>
40-
<a href=/categories/community/ class=ms-1>Community
41-
,
42-
</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 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>
43-
<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/trinity_hu_f2398e2ce6f08b76.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></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>
38+
<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_hu_3a85dc585c9caef8.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></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>
39+
<a href=/categories/tutorial/ class=ms-1>Tutorial</a></li></ul><p class=mb-6>How to make your Markdown code-snippets editable and executable?</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/ascii_hu_bec66f29e1359f42.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/ascii-art/>ASCII-aRT</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>
4440
<a href=/categories/feature/ class=ms-1>Feature
4541
,
46-
</a><a href=/categories/tutorial/ class=ms-1>Tutorial</a></li></ul><p class=mb-6>How to create narrative presentations from one Markdown document only and how one course can be used to teach in different languages. For the text to speech output we apply simple-speech ...</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_hu_2d85da44ac4b23ba.webp alt=Hugoplate onerror='this.onerror=null,this.src="/images/logo_hu_2ff610deb236fe61.png"'>
42+
</a><a href=/categories/tutorial/ class=ms-1>Tutorial</a></li></ul><p class=mb-6>A quick introduction into ASCII-aRT and how it is integrated into LiaScript, such that you can integrate for example also formulas and animations to your image...</p><a class="btn btn-outline-primary btn-sm" href=/blog/ascii-art/>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/algebrite_hu_7cd644e89ce05b1d.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/a-custom-extension-for-algebra/>A Custom Extension for Algebra</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>
43+
<a href=/categories/tutorial/ class=ms-1>Tutorial</a></li></ul><p class=mb-6>Today we show how to build a custom extension for executable code-snippets for LiaScript Markdown by using the computer algebra systems Algebrite. The same can be done with any other library, framework, API ...</p><a class="btn btn-outline-primary btn-sm" href=/blog/a-custom-extension-for-algebra/>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"'>
4744
<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>

0 commit comments

Comments
 (0)