drafted new box on Ridgecrest showcase for homepage

layouts/index.html

@@ -13,6 +13,28 @@ <h3 class="subtitle">
         </a>
     </div>
 </section>
+<section class="hero is-dark">
+    <div class="hero-body">
+        <div class="columns is-vcentered">
+            <div class="column">
+                <img src="/img/ridgecrest_SC23showcase.jpg">
+                <p class="block">
+                    Snapshot of a SeisSol simulation of the 2019 Ridgecrest Earthquake (extracted from <a href="https://www.youtube.com/watch?v=JvMuQN4FuvU" style="color: hsl(40, 85%, 85%);">https://www.youtube.com/watch?v=JvMuQN4FuvU</a>).
+                </p>
+            </div>
+            <div class="column has-text-centered is-5">
+                <h1 class="is-size-3">SC23: Conversing Faults: The 2019 Ridgecrest Earthquake</h1>
+                <h3 class="subtitle">
+                    Scientific Visualization & Data Analytics Showcase at SC23
+                </h3>
+		<!-- <img src="/img/SC22Logo.png"> -->
+				<p>Led by the Texas Advanced Computing Center, results of the Ridgecrest simulations were presented as an SC23 Scientific Visualization & Data Analytics Showcase at SC23: The International Conference for High Performance Computing, Networking, Storage, and Analysis.</p>
+				<p>&nbsp;</p>
+				<p>More info in our <a href="ridgecrest-study" style="color: hsl(40, 85%, 85%);">blog post</a>; see the full video on <a href="https://www.youtube.com/watch?v=JvMuQN4FuvU" style="color: hsl(40, 85%, 85%);">YouTube</a>.</p>
+            </div>
+        </div>
+    </div>
+</section>
 <section class="hero is-dark">
     <div class="hero-body">
         <div class="columns is-vcentered">
@@ -34,7 +56,8 @@ <h3 class="subtitle">
             </div>
         </div>
     </div>
-</section><section class="hero is-medium is-warning">
+</section>
+<section class="hero is-medium is-warning">
     <div class="hero-body">
         <div class="columns is-vcentered">
             <div class="column">