fix(about): formatting

Author: JesperDramsch

_pages/about.html

@@ -143,8 +143,12 @@ <h2 class="section-title">By The Numbers</h2>
                         <div class="stat-description">Making Python conferences globally accessible</div>
                     </div>
                 </div>
+			</div>
+		</div>
 
-                <!-- Testimonials on same slide -->
+		<!-- Slide 6: Testimonials -->
+        <div class="slide" id="slide-6">
+            <div class="slide-content">
                 <div class="testimonials-section">
                     <h2 class="section-title">What Users Say</h2>
                     <div class="testimonials">
@@ -165,8 +169,8 @@ <h2 class="section-title">What Users Say</h2>
             </div>
         </div>
 
-        <!-- Slide 6: Use Cases -->
-        <div class="slide" id="slide-6">
+        <!-- Slide 7: Use Cases -->
+        <div class="slide" id="slide-7">
             <div class="slide-content">
                 <h2 class="section-title">How People Use Pythondeadlin.es</h2>
                 <div class="use-cases">
@@ -186,22 +190,22 @@ <h3>Conference Organizers</h3>
             </div>
         </div>
 
-        <!-- Slide 7: CTA -->
-        <div class="slide" id="slide-7">
+        <!-- Slide 8: CTA -->
+        <div class="slide" id="slide-8">
             <div class="slide-content">
                 <div class="cta-section">
                     <h2>Start Tracking Conference Deadlines Today</h2>
                     <div class="cta-content">
-						<div class="qr-code">
-							<img src="/static/img/domain.svg" alt="QR code for pythondeadlin.es" />
-						</div>
-                        <div class="cta-text">
-                            <p>Join the Python community in staying on top of conference opportunities. Scan the QR code or visit pythondeadlin.es to get started.</p>
+						<div class="cta-text">
+							<p>Join the Python community in staying on top of conference opportunities. Scan the QR code or visit pythondeadlin.es to get started.</p>
                             <div class="buttons">
-                                <a href="https://pythondeadlin.es" class="button button-primary">Visit Website</a>
+								<a href="https://pythondeadlin.es" class="button button-primary">Visit Website</a>
                                 <a href="https://github.com/JesperDramsch/python-deadlines" class="button button-secondary">Contribute on GitHub</a>
                             </div>
                         </div>
+						<div class="qr-code">
+							<img src="/static/img/domain.svg" alt="QR code for pythondeadlin.es" />
+						</div>
                     </div>
                 </div>
             </div>

static/css/about.css

@@ -477,7 +477,7 @@ footer a:hover {
 /* Presentation mode specific styles */
 body.presentation-mode {
 	overflow: hidden;
-	background-color: #000;
+	background-color: #fff;
 }
 
 body.presentation-mode .container {
@@ -508,6 +508,7 @@ body.presentation-mode .slide {
 	pointer-events: none;
 	transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
 	transform: translateY(40px);
+	overflow: hidden;
 }
 
 body.presentation-mode .slide.active {

static/js/about.js

@@ -1,5 +1,5 @@
 // Constants and variables
-const TOTAL_SLIDES = 7;
+const TOTAL_SLIDES = 8;
 let currentSlide = 1;
 let isPresentation = false;