Documentation, fix MFlowCode#493 & MFlowCode#490 (MFlowCode#494)

henryleberre · sbryngelson · AiredaleDev · commit 1378bbca850f · 2024-08-07T15:01:04.000-04:00
Co-authored-by: Spencer Bryngelson &lt;shb@gatech.edu&gt;
diff --git a/docs/documentation/papers.md b/docs/documentation/papers.md
@@ -0,0 +1,44 @@
+# Papers
+
+MFC: An open-source high-order multi-component, multi-phase, and multi-scale compressible flow solver. [S. H. Bryngelson, K. Schmidmayer, V. Coralic, K. Maeda, J. Meng, T. Colonius (2021) Computer Physics Communications **266**, 107396](https://doi.org/10.1016/j.cpc.2020.107396)
+
+```bibtex
+@article{Bryngelson_2021,
+  title = {{MFC: A}n open-source high-order multi-component, multi-phase, and multi-scale compressible flow solver},
+  author = {Spencer H. Bryngelson and Kevin Schmidmayer and Vedran Coralic and Jomela C. Meng and Kazuki Maeda and Tim Colonius},
+  journal = {Computer Physics Communications},
+  doi = {10.1016/j.cpc.2020.107396},
+  year = {2021},
+  pages = {107396},
+}
+```
+
+<br/>
+
+Method for scalable and performant GPU-accelerated simulation of multiphase compressible flow. [A. Radhakrishnan, H. Le Berre, B. Wilfong, J.-S. Spratt, M. Rodriguez Jr., T. Colonius, S. H. Bryngelson (2024) Computer Physics Communications **302**, 109238](https://doi.org/10.1016/j.cpc.2024.109238)
+
+```bibtex
+@article{Radhakrishnan_2024,
+  title = {Method for portable, scalable, and performant {GPU}-accelerated simulation of multiphase compressible flow},
+  author  = {A. Radhakrishnan and H. {Le Berre} and B. Wilfong and J.-S. Spratt and M. {Rodriguez Jr.} and T. Colonius and S. H. Bryngelson},
+  journal = {Computer Physics Communications},
+  year    = {2024},
+  volume  = {302},
+  pages   = {109238},
+  doi     = {10.1016/j.cpc.2024.109238}
+}
+```
+
+<br/>
+
+Supercomputing 22 (SC'22): Scalable GPU Accelerated Simulation of Multiphase Compressible Flow (A. Radhakrishnan, H. Le Berre, and S. H. Bryngelson). [Archive](https://sc22.supercomputing.org/proceedings/tech_poster/tech_poster_pages/rpost122.html) and [PDF](https://sc22.supercomputing.org/proceedings/tech_poster/poster_files/rpost122s3-file2.pdf).
+```bibtex
+@inproceedings{radhakrishnan22,
+    title        = {Scalable {GPU} accelerated simulation of multiphase compressible flow},
+    author       = {A. Radhakrishnan and H. {Le Berre} and S. H. Bryngelson},
+    year         = {2022},
+    booktitle    = {The International Conference for High Performance Computing, Networking, Storage, and Analysis (SC)},
+    address      = {Dallas, TX, USA},
+    pages        = {1--3}
+}
+```
diff --git a/docs/index.html b/docs/index.html
@@ -197,17 +197,16 @@
                 this.computer     = computer;
             }
         };
-    
-        scalings = [
-            new FScale("res/weakScaling/frontier.svg", "Oak Ridge Frontier"),
-            new FScale("res/weakScaling/summit.svg", "Oak Ridge Summit")
-            ]
 
+        scalings = [
+            new FScale("res/weakScaling/frontier.svg", "Oak Ridge Frontier (AMD MI250X GPUs)"),
+            new FScale("res/weakScaling/summit.svg", "Oak Ridge Summit (NVIDIA V100 GPUs)")
+        ];
 
-         onHTML(() => {
+        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");
+                container.classList.add("flex", "md:w-2/6", "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");
@@ -241,7 +240,6 @@
                 document.getElementById("ft-scaling").appendChild(container);
             }
         });
-
     </script>
 </head>
 <body class="flex flex-col min-h-screen bg-slate-900">
@@ -282,9 +280,9 @@
                         <i class="pr-4 fa-solid fa-book"></i>
                         <span class="flex-1">Documentation</span>
                     </a>
-                    <a class="px-4 flex flex-row items-center py-4 border-b-2 hover:border-amber-400" href="https://doi.org/10.1016/j.cpc.2020.107396">
+                    <a class="px-4 flex flex-row items-center py-4 border-b-2 hover:border-amber-400" href="documentation/md_papers.html">
                         <i class="pr-4 fa-solid fa-newspaper"></i>
-                        <span class="flex-1">Primary Paper</span>
+                        <span class="flex-1">Papers</span>
                     </a>
                 </div>
             </div>
@@ -297,7 +295,7 @@ <h1 class="flex-1 flex flex-col justify-center gap-y-4">
                     <div class="text-xl md:text-2xl font-extrabold">
                         Featured Simulations
                     </div>
-                  
+
                     <!--
                     <div class="text-sm md:text-md text-justify">
                         A small collection of visualizations of simulations completed using MFC.
@@ -308,13 +306,13 @@ <h1 class="flex-1 flex flex-col justify-center gap-y-4">
                     <!-- ... -->
                 </div>
             </div> 
-            <div class="weak-scaling flex-col gap-4">
+            <div class="weak-scaling flex 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 id="ft-scaling" class="flex-1 flex flex-col md:flex-row gap-8 md:justify-around">
                     <!-- ... -->
                 </div>
             </div>
@@ -324,7 +322,7 @@ <h1 class="flex-1 flex flex-col justify-center gap-y-4">
                         Contributors
                     </div>
                 </h1>
-                    
+
                 <div id="ft-contrib" class="rounded">
                     <!-- ... -->
                 </div>
