Deploying to gh-pages from @ 07e611b 🚀

chunk-map.json

@@ -1 +1 @@
-{"app":["/app-31504e246ba52bc4e280.js"],"component---src-templates-docs-js":[]}
+{"app":["/app-d9e55920b704079c2e4f.js"],"component---src-templates-docs-js":[]}

examples/basic/animations/index.html

@@ -8,7 +8,7 @@
 loop to update the values manually.</p><p class="paragraph">This also lets you set Easing functions, etc.</p><p class="paragraph">The main takeaway here as a concept though is that the Spheres that are being
 created are automatically parented to their parent mesh (TransformNode). That&#x27;s
 why the animation can be applied to a single mesh! NOTE: there is currently no
-opt-out mechanism for parenting.</p><p class="paragraph"><div class="css-1bxycju"><div class="react-tabs" data-rttabs="true"><ul class="react-tabs__tab-list" role="tablist"><li class="react-tabs__tab react-tabs__tab--selected" role="tab" id="react-tabs-144" aria-selected="true" aria-disabled="false" aria-controls="react-tabs-145" tabindex="0" data-rttab="true">Output</li><li class="react-tabs__tab" role="tab" id="react-tabs-146" aria-selected="false" aria-disabled="false" aria-controls="react-tabs-147" data-rttab="true">Code</li><div class="css-1vu9ehy"><div aria-label="Basic example" role="group" class="btn-group btn-group-sm"><button type="button" class="btn btn-secondary">Javasript</button><button type="button" class="btn btn-primary">Typescript</button></div></div><button type="button" class="css-1qkltea btn btn-primary btn-sm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"></path></svg></button><button type="button" class="float-end btn btn-primary btn-sm">Run in Codesandbox<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="ps-2" height="1.5em" width="1.5em" xmlns="http://www.w3.org/2000/svg"><path d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg></button></ul><div class="react-tabs__tab-panel react-tabs__tab-panel--selected" role="tabpanel" id="react-tabs-145" aria-labelledby="react-tabs-144"><div style="flex:1;display:flex"><canvas touch-action="none" id="babylon-canvas" style="width:100%;height:100%"></canvas></div></div><div class="react-tabs__tab-panel" role="tabpanel" id="react-tabs-147" aria-labelledby="react-tabs-146"></div></div></div></p></div></div></main></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/examples/basic/animations/";window.___webpackCompilationHash="50d9cc43e9a4d495988b";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-31504e246ba52bc4e280.js"],"component---src-templates-docs-js":[]};/*]]>*/</script><script src="/react-babylonjs/app-31504e246ba52bc4e280.js" async=""></script><script src="/react-babylonjs/801b8b35-3bd5fe14733886443029.js" async=""></script><script src="/react-babylonjs/bcfd7982-fde1ea3055dd4ee6e2f3.js" async=""></script><script src="/react-babylonjs/ca3a5a57-131d29ea0bcd0f69ecb9.js" async=""></script><script src="/react-babylonjs/c4ec0132-ab04be53aad4cd4d45d2.js" async=""></script><script src="/react-babylonjs/4c744e84-2c29a00ecd1fcb5dcff0.js" async=""></script><script src="/react-babylonjs/3a1a7810-c7d92908948c264a1dd0.js" async=""></script><script src="/react-babylonjs/bf235017-67158762267b51fd8c80.js" async=""></script><script src="/react-babylonjs/b6df1548-eef40a14557f1ab35adf.js" async=""></script><script src="/react-babylonjs/702596cc-1ac04ac51c71307d70c5.js" async=""></script><script src="/react-babylonjs/framework-59ced344695de7ea375c.js" async=""></script><script src="/react-babylonjs/webpack-runtime-c3c2fee0d7c85ea82651.js" async=""></script><script defer="">
+opt-out mechanism for parenting.</p><p class="paragraph"><div class="css-1bxycju"><div class="react-tabs" data-rttabs="true"><ul class="react-tabs__tab-list" role="tablist"><li class="react-tabs__tab react-tabs__tab--selected" role="tab" id="react-tabs-144" aria-selected="true" aria-disabled="false" aria-controls="react-tabs-145" tabindex="0" data-rttab="true">Output</li><li class="react-tabs__tab" role="tab" id="react-tabs-146" aria-selected="false" aria-disabled="false" aria-controls="react-tabs-147" data-rttab="true">Code</li><div class="css-1vu9ehy"><div aria-label="Basic example" role="group" class="btn-group btn-group-sm"><button type="button" class="btn btn-secondary">Javasript</button><button type="button" class="btn btn-primary">Typescript</button></div></div><button type="button" class="css-1qkltea btn btn-primary btn-sm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"></path></svg></button><button type="button" class="float-end btn btn-primary btn-sm">Run in Codesandbox<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="ps-2" height="1.5em" width="1.5em" xmlns="http://www.w3.org/2000/svg"><path d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg></button></ul><div class="react-tabs__tab-panel react-tabs__tab-panel--selected" role="tabpanel" id="react-tabs-145" aria-labelledby="react-tabs-144"><div style="flex:1;display:flex"><canvas touch-action="none" id="babylon-canvas" style="width:100%;height:100%"></canvas></div></div><div class="react-tabs__tab-panel" role="tabpanel" id="react-tabs-147" aria-labelledby="react-tabs-146"></div></div></div></p></div></div></main></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/examples/basic/animations/";window.___webpackCompilationHash="d5228cf7c6a746e938d4";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-d9e55920b704079c2e4f.js"],"component---src-templates-docs-js":[]};/*]]>*/</script><script src="/react-babylonjs/app-d9e55920b704079c2e4f.js" async=""></script><script src="/react-babylonjs/801b8b35-3bd5fe14733886443029.js" async=""></script><script src="/react-babylonjs/bcfd7982-fde1ea3055dd4ee6e2f3.js" async=""></script><script src="/react-babylonjs/ca3a5a57-131d29ea0bcd0f69ecb9.js" async=""></script><script src="/react-babylonjs/c4ec0132-ab04be53aad4cd4d45d2.js" async=""></script><script src="/react-babylonjs/4c744e84-2c29a00ecd1fcb5dcff0.js" async=""></script><script src="/react-babylonjs/3a1a7810-c7d92908948c264a1dd0.js" async=""></script><script src="/react-babylonjs/bf235017-67158762267b51fd8c80.js" async=""></script><script src="/react-babylonjs/b6df1548-eef40a14557f1ab35adf.js" async=""></script><script src="/react-babylonjs/702596cc-1ac04ac51c71307d70c5.js" async=""></script><script src="/react-babylonjs/framework-59ced344695de7ea375c.js" async=""></script><script src="/react-babylonjs/webpack-runtime-c3c2fee0d7c85ea82651.js" async=""></script><script defer="">
             function navBarClose() {
               document.getElementById("navbar").classList.toggle("responsive");
             }

