Updated website content

Author: ZZBaron

css/styles.css

@@ -167,14 +167,13 @@ body {
 
 /* Video Styles */
 .project-video {
-    width: 846px;
-    height: 840px;
-    max-width: 100%;
-    object-fit: contain;
-    margin-left: auto;
-    margin-right: auto;
+    width: 100%;
+    height: auto;
+    max-width: 800px; /* Base max-width for larger videos */
     display: block;
-    background: #000;
+    margin: 0 auto;
+    border-radius: 8px;
+    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
 }
 
 /* Project Content Styles */

engine.html

@@ -67,7 +67,7 @@
         <a href="index.html" class="back-link">← Back to Portfolio</a>
 
         <div class="project-header">
-            <h1>3D Physics Game Engine</h1>
+            <h1>3D Physics Game Engine (WIP)</h1>
             <a href="https://github.com/ZZBaron/3D-Physics-Engine" class="github-link" target="_blank">View on GitHub</a>
         </div>
         <!-- Img for gif, video for mp4 -->

index.html

@@ -39,15 +39,20 @@ <h2 class="section-title" data-aos="fade-up">My Projects</h2>
                 <h3 class="section-subtitle">Physics Simulations</h3>
 
                 <div class="simulation-item">
-                    <img src="images/physics-engine-demo.gif" alt="3D Physics Game Engine" class="project-video">
+
+                    <video class="project-video" width="800" height="462" autoplay loop muted playsinline>
+                        <source src="media/bad engine.mp4" type="video/mp4">
+                        Your browser does not support the video tag.
+                    </video>
+
                     <div class="project-content">
-                        <h4><a href="engine.html" class="project-link">3D Physics Game Engine</a></h4>
+                        <h4><a href="engine.html" class="project-link">3D Physics Game Engine (WIP) </a></h4>
                         <p>A real-time physics engine built with OpenGL and C++, featuring rigid body dynamics, collision detection, and advanced numerical integration for accurate physics simulation.</p>
                     </div>
                 </div>
 
                 <div class="simulation-item">
-                    <video class="project-video" controls>
+                    <video class="project-video" width="600" height="595" autoplay loop muted playsinline>
                         <source src="media/Black Hole Sim.mp4" type="video/mp4">
                         Your browser does not support the video tag.
                     </video>
@@ -59,10 +64,7 @@ <h4><a href="blackhole.html" class="project-link">Black Hole Light Ray Simulatio
                 </div>
 
                 <div class="simulation-item">
-                    <video class="project-video" controls>
-                        <source src="path/to/hydrogen-simulation.mp4" type="video/mp4">
-                        Your browser does not support the video tag.
-                    </video>
+                    <img src="media/hydrogen_orbital_rotation_numerical.gif" alt="Hydrogen Orbital Visualization" class="project-video" width="800" height="400">
                     <div class="project-content">
                         <h4><a href="Horbitals.html" class="project-link">Hydrogen Wavefunction Eigenstates</a></h4>
                         <p>Visualization of quantum mechanical hydrogen atom eigenstates, showing 
@@ -88,7 +90,7 @@ <h3>Research Paper 1</h3>
     <section id="contact" class="section contact">
         <div class="contact-content">
             <h2 class="section-title" data-aos="fade-up">Get in Touch</h2>
-            <form class="contact-form">
+            <form class="contact-form" action="https://formsubmit.co/5e1750a993629b2de545d9bd1e05a73e " method="POST">
                 <div class="form-group">
                     <label for="name">Name</label>
                     <input type="text" id="name" name="name" required>