Update showcase applications

Author: johnsamuelwrites

index.html

@@ -2353,14 +2353,13 @@ <h2 class="cta-title reveal">
     </section>
 
     <!-- ═══════════════════════════════════════════
-     RESOURCES AND PROJECTS
+     RESOURCES
 ═══════════════════════════════════════════ -->
     <section class="section" id="resources">
       <div class="container">
         <p class="section-label reveal">Resources</p>
-        <h2 class="section-title reveal">Documentation, playground,<br /><span class="grad-text">and French projects.</span></h2>
-        <p class="section-body reveal">Explore the official guides, experiment in the browser, and see complete projects
-          written with the multilingual programming language in French.</p>
+        <h2 class="section-title reveal">Documentation<br /><span class="grad-text">and Playground</span></h2>
+        <p class="section-body reveal">Learn the language, experiment in your browser, and explore complete working examples.</p>
 
         <div class="features-grid" style="margin-top:40px;">
           <div class="feature-card reveal reveal-delay-1">
@@ -2369,38 +2368,131 @@ <h3 class="feature-title">Documentation</h3>
             <p class="feature-body">Read the full guides, references, and architecture notes in the dedicated
               documentation site.</p>
             <p class="feature-body"><a href="https://multilingualprogramming.github.io/docs/" target="_blank"
-                rel="noopener">multilingualprogramming.github.io/docs/</a></p>
+                rel="noopener">🌐 multilingualprogramming.github.io/docs/</a></p>
             <p class="feature-body"><a href="https://github.com/multilingualprogramming/docs" target="_blank"
-                rel="noopener">github.com/multilingualprogramming/docs</a></p>
+                rel="noopener">🐙 github.com/multilingualprogramming/docs</a></p>
           </div>
           <div class="feature-card reveal reveal-delay-2">
             <div class="feature-icon icon-purple">🧪</div>
             <h3 class="feature-title">Playground</h3>
             <p class="feature-body">Try the language in your browser, inspect generated output, and iterate on examples
               without a local install.</p>
             <p class="feature-body"><a href="https://multilingualprogramming.github.io/playground/" target="_blank"
-                rel="noopener">multilingualprogramming.github.io/playground/</a></p>
+                rel="noopener">🌐 multilingualprogramming.github.io/playground/</a></p>
             <p class="feature-body"><a href="https://github.com/multilingualprogramming/playground" target="_blank"
-                rel="noopener">github.com/multilingualprogramming/playground</a></p>
+                rel="noopener">🐙 github.com/multilingualprogramming/playground</a></p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ═══════════════════════════════════════════
+     GENERATIVE ART & TESSELLATIONS
+═══════════════════════════════════════════ -->
+    <section class="section" id="generative-art">
+      <div class="container">
+        <p class="section-label reveal">Showcase</p>
+        <h2 class="section-title reveal">Generative Art<br /><span class="grad-text">and Tessellations</span></h2>
+        <p class="section-body reveal">Explore visual projects that transform images and create stunning mathematical patterns using multilingual code.</p>
+
+        <div class="features-grid" style="margin-top:40px;">
+          <div class="feature-card reveal reveal-delay-1">
+            <div class="feature-icon icon-pink">🎨</div>
+            <h3 class="feature-title">Pixel2Polygon</h3>
+            <p class="feature-body">Transform images into regular tiling mosaics. Decompose pictures into geometric patterns.</p>
+            <p class="feature-body"><a href="https://multilingualprogramming.github.io/pixel2polygon/" target="_blank"
+                rel="noopener">🌐 multilingualprogramming.github.io/pixel2polygon/</a></p>
+            <p class="feature-body"><a href="https://github.com/multilingualprogramming/pixel2polygon" target="_blank"
+                rel="noopener">🐙 github.com/multilingualprogramming/pixel2polygon</a></p>
+          </div>
+          <div class="feature-card reveal reveal-delay-2">
+            <div class="feature-icon icon-orange">🎨</div>
+            <h3 class="feature-title">Pixel2Plex</h3>
+            <p class="feature-body">Generate demiregular tessellations from images. Create complex tiling patterns with mathematical precision.</p>
+            <p class="feature-body"><a href="https://multilingualprogramming.github.io/pixel2plex/" target="_blank"
+                rel="noopener">🌐 multilingualprogramming.github.io/pixel2plex/</a></p>
+            <p class="feature-body"><a href="https://github.com/multilingualprogramming/Pixel2Plex" target="_blank"
+                rel="noopener">🐙 github.com/multilingualprogramming/Pixel2Plex</a></p>
           </div>
           <div class="feature-card reveal reveal-delay-3">
             <div class="feature-icon icon-green">🌀</div>
             <h3 class="feature-title">Fractales</h3>
