Update JangaFX video

themes/odin/assets/scss/custom.scss

@@ -28,8 +28,8 @@ $table-cell-padding-x-sm:     .2rem;
 
 #jangafx-companies {
     img {
-        -webkit-filter: grayscale(100%) invert(100%);
-        filter: grayscale(100%) invert(100%);
+        -webkit-filter: grayscale(100%) invert(50%);
+        filter: grayscale(100%) invert(50%);
         mix-blend-mode: color-dodge;
     }
 }

themes/odin/layouts/index.html

@@ -171,13 +171,19 @@ <h2 class="mb-4">Odin in Production</h2>
                     <p>
                         <a href="https://jangafx.com/software/embergen/" target="_blank" class="link-light">EmberGen</a> is a real-time volumetric fluid simulator that can instantly simulate, render, and export flipbooks, image sequences, and VDB volumes. With EmberGen, you can create anything from fire and smoke, to explosions and magic wisps. EmberGen gives you the creative freedom to iterate on your simulations in a few milliseconds instead of hours.
                     </p>
+                    <p>
+                        <a href="https://jangafx.com/software/liquigen/" target="_blank" class="link-light">LiquiGen</a> is a real-time volumetric liquid simulator that can instantly simulate, render, and export flipbooks, image sequences, and VDB volumes.
+                    </p>
+                    <p>
+                        <a href="https://jangafx.com/software/geogen/" target="_blank" class="link-light">GeoGen</a> is a real-time terrain generation tool.
+                    </p>
                     <p>
                         Through EmberGen, Odin runs in production among the giants of the games and film industries: Bethesda, CAPCOM, Codemasters, THQNordic, Warner Bros, Weta Digital, and many others.
                     </p>
                     <div class="pt-4">
                         <a href="https://jangafx.com/" target="_blank" class="link-light text-decoration-none">
                             <img src="/jangafx/logo.png" alt="JangaFX" height="48px" />
-                            <h3 class="d-inline"> &nbsp;Janga<span style="color: #1b4694">FX</span></h3>
+                            <h3 class="d-inline"> &nbsp;Janga<span class="jangafx-color">FX</span></h3>
                         </a>
                         <span class="px-2"></span>
                         <a href="https://jangafx.com/software/embergen/" target="_blank" class="link-light text-decoration-none">
@@ -189,6 +195,11 @@ <h3 class="d-inline"> &nbsp;Ember<span style="color: #ed5c03">Gen</span></h3>
                             <img src="/jangafx/geo_logo.png" alt="GeoGen" height="48px"/ >
                             <h3 class="d-inline"> &nbsp;Geo<span style="color: #7cc746">Gen</span></h3>
                         </a>
+                        <span class="px-2"></span>
+                        <a href="https://jangafx.com/software/liquigen/" target="_blank" class="link-light text-decoration-none">
+                            <img src="/jangafx/liquigen.svg" alt="LiquiGen" height="48px"/ >
+                            <h3 class="d-inline"> &nbsp;Liqui<span style="color: #2cd4fa">Gen</span></h3>
+                        </a>
                     </div>
                 </div>
                 <div class="col-lg">
@@ -197,11 +208,14 @@ <h3 class="d-inline"> &nbsp;Geo<span style="color: #7cc746">Gen</span></h3>
                         style="background-color: black"
                     >
                         <div class="youtube-container">
+                            <iframe class="youtube-video" src="https://www.youtube-nocookie.com/embed/a0yjBywwNb8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+                        </div>
+                        <!-- <div class="youtube-container">
                             <iframe class="youtube-video" src="https://www.youtube-nocookie.com/embed/EJgA0LLq5TM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                         </div>
                         <div class="youtube-container">
                             <iframe class="youtube-video" src="https://www.youtube-nocookie.com/embed/JjXgo82Mwfo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
-                        </div>
+                        </div> -->
                         <!-- <video width="33%" autoplay="" loop="" muted="" data-vscid="auqox1ke2"><source src="https://jangafx.com/videos/gallery/explosion.mp4?v=2" /></video>
                         <video width="33%" autoplay="" loop="" muted="" data-vscid="5vx9sz37u"><source src="https://jangafx.com/videos/gallery/engulf.mp4?v=1" /></video>
                         <video width="33%" autoplay="" loop="" muted="" data-vscid="ev0y2nc6k"><source src="https://jangafx.com/videos/gallery/flares.mp4?v=1" /></video>
@@ -213,7 +227,7 @@ <h3 class="d-inline"> &nbsp;Geo<span style="color: #7cc746">Gen</span></h3>
             </div>
             <div class="pt-5 text-center" id="jangafx-companies">
                 <p class="pt-4 text-light opacity-50 text-center">
-                    Companies who use EmberGen
+                    Companies who use products by JangaFX
                 </p>
                 <img src="/jangafx/companies/jangafx_logos_cluster.png" alt="JangaFX Customers" />
 

themes/odin/static/css/style.css

@@ -336,3 +336,17 @@ body.dark-mode {
 .dark-mode .img-dark-mode-invert {
     filter: invert(100%);
 }
+
+
+.jangafx-color {
+    color: #1b46a4;
+}
+
+
+.dark-mode .dark-mode-fill-white {
+    fill: white;
+}
+
+.dark-mode .img-dark-mode-invert {
+    filter: invert(100%);
+}