examples/basic/context-bridge/index.html

@@ -8,7 +8,7 @@
 context outside and &quot;Provide&quot; inside the Scene.</p><p class="paragraph">Example is given here - you would need these for Themes or libraries like Redux
 that depend on context. If you are using Redux and your project is not too far
 along consider switching to a state management library that doesn&#x27;t suffer from
-this issue such as Zustand.</p><p class="paragraph"><div class="css-1bxycju"><div class="react-tabs" data-rttabs="true"><ul class="react-tabs__tab-list" role="tablist"><li class="react-tabs__tab react-tabs__tab--selected" role="tab" id="react-tabs-136" aria-selected="true" aria-disabled="false" aria-controls="react-tabs-137" tabindex="0" data-rttab="true">Output</li><li class="react-tabs__tab" role="tab" id="react-tabs-138" aria-selected="false" aria-disabled="false" aria-controls="react-tabs-139" data-rttab="true">Code</li><div class="css-1vu9ehy"><div aria-label="Basic example" role="group" class="btn-group btn-group-sm"><button type="button" class="btn btn-secondary">Javasript</button><button type="button" class="btn btn-primary">Typescript</button></div></div><button type="button" class="css-1qkltea btn btn-primary btn-sm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"></path></svg></button><button type="button" class="float-end btn btn-primary btn-sm">Run in Codesandbox<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="ps-2" height="1.5em" width="1.5em" xmlns="http://www.w3.org/2000/svg"><path d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg></button></ul><div class="react-tabs__tab-panel react-tabs__tab-panel--selected" role="tabpanel" id="react-tabs-137" aria-labelledby="react-tabs-136"><div style="flex:1;display:flex;max-width:80%"><canvas touch-action="none" id="babylon-js" style="width:100%;height:100%"></canvas></div></div><div class="react-tabs__tab-panel" role="tabpanel" id="react-tabs-139" aria-labelledby="react-tabs-138"></div></div></div></p></div></div></main></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/examples/basic/context-bridge/";window.___webpackCompilationHash="50d9cc43e9a4d495988b";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-31504e246ba52bc4e280.js"],"component---src-templates-docs-js":[]};/*]]>*/</script><script src="/react-babylonjs/app-31504e246ba52bc4e280.js" async=""></script><script src="/react-babylonjs/801b8b35-3bd5fe14733886443029.js" async=""></script><script src="/react-babylonjs/bcfd7982-fde1ea3055dd4ee6e2f3.js" async=""></script><script src="/react-babylonjs/ca3a5a57-131d29ea0bcd0f69ecb9.js" async=""></script><script src="/react-babylonjs/c4ec0132-ab04be53aad4cd4d45d2.js" async=""></script><script src="/react-babylonjs/4c744e84-2c29a00ecd1fcb5dcff0.js" async=""></script><script src="/react-babylonjs/3a1a7810-c7d92908948c264a1dd0.js" async=""></script><script src="/react-babylonjs/bf235017-67158762267b51fd8c80.js" async=""></script><script src="/react-babylonjs/b6df1548-eef40a14557f1ab35adf.js" async=""></script><script src="/react-babylonjs/702596cc-1ac04ac51c71307d70c5.js" async=""></script><script src="/react-babylonjs/framework-59ced344695de7ea375c.js" async=""></script><script src="/react-babylonjs/webpack-runtime-c3c2fee0d7c85ea82651.js" async=""></script><script defer="">
+this issue such as Zustand.</p><p class="paragraph"><div class="css-1bxycju"><div class="react-tabs" data-rttabs="true"><ul class="react-tabs__tab-list" role="tablist"><li class="react-tabs__tab react-tabs__tab--selected" role="tab" id="react-tabs-136" aria-selected="true" aria-disabled="false" aria-controls="react-tabs-137" tabindex="0" data-rttab="true">Output</li><li class="react-tabs__tab" role="tab" id="react-tabs-138" aria-selected="false" aria-disabled="false" aria-controls="react-tabs-139" data-rttab="true">Code</li><div class="css-1vu9ehy"><div aria-label="Basic example" role="group" class="btn-group btn-group-sm"><button type="button" class="btn btn-secondary">Javasript</button><button type="button" class="btn btn-primary">Typescript</button></div></div><button type="button" class="css-1qkltea btn btn-primary btn-sm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3L380.8 110c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7V75c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49.2c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z"></path></svg></button><button type="button" class="float-end btn btn-primary btn-sm">Run in Codesandbox<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="ps-2" height="1.5em" width="1.5em" xmlns="http://www.w3.org/2000/svg"><path d="M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z"></path></svg></button></ul><div class="react-tabs__tab-panel react-tabs__tab-panel--selected" role="tabpanel" id="react-tabs-137" aria-labelledby="react-tabs-136"><div style="flex:1;display:flex;max-width:80%"><canvas touch-action="none" id="babylon-js" style="width:100%;height:100%"></canvas></div></div><div class="react-tabs__tab-panel" role="tabpanel" id="react-tabs-139" aria-labelledby="react-tabs-138"></div></div></div></p></div></div></main></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/examples/basic/context-bridge/";window.___webpackCompilationHash="d5228cf7c6a746e938d4";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"app":["/app-d9e55920b704079c2e4f.js"],"component---src-templates-docs-js":[]};/*]]>*/</script><script src="/react-babylonjs/app-d9e55920b704079c2e4f.js" async=""></script><script src="/react-babylonjs/801b8b35-3bd5fe14733886443029.js" async=""></script><script src="/react-babylonjs/bcfd7982-fde1ea3055dd4ee6e2f3.js" async=""></script><script src="/react-babylonjs/ca3a5a57-131d29ea0bcd0f69ecb9.js" async=""></script><script src="/react-babylonjs/c4ec0132-ab04be53aad4cd4d45d2.js" async=""></script><script src="/react-babylonjs/4c744e84-2c29a00ecd1fcb5dcff0.js" async=""></script><script src="/react-babylonjs/3a1a7810-c7d92908948c264a1dd0.js" async=""></script><script src="/react-babylonjs/bf235017-67158762267b51fd8c80.js" async=""></script><script src="/react-babylonjs/b6df1548-eef40a14557f1ab35adf.js" async=""></script><script src="/react-babylonjs/702596cc-1ac04ac51c71307d70c5.js" async=""></script><script src="/react-babylonjs/framework-59ced344695de7ea375c.js" async=""></script><script src="/react-babylonjs/webpack-runtime-c3c2fee0d7c85ea82651.js" async=""></script><script defer="">
             function navBarClose() {
               document.getElementById("navbar").classList.toggle("responsive");
             }