-            <p class="feature-body">A French-language project for exploring fractals with multilingual programming
-              syntax.</p>
+            <p class="feature-body">Explore fractals through multilingual code. A French-language project showcasing beautiful mathematical structures.</p>
             <p class="feature-body"><a href="https://multilingualprogramming.github.io/fractales/" target="_blank"
-                rel="noopener">multilingualprogramming.github.io/fractales/</a></p>
+                rel="noopener">🌐 multilingualprogramming.github.io/fractales/</a></p>
             <p class="feature-body"><a href="https://github.com/multilingualprogramming/fractales" target="_blank"
-                rel="noopener">github.com/multilingualprogramming/fractales</a></p>
+                rel="noopener">🐙 github.com/multilingualprogramming/fractales</a></p>
           </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ═══════════════════════════════════════════
+     GAMES & SIMULATIONS
+═══════════════════════════════════════════ -->
+    <section class="section" id="games">
+      <div class="container">
+        <p class="section-label reveal">Showcase</p>
+        <h2 class="section-title reveal">Games<br /><span class="grad-text">and Simulations</span></h2>
+        <p class="section-body reveal">Interactive experiences and dynamic worlds built with multilingual programming, from playable games to cellular automata universes.</p>
+
+        <div class="features-grid" style="margin-top:40px;">
           <div class="feature-card reveal reveal-delay-1">
+            <div class="feature-icon icon-purple">🎮</div>
+            <h3 class="feature-title">Memyrinth</h3>
+            <p class="feature-body">Navigate a shifting labyrinth of numbers, patterns, and collisions where memory itself is constantly in motion.</p>
+            <p class="feature-body"><a href="https://multilingualprogramming.github.io/memyrinth/" target="_blank"
+                rel="noopener">🌐 multilingualprogramming.github.io/memyrinth/</a></p>
+            <p class="feature-body"><a href="https://github.com/multilingualprogramming/Memyrinth" target="_blank"
+                rel="noopener">🐙 github.com/multilingualprogramming/Memyrinth</a></p>
+          </div>
+          <div class="feature-card reveal reveal-delay-2">
+            <div class="feature-icon icon-cyan">🌳</div>
+            <h3 class="feature-title">Automaginarium</h3>
+            <p class="feature-body">Configurable universe generator for cellular automata. Create, simulate, and explore countless rule sets and patterns.</p>
+            <p class="feature-body"><a href="https://multilingualprogramming.github.io/automaginarium/" target="_blank"
+                rel="noopener">🌐 multilingualprogramming.github.io/automaginarium/</a></p>
+            <p class="feature-body"><a href="https://github.com/multilingualprogramming/Automaginarium" target="_blank"
+                rel="noopener">🐙 github.com/multilingualprogramming/Automaginarium</a></p>
+          </div>
+          <div class="feature-card reveal reveal-delay-3">
             <div class="feature-icon icon-orange">🧫</div>
             <h3 class="feature-title">Cellular Automata</h3>
-            <p class="feature-body">A French-language cellular automata project published as <code>cellcosmos</code>.</p>
+            <p class="feature-body">Simulate cellular automata worlds. A French-language project for exploring emergent behavior and complex systems.</p>
             <p class="feature-body"><a href="https://multilingualprogramming.github.io/cellcosmos/" target="_blank"
