Merge branch 'main' of ssh://gitlab.igem.org/2024/bielefeld-cebitec

src/App/Timelines.css

@@ -178,7 +178,7 @@ button.tabbutton:nth-child(1), button.tabbutton:nth-child(6){
 .Industry, button.tabbutton:nth-child(5){
   background-color: var(--mediumpurple);
 }
-.Activist, .Milestone{
+.Activist, .Milestone, .Education, .Outreach{
   background-color: var(--igemlightgreen) !important;
 }
 
@@ -374,4 +374,6 @@ display: flex;
 .timeline-item .img-cube{
   height: 120px;
   max-height: 13vh;
+  object-fit: cover !important;
+
 }
\ No newline at end of file

src/components/HP-timeline.tsx

@@ -46,6 +46,16 @@ export function HPTimeline(){
       node: <TimeHori tab="Milestone" ></TimeHori>,
       buttonname: "Milestones", 
       cssname: "Milestone"
+    },
+    { 
+      node: <TimeHori tab="Education" ></TimeHori>,
+      buttonname: "Education", 
+      cssname: "Education"
+    },
+    { 
+      node: <TimeHori tab="Outreach" ></TimeHori>,
+      buttonname: "Outreach", 
+      cssname: "Outreach"
     }
   ]