From d8a731510ff376fbce08580dac649fb3f7a8d890 Mon Sep 17 00:00:00 2001
From: Amirhossein Khalili <amirhosseinkhalili901@gmail.com>
Date: Tue, 14 Jul 2026 11:38:52 +0330
Subject: [PATCH] docs: reorder presentation slides

---
 docs/slides/index.html | 60 ++++++++++++++++--------------------------
 1 file changed, 22 insertions(+), 38 deletions(-)

diff --git a/docs/slides/index.html b/docs/slides/index.html
index 138d16b..0a4d690 100644
--- a/docs/slides/index.html
+++ b/docs/slides/index.html
@@ -20,72 +20,57 @@
       <section class="slide active">
         <p class="eyebrow">The problem</p>
         <h1>Secure OTP auth for microservices</h1>
-        <p class="lede">Python • gRPC • MongoDB • Redis • RabbitMQ • Docker</p>
-      </section>
-
-      <section class="slide split">
-        <div>
-          <p class="eyebrow">Constraints</p>
-          <h2>What had to be proven</h2>
-        </div>
-        <ul class="tiles">
-          <li>gRPC auth boundary</li>
-          <li>secure OTP</li>
-          <li>refresh rotation</li>
-          <li>role-based access</li>
-          <li>async SMS delivery</li>
-          <li>production deployment path</li>
-        </ul>
+        <p class="lede">Python / gRPC / MongoDB / Redis / RabbitMQ / Docker</p>
       </section>
 
       <section class="slide diagram">
-        <p class="eyebrow">Solution shape</p>
-        <h2>Service architecture</h2>
+        <p class="eyebrow">Architecture</p>
+        <h2>Project architecture</h2>
         <img src="../assets/diagrams/service_architecture.png" alt="Service architecture" />
       </section>
 
       <section class="slide diagram">
-        <p class="eyebrow">Code organization</p>
-        <h2>Clean architecture layers</h2>
+        <p class="eyebrow">Codebase</p>
+        <h2>Clean architecture structure</h2>
         <img src="../assets/diagrams/clean_architecture.png" alt="Clean architecture layers" />
       </section>
 
       <section class="slide diagram">
         <p class="eyebrow">Auth flow</p>
-        <h2>OTP without storing plaintext codes</h2>
+        <h2>OTP login flow</h2>
         <img src="../assets/diagrams/otp_login_flow.png" alt="OTP login flow" />
       </section>
 
+      <section class="slide diagram">
+        <p class="eyebrow">Extensibility</p>
+        <h2>SMS provider strategy</h2>
+        <img src="../assets/diagrams/sms_provider_strategy.png" alt="SMS provider strategy" />
+      </section>
+
       <section class="slide diagram">
         <p class="eyebrow">Token safety</p>
         <h2>Refresh token rotation</h2>
         <img src="../assets/diagrams/refresh_rotation_flow.png" alt="Refresh token rotation" />
       </section>
 
-      <section class="slide diagram">
-        <p class="eyebrow">Extensibility</p>
-        <h2>Selectable SMS providers</h2>
-        <img src="../assets/diagrams/sms_provider_strategy.png" alt="SMS provider strategy" />
-      </section>
-
       <section class="slide diagram">
         <p class="eyebrow">Deployment</p>
-        <h2>Only Caddy is public</h2>
+        <h2>Production deployment</h2>
         <img src="../assets/diagrams/production_deployment.png" alt="Production deployment" />
       </section>
 
       <section class="slide split">
         <div>
-          <p class="eyebrow">Reliability</p>
-          <h2>What makes it reviewable</h2>
+          <p class="eyebrow">Tests</p>
+          <h2>Coverage report</h2>
         </div>
         <ul class="tiles">
-          <li>Mocked SMS providers</li>
-          <li>gRPC tests</li>
-          <li>RBAC coverage</li>
-          <li>Compose validation</li>
-          <li>Health checks</li>
-          <li>Postman guide</li>
+          <li>16 automated tests passing</li>
+          <li>OTP and token use cases</li>
+          <li>gRPC auth behavior</li>
+          <li>Demo BFF routes</li>
+          <li>SMS provider adapters</li>
+          <li>ruff, mypy, compose config</li>
         </ul>
       </section>
 
@@ -96,8 +81,7 @@
       </section>
     </main>
 
-    <footer class="progress"><span id="counter">1 / 10</span></footer>
+    <footer class="progress"><span id="counter">1 / 9</span></footer>
     <script src="slides.js"></script>
   </body>
 </html>
-