Add recomandations slide

src/pages/index.astro

@@ -33,8 +33,8 @@ import GameOfLifeProblem from "../slides/1_hash_functions_demo/GameOfLifeProblem
 import Eden from "../slides/1_hash_functions_demo/Eden.astro";
 import InjectivityExemple from "../slides/1_hash_functions_demo/InjectivityExemple.astro";
 import GameOfLifeParadox from "../slides/1_hash_functions_demo/GameOfLifeParadox.astro";
-import DisclaimerFinal from "../slides/1_hash_functions_demo/DisclaimerFinal.astro";
 import Final from "../slides/intro/Final.astro";
+import Recommendations from "../slides/1_hash_functions_demo/Recommendations.astro";
 ---
 
 <Layout title="My Awesome Talk Title">
@@ -72,7 +72,8 @@ import Final from "../slides/intro/Final.astro";
 			<Eden />
 			<InjectivityExemple />
 			<GameOfLifeParadox />
-			<DisclaimerFinal />
+			<Disclaimer />
+			<Recommendations />
 			<Final />
       <!-- Put your slides here -->
     </div>

src/slides/1_hash_functions_demo/Recommendations.astro

@@ -0,0 +1,31 @@
+---
+import TitleSlide from "../../components/TitleSlide.astro";
+import OwaspLogo from "../../assets/owasp_logo.png";
+import OwaspCheat from "../../assets/owasp-cheat.png"
+---
+
+<TitleSlide title="recommandations" spacing={3}>
+	<div class="r-stack">
+		<img class="fragment fade-in-then-out" src={OwaspLogo.src} />
+		<img class="fragment fade-in-then-out" src={OwaspCheat.src} width="700" />
+		<div class="fragment">
+			<h4>Utilisez des algorithmes modernes</h4>
+			<div class="flex">
+				<span class="fragment">Argon2</span>
+				<span class="fragment">scrypt</span>
+				<span class="fragment">bcrypt</span>
+			</div>
+		</div>
+	</div>
+</TitleSlide>
+
+<style>
+	.flex {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		font-size: 1.3em;
+		margin-top: 10vh;
+		font-weight: bold;
+	}
+</style>