1+ <!doctype html> < html itemscope lang =en-us itemtype =http://schema.org/WebPage > < head > < meta charset =utf-8 > < meta name =viewport content ="width=device-width,initial-scale=1,maximum-scale=5 "> < meta name =theme-name content ="hugoplate "> < link rel ="shortcut icon " href =/images/favicon_hu_bad94937a2d0e685.png type =image/x-icon > < link rel =icon href =/images/favicon_hu_bad94937a2d0e685.png type =image/x-icon > < link rel =icon type =image/png sizes =48x48 href =/images/favicon_hu_508093abd96e4b3a.png > < link rel =icon type =image/png sizes =96x96 href =/images/favicon_hu_bad94937a2d0e685.png > < link rel =apple-touch-icon sizes =144x144 href =/images/favicon_hu_664cf923fa68f604.png > < link rel =manifest href =/manifest.webmanifest > < meta name =msapplication-TileColor content ="#ddd "> < meta name =theme-color content ="#ffffff "> < meta property ="og:title " content > < meta property ="og:description " content ="Todo ;-) "> < meta property ="og:type " content ="
2+ article
3+ "> < meta property ="og:url " content ="https://liascript.github.io/authors/jihad-hyadi/ "> < meta property ="og:site_name " content ="LiaScript "> < meta name =twitter:card content ="summary_large_image "> < meta name =twitter:title content > < meta name =twitter:description content ="Todo ;-) "> < script > let indexURL = "https://liascript.github.io/searchindex.json" , includeSectionsInSearch = [ "blog" ] , search_no_results = "No results for" , search_initial_message = "Type something to search.." </ script > < meta http-equiv =x-dns-prefetch-control content ="on "> < link rel =preconnect href =https://use.fontawesome.com crossorigin > < link rel =preconnect href =//cdnjs.cloudflare.com > < link rel =preconnect href =//www.googletagmanager.com > < link rel =preconnect href =//www.google-analytics.com > < link rel =dns-prefetch href =https://use.fontawesome.com > < link rel =dns-prefetch href =//ajax.googleapis.com > < link rel =dns-prefetch href =//cdnjs.cloudflare.com > < link rel =dns-prefetch href =//www.googletagmanager.com > < link rel =dns-prefetch href =//www.google-analytics.com > < link rel =dns-prefetch href =//fonts.googleapis.com > < link rel =dns-prefetch href =//connect.facebook.net > < link rel =dns-prefetch href =//platform.linkedin.com > < link rel =dns-prefetch href =//platform.twitter.com > < link rel =preconnect href =https://fonts.googleapis.com > < link rel =preconnect href =https://fonts.gstatic.com crossorigin > < script > ( function ( ) { const e = document . createElement ( "link" ) ; e . href = "https://fonts.googleapis.com/css2?family=Heebo:wght@400;600&family=Signika:wght@500;700&display=swap" , e . type = "text/css" , e . rel = "stylesheet" , document . head . appendChild ( e ) } ) ( ) </ script > < link href =/css/style.min.a55bc8de0d9823288eff3fab9b7c914967e97f40ea27ba77950e0845b8defc7a.css integrity ="sha256-pVvI3g2YIyiO/z+rm3yRSWfpf0DqJ7p3lQ4IRbje/Ho= " rel =stylesheet > < link defer async rel =stylesheet href =/css/style-lazy.min.9e7e035d2f064fe004383f2ffc11a8f2966ef7b51c5fb2fac926e35c0061b5cf.css integrity ="sha256-nn4DXS8GT+AEOD8v/BGo8pZu97UcX7L6ySbjXABhtc8= " media =print onload ='this.media="all",this.onload=null '> </ head > < body > < header class ="header sticky top-0 z-30 "> < nav class ="navbar container "> < div class =order-0 > < a class ="navbar-brand 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" '>
4+ < 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 > < input id =nav-toggle type =checkbox class =hidden >
5+ < label for =nav-toggle class ="order-3 cursor-pointer flex items-center lg:hidden text-text-dark dark:text-white lg:order-1 "> < svg id ="show-button " class ="h-6 fill-current block " viewBox ="0 0 20 20 "> < title > Menu Open</ title > < path d ="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z "/> </ svg >
6+ < svg id ="hide-button " class ="h-6 fill-current hidden " viewBox ="0 0 20 20 "> < title > Menu Close</ title > < polygon points ="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2 " transform ="rotate(45 10 10) "/> </ svg > </ label > < ul id =nav-menu class ="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8 "> < li class =nav-item > < a class =nav-link target =_blank rel =noopener href =/course/ > Courses</ a > </ li > < li class =nav-item > < a class =nav-link target =_blank rel =noopener href =/LiveEditor > LiveEditor</ a > </ li > < li class =nav-item > < a class =nav-link href =/blog/ > Blog</ a > </ li > < li class =nav-item > < a class =nav-link href =/about/ > About</ a > </ li > < li class =nav-item > < a class =nav-link href =/world-map/ > World-Map</ a > </ li > < li class ="nav-item nav-dropdown group relative "> < span class ="nav-link
7+ inline-flex items-center "> More
8+ < svg class ="h-4 w-4 fill-current " viewBox ="0 0 20 20 "> < path d ="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z "/> </ svg > </ span > < ul class ="nav-dropdown-list lg:group-hover:visible lg:group-hover:opacity-100 "> < li class =nav-dropdown-item > < a class =nav-dropdown-link href =/vscode/ > VSCode - Editor</ a > </ li > < li class =nav-dropdown-item > < a class =nav-dropdown-link href =/vscode-web/ > VSCode-Web - Editor</ a > </ li > < li class =nav-dropdown-item > < a class =nav-dropdown-link href =/atom/ > Atom - Editor</ a > </ li > < li class =nav-dropdown-item > < a class =nav-dropdown-link href =/live-editor/ > Live - Editor</ a > </ li > < li class =nav-dropdown-item > < a class =nav-dropdown-link href =/development-server/ > Development - Server</ a > </ li > < li class =nav-dropdown-item > < a class =nav-dropdown-link href =/exporter/ > Exporter</ a > </ li > < li class =nav-dropdown-item > < a class =nav-dropdown-link href =/ > Authors</ a > </ li > < li class =nav-dropdown-item > < a class =nav-dropdown-link href =/contact/ > Contact</ a > </ li > </ ul > </ li > < li class =nav-item > < a class =nav-link href =/imprint/ > Imprint</ a > </ li > < li class ="mt-4 inline-block lg:hidden "> < a class ="btn btn-outline-primary btn-sm " href =/newsletter > newsletter</ a > </ li > </ ul > < div class ="order-1 ml-auto flex items-center md:order-2 lg:ml-0 "> < button aria-label =search class ="border-border text-text-dark hover:text-primary
9+ dark:border-darkmode-border mr-5 inline-block border-r pr-5
10+ text-xl dark:text-white dark:hover:text-darkmode-primary " data-target =search-modal >
11+ < i class ="fa-solid fa-search "> </ i > </ button > < div class ="theme-switcher mr-5 hidden "> < input id =theme-switcher data-theme-switcher type =checkbox >
12+ < label for =theme-switcher > < span class =sr-only > theme switcher</ span >
13+ < span > < svg class ="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-100 dark:opacity-0 " viewBox ="0 0 56 56 " fill ="#fff " height ="16 " width ="16 "> < path d ="M30 4.6c0-1-.9-2-2-2a2 2 0 00-2 2v5c0 1 .9 2 2 2s2-1 2-2zm9.6 9a2 2 0 000 2.8c.8.8 2 .8 2.9.0L46 13a2 2 0 000-2.9 2 2 0 00-3 0zm-26 2.8c.7.8 2 .8 2.8.0.8-.7.8-2 0-2.9L13 10c-.7-.7-2-.8-2.9.0-.7.8-.7 2.1.0 3zM28 16A12 12 0 0016 28a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0028 16zm23.3 14c1.1.0 2-.9 2-2s-.9-2-2-2h-4.9a2 2 0 00-2 2c0 1.1 1 2 2 2zM4.7 26a2 2 0 00-2 2c0 1.1.9 2 2 2h4.9c1 0 2-.9 2-2s-1-2-2-2zm37.8 13.6a2 2 0 00-3 0 2 2 0 000 2.9l3.6 3.5a2 2 0 002.9.0c.8-.8.8-2.1.0-3zM10 43.1a2 2 0 000 2.9c.8.7 2.1.8 3 0l3.4-3.5c.8-.8.8-2.1.0-2.9s-2-.8-2.9.0zm20 3.4c0-1.1-.9-2-2-2a2 2 0 00-2 2v4.9c0 1 .9 2 2 2s2-1 2-2z "/> </ svg >
14+ < svg class ="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10 opacity-0 dark:opacity-100 " viewBox ="0 0 24 24 " fill ="none " height ="16 " width ="16 "> < path fill ="#000 " fill-rule ="evenodd " clip-rule ="evenodd " d ="M8.2 2.2c1-.4 2 .6 1.6 1.5-1 3-.4 6.4 1.8 8.7a8.4 8.4.0 008.7 1.8c1-.3 2 .5 1.5 1.5v.1A10.3 10.3.0 0112.4 22 10.3 10.3.0 013.2 6.7c1-2 2.9-3.5 4.9-4.4z "/> </ svg > </ span > </ label > </ div > < script > var darkMode = ! 1 ; window . matchMedia ( "(prefers-color-scheme: dark)" ) . matches && ( darkMode = ! 0 ) , localStorage . getItem ( "theme" ) === "dark" ?darkMode = ! 0 :localStorage . getItem ( "theme" ) === "light" && ( darkMode = ! 1 ) , darkMode ?document . documentElement . classList . add ( "dark" ) :document . documentElement . classList . remove ( "dark" ) , document . addEventListener ( "DOMContentLoaded" , ( ) => { var e = document . querySelectorAll ( "[data-theme-switcher]" ) , t = document . querySelector ( ".theme-switcher" ) ; [ ] . forEach . call ( e , function ( e ) { e . checked = darkMode , e . addEventListener ( "click" , ( ) => { document . documentElement . classList . toggle ( "dark" ) , localStorage . setItem ( "theme" , document . documentElement . classList . contains ( "dark" ) ?"dark" :"light" ) } ) } ) , t . classList . remove ( "hidden" ) } ) </ script > < a href =/newsletter class ="btn btn-outline-primary btn-sm hidden lg:inline-block "> newsletter</ a > </ div > </ nav > </ header > < div class =search-modal aria-hidden =true style =--color-primary:#121212 > < div data-target =close-search-modal class =search-modal-overlay > </ div > < div class =search-wrapper data-image =true data-description =true data-tags =true data-categories =true > < div class =search-wrapper-header > < label for =search-modal-input style =margin-top:-1px > < span class =sr-only > search icon</ span >
15+ < svg viewBox ="0 0 512 512 " height ="18 " width ="18 " class ="search-icon " data-type ="search "> < path fill ="currentColor " d ="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8.0 45.3s-32.8 12.5-45.3.0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9.0 208S93.1.0 208 0 416 93.1 416 208zM208 352a144 144 0 100-288 144 144 0 100 288z "/> </ svg >
16+ < svg viewBox ="0 0 512 512 " height ="18 " width ="18 " class ="search-reset " data-type ="reset "> < path fill ="currentColor " d ="M256 512A256 256 0 10256 0a256 256 0 100 512zM175 175c9.4-9.4 24.6-9.4 33.9.0l47 47 47-47c9.4-9.4 24.6-9.4 33.9.0s9.4 24.6.0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6.0 33.9s-24.6 9.4-33.9.0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9.0s-9.4-24.6.0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6.0-33.9z "/> </ svg >
17+ </ label > < input id =search-modal-input type =text data-search-input autocomplete =off aria-label =Search placeholder ="Search Post... "> </ div > < div class =search-wrapper-body > < div class =search-result data-search-result > </ div > < span class =search-result-empty > Type something to search..</ span > </ div > < div class =search-wrapper-footer > < span > < kbd > < svg width ="14 " height ="14 " fill ="currentColor " viewBox ="0 0 16 16 "> < path d ="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 011.506.0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 01-.753-1.659z "/> </ svg >
18+ </ kbd > < kbd > < svg width ="14 " height ="14 " fill ="currentColor " style ="margin-top:1px " viewBox ="0 0 16 16 "> < path d ="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 001.506.0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 00-.753 1.659z "/> </ svg >
19+ </ kbd > to navigate
20+ </ span > < span > < kbd > < svg width ="12 " height ="12 " fill ="currentColor " style ="display:inline-block " viewBox ="0 0 16 16 "> < path fill-rule ="evenodd " d ="M14.5 1.5a.5.5.0 01.5.5v4.8a2.5 2.5.0 01-2.5 2.5H2.707l3.347 3.346a.5.5.0 01-.708.708l-4.2-4.2a.5.5.0 010-.708l4-4a.5.5.0 11.708.708L2.707 8.3H12.5A1.5 1.5.0 0014 6.8V2a.5.5.0 01.5-.5z "/> </ svg >
21+ </ kbd > to select
22+ </ span > < span class =search-result-info > </ span >
23+ < 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 "> < h1 class ="h3 mt-10 "> </ h1 > < div class ="content mt-6 "> < p > Todo ;-)</ p > </ div > < ul class ="social-icons ml-4 mt-10 text-center "> </ ul > </ div > </ div > < div class ="row pb-16 pt-14 "> </ 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" '>
24+ < 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 =/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