Website Updates (#246)

MFlowCode · Dec 1, 2023 · d94d546 · d94d546
1 parent ee32885
commit d94d546
Show file tree

Hide file tree

Showing 4 changed files with 870 additions and 1 deletion.
diff --git a/docs/index.html b/docs/index.html
@@ -65,7 +65,8 @@
             new FS("Shedding water droplet - Vorticity", "res/simulations/a.png", "Summit", "960 V100s", "4h", "https://doi.org/10.48550/arXiv.2305.09163"),
             new FS("Cavitating bubble cloud - Wall pressure", "res/simulations/b.png", "Summit", "216 V100s", "3h", "https://doi.org/10.48550/arXiv.2305.09163"),
             new FS("Cavitating bubble cloud - Streamlines", "res/simulations/c.png", "Summit", "216 V100s", "3h", "https://doi.org/10.48550/arXiv.2305.09163"),
-            new FS("Kidney stone near a collapsing bubble cloud - Maximum principal stresses", "res/simulations/d.png", "Summit", "576 V100s", "30 min", "https://doi.org/10.48550/arXiv.2305.09163")
+            new FS("Kidney stone near a collapsing bubble cloud - Maximum principal stresses", "res/simulations/d.png", "Summit", "576 V100s", "30 min", "https://doi.org/10.48550/arXiv.2305.09163"),
+            new FS("Breakup of vibrated interface", "res/simulations/f.png", "Summit", "128 V100s", "4h","https://youtu.be/qQV2ZRDpf2M")
         ];
 
         /*
@@ -178,6 +179,58 @@
                 document.getElementById("ft-sim").appendChild(container);
             }
         });
+
+         class FScale {
+            constructor(image, computer) {
+                this.image        = image;
+                this.computer     = computer;
+            }
+        };
+
+        scalings = [
+            new FScale("res/weakScaling/frontier.svg", "Frontier"),
+            new FScale("res/weakScaling/summit.svg", "Summit")
+            ]
+
+
+         onHTML(() => {
+            for (let scl of scalings) {
+                let container = document.createElement("div");
+                container.classList.add("flex", "flex-col", "text-white", "rounded", "bg-slate-900", "rounded-b-lg");
+
+                let topdiv = document.createElement("div");
+                topdiv.classList.add("flex-1", "grid", "bg-white", "pb-2");
+
+                let img = document.createElement("img");
+                img.src = scl.image;
+                img.classList.add("place-self-center");
+
+                topdiv.appendChild(img);
+                container.appendChild(topdiv);
+
+                let middiv = document.createElement("div");
+                middiv.classList.add("flex", "flex-row", "items-center");
+
+                let logoDiv = document.createElement("div");
+                logoDiv.classList.add("flex", "flex-col", "h-full", "bg-white", "justify-center");
+
+
+                let title = document.createElement("div");
+                title.classList.add("flex-1", "p-2", "font-semibold", "text-center");
+                title.innerText = scl.computer;
+
+                middiv.appendChild(title);
+
+                let botdiv = document.createElement("div");
+                botdiv.classList.add("flex-1","p-2","font-semibold","text-center");
+                botdiv.innerText=scl.computer;
+
+                container.appendChild(botdiv);
+
+                document.getElementById("ft-scaling").appendChild(container);
+            }
+        });
+
     </script>
 </head>
 <body class="flex flex-col min-h-screen bg-slate-900">
@@ -244,6 +297,16 @@ <h1 class="flex-1 flex flex-col justify-center gap-y-4">
                 <div id="ft-sim" class="flex-1 grid grid-cols-1 md:grid-cols-3 gap-8">
                     <!-- ... -->
                 </div>
+            </div> 
+            <div class="weak-scaling flex-col gap-4">
+                <h1 class="flex-1 flex flex-col justify-center gap-y-4">
+                    <div class="text-xl md:text-2xl font-extrabold">
+                        Weak Scaling Results
+                    </div>
+                </h1>
+                <div id="ft-scaling" class="flex-1 grid grid-cols-1 md:grid-cols-2 gap-8"> 
+                    <!-- ... -->
+                </div>
             </div>
             <div class="flex flex-col gap-4">
                 <h1 class="flex-1 flex flex-col justify-center gap-y-4">

diff --git a/docs/res/simulations/f.png b/docs/res/simulations/f.png