You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
</a><ahref=/categories/shorts/class=ms-1>Shorts</a></li></ul><pclass=mb-6>There are 4 ways in LiaScript to embed multimedia content:</p><aclass="btn btn-outline-primary btn-sm" href=/blog/embedding-multimedia-and-more/>Read More</a></div></div><divclass="lg:col-4 md:col-6 mb-14"><divclass="bg-body dark:bg-darkmode-body"><divclass="mb-6 image-container rounded" style="background-image:url(/images/post/coding.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><h4class=mb-3><ahref=/blog/executable-code/>Executable Code</a></h4><ulclass=mb-4><liclass="mr-4 inline-block"><ahref=/authors/andre-dietrich/><iclass="fa-regular fa-circle-user mr-2"></i>André Dietrich</a></li><liclass="mr-4 inline-block"><iclass="fa-regular fa-folder mr-1"></i>
37
+
</a><ahref=/categories/shorts/class=ms-1>Shorts</a></li></ul><pclass=mb-6>This is part one of a demo series that explains certain LiaScript design elements.</p><aclass="btn btn-outline-primary btn-sm" href=/blog/one-document-mutliple-representations/>Read More</a></div></div><divclass="lg:col-4 md:col-6 mb-14"><divclass="bg-body dark:bg-darkmode-body"><divclass="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><h4class=mb-3><ahref=/blog/images-are-handled-differently/>Images are handled differently</a></h4><ulclass=mb-4><liclass="mr-4 inline-block"><ahref=/authors/andre-dietrich/><iclass="fa-regular fa-circle-user mr-2"></i>André Dietrich</a></li><liclass="mr-4 inline-block"><iclass="fa-regular fa-folder mr-1"></i>
38
38
<ahref=/categories/examples/class=ms-1>Examples
39
39
,
40
-
</a><ahref=/categories/shorts/class=ms-1>Shorts</a></li></ul><pclass=mb-6>How to make your Markdown code-snippets editable and executable?
41
-
Our solution, just attach a script-tag to it that defines how the input or inputs should be evaluated…</p><aclass="btn btn-outline-primary btn-sm" href=/blog/executable-code/>Read More</a></div></div><divclass="lg:col-4 md:col-6 mb-14"><divclass="bg-body dark:bg-darkmode-body"><divclass="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><h4class=mb-3><ahref=/blog/images-are-handled-differently/>Images are handled differently</a></h4><ulclass=mb-4><liclass="mr-4 inline-block"><ahref=/authors/andre-dietrich/><iclass="fa-regular fa-circle-user mr-2"></i>André Dietrich</a></li><liclass="mr-4 inline-block"><iclass="fa-regular fa-folder mr-1"></i>
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 “titles” will be used as captions You can use this this example as a basis for your own course by following this link</p><aclass="btn btn-outline-primary btn-sm" href=/blog/images-are-handled-differently/>Read More</a></div></div><divclass="lg:col-4 md:col-6 mb-14"><divclass="bg-body dark:bg-darkmode-body"><divclass="mb-6 image-container rounded" style="background-image:url(/images/post/algebrite.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><h4class=mb-3><ahref=/blog/a-custom-extension-for-algebra/>A Custom Extension for Algebra</a></h4><ulclass=mb-4><liclass="mr-4 inline-block"><ahref=/authors/andre-dietrich/><iclass="fa-regular fa-circle-user mr-2"></i>André Dietrich</a></li><liclass="mr-4 inline-block"><iclass="fa-regular fa-folder mr-1"></i>
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 “titles” will be used as captions You can use this this example as a basis for your own course by following this link</p><aclass="btn btn-outline-primary btn-sm" href=/blog/images-are-handled-differently/>Read More</a></div></div></div></div></div></section></main><footerclass="bg-light dark:bg-darkmode-light"><divclass=container><divclass="row items-center py-10"><divclass="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><aclass="navbar-brand inline-block" href=/><imgfetchpriority=highdecoding=asyncclass="img img-light" width=160height=32src=/images/logo_hu7443897454658306654.webpalt=Hugoplateonerror='this.onerror=null,this.src="/images/logo_hu15236687076654200087.png"'>
44
+
</a><ahref=/categories/shorts/class=ms-1>Shorts</a></li></ul><pclass=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.</p><aclass="btn btn-outline-primary btn-sm" href=/blog/a-custom-extension-for-algebra/>Read More</a></div></div></div></div></div></section></main><footerclass="bg-light dark:bg-darkmode-light"><divclass=container><divclass="row items-center py-10"><divclass="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left"><aclass="navbar-brand inline-block" href=/><imgfetchpriority=highdecoding=asyncclass="img img-light" width=160height=32src=/images/logo_hu7443897454658306654.webpalt=Hugoplateonerror='this.onerror=null,this.src="/images/logo_hu15236687076654200087.png"'>
0 commit comments