Skip to content

Commit

Permalink
Add link to video
Browse files Browse the repository at this point in the history
  • Loading branch information
@marchdf
marchdf committed Nov 16, 2023
1 parent 9269cee commit 79587ef
Showing 1 changed file with 80 additions and 68 deletions.
148 changes: 80 additions & 68 deletions gallery.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,26 +21,28 @@
<p style="margin-bottom: 0.8em;">
<span class="black"><a href="gallery.html">Gallery</a>
<span class="small"><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#gfm-2022">RCCI engine</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#gfm-2020">Supersonic flameholder</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#multigpu">Multi-GPU</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#shckdrp">Shock-drop</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#stfbubl">Shock-bubble</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#drpwall">Drop-wall</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#khblast">Shear flow</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#purerm">RM instability</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#rmmulti">Multi-layer RM</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#blastrm">Blast-interface</a></span>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#sc-2023">Wind farm</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#gfm-2022">RCCI engine</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#gfm-2020">Supersonic flameholder</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#multigpu">Multi-GPU</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#shckdrp">Shock-drop</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#stfbubl">Shock-bubble</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#drpwall">Drop-wall</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#khblast">Shear flow</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#purerm">RM instability</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#rmmulti">Multi-layer RM</a></span><br>
<span class="blue">></span> &nbsp;
<span class="gray"><a href="#blastrm">Blast-interface</a></span>
</span>
</p>
<p style="margin-bottom: 0.8em;">
Expand All @@ -55,27 +57,37 @@
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="gfm-2022">Simulation of an RCCI Engine using the Pele Suite of Exascale Codes</a></span><br>
<a name="sc-2023">Simulation of a wind farm using ExaWind</a></span><br>
<span class="gray">2023 Supercomputing 2023 Showcase</span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<iframe width="560" height="315" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/d8AEnX8EpVg?si=r7Kxi68oaNaIaPNZ"></iframe></p>

<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="gfm-2022">Simulation of an RCCI Engine using the Pele Suite of Exascale Codes</a></span><br>
<span class="gray">2022 APS/DFD Milton van Dyke Award Winner</span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<iframe width="560" height="315" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/XNKDs0mkym0"></iframe></p>
<iframe width="560" height="315" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/XNKDs0mkym0"></iframe></p>

<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="gfm-2020">Direct fuel injection effects in a supersonic cavity flameholder</a></span><br>
<a name="gfm-2020">Direct fuel injection effects in a supersonic cavity flameholder</a></span><br>
<span class="gray">2020 APS/DFD Gallery of Fluid Motion Award Winner</span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<iframe width="560" height="315" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/hrwgCJFrIZo"></iframe></p>
<iframe width="560" height="315" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/hrwgCJFrIZo"></iframe></p>

<!------------------------------------------------------------------------------------>
<!-- -->
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="multigpu">Multi-GPU parallel implementation through CUDA and MPI</a></span></p>
<a name="multigpu">Multi-GPU parallel implementation through CUDA and MPI</a></span></p>
<p style="margin-left:-10em; margin-bottom:4em">
<img class="left" src="./pics/multigpu.png" alt="setup" height="150"></p>

Expand All @@ -84,25 +96,25 @@
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="shckdrp">Shock (Mach 2.5) impacts a drop of water in air</a></span></p>
<a name="shckdrp">Shock (Mach 2.5) impacts a drop of water in air</a></span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<img class="left" src="./video/shckdrp/shckdrp.png" alt="setup" height="200"></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/shckdrp/density.mp4" type="video/mp4">
<source src="./video/shckdrp/density.ogg" type="video/ogg">
<object data="./video/shckdrp/density.mp4" width="320" height="240">
<embed src="./video/shckdrp/density.swf" width="320" height="240">
</object>
<source src="./video/shckdrp/density.ogg" type="video/ogg">
<object data="./video/shckdrp/density.mp4" width="320" height="240">
<embed src="./video/shckdrp/density.swf" width="320" height="240">
</object>
</video>
</p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/shckdrp/mach.mp4" type="video/mp4">
<source src="./video/shckdrp/mach.ogg" type="video/ogg">
<object data="./video/shckdrp/mach.mp4" width="320" height="240">
<embed src="./video/shckdrp/mach.swf" width="320" height="240">
</object>
<source src="./video/shckdrp/mach.ogg" type="video/ogg">
<object data="./video/shckdrp/mach.mp4" width="320" height="240">
<embed src="./video/shckdrp/mach.swf" width="320" height="240">
</object>
</video>
</p>

Expand All @@ -111,16 +123,16 @@
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="stfbubl">Strong shock (19GPa) impacting an air bubble in water</a></span></p>
<a name="stfbubl">Strong shock (19GPa) impacting an air bubble in water</a></span></p>
<p style="margin-left:-10em; margin-bottom:1em">
<span class="gray">Simulated Schlieren of density. Problem first defined by <a href="http://dx.doi.org/10.1007/s001930000060">Ball et al.</a></span></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/stfbubl/stfbubl.mp4" type="video/mp4">
<source src="./video/stfbubl/stfbubl.ogg" type="video/ogg">
<object data="./video/stfbubl/stfbubl.mp4" width="320" height="240">
<embed src="./video/stfbubl/stfbubl.swf" width="320" height="240">
</object>
<source src="./video/stfbubl/stfbubl.ogg" type="video/ogg">
<object data="./video/stfbubl/stfbubl.mp4" width="320" height="240">
<embed src="./video/stfbubl/stfbubl.swf" width="320" height="240">
</object>
</video>
</p>

