diff --git a/docs/_astro/Carousel.7d55244c.js b/docs/_astro/Carousel.7d55244c.js
new file mode 100644
index 00000000..4869a62b
--- /dev/null
+++ b/docs/_astro/Carousel.7d55244c.js
@@ -0,0 +1 @@
+import{d as g,c as h,o as f,g as d,a as m,r as u,s as v,t as $}from"./web.f19d8d5f.js";/* empty css                       */var p=$("<div class=carousel><div class=inner></div><img class=left alt=left src=/img/right-arrow.svg><img class=right alt=right src=/img/right-arrow.svg>");function x(a){const{entries:e}=a;if(!Array.isArray(e))throw new Error("Expected an entries array");const[r,i]=h(0);f(()=>{i(0)});const o=function(){const t=e.length;if(!isFinite(t))throw new Error("Missing length");i((r()-1+t)%t)},l=function(){const t=e.length;if(!isFinite(t))throw new Error("Missing length");i((r()+1)%t)};return(()=>{var t=d(p),n=t.firstChild,s=n.nextSibling,c=s.nextSibling;return s.$$click=o,c.$$click=l,m(()=>v(n,"innerHTML",e[r()])),u(),t})()}g(["click"]);export{x as default};
diff --git a/docs/_astro/Carousel.ca7e782c.js b/docs/_astro/Carousel.ca7e782c.js
deleted file mode 100644
index a36d217e..00000000
--- a/docs/_astro/Carousel.ca7e782c.js
+++ /dev/null
@@ -1 +0,0 @@
-import{d as g,c as h,o as f,g as u,a as d,r as m,i as $,t as w}from"./web.b08adc99.js";const E=w('<div class="carousel"><div class="inner"></div><img class="left" alt="left" src="/img/right-arrow.svg"><img class="right" alt="right" src="/img/right-arrow.svg">');function p(o){const{entries:e}=o;if(!Array.isArray(e))throw new Error("Expected an entries array");const[n,i]=h(0);f(()=>{i(0)});const a=function(){const t=e.length;if(!isFinite(t))throw new Error("Missing length");i((n()-1+t)%t)},l=function(){const t=e.length;if(!isFinite(t))throw new Error("Missing length");i((n()+1)%t)};return(()=>{const t=u(E),r=t.firstChild,s=r.nextSibling,c=s.nextSibling;return s.$$click=a,c.$$click=l,d(()=>$(r,e[n()])),m(),t})()}g(["click"]);export{p as default};
diff --git a/docs/_astro/client.5d590acc.js b/docs/_astro/client.5d590acc.js
deleted file mode 100644
index 2d6bf9b2..00000000
--- a/docs/_astro/client.5d590acc.js
+++ /dev/null
@@ -1 +0,0 @@
-import{b as u,h,e as b,s as m}from"./web.b08adc99.js";var y=r=>(s,n,o,{client:a})=>{if(window._$HY||(window._$HY={events:[],completed:new WeakSet,r:{}}),!r.hasAttribute("ssr"))return;const d=a==="only"?u:h;let t={};if(Object.keys(o).length>0)if(m.context)r.querySelectorAll("astro-slot").forEach(e=>{t[e.getAttribute("name")||"default"]=e.cloneNode(!0)});else for(const[e,f]of Object.entries(o))t[e]=document.createElement("astro-slot"),e!=="default"&&t[e].setAttribute("name",e),t[e].innerHTML=f;const{default:l,...i}=t,c=r.dataset.solidRenderId;d(()=>b(s,{...n,...i,children:l}),r,{renderId:c})};export{y as default};
diff --git a/docs/_astro/client.be91f41c.js b/docs/_astro/client.be91f41c.js
new file mode 100644
index 00000000..6dc99703
--- /dev/null
+++ b/docs/_astro/client.be91f41c.js
@@ -0,0 +1 @@
+import{b as u,h,e as b,f as m}from"./web.f19d8d5f.js";var y=r=>(n,s,o,{client:a})=>{if(window._$HY||(window._$HY={events:[],completed:new WeakSet,r:{}}),!r.hasAttribute("ssr"))return;const d=a==="only"?u:h;let t={};if(Object.keys(o).length>0)if(m.context)r.querySelectorAll("astro-slot").forEach(e=>{t[e.getAttribute("name")||"default"]=e.cloneNode(!0)});else for(const[e,c]of Object.entries(o))t[e]=document.createElement("astro-slot"),e!=="default"&&t[e].setAttribute("name",e),t[e].innerHTML=c;const{default:l,...f}=t,i=r.dataset.solidRenderId;d(()=>b(n,{...s,...f,children:l}),r,{renderId:i})};export{y as default};
diff --git a/docs/_astro/index.05c236b1.css b/docs/_astro/index.05c236b1.css
deleted file mode 100644
index d4da697e..00000000
--- a/docs/_astro/index.05c236b1.css
+++ /dev/null
@@ -1 +0,0 @@
-@font-face{font-family:Glyphicons;src:url(/fonts/glyphicons-halflings-regular.woff)}.glyphicon{font-family:Glyphicons}main .socials{list-style:none;display:flex;font-size:2.25em;margin:2.5vmin 0;justify-content:space-around;flex-wrap:wrap}main .socials li{width:initial}main .computer{margin-top:5vmin}main .jumbotron{background-color:#202020!important}main .display{list-style:none;display:grid;gap:1rem;width:100%;grid-template-rows:repeat(auto-fit,minmax(100px,1fr));grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}main .display li{display:flex;justify-content:center;align-items:center;min-width:fit-content}main .display li a{margin:auto}main .row{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:left}main .row>*{float:left;position:relative}@media (min-width: 1080px){main .row.three>*{max-width:33.33%}}@media (min-width: 640px){main .row.two>*{width:48%}}main .right{float:right}main blockquote{padding:2vmax;border-left:3px solid #ccc}main h1,main h2,main h3{margin-top:4vmin;margin-bottom:2vmin}@media (min-width: 640px){main h1{font-size:3em}}main a.btn{color:#000!important;text-decoration:none;display:inline-block;padding:2vmin;margin:2vmin .5vmin;border-radius:2vmin}main a.btn:nth-of-type(1){margin-left:0}main a.btn.success{background-color:#6ba832;color:#000!important}main a.btn.primary{background-color:#337ab7}main a.btn.danger{background-color:#d9534f}main a.btn.discord{background-color:#ccc}main a.btn.discord path{fill:#000}main a.btn.primary,main a.btn.danger{color:#fff!important;text-shadow:1px 1px .4vmin rgba(0,0,0,.6392156863)}main a.btn.default{background-color:#fff;color:#000!important;text-shadow:none}main ul li{margin:2vmin 0;width:100%}main ul li>*{display:inline-block}main ul ul{margin-left:10vmin}main .table{text-align:center;width:100%;max-width:100%}main .table tbody th:first-child{text-align:left}main .glyphicon.text-success{color:#82c743}main .glyphicon.glyphicon-check:before{content:"\e067"}main .spotlight{position:relative}main .spotlight>*:not(script):not(style):not(astro-island){margin-top:2vmin;display:inline-block;width:100%}@media (min-width: 640px){main .spotlight>*:not(script):not(style):not(astro-island){width:49%}}main .spotlight a{display:inline-block;margin:3vmin 0}main .spotlight .content{position:relative}main .spotlight .content:after{padding-top:56.25%;content:"";display:block}main .spotlight .content iframe,main .spotlight .content img{width:100%;height:100%;position:absolute;top:0;left:0}main .browsers{margin-top:3vmin}main .browsers tbody tr{padding:5vmin 0}main .browsers tbody tr:not(:first-child) th,main .browsers tbody tr:not(:first-child) td{border-top:.1vmin solid #404040}main .browsers tbody tr th{color:#337ab7}main .browsers tbody tr th,main .browsers tbody tr td{padding:1vmin}main .quick-start{margin-top:2vmin}main .quick-start ul{list-style:none}main .quick-start ul li{display:inline}main hr{background-color:#404040;height:.5px;border:none;margin-bottom:3vmin}.carousel{color:#fff;display:flex;flex-direction:column;position:relative;max-width:100%;overflow:hidden;width:100%}.carousel .main{pointer-events:none;user-select:none;width:auto;height:90vmin;border-width:0 3px;max-width:100%;max-height:100%;margin:0 auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel .main.loading{display:none}.carousel .loader{position:absolute;height:30vmin;width:auto;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%)}.carousel .description{position:relative;flex-grow:1;font-size:.75em;width:calc(100% - 100px);line-height:200%;text-align:center;max-width:100%;padding:3vh 50px}.carousel .description>h2{margin-bottom:1.5vh;font-weight:400}.carousel>.background{overflow:hidden;position:relative;color:#fff;min-height:90vmin;width:100%}.carousel>.background>button{color:#fff;position:absolute;top:0;text-shadow:0 0 5px black;font-size:15vh;cursor:pointer;user-select:none;background:none;border:none;height:100%;vertical-align:middle;width:20%}.carousel .left,.carousel .right{transition:opacity .5s linear;position:absolute;top:50%;transform:translateY(-50%);height:20vmin;border:none;cursor:pointer;user-select:none;margin:0;filter:drop-shadow(0 0 1vmin rgba(0,0,0,.615))}.carousel .left{text-align:left;left:0;transform:translateY(-50%) rotate(180deg)}.carousel .right{text-align:right;right:0}.carousel .more{left:50%;transform:translate(-50%);position:absolute;bottom:calc(100% + 5vh);z-index:1;border:2px solid #85a141;padding:10px 30px;border-radius:0 50px;color:inherit;text-decoration:none;font-weight:700;font-size:1.5em;transition:border-color .4s ease}.carousel .more:hover{border-color:#0f790f!important;transition:none}main:where(.astro-J7PV25F6) h1:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6) h2:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6) h3:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6) h4:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6) h5:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6) h6:where(.astro-J7PV25F6){margin-bottom:5vmin}main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6){padding:5vmin 20vmin}@media (max-width: 640px){main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6){padding:5vmin 10vmin}}main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd){background-color:#404040;color:#fff}main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h1:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h2:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h3:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h4:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h5:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h6:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) a:where(.astro-J7PV25F6){color:#8de48d}main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h1:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h2:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h3:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h4:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h5:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h6:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child a:where(.astro-J7PV25F6){color:#6ba832}
diff --git a/docs/_astro/index.37411258.css b/docs/_astro/index.37411258.css
new file mode 100644
index 00000000..8dd12ed6
--- /dev/null
+++ b/docs/_astro/index.37411258.css
@@ -0,0 +1 @@
+@font-face{font-family:Glyphicons;src:url(/fonts/glyphicons-halflings-regular.woff)}.glyphicon{font-family:Glyphicons}main .socials{list-style:none;display:flex;font-size:2.25em;margin:2.5vmin 0;justify-content:space-around;flex-wrap:wrap}main .socials li{width:initial}main .computer{margin-top:5vmin}main .jumbotron{background-color:#202020!important}main .display{list-style:none;display:grid;gap:1rem;width:100%;grid-template-rows:repeat(auto-fit,minmax(100px,1fr));grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}main .display li{display:flex;justify-content:center;align-items:center;min-width:fit-content}main .display li a{margin:auto}main .row{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;align-items:left}main .row>*{float:left;position:relative}@media (min-width: 1080px){main .row.three>*{max-width:33.33%}}@media (min-width: 640px){main .row.two>*{width:48%}}main .right{float:right}main blockquote{padding:2vmax;border-left:3px solid #ccc}main h1,main h2,main h3{margin-top:4vmin;margin-bottom:2vmin}@media (min-width: 640px){main h1{font-size:3em}}main a.btn{color:#000!important;text-decoration:none;display:inline-block;padding:2vmin;margin:2vmin .5vmin;border-radius:2vmin}main a.btn:nth-of-type(1){margin-left:0}main a.btn.success{background-color:#6ba832;color:#000!important}main a.btn.primary{background-color:#337ab7}main a.btn.danger{background-color:#d9534f}main a.btn.discord{background-color:#ccc}main a.btn.discord path{fill:#000}main a.btn.primary,main a.btn.danger{color:#fff!important;text-shadow:1px 1px .4vmin rgba(0,0,0,.6392156863)}main a.btn.default{background-color:#fff;color:#000!important;text-shadow:none}main ul li{margin:2vmin 0;width:100%}main ul li>*{display:inline-block}main ul ul{margin-left:10vmin}main .table{text-align:center;width:100%;max-width:100%}main .table tbody th:first-child{text-align:left}main .glyphicon.text-success{color:#82c743}main .glyphicon.glyphicon-check:before{content:""}main .spotlight{position:relative}main .spotlight>*:not(script):not(style):not(astro-island){margin-top:2vmin;display:inline-block;width:100%}@media (min-width: 640px){main .spotlight>*:not(script):not(style):not(astro-island){width:49%}}main .spotlight a{display:inline-block;margin:3vmin 0}main .spotlight .content{position:relative}main .spotlight .content:after{padding-top:56.25%;content:"";display:block}main .spotlight .content iframe,main .spotlight .content img{width:100%;height:100%;position:absolute;top:0;left:0}main .browsers{margin-top:3vmin}main .browsers tbody tr{padding:5vmin 0}main .browsers tbody tr:not(:first-child) th,main .browsers tbody tr:not(:first-child) td{border-top:.1vmin solid #404040}main .browsers tbody tr th{color:#337ab7}main .browsers tbody tr th,main .browsers tbody tr td{padding:1vmin}main .quick-start{margin-top:2vmin}main .quick-start ul{list-style:none}main .quick-start ul li{display:inline}main hr{background-color:#404040;height:.5px;border:none;margin-bottom:3vmin}.carousel{color:#fff;display:flex;flex-direction:column;position:relative;max-width:100%;overflow:hidden;width:100%}.carousel .main{pointer-events:none;user-select:none;width:auto;height:90vmin;border-width:0 3px;max-width:100%;max-height:100%;margin:0 auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel .main.loading{display:none}.carousel .loader{position:absolute;height:30vmin;width:auto;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%)}.carousel .description{position:relative;flex-grow:1;font-size:.75em;width:calc(100% - 100px);line-height:200%;text-align:center;max-width:100%;padding:3vh 50px}.carousel .description>h2{margin-bottom:1.5vh;font-weight:400}.carousel>.background{overflow:hidden;position:relative;color:#fff;min-height:90vmin;width:100%}.carousel>.background>button{color:#fff;position:absolute;top:0;text-shadow:0 0 5px black;font-size:15vh;cursor:pointer;user-select:none;background:none;border:none;height:100%;vertical-align:middle;width:20%}.carousel .left,.carousel .right{transition:opacity .5s linear;position:absolute;top:50%;transform:translateY(-50%);height:20vmin;border:none;cursor:pointer;user-select:none;margin:0;filter:drop-shadow(0 0 1vmin rgba(0,0,0,.615))}.carousel .left{text-align:left;left:0;transform:translateY(-50%) rotate(180deg)}.carousel .right{text-align:right;right:0}.carousel .more{left:50%;transform:translate(-50%);position:absolute;bottom:calc(100% + 5vh);z-index:1;border:2px solid #85a141;padding:10px 30px;border-radius:0 50px;color:inherit;text-decoration:none;font-weight:700;font-size:1.5em;transition:border-color .4s ease}.carousel .more:hover{border-color:#0f790f!important;transition:none}main:where(.astro-J7PV25F6) h1:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6) h2:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6) h3:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6) h4:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6) h5:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6) h6:where(.astro-J7PV25F6){margin-bottom:5vmin}main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6){padding:5vmin 20vmin}@media (max-width: 640px){main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6){padding:5vmin 10vmin}}main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd){background-color:#404040;color:#fff}main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h1:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h2:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h3:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h4:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h5:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) h6:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):nth-child(odd) a:where(.astro-J7PV25F6){color:#8de48d}main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h1:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h2:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h3:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h4:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h5:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child h6:where(.astro-J7PV25F6),main:where(.astro-J7PV25F6)>:where(.astro-J7PV25F6):first-child a:where(.astro-J7PV25F6){color:#6ba832}
diff --git a/docs/_astro/index.d2a22db5.css b/docs/_astro/index.d2a22db5.css
new file mode 100644
index 00000000..ffb7c04c
--- /dev/null
+++ b/docs/_astro/index.d2a22db5.css
@@ -0,0 +1 @@
+.carousel{color:#fff;display:flex;flex-direction:column;position:relative;max-width:100%;overflow:hidden;width:100%}.carousel .main{pointer-events:none;user-select:none;width:auto;height:90vmin;border-width:0 3px;max-width:100%;max-height:100%;margin:0 auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel .main.loading{display:none}.carousel .loader{position:absolute;height:30vmin;width:auto;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%)}.carousel .description{position:relative;flex-grow:1;font-size:.75em;width:calc(100% - 100px);line-height:200%;text-align:center;max-width:100%;padding:3vh 50px}.carousel .description>h2{margin-bottom:1.5vh;font-weight:400}.carousel>.background{overflow:hidden;position:relative;color:#fff;min-height:90vmin;width:100%}.carousel>.background>button{color:#fff;position:absolute;top:0;text-shadow:0 0 5px black;font-size:15vh;cursor:pointer;user-select:none;background:none;border:none;height:100%;vertical-align:middle;width:20%}.carousel .left,.carousel .right{transition:opacity .5s linear;position:absolute;top:50%;transform:translateY(-50%);height:20vmin;border:none;cursor:pointer;user-select:none;margin:0;filter:drop-shadow(0 0 1vmin rgba(0,0,0,.615))}.carousel .left{text-align:left;left:0;transform:translateY(-50%) rotate(180deg)}.carousel .right{text-align:right;right:0}.carousel .more{left:50%;transform:translate(-50%);position:absolute;bottom:calc(100% + 5vh);z-index:1;border:2px solid #85a141;padding:10px 30px;border-radius:0 50px;color:inherit;text-decoration:none;font-weight:700;font-size:1.5em;transition:border-color .4s ease}.carousel .more:hover{border-color:#0f790f!important;transition:none}
diff --git a/docs/_astro/web.b08adc99.js b/docs/_astro/web.b08adc99.js
deleted file mode 100644
index 95eba41d..00000000
--- a/docs/_astro/web.b08adc99.js
+++ /dev/null
@@ -1 +0,0 @@
-const f={context:void 0,registry:void 0};function L(e){f.context=e}function K(){return{...f.context,id:`${f.context.id}${f.context.count++}-`,count:0}}const Q=(e,n)=>e===n,D={equals:Q};let q=k;const y=1,S=2,I={owned:null,cleanups:null,context:null,owner:null};var d=null;let H=null,u=null,h=null,g=null,m=0;function X(e,n){const t=u,s=d,i=e.length===0,o=i?I:{owned:null,cleanups:null,context:null,owner:n===void 0?s:n},r=i?e:()=>e(()=>b(()=>T(o)));d=o,u=null;try{return A(r,!0)}finally{u=t,d=s}}function fe(e,n){n=n?Object.assign({},D,n):D;const t={value:e,observers:null,observerSlots:null,comparator:n.equals||void 0},s=i=>(typeof i=="function"&&(i=i(t.value)),Y(t,i));return[Z.bind(t),s]}function M(e,n,t){const s=j(e,n,!1,y);N(s)}function J(e,n,t){q=te;const s=j(e,n,!1,y);(!t||!t.render)&&(s.user=!0),g?g.push(s):N(s)}function b(e){if(u===null)return e();const n=u;u=null;try{return e()}finally{u=n}}function ue(e){J(()=>b(e))}function Z(){if(this.sources&&this.state)if(this.state===y)N(this);else{const e=h;h=null,A(()=>C(this),!1),h=e}if(u){const e=this.observers?this.observers.length:0;u.sources?(u.sources.push(this),u.sourceSlots.push(e)):(u.sources=[this],u.sourceSlots=[e]),this.observers?(this.observers.push(u),this.observerSlots.push(u.sources.length-1)):(this.observers=[u],this.observerSlots=[u.sources.length-1])}return this.value}function Y(e,n,t){let s=e.value;return(!e.comparator||!e.comparator(s,n))&&(e.value=n,e.observers&&e.observers.length&&A(()=>{for(let i=0;i<e.observers.length;i+=1){const o=e.observers[i],r=H&&H.running;r&&H.disposed.has(o),(r?!o.tState:!o.state)&&(o.pure?h.push(o):g.push(o),o.observers&&F(o)),r||(o.state=y)}if(h.length>1e6)throw h=[],new Error},!1)),n}function N(e){if(!e.fn)return;T(e);const n=d,t=u,s=m;u=d=e,z(e,e.value,s),u=t,d=n}function z(e,n,t){let s;try{s=e.fn(n)}catch(i){return e.pure&&(e.state=y,e.owned&&e.owned.forEach(T),e.owned=null),e.updatedAt=t+1,R(i)}(!e.updatedAt||e.updatedAt<=t)&&(e.updatedAt!=null&&"observers"in e?Y(e,s):e.value=s,e.updatedAt=t)}function j(e,n,t,s=y,i){const o={fn:e,state:s,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:n,owner:d,context:null,pure:t};return d===null||d!==I&&(d.owned?d.owned.push(o):d.owned=[o]),o}function E(e){if(e.state===0)return;if(e.state===S)return C(e);if(e.suspense&&b(e.suspense.inFallback))return e.suspense.effects.push(e);const n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<m);)e.state&&n.push(e);for(let t=n.length-1;t>=0;t--)if(e=n[t],e.state===y)N(e);else if(e.state===S){const s=h;h=null,A(()=>C(e,n[0]),!1),h=s}}function A(e,n){if(h)return e();let t=!1;n||(h=[]),g?t=!0:g=[],m++;try{const s=e();return ee(t),s}catch(s){t||(g=null),h=null,R(s)}}function ee(e){if(h&&(k(h),h=null),e)return;const n=g;g=null,n.length&&A(()=>q(n),!1)}function k(e){for(let n=0;n<e.length;n++)E(e[n])}function te(e){let n,t=0;for(n=0;n<e.length;n++){const s=e[n];s.user?e[t++]=s:E(s)}for(f.context&&L(),n=0;n<t;n++)E(e[n])}function C(e,n){e.state=0;for(let t=0;t<e.sources.length;t+=1){const s=e.sources[t];if(s.sources){const i=s.state;i===y?s!==n&&(!s.updatedAt||s.updatedAt<m)&&E(s):i===S&&C(s,n)}}}function F(e){for(let n=0;n<e.observers.length;n+=1){const t=e.observers[n];t.state||(t.state=S,t.pure?h.push(t):g.push(t),t.observers&&F(t))}}function T(e){let n;if(e.sources)for(;e.sources.length;){const t=e.sources.pop(),s=e.sourceSlots.pop(),i=t.observers;if(i&&i.length){const o=i.pop(),r=t.observerSlots.pop();s<i.length&&(o.sourceSlots[r]=s,i[s]=o,t.observerSlots[s]=r)}}if(e.owned){for(n=e.owned.length-1;n>=0;n--)T(e.owned[n]);e.owned=null}if(e.cleanups){for(n=e.cleanups.length-1;n>=0;n--)e.cleanups[n]();e.cleanups=null}e.state=0,e.context=null}function R(e){throw e}let G=!1;function ne(){G=!0}function ce(e,n){if(G&&f.context){const t=f.context;L(K());const s=b(()=>e(n||{}));return L(t),s}return b(()=>e(n||{}))}function se(e,n,t){let s=t.length,i=n.length,o=s,r=0,l=0,c=n[i-1].nextSibling,a=null;for(;r<i||l<o;){if(n[r]===t[l]){r++,l++;continue}for(;n[i-1]===t[o-1];)i--,o--;if(i===r){const p=o<s?l?t[l-1].nextSibling:t[o-l]:c;for(;l<o;)e.insertBefore(t[l++],p)}else if(o===l)for(;r<i;)(!a||!a.has(n[r]))&&n[r].remove(),r++;else if(n[r]===t[o-1]&&t[l]===n[i-1]){const p=n[--i].nextSibling;e.insertBefore(t[l++],n[r++].nextSibling),e.insertBefore(t[--o],p),n[i]=t[o]}else{if(!a){a=new Map;let w=l;for(;w<o;)a.set(t[w],w++)}const p=a.get(n[r]);if(p!=null)if(l<p&&p<o){let w=r,$=1,B;for(;++w<i&&w<o&&!((B=a.get(n[w]))==null||B!==p+$);)$++;if($>p-l){const W=n[r];for(;l<p;)e.insertBefore(t[l++],W)}else e.replaceChild(t[l++],n[r++])}else r++;else n[r++].remove()}}}const _="_$DX_DELEGATE";function ie(e,n,t,s={}){let i;return X(o=>{i=o,n===document?e():le(n,e(),n.firstChild?null:void 0,t)},s.owner),()=>{i(),n.textContent=""}}function ae(e,n,t){let s;const i=()=>{const r=document.createElement("template");return r.innerHTML=e,t?r.content.firstChild.firstChild:r.content.firstChild},o=n?()=>(s||(s=i())).cloneNode(!0):()=>b(()=>document.importNode(s||(s=i()),!0));return o.cloneNode=o,o}function he(e,n=window.document){const t=n[_]||(n[_]=new Set);for(let s=0,i=e.length;s<i;s++){const o=e[s];t.has(o)||(t.add(o),n.addEventListener(o,V))}}function de(e,n){!f.context&&(e.innerHTML=n)}function le(e,n,t,s){if(t!==void 0&&!s&&(s=[]),typeof n!="function")return v(e,n,s,t);M(i=>v(e,n(),i,t),s)}function oe(e,n,t={}){f.completed=globalThis._$HY.completed,f.events=globalThis._$HY.events,f.load=globalThis._$HY.load,f.gather=i=>P(n,i),f.registry=new Map,f.context={id:t.renderId||"",count:0},P(n,t.renderId);const s=ie(e,n,[...n.childNodes],t);return f.context=null,s}function pe(e){let n,t;if(!f.context||!(n=f.registry.get(t=re()))){if(f.context&&console.warn("Unable to find DOM nodes for hydration key:",t),!e)throw new Error("Unrecoverable Hydration Mismatch. No template for key: "+t);return e()}return f.completed&&f.completed.add(n),f.registry.delete(t),n}function ge(){f.events&&!f.events.queued&&(queueMicrotask(()=>{const{completed:e,events:n}=f;for(n.queued=!1;n.length;){const[t,s]=n[0];if(!e.has(t))return;V(s),n.shift()}}),f.events.queued=!0)}function V(e){const n=`$$${e.type}`;let t=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==t&&Object.defineProperty(e,"target",{configurable:!0,value:t}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return t||document}}),f.registry&&!f.done&&(f.done=_$HY.done=!0);t;){const s=t[n];if(s&&!t.disabled){const i=t[`${n}Data`];if(i!==void 0?s.call(t,i,e):s.call(t,e),e.cancelBubble)return}t=t._$host||t.parentNode||t.host}}function v(e,n,t,s,i){if(f.context){!t&&(t=[...e.childNodes]);let l=[];for(let c=0;c<t.length;c++){const a=t[c];a.nodeType===8&&a.data.slice(0,2)==="!$"?a.remove():l.push(a)}t=l}for(;typeof t=="function";)t=t();if(n===t)return t;const o=typeof n,r=s!==void 0;if(e=r&&t[0]&&t[0].parentNode||e,o==="string"||o==="number"){if(f.context)return t;if(o==="number"&&(n=n.toString()),r){let l=t[0];l&&l.nodeType===3?l.data=n:l=document.createTextNode(n),t=x(e,t,s,l)}else t!==""&&typeof t=="string"?t=e.firstChild.data=n:t=e.textContent=n}else if(n==null||o==="boolean"){if(f.context)return t;t=x(e,t,s)}else{if(o==="function")return M(()=>{let l=n();for(;typeof l=="function";)l=l();t=v(e,l,t,s)}),()=>t;if(Array.isArray(n)){const l=[],c=t&&Array.isArray(t);if(U(l,n,t,i))return M(()=>t=v(e,l,t,s,!0)),()=>t;if(f.context){if(!l.length)return t;for(let a=0;a<l.length;a++)if(l[a].parentNode)return t=l}if(l.length===0){if(t=x(e,t,s),r)return t}else c?t.length===0?O(e,l,s):se(e,t,l):(t&&x(e),O(e,l));t=l}else if(n instanceof Node){if(f.context&&n.parentNode)return t=r?[n]:n;if(Array.isArray(t)){if(r)return t=x(e,t,s,n);x(e,t,null,n)}else t==null||t===""||!e.firstChild?e.appendChild(n):e.replaceChild(n,e.firstChild);t=n}else console.warn("Unrecognized value. Skipped inserting",n)}return t}function U(e,n,t,s){let i=!1;for(let o=0,r=n.length;o<r;o++){let l=n[o],c=t&&t[o];if(l instanceof Node)e.push(l);else if(!(l==null||l===!0||l===!1))if(Array.isArray(l))i=U(e,l,c)||i;else if(typeof l=="function")if(s){for(;typeof l=="function";)l=l();i=U(e,Array.isArray(l)?l:[l],Array.isArray(c)?c:[c])||i}else e.push(l),i=!0;else{const a=String(l);c&&c.nodeType===3?(c.data=a,e.push(c)):e.push(document.createTextNode(a))}}return i}function O(e,n,t=null){for(let s=0,i=n.length;s<i;s++)e.insertBefore(n[s],t)}function x(e,n,t,s){if(t===void 0)return e.textContent="";const i=s||document.createTextNode("");if(n.length){let o=!1;for(let r=n.length-1;r>=0;r--){const l=n[r];if(i!==l){const c=l.parentNode===e;!o&&!r?c?e.replaceChild(i,l):e.insertBefore(i,t):c&&l.remove()}else o=!0}}else e.insertBefore(i,t);return[i]}function P(e,n){const t=e.querySelectorAll("*[data-hk]");for(let s=0;s<t.length;s++){const i=t[s],o=i.getAttribute("data-hk");(!n||o.startsWith(n))&&!f.registry.has(o)&&f.registry.set(o,i)}}function re(){const e=f.context;return`${e.id}${e.count++}`}const ye=(...e)=>(ne(),oe(...e));export{M as a,ie as b,fe as c,he as d,ce as e,pe as g,ye as h,de as i,ue as o,ge as r,f as s,ae as t};
diff --git a/docs/_astro/web.f19d8d5f.js b/docs/_astro/web.f19d8d5f.js
new file mode 100644
index 00000000..0ad4dd4d
--- /dev/null
+++ b/docs/_astro/web.f19d8d5f.js
@@ -0,0 +1 @@
+const r={context:void 0,registry:void 0};function B(e){r.context=e}function Q(){return{...r.context,id:`${r.context.id}${r.context.count++}-`,count:0}}const X=(e,n)=>e===n,U={equals:X};let Y=R;const w=1,A=2,j={owned:null,cleanups:null,context:null,owner:null};var g=null;let H=null,J=null,a=null,d=null,y=null,T=0;function Z(e,n){const t=a,s=g,i=e.length===0,l=n===void 0?s:n,f=i?j:{owned:null,cleanups:null,context:l?l.context:null,owner:l},o=i?e:()=>e(()=>x(()=>m(f)));g=f,a=null;try{return E(o,!0)}finally{a=t,g=s}}function ce(e,n){n=n?Object.assign({},U,n):U;const t={value:e,observers:null,observerSlots:null,comparator:n.equals||void 0},s=i=>(typeof i=="function"&&(i=i(t.value)),I(t,i));return[z.bind(t),s]}function _(e,n,t){const s=F(e,n,!1,w);$(s)}function k(e,n,t){Y=ne;const s=F(e,n,!1,w);(!t||!t.render)&&(s.user=!0),y?y.push(s):$(s)}function x(e){if(a===null)return e();const n=a;a=null;try{return e()}finally{a=n}}function ae(e){k(()=>x(e))}function z(){if(this.sources&&this.state)if(this.state===w)$(this);else{const e=d;d=null,E(()=>C(this),!1),d=e}if(a){const e=this.observers?this.observers.length:0;a.sources?(a.sources.push(this),a.sourceSlots.push(e)):(a.sources=[this],a.sourceSlots=[e]),this.observers?(this.observers.push(a),this.observerSlots.push(a.sources.length-1)):(this.observers=[a],this.observerSlots=[a.sources.length-1])}return this.value}function I(e,n,t){let s=e.value;return(!e.comparator||!e.comparator(s,n))&&(e.value=n,e.observers&&e.observers.length&&E(()=>{for(let i=0;i<e.observers.length;i+=1){const l=e.observers[i],f=H&&H.running;f&&H.disposed.has(l),(f?!l.tState:!l.state)&&(l.pure?d.push(l):y.push(l),l.observers&&q(l)),f||(l.state=w)}if(d.length>1e6)throw d=[],new Error},!1)),n}function $(e){if(!e.fn)return;m(e);const n=T;ee(e,e.value,n)}function ee(e,n,t){let s;const i=g,l=a;a=g=e;try{s=e.fn(n)}catch(f){return e.pure&&(e.state=w,e.owned&&e.owned.forEach(m),e.owned=null),e.updatedAt=t+1,G(f)}finally{a=l,g=i}(!e.updatedAt||e.updatedAt<=t)&&(e.updatedAt!=null&&"observers"in e?I(e,s):e.value=s,e.updatedAt=t)}function F(e,n,t,s=w,i){const l={fn:e,state:s,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:n,owner:g,context:g?g.context:null,pure:t};return g===null||g!==j&&(g.owned?g.owned.push(l):g.owned=[l]),l}function S(e){if(e.state===0)return;if(e.state===A)return C(e);if(e.suspense&&x(e.suspense.inFallback))return e.suspense.effects.push(e);const n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<T);)e.state&&n.push(e);for(let t=n.length-1;t>=0;t--)if(e=n[t],e.state===w)$(e);else if(e.state===A){const s=d;d=null,E(()=>C(e,n[0]),!1),d=s}}function E(e,n){if(d)return e();let t=!1;n||(d=[]),y?t=!0:y=[],T++;try{const s=e();return te(t),s}catch(s){t||(y=null),d=null,G(s)}}function te(e){if(d&&(R(d),d=null),e)return;const n=y;y=null,n.length&&E(()=>Y(n),!1)}function R(e){for(let n=0;n<e.length;n++)S(e[n])}function ne(e){let n,t=0;for(n=0;n<e.length;n++){const s=e[n];s.user?e[t++]=s:S(s)}if(r.context){if(r.count){r.effects||(r.effects=[]),r.effects.push(...e.slice(0,t));return}else r.effects&&(e=[...r.effects,...e],t+=r.effects.length,delete r.effects);B()}for(n=0;n<t;n++)S(e[n])}function C(e,n){e.state=0;for(let t=0;t<e.sources.length;t+=1){const s=e.sources[t];if(s.sources){const i=s.state;i===w?s!==n&&(!s.updatedAt||s.updatedAt<T)&&S(s):i===A&&C(s,n)}}}function q(e){for(let n=0;n<e.observers.length;n+=1){const t=e.observers[n];t.state||(t.state=A,t.pure?d.push(t):y.push(t),t.observers&&q(t))}}function m(e){let n;if(e.sources)for(;e.sources.length;){const t=e.sources.pop(),s=e.sourceSlots.pop(),i=t.observers;if(i&&i.length){const l=i.pop(),f=t.observerSlots.pop();s<i.length&&(l.sourceSlots[f]=s,i[s]=l,t.observerSlots[s]=f)}}if(e.owned){for(n=e.owned.length-1;n>=0;n--)m(e.owned[n]);e.owned=null}if(e.cleanups){for(n=e.cleanups.length-1;n>=0;n--)e.cleanups[n]();e.cleanups=null}e.state=0}function se(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown error",{cause:e})}function G(e,n=g){throw se(e)}let V=!1;function ie(){V=!0}function he(e,n){if(V&&r.context){const t=r.context;B(Q());const s=x(()=>e(n||{}));return B(t),s}return x(()=>e(n||{}))}function le(e,n,t){let s=t.length,i=n.length,l=s,f=0,o=0,u=n[i-1].nextSibling,h=null;for(;f<i||o<l;){if(n[f]===t[o]){f++,o++;continue}for(;n[i-1]===t[l-1];)i--,l--;if(i===f){const c=l<s?o?t[o-1].nextSibling:t[l-o]:u;for(;o<l;)e.insertBefore(t[o++],c)}else if(l===o)for(;f<i;)(!h||!h.has(n[f]))&&n[f].remove(),f++;else if(n[f]===t[l-1]&&t[o]===n[i-1]){const c=n[--i].nextSibling;e.insertBefore(t[o++],n[f++].nextSibling),e.insertBefore(t[--l],c),n[i]=t[l]}else{if(!h){h=new Map;let p=o;for(;p<l;)h.set(t[p],p++)}const c=h.get(n[f]);if(c!=null)if(o<c&&c<l){let p=f,N=1,P;for(;++p<i&&p<l&&!((P=h.get(n[p]))==null||P!==c+N);)N++;if(N>c-o){const K=n[f];for(;o<c;)e.insertBefore(t[o++],K)}else e.replaceChild(t[o++],n[f++])}else f++;else n[f++].remove()}}}const D="_$DX_DELEGATE";function oe(e,n,t,s={}){let i;return Z(l=>{i=l,n===document?e():fe(n,e(),n.firstChild?null:void 0,t)},s.owner),()=>{i(),n.textContent=""}}function de(e,n,t){let s;const i=()=>{const f=document.createElement("template");return f.innerHTML=e,t?f.content.firstChild.firstChild:f.content.firstChild},l=n?()=>x(()=>document.importNode(s||(s=i()),!0)):()=>(s||(s=i())).cloneNode(!0);return l.cloneNode=l,l}function ge(e,n=window.document){const t=n[D]||(n[D]=new Set);for(let s=0,i=e.length;s<i;s++){const l=e[s];t.has(l)||(t.add(l),n.addEventListener(l,W))}}function pe(e,n,t){r.context&&e.isConnected||(e[n]=t)}function fe(e,n,t,s){if(t!==void 0&&!s&&(s=[]),typeof n!="function")return v(e,n,s,t);_(i=>v(e,n(),i,t),s)}function re(e,n,t={}){r.completed=globalThis._$HY.completed,r.events=globalThis._$HY.events,r.load=i=>globalThis._$HY.r[i],r.has=i=>i in globalThis._$HY.r,r.gather=i=>O(n,i),r.registry=new Map,r.context={id:t.renderId||"",count:0},O(n,t.renderId);const s=oe(e,n,[...n.childNodes],t);return r.context=null,s}function ye(e){let n,t;return!r.context||!(n=r.registry.get(t=ue()))?e():(r.completed&&r.completed.add(n),r.registry.delete(t),n)}function we(){r.events&&!r.events.queued&&(queueMicrotask(()=>{const{completed:e,events:n}=r;for(n.queued=!1;n.length;){const[t,s]=n[0];if(!e.has(t))return;W(s),n.shift()}}),r.events.queued=!0)}function W(e){const n=`$$${e.type}`;let t=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==t&&Object.defineProperty(e,"target",{configurable:!0,value:t}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return t||document}}),r.registry&&!r.done&&(r.done=_$HY.done=!0);t;){const s=t[n];if(s&&!t.disabled){const i=t[`${n}Data`];if(i!==void 0?s.call(t,i,e):s.call(t,e),e.cancelBubble)return}t=t._$host||t.parentNode||t.host}}function v(e,n,t,s,i){const l=!!r.context&&e.isConnected;if(l){!t&&(t=[...e.childNodes]);let u=[];for(let h=0;h<t.length;h++){const c=t[h];c.nodeType===8&&c.data.slice(0,2)==="!$"?c.remove():u.push(c)}t=u}for(;typeof t=="function";)t=t();if(n===t)return t;const f=typeof n,o=s!==void 0;if(e=o&&t[0]&&t[0].parentNode||e,f==="string"||f==="number"){if(l)return t;if(f==="number"&&(n=n.toString()),o){let u=t[0];u&&u.nodeType===3?u.data!==n&&(u.data=n):u=document.createTextNode(n),t=b(e,t,s,u)}else t!==""&&typeof t=="string"?t=e.firstChild.data=n:t=e.textContent=n}else if(n==null||f==="boolean"){if(l)return t;t=b(e,t,s)}else{if(f==="function")return _(()=>{let u=n();for(;typeof u=="function";)u=u();t=v(e,u,t,s)}),()=>t;if(Array.isArray(n)){const u=[],h=t&&Array.isArray(t);if(L(u,n,t,i))return _(()=>t=v(e,u,t,s,!0)),()=>t;if(l){if(!u.length)return t;if(s===void 0)return[...e.childNodes];let c=u[0],p=[c];for(;(c=c.nextSibling)!==s;)p.push(c);return t=p}if(u.length===0){if(t=b(e,t,s),o)return t}else h?t.length===0?M(e,u,s):le(e,t,u):(t&&b(e),M(e,u));t=u}else if(n.nodeType){if(l&&n.parentNode)return t=o?[n]:n;if(Array.isArray(t)){if(o)return t=b(e,t,s,n);b(e,t,null,n)}else t==null||t===""||!e.firstChild?e.appendChild(n):e.replaceChild(n,e.firstChild);t=n}}return t}function L(e,n,t,s){let i=!1;for(let l=0,f=n.length;l<f;l++){let o=n[l],u=t&&t[e.length],h;if(!(o==null||o===!0||o===!1))if((h=typeof o)=="object"&&o.nodeType)e.push(o);else if(Array.isArray(o))i=L(e,o,u)||i;else if(h==="function")if(s){for(;typeof o=="function";)o=o();i=L(e,Array.isArray(o)?o:[o],Array.isArray(u)?u:[u])||i}else e.push(o),i=!0;else{const c=String(o);u&&u.nodeType===3&&u.data===c?e.push(u):e.push(document.createTextNode(c))}}return i}function M(e,n,t=null){for(let s=0,i=n.length;s<i;s++)e.insertBefore(n[s],t)}function b(e,n,t,s){if(t===void 0)return e.textContent="";const i=s||document.createTextNode("");if(n.length){let l=!1;for(let f=n.length-1;f>=0;f--){const o=n[f];if(i!==o){const u=o.parentNode===e;!l&&!f?u?e.replaceChild(i,o):e.insertBefore(i,t):u&&o.remove()}else l=!0}}else e.insertBefore(i,t);return[i]}function O(e,n){const t=e.querySelectorAll("*[data-hk]");for(let s=0;s<t.length;s++){const i=t[s],l=i.getAttribute("data-hk");(!n||l.startsWith(n))&&!r.registry.has(l)&&r.registry.set(l,i)}}function ue(){const e=r.context;return`${e.id}${e.count++}`}const be=(...e)=>(ie(),re(...e));export{_ as a,oe as b,ce as c,ge as d,he as e,r as f,ye as g,be as h,ae as o,we as r,pe as s,de as t};
diff --git a/docs/docs/index.html b/docs/docs/index.html
index 04f4a11b..3ec5f0f0 100644
--- a/docs/docs/index.html
+++ b/docs/docs/index.html
@@ -2,14 +2,14 @@
 <html lang="en">
     <head>
         <meta charset="UTF-8">
-        <meta http-equiv="refresh" content="0; url=https://melonjs.github.io/melonJS/docs/">
-        <script type="text/javascript">(function(){const to = "https://melonjs.github.io/melonJS/docs/";
+        <meta http-equiv="refresh" content="0; url=https://melonjs.github.io/melonJS/">
+        <script type="text/javascript">(function(){const to = "https://melonjs.github.io/melonJS/";
 
             window.location.href = to
         })();</script>
         <title>Page Redirection - melonJS</title>
     </head>
     <body>
-        If you are not redirected automatically, click <a href="https://melonjs.github.io/melonJS/docs/">this link
+        If you are not redirected automatically, click <a href="https://melonjs.github.io/melonJS/">this link
         </a>.
     </body></html>
\ No newline at end of file
diff --git a/docs/game-design-creative-resources/index.html b/docs/game-design-creative-resources/index.html
index a9a3f2aa..76c3c5cf 100644
--- a/docs/game-design-creative-resources/index.html
+++ b/docs/game-design-creative-resources/index.html
@@ -52,7 +52,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
@@ -75,7 +75,7 @@ <h2 id="game-makers-toolkit"><a href="https://www.youtube.com/c/MarkBrownGMT">Ga
 <p>Mark brown does an excellent job exploring game design. Check out his <a href="https://www.youtube.com/watch?v=zWi0jgghGcI">video game that’s also an interactive essay about making games</a></p>
 <h2 id="game-developer-conference"><a href="https://www.youtube.com/c/Gdconf/videos">Game Developer Conference</a></h2>
 <blockquote>
-<p>“GDC is the world’s largest professional game industry event, where programmers, artists, producers, game designers, audio professionals, business decision-makers and others involved in the development of interactive games and virtual reality gather to exchange ideas and shape the future of the industry.”
+<p>”GDC is the world’s largest professional game industry event, where programmers, artists, producers, game designers, audio professionals, business decision-makers and others involved in the development of interactive games and virtual reality gather to exchange ideas and shape the future of the industry.”
 Need some direction in your career? Consider watching <a href="https://www.youtube.com/watch?v=WEguUNTHwgY">“Build Your Career in Games Like It’s an RPG”</a></p>
 </blockquote></main>
 
diff --git a/docs/index.html b/docs/index.html
index 2d199dec..8938c7a9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -7,7 +7,7 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="icon" href="/img/favicon.svg">
-    <link rel="stylesheet" href="/_astro/index.05c236b1.css" />
+    <link rel="stylesheet" href="/_astro/index.37411258.css" />
 <link rel="stylesheet" href="/_astro/part-1-prerequisites.60509d40.css" /></head>
     <body>
         <header>
@@ -52,7 +52,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
@@ -178,7 +178,7 @@ <h1 class="astro-J7PV25F6">Fresh, modern &amp; lightweight</h1>
                             </a>
                         </li>
                         <li class="astro-J7PV25F6">
-                            <a class="btn default astro-J7PV25F6" href="https://melonjs.github.io/melonJS/docs/" role="button"><svg class="icon book-open inline astro-J7PV25F6" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+                            <a class="btn default astro-J7PV25F6" href="https://melonjs.github.io/melonJS/" role="button"><svg class="icon book-open inline astro-J7PV25F6" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
   <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" ></path>
 </svg>Explore the API
                             </a>
@@ -383,7 +383,7 @@ <h2 id="compatible" class="astro-J7PV25F6"><a href="/#compatible" class="anchor
         <div class="astro-J7PV25F6">
             <h2 class="astro-J7PV25F6">Developer Spotlight</h2>
             <div class="spotlight astro-J7PV25F6">
-                <style>astro-island,astro-slot{display:contents}</style><script>(self.Astro=self.Astro||{}).load=a=>{(async()=>await(await a())())()},window.dispatchEvent(new Event("astro:load"));var l;{const c={0:t=>t,1:t=>JSON.parse(t,o),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(JSON.parse(t,o)),5:t=>new Set(JSON.parse(t,o)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(JSON.parse(t)),9:t=>new Uint16Array(JSON.parse(t)),10:t=>new Uint32Array(JSON.parse(t))},o=(t,s)=>{if(t===""||!Array.isArray(s))return s;const[e,n]=s;return e in c?c[e](n):void 0};customElements.get("astro-island")||customElements.define("astro-island",(l=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=()=>{if(!this.hydrator||this.parentElement&&this.parentElement.closest("astro-island[ssr]"))return;const s=this.querySelectorAll("astro-slot"),e={},n=this.querySelectorAll("template[data-astro-template]");for(const r of n){const i=r.closest(this.tagName);!i||!i.isSameNode(this)||(e[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(const r of s){const i=r.closest(this.tagName);!i||!i.isSameNode(this)||(e[r.getAttribute("name")||"default"]=r.innerHTML)}const a=this.hasAttribute("props")?JSON.parse(this.getAttribute("props"),o):{};this.hydrator(this)(this.Component,a,e,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),window.removeEventListener("astro:hydrate",this.hydrate),window.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((s,e)=>{e.disconnect(),this.childrenConnectedCallback()}).observe(this,{childList:!0})}async childrenConnectedCallback(){window.addEventListener("astro:hydrate",this.hydrate);let s=this.getAttribute("before-hydration-url");s&&await import(s),this.start()}start(){const s=JSON.parse(this.getAttribute("opts")),e=this.getAttribute("client");if(Astro[e]===void 0){window.addEventListener(`astro:${e}`,()=>this.start(),{once:!0});return}Astro[e](async()=>{const n=this.getAttribute("renderer-url"),[a,{default:r}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),i=this.getAttribute("component-export")||"default";if(!i.includes("."))this.Component=a[i];else{this.Component=a;for(const d of i.split("."))this.Component=this.Component[d]}return this.hydrator=r,this.hydrate},s,this)}attributeChangedCallback(){this.hydrator&&this.hydrate()}},l.observedAttributes=["props"],l))}</script><astro-island uid="Z18CU9j" data-solid-render-id="s0" component-url="/_astro/Carousel.ca7e782c.js" component-export="default" renderer-url="/_astro/client.5d590acc.js" props="{&quot;entries&quot;:[1,&quot;[[0,\&quot;&lt;a href=\\\&quot;https://www.melongaming.com/games/ne-fi/\\\&quot; &gt;Nerd Fight &lt;/a&gt; by &lt;a href=\\\&quot;https://www.melongaming.com/\\\&quot; &gt;melongaming &lt;/a&gt; &lt;div class=\\\&quot;content\\\&quot;&gt; &lt;img width=\\\&quot;500\\\&quot; height=\\\&quot;315\\\&quot; src=\\\&quot;https://play-lh.googleusercontent.com/diXWPhIE_lLeMs7uk5gAFFzSqCQjEv4LrCGmFKRt60d7E7pJ6sZIkxm1Ii4dttY90w=w1440-h620\\\&quot; alt=\\\&quot;nerd fight\\\&quot; /&gt;&lt;/div&gt;\&quot;],[0,\&quot;&lt;a href=\\\&quot;https://playerkillers.exchange\\\&quot;\\n &gt;Player Killers&#39; Exchange\\n &lt;/a&gt;\\n &lt;div class=\\\&quot;content\\\&quot;&gt;\\n &lt;iframe\\n title=\\\&quot;King of the Castle - Crypto Gaming #3\\\&quot;\\n class=\\\&quot;youtube\\\&quot;\\n width=\\\&quot;500\\\&quot;\\n height=\\\&quot;315\\\&quot;\\n src=\\\&quot;https://www.youtube.com/embed/ArryxLedtDI\\\&quot;\\n frameborder=\\\&quot;0\\\&quot;\\n allow=\\\&quot;utoplay; picture-in-picture\\\&quot;\\n allowfullscreen&gt;&lt;/iframe&gt;\\n &lt;/div&gt;\&quot;],[0,\&quot;&lt;a href=\\\&quot;https://lapieza.itch.io/roly-polo\\\&quot;&gt;Roly-Polo&lt;/a&gt;&lt;div class=\\\&quot;content\\\&quot;&gt;&lt;img src=\\\&quot;https://camo.githubusercontent.com/05966ff26eded074b67289f1b037ced09916f7a3859ce08e3bbf7f73810e3e53/68747470733a2f2f696d672e697463682e7a6f6e652f615731685a3255764e7a63784f5451344c7a51304d6a49334f5441756347356e2f37393478313030302f6e7373253242636c2e706e67\\\&quot;/&gt;&lt;/div&gt;\&quot;]]&quot;],&quot;class&quot;:[0,&quot;astro-J7PV25F6&quot;]}" ssr="" client="load" opts="{&quot;name&quot;:&quot;Carousel&quot;,&quot;value&quot;:true}" await-children=""><div data-hk="s00-0" class="carousel"><div class="inner"><a href="https://www.melongaming.com/games/ne-fi/" >Nerd Fight </a> by <a href="https://www.melongaming.com/" >melongaming </a> <div class="content"> <img width="500" height="315" src="https://play-lh.googleusercontent.com/diXWPhIE_lLeMs7uk5gAFFzSqCQjEv4LrCGmFKRt60d7E7pJ6sZIkxm1Ii4dttY90w=w1440-h620" alt="nerd fight" /></div></div><img class="left" alt="left" src="/img/right-arrow.svg"><img class="right" alt="right" src="/img/right-arrow.svg"></div></astro-island>
+                <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var d;{let p={0:t=>u(t),1:t=>l(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(l(t)),5:t=>new Set(l(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t)},h=t=>{let[e,n]=t;return e in p?p[e](n):void 0},l=t=>t.map(h),u=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([e,n])=>[e,h(n)]));customElements.get("astro-island")||customElements.define("astro-island",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=async()=>{var i;if(!this.hydrator||!this.isConnected)return;let e=(i=this.parentElement)==null?void 0:i.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let n=this.querySelectorAll("astro-slot"),o={},a=this.querySelectorAll("template[data-astro-template]");for(let r of a){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of n){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(o[r.getAttribute("name")||"default"]=r.innerHTML)}let c;try{c=this.hasAttribute("props")?u(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",y=this.getAttribute("component-export");throw y&&(s+=` (export ${y})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}await this.hydrator(this)(this.Component,c,o,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((e,n)=>{n.disconnect(),setTimeout(()=>this.childrenConnectedCallback(),0)}).observe(this,{childList:!0})}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),n=this.getAttribute("client");if(Astro[n]===void 0){window.addEventListener(`astro:${n}`,()=>this.start(),{once:!0});return}Astro[n](async()=>{let o=this.getAttribute("renderer-url"),[a,{default:c}]=await Promise.all([import(this.getAttribute("component-url")),o?import(o):()=>()=>{}]),i=this.getAttribute("component-export")||"default";if(!i.includes("."))this.Component=a[i];else{this.Component=a;for(let r of i.split("."))this.Component=this.Component[r]}return this.hydrator=c,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},d.observedAttributes=["props"],d))}})();</script><astro-island uid="Z1Nj8CQ" data-solid-render-id="s0" component-url="/_astro/Carousel.7d55244c.js" component-export="default" renderer-url="/_astro/client.be91f41c.js" props="{&quot;entries&quot;:[1,[[0,&quot;&lt;a href=\&quot;https://www.melongaming.com/games/ne-fi/\&quot; &gt;Nerd Fight &lt;/a&gt; by &lt;a href=\&quot;https://www.melongaming.com/\&quot; &gt;melongaming &lt;/a&gt; &lt;div class=\&quot;content\&quot;&gt; &lt;img width=\&quot;500\&quot; height=\&quot;315\&quot; src=\&quot;https://play-lh.googleusercontent.com/diXWPhIE_lLeMs7uk5gAFFzSqCQjEv4LrCGmFKRt60d7E7pJ6sZIkxm1Ii4dttY90w=w1440-h620\&quot; alt=\&quot;nerd fight\&quot; /&gt;&lt;/div&gt;&quot;],[0,&quot;&lt;a href=\&quot;https://playerkillers.exchange\&quot;\n &gt;Player Killers&#39; Exchange\n &lt;/a&gt;\n &lt;div class=\&quot;content\&quot;&gt;\n &lt;iframe\n title=\&quot;King of the Castle - Crypto Gaming #3\&quot;\n class=\&quot;youtube\&quot;\n width=\&quot;500\&quot;\n height=\&quot;315\&quot;\n src=\&quot;https://www.youtube.com/embed/ArryxLedtDI\&quot;\n frameborder=\&quot;0\&quot;\n allow=\&quot;utoplay; picture-in-picture\&quot;\n allowfullscreen&gt;&lt;/iframe&gt;\n &lt;/div&gt;&quot;],[0,&quot;&lt;a href=\&quot;https://lapieza.itch.io/roly-polo\&quot;&gt;Roly-Polo&lt;/a&gt;&lt;div class=\&quot;content\&quot;&gt;&lt;img src=\&quot;https://camo.githubusercontent.com/05966ff26eded074b67289f1b037ced09916f7a3859ce08e3bbf7f73810e3e53/68747470733a2f2f696d672e697463682e7a6f6e652f615731685a3255764e7a63784f5451344c7a51304d6a49334f5441756347356e2f37393478313030302f6e7373253242636c2e706e67\&quot;/&gt;&lt;/div&gt;&quot;]]],&quot;class&quot;:[0,&quot;astro-J7PV25F6&quot;]}" ssr="" client="load" opts="{&quot;name&quot;:&quot;Carousel&quot;,&quot;value&quot;:true}" await-children=""><div data-hk="s00-0" class="carousel"><div class="inner"><a href="https://www.melongaming.com/games/ne-fi/" >Nerd Fight </a> by <a href="https://www.melongaming.com/" >melongaming </a> <div class="content"> <img width="500" height="315" src="https://play-lh.googleusercontent.com/diXWPhIE_lLeMs7uk5gAFFzSqCQjEv4LrCGmFKRt60d7E7pJ6sZIkxm1Ii4dttY90w=w1440-h620" alt="nerd fight" /></div></div><img class="left" alt="left" src="/img/right-arrow.svg"><img class="right" alt="right" src="/img/right-arrow.svg"></div></astro-island>
             </div>
         </div>
 
diff --git a/docs/learn-about-art/index.html b/docs/learn-about-art/index.html
index 141580bc..d3d1238f 100644
--- a/docs/learn-about-art/index.html
+++ b/docs/learn-about-art/index.html
@@ -52,7 +52,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
diff --git a/docs/making-games-with-es6/index.html b/docs/making-games-with-es6/index.html
index 7ffd88a7..acd4fbd9 100644
--- a/docs/making-games-with-es6/index.html
+++ b/docs/making-games-with-es6/index.html
@@ -52,7 +52,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
@@ -73,9 +73,9 @@
 <p>If you’d like to make your own game this is the guide for you.</p>
 <h2 id="cloning-the-es6-template">Cloning the ES6 Template</h2>
 <p>Open a terminal in the folder you’d like to clone the template project inside, then run the following command</p>
-<pre is:raw="" class="astro-code" style="background-color: #0d1117; overflow-x: auto;"><code><span class="line"><span style="color: #c9d1d9">git clone https://github.com/melonjs/es6-boilerplate</span></span></code></pre>
+<pre is:raw="" class="astro-code github-dark" style="background-color: #24292e; overflow-x: auto;" tabindex="0"><code><span class="line"><span style="color: #e1e4e8">git clone https://github.com/melonjs/es6-boilerplate</span></span></code></pre>
 <p>Then rename the template to whatever you’d like to name your project</p>
-<pre is:raw="" class="astro-code" style="background-color: #0d1117; overflow-x: auto;"><code><span class="line"><span style="color: #c9d1d9">mv es6-boilerplate &#x3C;project-name></span></span></code></pre>
+<pre is:raw="" class="astro-code github-dark" style="background-color: #24292e; overflow-x: auto;" tabindex="0"><code><span class="line"><span style="color: #e1e4e8">mv es6-boilerplate &#x3C;project-name></span></span></code></pre>
 <p>After that, cd into your project directory in your terminal then follow the instructions <a href="https://github.com/melonjs/es6-boilerplate">here</a>.</p></main>
 
     </body></html>
\ No newline at end of file
diff --git a/docs/tutorial/index.html b/docs/tutorial/index.html
index f055124a..266936b6 100644
--- a/docs/tutorial/index.html
+++ b/docs/tutorial/index.html
@@ -53,7 +53,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
diff --git a/docs/tutorial/part-1-prerequisites/index.html b/docs/tutorial/part-1-prerequisites/index.html
index a1eff140..ed77c87e 100644
--- a/docs/tutorial/part-1-prerequisites/index.html
+++ b/docs/tutorial/part-1-prerequisites/index.html
@@ -53,7 +53,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
diff --git a/docs/tutorial/part-2-setting-up/index.html b/docs/tutorial/part-2-setting-up/index.html
index 448e4fd5..0b1dfc23 100644
--- a/docs/tutorial/part-2-setting-up/index.html
+++ b/docs/tutorial/part-2-setting-up/index.html
@@ -53,7 +53,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
@@ -78,7 +78,7 @@
 <p>Optionally you can also clone the repository if you are already familiar with Git, but won’t cover that part in this tutorial.</p>
 <p>For this tutorial we’re going to be working on the platformer example. Inside the directory where you downloaded the repository, you can see there is the <code>platformer</code> directory.</p>
 <p>We’ve finished setting up, so from now on whenever you’d like to start coding your game you can navigate into the <code>platformer</code> folder in your terminal and run this command :</p>
-<pre is:raw="" class="astro-code" style="background-color: #0d1117; overflow-x: auto;"><code><span class="line"><span style="color: #c9d1d9">python3 -m http.server</span></span></code></pre>
+<pre is:raw="" class="astro-code github-dark" style="background-color: #24292e; overflow-x: auto;" tabindex="0"><code><span class="line"><span style="color: #e1e4e8">python3 -m http.server</span></span></code></pre>
 <p>This command is an example on <a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server">how to run a local testing web server</a> in the current directory the terminal is in. A website will be running inside your computer (at <a href="http://localhost:8000">http://localhost:8000</a>) so you can edit your game and try out your changes in your browser right away as you modify it !</p>
 <p><a href="/tutorial/part-3-modifying-the-game" class="next">Up Next: Modifying the game</a></p>
 </main>
diff --git a/docs/tutorial/part-3-1-modifying-the-art/index.html b/docs/tutorial/part-3-1-modifying-the-art/index.html
index bb35a605..4af7bace 100644
--- a/docs/tutorial/part-3-1-modifying-the-art/index.html
+++ b/docs/tutorial/part-3-1-modifying-the-art/index.html
@@ -53,7 +53,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
@@ -333,7 +333,7 @@
   </g>
 </svg>
 <p>Let’s use Krita to change how the main character looks. Launch Krita, then in at the top click <strong>File =&gt; Open</strong>, then click open the following image:</p>
-<pre class="astro-code" style="background-color:#0d1117;overflow-x:auto"><code><span class="line"><span style="color:#c9d1d9">/example/platformer/data/img/texture.png</span></span></code></pre>
+<pre class="astro-code github-dark" style="background-color:#24292e;overflow-x:auto" tabindex="0"><code><span class="line"><span style="color:#e1e4e8">/example/platformer/data/img/texture.png</span></span></code></pre>
 <p>Next, create a new layer (see how to use layers <a href="https://www.youtube.com/watch?v=g2ZoQobsSWE">here</a>), and now you can draw on top of the original image file without actually messing it up (making easy to erase or undo changes). You can see here I changed how the main character looked. The main character has a bunch of different frames for it’s animation, but I only drew the changes once. Because I was drawing on a separate layer I was able to copy the changes (and not the original image) to each of the other frames without having to redraw it (though better animated sprites might go a long way to help it feel more alive)</p>
 <p><img src="/img/tutorial/texture-in-krita.png" alt="Modified texture image inside Krita"/></p>
 <p><em>I gave him some pants, a crown, and some spiky green hair :)</em></p>
diff --git a/docs/tutorial/part-3-2-modifying-the-level/index.html b/docs/tutorial/part-3-2-modifying-the-level/index.html
index 9a5cc040..43a9b85a 100644
--- a/docs/tutorial/part-3-2-modifying-the-level/index.html
+++ b/docs/tutorial/part-3-2-modifying-the-level/index.html
@@ -53,7 +53,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
diff --git a/docs/tutorial/part-3-3-modifying-the-code/index.html b/docs/tutorial/part-3-3-modifying-the-code/index.html
index 0d9c1847..98c6ce8b 100644
--- a/docs/tutorial/part-3-3-modifying-the-code/index.html
+++ b/docs/tutorial/part-3-3-modifying-the-code/index.html
@@ -53,7 +53,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
@@ -81,7 +81,7 @@
 <p>Let’s try giving the player speed hacks. Open this file in VSCode:
 <code>js/entities/player.js</code>
 Then, go to line 16</p>
-<pre is:raw="" class="astro-code" style="background-color: #0d1117; overflow-x: auto;"><code><span class="line"><span style="color: #c9d1d9">this.body.setMaxVelocity(3, 15);</span></span></code></pre>
+<pre is:raw="" class="astro-code github-dark" style="background-color: #24292e; overflow-x: auto;" tabindex="0"><code><span class="line"><span style="color: #e1e4e8">this.body.setMaxVelocity(3, 15);</span></span></code></pre>
 <p>Try messing around with the code and see what happens.</p>
 <details>
   <summary>Click me if you give up</summary>
diff --git a/docs/tutorial/part-3-modifying-the-game/index.html b/docs/tutorial/part-3-modifying-the-game/index.html
index a0cb23d4..30b5d324 100644
--- a/docs/tutorial/part-3-modifying-the-game/index.html
+++ b/docs/tutorial/part-3-modifying-the-game/index.html
@@ -53,7 +53,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
diff --git a/docs/tutorial/part-4-going-beyond/index.html b/docs/tutorial/part-4-going-beyond/index.html
index 2298dbbf..c0ca36ad 100644
--- a/docs/tutorial/part-4-going-beyond/index.html
+++ b/docs/tutorial/part-4-going-beyond/index.html
@@ -53,7 +53,7 @@
   </g>
 </svg>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS">Gallery
                 </a>
@@ -83,7 +83,7 @@ <h2 id="more-about-using-melonjs">More about using melonJS</h2>
 <ul>
 <li>You can use the steps in this tutorial to play around with all of the example projects (inside the <code>examples</code> directory) to see how they were made</li>
 <li><a href="https://github.com/melonjs/melonJS/wiki">Read the wiki for melonJS</a></li>
-<li><a href="https://melonjs.github.io/melonJS/docs/">Read the docs for melonJS</a></li>
+<li><a href="https://melonjs.github.io/melonJS/">Read the docs for melonJS</a></li>
 <li><a href="/making-games-with-es6">See how to make your own melonJS project with our es6 starter template (es6 means JavaScript that uses modules)</a></li>
 </ul>
 </main>
diff --git a/src/components/header.astro b/src/components/header.astro
index 18c4ffb0..4669e618 100644
--- a/src/components/header.astro
+++ b/src/components/header.astro
@@ -11,7 +11,7 @@ const pathname = new URL(Astro.request.url).pathname
             <li class={pathname === '/' ? 'active' : null}>
                 <a href="/#top"><Icon icon="favicon" inline/>Home</a>
             </li>
-            <li><a href="https://melonjs.github.io/docs/">API</a></li>
+            <li><a href="http://melonjs.github.io/melonJS/">API</a></li>
             <li>
                 <a
                     href="https://github.com/melonjs/melonJS/wiki/made-with-melonJS"
diff --git a/src/pages/docs.astro b/src/pages/docs.astro
index 03021a41..d564dc12 100644
--- a/src/pages/docs.astro
+++ b/src/pages/docs.astro
@@ -2,4 +2,4 @@
 import Redirect from '../components/Redirect.astro'
 ---
 
-<Redirect to="https://melonjs.github.io/melonJS/docs/" />
+<Redirect to="https://melonjs.github.io/melonJS/" />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8d2365bd..d13f293f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -97,7 +97,7 @@ import gallery from '../carousels/gallery.json'
                         <li>
                             <a
                                 class="btn default"
-                                href="https://melonjs.github.io/melonJS/docs/"
+                                href="https://melonjs.github.io/melonJS/"
                                 role="button"
                                 ><Icon icon="book-open" inline/>Explore the API
                             </a>
diff --git a/src/pages/tutorial/part-4-going-beyond.md b/src/pages/tutorial/part-4-going-beyond.md
index 1f9b73cd..e0065743 100644
--- a/src/pages/tutorial/part-4-going-beyond.md
+++ b/src/pages/tutorial/part-4-going-beyond.md
@@ -12,5 +12,5 @@ Congratulations! If you've made it this far then you've completed this tutorial.
 ## More about using melonJS
 -   You can use the steps in this tutorial to play around with all of the example projects (inside the `examples` directory) to see how they were made
 -   [Read the wiki for melonJS](https://github.com/melonjs/melonJS/wiki)
--   [Read the docs for melonJS](https://melonjs.github.io/melonJS/docs/)
+-   [Read the docs for melonJS](https://melonjs.github.io/melonJS/)
 -   [See how to make your own melonJS project with our es6 starter template (es6 means JavaScript that uses modules)](/making-games-with-es6)