From 6fb42278cf71f6ec3a239e2bf68763f399b1e739 Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Mon, 3 Mar 2025 23:18:36 +0100
Subject: [PATCH] Added presentation text

---
 index.html | 29 +++++++++++++++++++++-----
 style.css  | 61 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 84 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
index 5d3804e..8a57ac1 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
   </head>
   <body>
 
-    <div class="test" id="welcome_div">
+    <div class="" id="welcome_div">
       <p id="random_citation">Random Sentence</p>
 
         <div class="test" id="name_div">
@@ -23,13 +23,13 @@
               </div>
               <div id="social_networks" class="test">
                 <div class="network">
-                  <img src="https://picsum.photos/50" height="100%" width="100%">
+                  <img src="https://picsum.photos/50">
                 </div>
                 <div class="network">
-                  <img src="https://picsum.photos/50" height="100%" width="100%">
+                  <img src="https://picsum.photos/50">
                 </div>
                 <div class="network">
-                  <img src="https://picsum.photos/50" height="100%" width="100%">
+                  <img src="https://picsum.photos/50">
                 </div>
               </div>
             </div>
@@ -40,9 +40,28 @@
     <div class="intersection_div">
       <div class="intersection_content test">
         <h2 class="test">Looking for something ?</h2>
+        <a href="#"><div class="intersection_button_div test"><p>Hello World</p></div></a>
       </div>
-    </div>
+    </div> <!-- Intersection div -->
 
+    <div id="presentation_div" class="">
+      <div id="presentation_text">
+        <h1>Thanks for coming !</h1>
+        <article>
+          <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
+            Aenean nec ante tristique, tincidunt dolor a, maximus nisl. 
+            Curabitur ut metus accumsan, vestibulum ex vitae, pretium enim.
+            Etiam tincidunt mauris quis elit egestas, vel viverra justo 
+            efficitur. Nulla facilisi. Cras porttitor odio a massa pretium 
+            varius. Vivamus felis risus, luctus vel mollis nec, lacinia non 
+            libero. Proin mattis, ante vitae mattis sollicitudin, turpis 
+            erat auctor arcu, vel fringilla arcu diam aliquam urna. 
+          </p>
+        </article>
+      </div>
+      <div id="presentation_img"><img src="https://picsum.photos/500/250"></div>
+    </div> <!-- Presentation div -->
 
   </body>
 </html>
diff --git a/style.css b/style.css
index 391bdc9..70da149 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,12 @@
+* {
+    overflow-y: hidden;
+    overflow-x: hidden;
+}
 html, body{
     background-color: #1E1E1E;
     margin: 0;
     overflow-x: hidden;
+    overflow-y: scroll !important;
 }
 
 h1,h2,h3,h4,h5,p{
@@ -48,6 +53,7 @@ h1,h2,h3,h4,h5,p{
 #name_div_right_container{
     display: flex;
     flex-direction: column;
+    height: fit-content;
 }
 #welcome_text_div{
     height: 100%;
@@ -58,7 +64,7 @@ h1,h2,h3,h4,h5,p{
 }
 
 #social_networks{
-    max-height: 100%;
+    height: fit-content;
     display: flex;
     flex-direction: row;
 }
@@ -86,4 +92,57 @@ h1,h2,h3,h4,h5,p{
 }
 .intersection_content h2{
     color: #1E1E1E !important;
+}
+.intersection_button_div{
+    margin-left: 30px;
+    background-color: #A58181;
+    height: 2.5em;
+    width: fit-content;
+    padding-left: 15px;
+    padding-right: 15px;
+    border-radius: 8px;
+    cursor: pointer;
+}
+.intersection_button_div p{
+    margin: 0;
+    margin-top: 0.75em; /* Half of parent height - Half of font size : 1.25 - 0.75*/
+    transform: translateY(-50%);
+    font-size: 1.5em;
+    text-decoration: none;
+    color: black;
+}
+
+#presentation_div{
+    width: 80vw;
+    margin: auto;
+    margin-top: 40px;
+    height: fit-content;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding-bottom: 25px;
+    border-bottom: 2px solid #EAEAEA;
+}
+#presentation_text{
+    width: calc( 55% - 30px );
+    margin-left: 30px;
+}
+#presentation_text h1{
+    width: fit-content;
+    margin:auto;
+    margin-top: 5px;
+}
+#presentation_text article p{
+    width: fit-content;
+    margin:auto;
+    margin-top: 20px;
+}
+#presentation_img{
+    width: fit-content;
+    width: 40%;
+    min-width: 500px;
+}
+#presentation_img{
+    margin-left: auto;
+    margin-top: 20px;
 }
\ No newline at end of file