-                rel="noopener">multilingualprogramming.github.io/cellcosmos/</a></p>
+                rel="noopener">🌐 multilingualprogramming.github.io/cellcosmos/</a></p>
             <p class="feature-body"><a href="https://github.com/multilingualprogramming/cellcosmos" target="_blank"
-                rel="noopener">github.com/multilingualprogramming/cellcosmos</a></p>
+                rel="noopener">🐙 github.com/multilingualprogramming/cellcosmos</a></p>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- ═══════════════════════════════════════════
+     DEVELOPER TOOLS & INFRASTRUCTURE
+═══════════════════════════════════════════ -->
+    <section class="section" id="tools">
+      <div class="container">
+        <p class="section-label reveal">Showcase</p>
+        <h2 class="section-title reveal">Developer Tools<br /><span class="grad-text">and Infrastructure</span></h2>
+        <p class="section-body reveal">Foundational tools and research projects that extend the multilingual programming ecosystem.</p>
+
+        <div class="features-grid" style="margin-top:40px;">
+          <div class="feature-card reveal reveal-delay-1">
+            <div class="feature-icon icon-blue">🔧</div>
+            <h3 class="feature-title">tree-sitter-multilingual</h3>
+            <p class="feature-body">Tree-sitter grammar for the Multilingual Programming Language. Enable syntax highlighting and parsing in any tree-sitter-compatible editor.</p>
+            <p class="feature-body"><a href="https://github.com/multilingualprogramming/tree-sitter-multilingual" target="_blank"
+                rel="noopener">🐙 github.com/multilingualprogramming/tree-sitter-multilingual</a></p>
+          </div>
+          <div class="feature-card reveal reveal-delay-2">
+            <div class="feature-icon icon-pink">📊</div>
+            <h3 class="feature-title">MotusArtium</h3>
+            <p class="feature-body">GraphQL-first art history observatory built on top of Wikidata. Explore connections between artworks, artists, and movements.</p>
+            <p class="feature-body"><a href="https://multilingualprogramming.github.io/motusartium/" target="_blank"
+                rel="noopener">🌐 multilingualprogramming.github.io/motusartium/</a></p>
+            <p class="feature-body"><a href="https://github.com/multilingualprogramming/MotusArtium" target="_blank"
+                rel="noopener">🐙 github.com/multilingualprogramming/MotusArtium</a></p>
           </div>
         </div>
       </div>
@@ -2448,16 +2540,22 @@ <h3 class="feature-title">Cellular Automata</h3>
           </ul>
         </div>
         <div>
-          <div class="footer-col-title">French Projects</div>
+          <div class="footer-col-title">Showcase Projects</div>
           <ul class="footer-links">
+            <li><a href="https://multilingualprogramming.github.io/pixel2polygon/" target="_blank"
+                rel="noopener">Pixel2Polygon</a></li>
+            <li><a href="https://multilingualprogramming.github.io/pixel2plex/" target="_blank"
+                rel="noopener">Pixel2Plex</a></li>
             <li><a href="https://multilingualprogramming.github.io/fractales/" target="_blank"
                 rel="noopener">Fractales</a></li>
-            <li><a href="https://github.com/multilingualprogramming/fractales" target="_blank"
-                rel="noopener">Fractales Repository</a></li>
             <li><a href="https://multilingualprogramming.github.io/cellcosmos/" target="_blank"
                 rel="noopener">Cellular Automata</a></li>
-            <li><a href="https://github.com/multilingualprogramming/cellcosmos" target="_blank"
-                rel="noopener">Cellcosmos Repository</a></li>
+            <li><a href="https://multilingualprogramming.github.io/memyrinth/" target="_blank"
+                rel="noopener">Memyrinth</a></li>
+            <li><a href="https://multilingualprogramming.github.io/automaginarium/" target="_blank"
+                rel="noopener">Automaginarium</a></li>
+            <li><a href="https://multilingualprogramming.github.io/motusartium/" target="_blank"
+                rel="noopener">MotusArtium</a></li>
           </ul>
         </div>
         <div>