deploy: aceaddb

Author: jh-488

docs/blog/093_opal-integrates-liascript/index.html

@@ -31,11 +31,11 @@
 Share
 </button>
 </span></span><button class="share-link share-copy" onclick='copyToClipboard(this,"https://liascript.github.io/blog/093_opal-integrates-liascript/")'>
-<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/theIdealCity_hu5755301879655812459.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/oe3r/>OE³R the next Generation of OER?</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/documentation/ class=ms-1>Documentation</a></li></ul><p class=mb-6>A short history of open educational resources and some ideas about the future ...</p><a class="btn btn-outline-primary btn-sm" href=/blog/oe3r/>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/why-open-education-needs-a-common-language/confusion_hu14536784680725456260.jpg);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/why-open-education-needs-a-common-language/>Why Open Education Needs a Common Language!?</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></li></ul><p class=mb-6>A better question would be: Why do commercial offerings and e-learning platforms dominate online education and &ldquo;NOT&rdquo; Open Educational Resources (OER)?</p><a class="btn btn-outline-primary btn-sm" href=/blog/why-open-education-needs-a-common-language/>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/mccsis_hu5877890251388934689.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/liascript-a-domain-specific-language-for-interactive-online-courses/>LiaScript: a domain-specific-language for interactive online courses</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/twillo_hu11332779370645827006.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/twillo-kurzerklaert-liascript/>kurzerklärt: Wie stelle ich technische Offenheit von OER sicher und warum empfiehlt sich LiaScript?</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sebastian-zug/><i class="fa-regular fa-circle-user mr-2"></i>Sebastian 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/community/ class=ms-1>Community</a></li></ul><p class=mb-6>Twillo ist ein spannendes Projekt, das sich ganz der offenen Hochschullehre widmet.</p><a class="btn btn-outline-primary btn-sm" href=/blog/twillo-kurzerklaert-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/mccsis_hu5877890251388934689.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/liascript-a-domain-specific-language-for-interactive-online-courses/>LiaScript: a domain-specific-language for interactive online courses</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/news/ class=ms-1>News
 ,
-</a><a href=/categories/documentation/ class=ms-1>Documentation</a></li></ul><p class=mb-6>Interactive conference paper for the eLearning 2019 conference in Porto</p><a class="btn btn-outline-primary btn-sm" href=/blog/liascript-a-domain-specific-language-for-interactive-online-courses/>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/documentation/ class=ms-1>Documentation</a></li></ul><p class=mb-6>Interactive conference paper for the eLearning 2019 conference in Porto</p><a class="btn btn-outline-primary btn-sm" href=/blog/liascript-a-domain-specific-language-for-interactive-online-courses/>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/android_hu9974558241748166756.png);height:234px;width:100%;border:1px solid #000;background-position:50%;background-size:cover"></div><h4 class=mb-3><a href=/blog/oer-vision/>Open Educational Ressources (OER) - Vision, Vorteile und praktische Umsetzung mit LiaScript und OPAL</a></h4><ul class=mb-4><li class="mr-4 inline-block"><a href=/authors/sebastian-zug/><i class="fa-regular fa-circle-user mr-2"></i>Sebastian Zug</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>Gemeinsam mit Studenten Lehrmaterialien erstellen und diese unter einer freien OER Lizenz teilen. In diesem E-Teach@Talk spricht Prof. Dr. Sebastian Zug von der TU Bergakademie in Freiberg über seine Erfahrungen beim interaktiven Einsatz von LiaScript in der Lehre. Es wird auch ein Ausblick auf die zukünftigen und derzeitigen Entwicklungen von LiaScript gegeben und es wird diskutiert, was OER eigentlich können muss.</p><a class="btn btn-outline-primary btn-sm" href=/blog/oer-vision/>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> 2026.</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>