diff --git a/src/App/LandingPage.css b/src/App/LandingPage.css
index 7a8334463ac6834ede432c62c9fd48506161e894..c3d936a971dc6fe8116c514dbebe64b5e9c1a319 100644
--- a/src/App/LandingPage.css
+++ b/src/App/LandingPage.css
@@ -14,4 +14,31 @@
transform: none;
visibility: visible;
background-color: black;
+}
+
+.landing-page-header .row .col{
+ padding: 30px;
+ margin: auto;
+ justify-content: center;
+}
+
+.landing-page-header .col{
+ justify-content: center;
+ display: grid ;
+}
+
+
+.landing-page-header button{
+ background-color: var(--darkerbeige);
+ border-radius: 10px;
+ padding: 10px;
+ width: 30vw;
+}
+
+.landing-page-header{
+ padding-top: 200px !important;
+}
+
+.header-button-row{
+ min-height: 500px;
}
\ No newline at end of file
diff --git a/src/components/Calendar/cal-content.tsx b/src/components/Calendar/cal-content.tsx
index c0b423e606df2583e8162dff4a94af9a6ec534ae..e2294a41b29b6243eb24fc5e14e617f7666ec3ab 100644
--- a/src/components/Calendar/cal-content.tsx
+++ b/src/components/Calendar/cal-content.tsx
@@ -1,4 +1,5 @@
import { H5 } from "../Headings";
+import PreCyse from "../precyse";
export function CalTabs(){
@@ -425,7 +426,7 @@ let tabs = [
<p>A meeting with Verena Kräutner is scheduled for Monday, where a draw will determine the sponsorship winner, with Lydia suggesting a time of 5:30 PM. Additionally, a meeting with Stemcell will follow up on the provision of medium.</p>
<h2>Creativity</h2>
- <p>The team has chosen the name "PreCyse" and is developing a logo, emphasizing simplicity and avoiding overly fine details or whimsical imagery. Feedback will be gathered on the proposed logos and name.</p>
+ <p>The team has chosen the name "<PreCyse/>" and is developing a logo, emphasizing simplicity and avoiding overly fine details or whimsical imagery. Feedback will be gathered on the proposed logos and name.</p>
<h2>Wiki</h2>
<p>There is a need for team members to write texts for the wiki, focusing on tasks outlined in the Wiki, Human Practices, and Design channels. The team should also agree on a citation style.</p>
diff --git a/src/components/HeaderBox.tsx b/src/components/HeaderBox.tsx
index d80ebe95a4c336e99cd8d4166f0db6c6660f49db..338d509db87dda00666bfe90b32e8d3f812e0dec 100644
--- a/src/components/HeaderBox.tsx
+++ b/src/components/HeaderBox.tsx
@@ -1,7 +1,7 @@
import { Hwave } from "./Headings";
interface Props{
- title: string,
+ title: string ,
title2?: string,
children?: React.ReactNode,
}
diff --git a/src/components/Photo-grid.tsx b/src/components/Photo-grid.tsx
index 5fc7b2d7c3623da8460737851781aff8f131b8e1..67169c23221c6fe0b309c3b5e616a2ed910a4af0 100644
--- a/src/components/Photo-grid.tsx
+++ b/src/components/Photo-grid.tsx
@@ -17,12 +17,29 @@ const images = [
{src:"https://static.igem.wiki/teams/5247/photos/meetup/dietz.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/wageningen.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/aachen.jpeg", width: 320, height: 212, tabs: ""},
- {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212, tabs: ""},
-
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-refiba.jpg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing17.jpeg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/badges.jpeg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-teddy.jpg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/chekin.jpeg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/sinan.jpeg", width: 320, height: 212, tabs: ""},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing11.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos6.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos5.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing19.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-isabell-erkl-rt.jpg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/j-rn3.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/hall.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/abend-spikeball5.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/abend-interssierte.jpeg", width: 320, height: 212},
+ {src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
]
-/* {src:"", width: 320, height: 212}, */
+
+
+
export default function BFHGallery(){
let rows = []
diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx
index f05940682e55db994bbf91239578b06a8ab7c2e8..5d683ebe18987b0a4f176d13cfefa5233ff52e14 100644
--- a/src/contents/Home.tsx
+++ b/src/contents/Home.tsx
@@ -9,7 +9,7 @@ export function Home() {
useTabNavigation();
return (
<div className="row mt-4">
- <div className="col">
+ <div className="col" id="erstecol">
<div className="col">
<div style={{'position': 'relative',
'zIndex': '1',
diff --git a/src/contents/Human Practices/Feedback.tsx b/src/contents/Human Practices/Feedback.tsx
index 828695b40b5fcac11582c297b9bf2e60d50006aa..bd3e0a7ddc27275de2cb5e732b3962708fe77567 100644
--- a/src/contents/Human Practices/Feedback.tsx
+++ b/src/contents/Human Practices/Feedback.tsx
@@ -2,6 +2,7 @@
import * as Graph from '../../components/Graph';
import { H4 } from '../../components/Headings';
import { Collapsible } from "../../components/Collapsible";
+import PreCyse from '../../components/precyse';
export function HPFeedback(){
@@ -37,7 +38,7 @@ export function HPFeedback(){
<div>
<H4 text="Concluding thoughts "></H4>
<p>The surveys with both the general public and CF patients show promising openness towards gene therapy, though concerns about safety and long-term effects remain. Emotional stress was highlighted as a greater burden than physical symptoms, reinforcing the appeal of gene therapy to reduce both physical and emotional challenges. Most patients require daily or frequent therapies like medication, physiotherapy, and inhalation, making a less frequent or even one-time gene therapy, as proposed in our research, highly attractive. Participants added comments such as <strong>“The dream of healing still exists!â€</strong>, encouraging us in our research.</p>
- <p>Both groups are ready for gene therapy, with patients showing fewer "no concerns," likely due to their familiarity with risks and off-target effects. This underscores the importance of our focus on safety and precision to minimize risks. Our research is designed to address these concerns through targeted approaches – <strong>we are PreCyse!</strong></p>
+ <p>Both groups are ready for gene therapy, with patients showing fewer "no concerns," likely due to their familiarity with risks and off-target effects. This underscores the importance of our focus on safety and precision to minimize risks. Our research is designed to address these concerns through targeted approaches – <strong>we are <PreCyse/>!</strong></p>
<p>Additionally, there’s a clear demand for more information, especially via platforms like TV, social media, and the internet. Targeted educational campaigns through these channels will be crucial to increase awareness and understanding, helping to build on the existing optimism and foster greater acceptance of gene therapy, like we do in our various public outreach efforts for science communication.</p>
</div>
<div>
diff --git a/src/contents/Human Practices/Further Engagement/Education.tsx b/src/contents/Human Practices/Further Engagement/Education.tsx
index 9d268b5eba66cd9f61e9ead37b45147d8e985fa9..91c3e7434bafd9aea8ccce142f65f3c1caa7abc4 100644
--- a/src/contents/Human Practices/Further Engagement/Education.tsx
+++ b/src/contents/Human Practices/Further Engagement/Education.tsx
@@ -2,6 +2,7 @@ import { ButtonOneWithScroll } from "../../../components/Buttons";
import { H4 } from "../../../components/Headings";
import { H5 } from "../../../components/Headings"
import { TabScrollLink } from "../../../components/Link";
+import PreCyse from "../../../components/precyse";
export function HPEducation(){
@@ -87,7 +88,7 @@ Due to our collaboration with the Student Academy, we conducted the nanopore seq
<p></p>
<p></p>
- <p>Since we presented our iGEM project PreCyse to them as well, the students were introduced to study-related projects like iGEM. They learned about the daily tasks, challenges, and responsibilities involved in iGEM through project discussions. Many students were captivated by the iGEM concept and expressed interest in participating during their future studies. They were particularly fascinated by the opportunity to develop real research projects, work independently in the lab, learn extensively about synthetic biology, and implement creative ideas while collaborating with an international team.</p>
+ <p>Since we presented our iGEM project <PreCyse/> to them as well, the students were introduced to study-related projects like iGEM. They learned about the daily tasks, challenges, and responsibilities involved in iGEM through project discussions. Many students were captivated by the iGEM concept and expressed interest in participating during their future studies. They were particularly fascinated by the opportunity to develop real research projects, work independently in the lab, learn extensively about synthetic biology, and implement creative ideas while collaborating with an international team.</p>
</div>
<div id="teutoruft" className="edu-cycletab" style={{display: "none"}}>
diff --git a/src/contents/notebook.tsx b/src/contents/notebook.tsx
index cd065a926fb6923dd263db1db52eb1abe5fce08f..bd0238ce61528ee3783b5ec96eeeba8ad2d70092 100644
--- a/src/contents/notebook.tsx
+++ b/src/contents/notebook.tsx
@@ -9,36 +9,26 @@ export function Notebook() {
<H2 text="Lab journals and Protocol collection"/>
<div className='row'>
<div className="col">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-1-proof-of-concept-pe.webp"/>
- </figure>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-1-proof-of-concept-pe.webp" style={{height: "65%", width: "50%"}}/>
</div>
<div className="col">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-2-engineering-pe.webp"/>
- </figure>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-2-engineering-pe.webp" style={{height: "75%", width: "75%"}}/>
</div>
</div>
<div className='row'>
<div className="col">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-3-primary-cell-culture.webp"/>
- </figure>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-3-primary-cell-culture.webp" style={{height: "75%", width: "75%"}}/>
</div>
<div className="col">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-4-lnp.webp"/>
- </figure>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-4-lnp.webp" style={{height: "75%", width: "75%"}}/>
</div>
</div>
<div className='row'>
<div className="col">
- <figure>
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-5-downstream.webp"/>
- </figure>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-5-downstream.webp" style={{height: "75%", width: "75%"}}/>
</div>
<div className="col">
- <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-sop.webp"/>
+ <img src="https://static.igem.wiki/teams/5247/lab-journals/titelseite-lab-book-sop.webp" style={{height: "75%", width: "75%"}}/>
</div>
</div>
</div>
diff --git a/src/contents/safety.tsx b/src/contents/safety.tsx
index d7dae1737cb5073680db8d877765700cd7953ce7..c8964492086cfe2e157c7a2bca15a4e167e04f28 100644
--- a/src/contents/safety.tsx
+++ b/src/contents/safety.tsx
@@ -1,6 +1,7 @@
import { H4, H5 } from "../components/Headings";
import { LoremMedium } from "../components/Loremipsum";
+import PreCyse from "../components/precyse";
import { SupScrollLink } from "../components/ScrollLink";
import { Section, Subesction } from "../components/sections";
import { useTabNavigation } from "../utils/TabNavigation";
@@ -116,7 +117,7 @@ export const Safety: React.FC = () =>{
</Section>
<Section title="Our Lab" id="Our Lab">
<p>
- As part of our laboratory activities for our PreCyse project, we worked in various laboratories. For general lab work and cloning experiments, you can find some pictures of our laboratories below:
+ As part of our laboratory activities for our <PreCyse/> project, we worked in various laboratories. For general lab work and cloning experiments, you can find some pictures of our laboratories below:
</p>
<H4 text="Our Cloning Lab"></H4>
<p>
diff --git a/src/headers/home-h.tsx b/src/headers/home-h.tsx
index 943f32dc8b382faacc421cdabcbf919dcbebeb63..9a193d4283a1ff6989c705902932b9c2cd4bcb6e 100644
--- a/src/headers/home-h.tsx
+++ b/src/headers/home-h.tsx
@@ -1,3 +1,47 @@
+import { H5 } from "../components/Headings";
+import PreCyse from "../components/precyse";
+
+
export function HOMEH() {
- return (<></>);
+ return (
+ <div className="col">
+ <div className="col header-container landing-page-header">
+ <div className="row align-items-center">
+ <div className="col header-button-row">
+ <p>
+ <div className="col">
+ <button> <b>CLICK</b> to go directly to our Project Description.</button>
+ </div>
+ </p>
+ <p>
+ <div className="col">
+ <button> <b>SKIP</b> to jump straight to the scienicy part of the animation.</button>
+ </div>
+ </p>
+
+ <p>
+ <div className="col">
+ <button> <b>SCROLL</b> to see whole animation.</button>
+ </div>
+ </p>
+ </div>
+ <div className="col header-button-row">
+ <div><H5 text="Or take a short tour through our highlights:"/> </div>
+ <p>What is <PreCyse/> → </p>
+ <p>→ </p>
+ <p>→ </p>
+ <p>→ </p>
+ <p>→ </p>
+ <p>→ </p>
+ </div>
+ </div>
+
+ </div>
+ <div className="base">
+
+ </div>
+ </div>
+
+
+ );
}