Added 2D NBody WASM sim with demo

Author: simbleau

index.html

@@ -180,7 +180,9 @@ <h1 class="title is-1 pb-6">
         <div class="container">
             <h1 class="title is-1"><a name="showcase">#</a> Showcase</h1>
             <br>
-            <p class="subtitle is-4">Made something cool with <b>wgpu</b>? <a href="https://github.com/gfx-rs/wgpu-rs.github.io">Make a PR</a>, and reach out to us on <a href="https://matrix.to/#/#wgpu-users:matrix.org">#wgpu-users</a>!</p>
+            <p class="subtitle is-4">Made something cool with <b>wgpu</b>? <a
+                    href="https://github.com/gfx-rs/wgpu-rs.github.io">Make a PR</a>, and reach out to us on <a
+                    href="https://matrix.to/#/#wgpu-users:matrix.org">#wgpu-users</a>!</p>
             <br>
 
             <div id="showcase_container"></div>
@@ -223,6 +225,12 @@ <h1 class="title is-1"><a name="showcase">#</a> Showcase</h1>
                 "website": "https://bevyengine.org/",
                 "thumbnail": "screenshots/bevy.gif",
             },
+            {
+                "name": "WASM nbodysim",
+                "description": "Realtime 2D WASM N-Body-Simulation",
+                "website": "https://github.com/simbleau/nbody-wasm-sim",
+                "thumbnail": "screenshots/nbodywasm.gif",
+            },
             {
                 "name": "nbodysim",
                 "description": "Realtime 3D N-Body-Simulation",
@@ -370,7 +378,7 @@ <h1 class="title is-1"><a name="showcase">#</a> Showcase</h1>
         ];
 
         // Showcase Card Template
-        const showcase_template = ({name, description, website, thumbnail}) => {
+        const showcase_template = ({ name, description, website, thumbnail }) => {
             // Providing fallback formats for Safari
             const file_ext_pos = thumbnail.lastIndexOf(".");
             const file_name = thumbnail.slice(0, file_ext_pos);
@@ -405,15 +413,15 @@ <h1 class="title is-1"><a name="showcase">#</a> Showcase</h1>
 
         const showcase_container = document.getElementById("showcase_container");
 
-        for (let {name, description, website, thumbnail} of showcase_list) {
+        for (let { name, description, website, thumbnail } of showcase_list) {
             showcase_container.insertAdjacentHTML("beforeend", showcase_template({
-                    name,
-                    description,
-                    website,
-                    thumbnail
-                }));
+                name,
+                description,
+                website,
+                thumbnail
+            }));
         }
     </script>
 </body>
 
-</html>
+</html>