added Diffraction Grating card

Author: Hussein-Tofaili

index.html

@@ -293,6 +293,41 @@ <h3 class="card-title">B-Integral Calculater in Fibers</h3>
                     </div>
                 </div>
             </article>
+            <!-- Diffraction Grating Simulator Card -->
+            <article class="simulation-card">
+                <a href="https://visuphy.org/DiffractionGrating/" class="card-link">
+                    <div class="card-image-wrapper">
+                        <img src="https://raw.githubusercontent.com/visuphy/DiffractionGrating/main/Screenshot.png" 
+                             alt="Diffraction Grating Simulator" 
+                             class="card-image">
+                        <div class="card-overlay">
+                            <span class="card-category">Optics</span>
+                        </div>
+                    </div>
+                    <div class="card-body">
+                        <h3 class="card-title">Diffraction Grating Simulator</h3>
+                        <p class="card-description">
+                            A real-time visualization of the diffraction pattern generated when light interacts with a grating.
+                        </p>
+                    </div>
+                </a>
+                <div class="card-meta">
+                    <div class="meta-author">
+                        Author: <a href="https://github.com/Hussein-Tofaili" target="_blank">Hussein-Tofaili</a>
+                    </div>
+                    <a href="#" class="meta-updated" target="_blank" title="View commit history">
+                        <i class="fas fa-history"></i> <span class="last-updated">Loading...</span>
+                    </a>
+                    <div class="meta-actions">
+                        <a href="https://github.com/visuphy/DiffractionGrating" target="_blank" class="action-button" title="View Source">
+                            <i class="fab fa-github"></i>
+                        </a>
+                        <button class="action-button share-button" title="Share">
+                            <i class="fas fa-share-alt"></i>
+                        </button>
+                    </div>
+                </div>
+            </article>
         </div>
     </main>