Expand All @@ -129,16 +141,16 @@
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="drpwall">Water drop at Mach 1.5 impacting on a wall</a></span></p>
<a name="drpwall">Water drop at Mach 1.5 impacting on a wall</a></span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<img class="left" src="./video/drpwall/drpwall.png" alt="setup" height="200"></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/drpwall/drpwall.mp4" type="video/mp4">
<source src="./video/drpwall/drpwall.ogg" type="video/ogg">
<object data="./video/drpwall/drpwall.mp4" width="320" height="240">
<embed src="./video/drpwall/drpwall.swf" width="320" height="240">
</object>
<source src="./video/drpwall/drpwall.ogg" type="video/ogg">
<object data="./video/drpwall/drpwall.mp4" width="320" height="240">
<embed src="./video/drpwall/drpwall.swf" width="320" height="240">
</object>
</video>
</p>

Expand All @@ -147,18 +159,18 @@
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="khblast">Blast-driven high-energy-density shear flow</a></span></p>
<a name="khblast">Blast-driven high-energy-density shear flow</a></span></p>
<p style="margin-left:-10em; margin-bottom:1em">
<span class="gray">High-energy density blast wave initiated on the left drives a shear flow between<br>light material (foam, top) and a denser material (plastic, bottom). This simulation<br>models the experiment presented in <a href="http://dx.doi.org/10.1063/1.4872223"> Di Stefano et al.</a></p>
<p style="margin-left:-10em; margin-bottom:2em">
<img class="left" src="./video/khblast/khblast.png" alt="setup" height="150"></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/khblast/khblast.mp4" type="video/mp4">
<source src="./video/khblast/khblast.ogg" type="video/ogg">
<object data="./video/khblast/khblast.mp4" width="320" height="240">
<embed src="./video/khblast/khblast.swf" width="320" height="240">
</object>
<source src="./video/khblast/khblast.ogg" type="video/ogg">
<object data="./video/khblast/khblast.mp4" width="320" height="240">
<embed src="./video/khblast/khblast.swf" width="320" height="240">
</object>
</video>
</p>

Expand All @@ -167,16 +179,16 @@
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="purerm">Richtmyer-Meshkov instability</a></span></p>
<a name="purerm">Richtmyer-Meshkov instability</a></span></p>
<p style="margin-left:-10em; margin-bottom:1em">
<span class="gray">A Mach 1.21 shock moving downwards interacts with an air-SF6 interface. This<br>simulation models the experiment presented in <a href="http://dx.doi.org/10.1017/S0022112002008844">Collins et al.</a></span></p>
<p style="margin-left:-10em; margin-bottom:2em">
<video width="550" controls loop>
<source src="./video/purerm/purerm.mp4" type="video/mp4">
<source src="./video/purerm/purerm.ogg" type="video/ogg">
<object data="./video/purerm/purerm.mp4" width="320" height="240">
<embed src="./video/purerm/purerm.swf" width="320" height="240">
</object>
<source src="./video/purerm/purerm.ogg" type="video/ogg">
<object data="./video/purerm/purerm.mp4" width="320" height="240">
<embed src="./video/purerm/purerm.swf" width="320" height="240">
</object>
</video>
</p>
<p style="margin-left:-10em; margin-bottom:4em">
Expand All @@ -187,16 +199,16 @@
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="rmmulti">Richtmyer-Meshkov instability with multiple layers</a></span></p>
<a name="rmmulti">Richtmyer-Meshkov instability with multiple layers</a></span></p>
<p style="margin-left:-10em; margin-bottom:1em">
<span class="gray">A Mach 1.21 shock moving downwards interacts with multiple layers of gases<br>(air-SF6-heavy gas-air). More details can be found in <a href="http://dx.doi.org/10.1007/s00193-014-0539-y"> Henry de Frahan et al.</a></span></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/rmmulti/rmmulti.mp4" type="video/mp4">
<source src="./video/rmmulti/rmmulti.ogg" type="video/ogg">
<object data="./video/rmmulti/rmmulti.mp4" width="320" height="240">
<embed src="./video/rmmulti/rmmulti.swf" width="320" height="240">
</object>
<source src="./video/rmmulti/rmmulti.ogg" type="video/ogg">
<object data="./video/rmmulti/rmmulti.mp4" width="320" height="240">
<embed src="./video/rmmulti/rmmulti.swf" width="320" height="240">
</object>
</video>
</p>

Expand All @@ -205,24 +217,24 @@
<!------------------------------------------------------------------------------------>
<p style="position:relative; left: -12em; margin-bottom: 1.5em">
<span style="font-size: 12pt">
<a name="blastrm">Blast wave interacting with perturbed air-SF6 interface</a></span></p>
<a name="blastrm">Blast wave interacting with perturbed air-SF6 interface</a></span></p>
<p style="margin-left:-10em; margin-bottom:4em">
<video width="550" controls loop>
<source src="./video/blastrm/blastrm.mp4" type="video/mp4">
<source src="./video/blastrm/blastrm.ogg" type="video/ogg">
<object data="./video/blastrm/blastrm.mp4" width="320" height="240">
<embed src="./video/blastrm/blastrm.swf" width="320" height="240">
</object>
<source src="./video/blastrm/blastrm.ogg" type="video/ogg">
<object data="./video/blastrm/blastrm.mp4" width="320" height="240">
<embed src="./video/blastrm/blastrm.swf" width="320" height="240">
</object>
</video>
</p>

<p style="margin-bottom: 0em; margin-top: 4em; margin-left:23.0em;">
<span class="small">
<span class="gray"><a href="index.html">Home</a></span><span class="blue"> &nbsp;|&nbsp; </span>
<span class="gray"><a href="./docs/cv.pdf" target="_blank">CV</a></span>
</span>
</p>
</div>
</div>
</div>
</body>
</html>

0 comments on commit 79587ef

Please sign in to comment.