deploy: 36718ca

Author: andre-dietrich

docs/authors/andre-dietrich/index.html

@@ -21,7 +21,8 @@
 <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/andre-dietrich_hu15822190180767231119.webp loading=lazy decoding=async alt="André Dietrich" class="mx-auto circle-image img" width=200 height=200 onerror='this.onerror="null",this.src="/images/author/andre-dietrich_hu7067445918278879037.jpeg"'><h1 class="h3 mt-10">André Dietrich</h1><div class="content mt-6"><p>Originally a robotics and embedded software developer now working as a researcher at the Technical University Bergakademie in Freiberg. The current research interests are language design, new web technologies and online education with focus on open educational resources</p></div><ul class="social-icons ml-4 mt-10 text-center"><li><a href=https://github.com/andre-dietrich target=_blank rel="noopener nofollow"><span class=sr-only></span>
 <i class="fa-brands fa-github"></i></a></li><li><a href=https://twitter.com/andre-dietrich target=_blank rel="noopener nofollow"><span class=sr-only></span>
 <i class="fa-brands fa-twitter"></i></a></li><li><a href=https://www.linkedin.com/in/andr%C3%A9-dietrich-73949415/ target=_blank rel="noopener nofollow"><span class=sr-only></span>
-<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/ai-course-preview.webp);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/teach-your-ai-to-generate-liascript-previews/>Teach Your AI to Generate LiaScript Previews</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>
+<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/echarts-diagrams.gif);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/creating-interactive-diagrams-with-echarts/>Creating interactive Diagrams with eCharts</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/article/ class=ms-1>Article</a></li></ul><p class=mb-6>LiaScript uses the powerful eCharts library to create interactive diagrams, whether you&rsquo;re visualizing ASCII art or presenting data from tables.</p><a class="btn btn-outline-primary btn-sm" href=/blog/creating-interactive-diagrams-with-echarts/>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/ai-course-preview.webp);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/teach-your-ai-to-generate-liascript-previews/>Teach Your AI to Generate LiaScript Previews</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/article/ class=ms-1>Article</a></li></ul><p class=mb-6>Claude.ai offers a powerful feature in its paid version that allows you to preview generated code directly.</p><a class="btn btn-outline-primary btn-sm" href=/blog/teach-your-ai-to-generate-liascript-previews/>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/chatgpt-diagrams.gif);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/creating-interactive-diagrams-with-chatgpt/>Creating interactive Diagrams with ChatGPT</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/article/ class=ms-1>Article</a></li></ul><p class=mb-6>Exploring AI-generated content opens the door to fascinating possibilities. In this article, we delve into how you can leverage AI models, like ChatGPT, to create interactive diagrams that can be customized on the fly.</p><a class="btn btn-outline-primary btn-sm" href=/blog/creating-interactive-diagrams-with-chatgpt/>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/layout.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/changing-layout-flexbox-is-your-friend/>Changing Layout - FlexBox is your Friend</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/article/ class=ms-1>Article</a></li></ul><p class=mb-6>In this article, we will show you how to change the layout of certain parts of your LiaScript course easily with FlexBox.</p><a class="btn btn-outline-primary btn-sm" href=/blog/changing-layout-flexbox-is-your-friend/>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/collaborative-drawings.gif);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/collaborative-drawings/>Collaborative drawings made with LiaScript</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>