From ada9117bf159bad07f3949299a2de17ac19f646d Mon Sep 17 00:00:00 2001
From: Dired <iddersidien@ymail.com>
Date: Mon, 11 Sep 2023 14:00:44 +0200
Subject: [PATCH 1/4] changed spacing in the schedule section on very large
 display

---
 components/ScheduleSection.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/ScheduleSection.js b/components/ScheduleSection.js
index 597a6e3..02c8bd8 100644
--- a/components/ScheduleSection.js
+++ b/components/ScheduleSection.js
@@ -36,7 +36,7 @@ const schedule=[
 export function ScheduleSection(props){
 
     return (
-        <div className="delimitationred xl:px-[180px] lg:px-[50px] md:px-[20px] relative flex lg:flex-row flex-col items-center   lg:justify-between lg:items-center bg-[hsl(190,37%,55%)]">
+        <div className="delimitationred xl:px-[250px] lg:px-[50px] md:px-[20px] relative flex lg:flex-row flex-col items-center   lg:justify-between lg:items-center bg-[hsl(190,37%,55%)]">
             <div className="bg-[hsl(190,63%,25%)] text-white h  lg:w-[370px] md:w-[350px] w-[80%] md:h-[300px] h-[300px]  p-6 rounded-xl mt-8  flex flex-col lg:items-start items-center">
                 <h2 className="text-white mb-8 text-center lg:text-left ">Schedule</h2>
                 <p className="text-white text-[16px] leading-6 mb-2 text-center lg:text-left"><em>Place:</em> VentureX san diego</p>

From 0cd10e66300bf40edddc989624c87f33774745bf Mon Sep 17 00:00:00 2001
From: Dired <iddersidien@ymail.com>
Date: Mon, 11 Sep 2023 18:49:27 +0200
Subject: [PATCH 2/4] merge

---
 components/ScheduleSection.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/ScheduleSection.js b/components/ScheduleSection.js
index b30d276..5d4288b 100644
--- a/components/ScheduleSection.js
+++ b/components/ScheduleSection.js
@@ -55,11 +55,9 @@ const schedule=[
 export function ScheduleSection(props){
 
     return (
-<<<<<<< HEAD
+
         <div className="delimitationred xl:px-[250px] lg:px-[50px] md:px-[20px] relative flex lg:flex-row flex-col items-center   lg:justify-between lg:items-center bg-[hsl(190,37%,55%)]">
-=======
-        <div id="schedule" className="delimitationred xl:px-[180px] lg:px-[50px] md:px-[20px] relative flex lg:flex-row flex-col items-center   lg:justify-between lg:items-center bg-[hsl(190,37%,55%)]">
->>>>>>> a6b452df58d3e34ab8744eca6462bc6a097ecedd
+
             <div className="bg-[hsl(190,63%,25%)] text-white h  lg:w-[370px] md:w-[350px] w-[80%] md:h-[300px] h-[300px]  p-6 rounded-xl mt-8  flex flex-col lg:items-start items-center">
                 <h2 className="text-white mb-8 text-center lg:text-left ">Schedule</h2>
                 <p className="text-white text-[16px] leading-6 mb-2 text-center lg:text-left"><em>Place:</em> VentureX San Diego</p>

From 7e198d001ad9df4e175bd8886741b73572adffb6 Mon Sep 17 00:00:00 2001
From: Dired <iddersidien@ymail.com>
Date: Mon, 11 Sep 2023 19:37:02 +0200
Subject: [PATCH 3/4] added icon and fixed layout issue

---
 components/ScheduleSection.js | 20 +++++++++++++-------
 public/ClockOutline.svg       |  4 ++++
 2 files changed, 17 insertions(+), 7 deletions(-)
 create mode 100644 public/ClockOutline.svg

diff --git a/components/ScheduleSection.js b/components/ScheduleSection.js
index 5d4288b..7ae2737 100644
--- a/components/ScheduleSection.js
+++ b/components/ScheduleSection.js
@@ -56,7 +56,7 @@ export function ScheduleSection(props){
 
     return (
 
-        <div className="delimitationred xl:px-[250px] lg:px-[50px] md:px-[20px] relative flex lg:flex-row flex-col items-center   lg:justify-between lg:items-center bg-[hsl(190,37%,55%)]">
+        <div className="delimitationred xl:px-[200px] lg:px-[50px] md:px-[20px] relative flex lg:flex-row flex-col items-center   lg:justify-between lg:items-center bg-[hsl(190,37%,55%)]">
 
             <div className="bg-[hsl(190,63%,25%)] text-white h  lg:w-[370px] md:w-[350px] w-[80%] md:h-[300px] h-[300px]  p-6 rounded-xl mt-8  flex flex-col lg:items-start items-center">
                 <h2 className="text-white mb-8 text-center lg:text-left ">Schedule</h2>
@@ -97,8 +97,10 @@ export function Leaf(props){
 
     const textAlign=(props.index%2)==0?" text-right ": " text-left ";
     const flexAlign=(props.index%2)==0?" flex-row ": " flex-row-reverse ";
+    const justify=(props.index%2)==0?" justify-end ": " justify-start ";
     const descriptionDefinedBorder=(props.index%2)==0?" border-r-8 ": " border-l-8 ";
     const timeDefinedBorder=(props.index%2)==0?" border-l-8 ": " border-r-8 ";
+    const position=(props.index%2)==0?" relative left-[5px] ": " relative left-[-5px] ";
     
 
     return (
@@ -106,14 +108,18 @@ export function Leaf(props){
             <li  key={props.keyName+"topspace"} className={"delimitationpurple flex  w-full text-white "+flexAlign}>
                 <div className={"delimitationblue w-[50%] flex border-white"+flexAlign+descriptionDefinedBorder}>
 
-                    <div className={"delimitationyellow font-normal w-[80%]"+textAlign}>
-                        <p className="font-normal mb-[2%]">{props.duration}</p>
-                        <p className="text-[16px] mb-[2%]">{props.title}</p>
+                    <div className={"delimitationyellow font-normal w-[60%]"+textAlign}>
+                        <div className={"  flex flex-row items-center mb-[4%]"+justify}>
+                            <img src="/ClockOutline.svg" className="h-full mr-[2%]"/>
+                            <p className="  font-bold text-[14px]  text-[hsl(0,0%,85%)] ">{props.duration}</p>
+                        </div>
+                        
+                        <p className="text-[20px] font-bold text-[hsl(190,63%,25%)] mb-[10%]">{props.title}</p>
                         <p className="font-normal  ">{props.description}</p>
                     </div>
 
                     <div className={"delimitationred flex flex-row items-center flex-1 justify-end"+flexAlign}>
-                        <div className="delimitationblue w-[30%] aspect-square rounded-full bg-white "></div>
+                        <div className={"delimitationblue w-[30%] aspect-square rounded-full bg-white "+position}></div>
                         <div className="delimitationyellow w-[50%] border border-solid border-t-8 border-white"></div>
                     </div>
 
@@ -121,11 +127,11 @@ export function Leaf(props){
 
                 <div className={"delimitationgreen  px-[6%] flex flex-col justify-center border-white"+timeDefinedBorder}>
 
-                    <p className="text-[20px]">{props.time}</p>
+                    <p className="text-[20px] text-[hsl(190,63%,25%)] font-bold">{props.time}</p>
 
                 </div>
             </li>
-            <LayoutLeaf keyName={props.keyName+"bottomspace"} height="20px"/>
+            <LayoutLeaf keyName={props.keyName+"bottomspace"} height="50px"/>
         </>
     );
 }
diff --git a/public/ClockOutline.svg b/public/ClockOutline.svg
new file mode 100644
index 0000000..3e009a1
--- /dev/null
+++ b/public/ClockOutline.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24.1714" height="24.1714" fill="#61A8B7"/>
+<path d="M12.0838 8.0572V12.0858L15.1052 15.1072M21.1481 12.0858C21.1481 13.2761 20.9136 14.4548 20.4581 15.5545C20.0026 16.6543 19.3349 17.6535 18.4932 18.4952C17.6515 19.3369 16.6523 20.0046 15.5526 20.4601C14.4528 20.9156 13.2742 21.1501 12.0838 21.1501C10.8935 21.1501 9.71479 20.9156 8.61506 20.4601C7.51533 20.0046 6.5161 19.3369 5.6744 18.4952C4.8327 17.6535 4.16503 16.6543 3.70951 15.5545C3.25399 14.4548 3.01953 13.2761 3.01953 12.0858C3.01953 9.68177 3.97452 7.37624 5.6744 5.67635C7.37428 3.97647 9.67982 3.02148 12.0838 3.02148C14.4878 3.02148 16.7933 3.97647 18.4932 5.67635C20.1931 7.37624 21.1481 9.68177 21.1481 12.0858Z" stroke="white" stroke-width="2.68571" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

From f0cf72de287c4d8607f559bf73470bfafa451816 Mon Sep 17 00:00:00 2001
From: Dired <iddersidien@ymail.com>
Date: Mon, 11 Sep 2023 19:42:45 +0200
Subject: [PATCH 4/4] fixed some design

---
 components/ScheduleSection.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/ScheduleSection.js b/components/ScheduleSection.js
index 7ae2737..67a9395 100644
--- a/components/ScheduleSection.js
+++ b/components/ScheduleSection.js
@@ -111,7 +111,7 @@ export function Leaf(props){
                     <div className={"delimitationyellow font-normal w-[60%]"+textAlign}>
                         <div className={"  flex flex-row items-center mb-[4%]"+justify}>
                             <img src="/ClockOutline.svg" className="h-full mr-[2%]"/>
-                            <p className="  font-bold text-[14px]  text-[hsl(0,0%,85%)] ">{props.duration}</p>
+                            <p className="font-bold text-[14px]  text-[hsl(0,0%,85%)] ">{props.duration}</p>
                         </div>
                         
                         <p className="text-[20px] font-bold text-[hsl(190,63%,25%)] mb-[10%]">{props.title}</p>