From 09d5a3ceb775eefbce3e5512c63fe67e2ea12ac6 Mon Sep 17 00:00:00 2001
From: Nicolas Sudres <nicolas.sudres@hotmail.fr>
Date: Fri, 2 Sep 2022 14:48:00 +0200
Subject: [PATCH] Add collapse text for smartphone

---
 index.html | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 28dcaa7..d3d2874 100644
--- a/index.html
+++ b/index.html
@@ -73,9 +73,21 @@
                     </div>
                     <div class="col-lg-8 mt-4">
                         <blockquote>
-                            <p class="text-white-65 mb-5">Hi, I'm Nicolas S aka d3vyce. I am a network and cybersecurity engineer living in France. I've always been passionate about computer science and technology, and over the years I've developed my skills in various fields such as programming, cybersecurity, infrastructure, networks, ... In addition to my master degree in networks and security, I love CTF and I have a homelab at home to continue my learning and experiment new things.</p>
-                            <footer class="blockquote-footer"><cite>d3vyce - Nicolas. S</cite></footer>
+                            <!-- Desktop/Tablet -->
+                            <div class="d-none d-sm-block">
+                                <p class="text-white-65 mb-5">Hi, I'm Nicolas S aka d3vyce. I am a network and cybersecurity engineer living in France. I've always been passionate about computer science and technology, and over the years I've developed my skills in various fields such as programming, cybersecurity, infrastructure, networks, ... In addition to my master degree in networks and security, I love CTF and I have a homelab at home to continue my learning and experiment new things.</p>
+                                <footer class="blockquote-footer"><cite>d3vyce - Nicolas. S</cite></footer>
+                            </div>
+                            <!-- Smartphone -->
+                            <div class="d-sm-none">
+                                <p class="text-white-65">Hi, I'm Nicolas S aka d3vyce. I am a network and cybersecurity engineer living in France. <a class="text-accent" data-bs-toggle="collapse" href="#bio-collapse" role="button" aria-expanded="false" aria-controls="bio-collapse">Read more...</a></p>
+                                <div class="collapse" id="bio-collapse">
+                                    <p class="text-white-65">I've always been passionate about computer science and technology, and over the years I've developed my skills in various fields such as programming, cybersecurity, infrastructure, networks, ... In addition to my master degree in networks and security, I love CTF and I have a homelab at home to continue my learning and experiment new things.</p>
+                                </div>
+                                <footer class="blockquote-footer mt-2"><cite>d3vyce - Nicolas. S</cite></footer>
+                            </div>
                         </blockquote>
+                        
                     </div>
                 </div>
             </div>