From d7835a9403afd7ff0bcda1b24e5b39e94ccc6265 Mon Sep 17 00:00:00 2001
From: Maximilian Leo Huber <maximilian.huber@uni-bielefeld.de>
Date: Thu, 12 Sep 2024 15:43:25 +0000
Subject: [PATCH] barebones landing page
---
src/App/App.tsx | 1 +
src/App/LandingPage.css | 28 ++++
src/components/landingpage/Airbuddy.tsx | 9 --
src/components/landingpage/Bacteria.tsx | 9 --
.../landingpage/BlackFadeCircle.tsx | 9 --
src/components/landingpage/ContentBlock.tsx | 9 ++
.../landingpage/LandingPageAnim.tsx | 36 ------
.../landingpage/LimitsTreatment.tsx | 9 --
.../landingpage/MagentaFadeCircle.tsx | 9 --
src/components/landingpage/Mask.tsx | 9 --
src/components/landingpage/Mutation.tsx | 9 --
src/components/landingpage/Newborns.tsx | 9 --
.../landingpage/OneInTwentyPerson.tsx | 9 --
src/components/landingpage/PersonCoughing.tsx | 9 --
src/components/landingpage/PersonFever.tsx | 9 --
src/components/landingpage/PersonSick.tsx | 9 --
.../landingpage/PersonXRayBlack.tsx | 9 --
src/components/landingpage/PersonXRayGrey.tsx | 9 --
.../landingpage/PersonXRayMagenta.tsx | 9 --
src/components/landingpage/PinkCircle.tsx | 9 --
src/components/landingpage/PreCyse.tsx | 9 --
src/components/landingpage/PreCyse2.tsx | 9 --
src/components/landingpage/PreCyse3.tsx | 9 --
src/components/landingpage/PreCyse4.tsx | 9 --
.../landingpage/PreCyseFunctions.tsx | 0
src/components/landingpage/PrimeGuide.tsx | 9 --
src/components/landingpage/PrimeGuide2.tsx | 0
src/components/landingpage/PrimeGuide3.tsx | 0
src/components/landingpage/PrimeGuide4.tsx | 0
src/components/landingpage/Psych.tsx | 9 --
src/components/landingpage/TwentyPeople.tsx | 9 --
src/components/landingpage/Virus.tsx | 9 --
src/components/landingpage/WorldMap.tsx | 9 --
src/contents/Home.tsx | 120 ++++--------------
34 files changed, 64 insertions(+), 355 deletions(-)
create mode 100644 src/App/LandingPage.css
delete mode 100644 src/components/landingpage/Airbuddy.tsx
delete mode 100644 src/components/landingpage/Bacteria.tsx
delete mode 100644 src/components/landingpage/BlackFadeCircle.tsx
create mode 100644 src/components/landingpage/ContentBlock.tsx
delete mode 100644 src/components/landingpage/LandingPageAnim.tsx
delete mode 100644 src/components/landingpage/LimitsTreatment.tsx
delete mode 100644 src/components/landingpage/MagentaFadeCircle.tsx
delete mode 100644 src/components/landingpage/Mask.tsx
delete mode 100644 src/components/landingpage/Mutation.tsx
delete mode 100644 src/components/landingpage/Newborns.tsx
delete mode 100644 src/components/landingpage/OneInTwentyPerson.tsx
delete mode 100644 src/components/landingpage/PersonCoughing.tsx
delete mode 100644 src/components/landingpage/PersonFever.tsx
delete mode 100644 src/components/landingpage/PersonSick.tsx
delete mode 100644 src/components/landingpage/PersonXRayBlack.tsx
delete mode 100644 src/components/landingpage/PersonXRayGrey.tsx
delete mode 100644 src/components/landingpage/PersonXRayMagenta.tsx
delete mode 100644 src/components/landingpage/PinkCircle.tsx
delete mode 100644 src/components/landingpage/PreCyse.tsx
delete mode 100644 src/components/landingpage/PreCyse2.tsx
delete mode 100644 src/components/landingpage/PreCyse3.tsx
delete mode 100644 src/components/landingpage/PreCyse4.tsx
delete mode 100644 src/components/landingpage/PreCyseFunctions.tsx
delete mode 100644 src/components/landingpage/PrimeGuide.tsx
delete mode 100644 src/components/landingpage/PrimeGuide2.tsx
delete mode 100644 src/components/landingpage/PrimeGuide3.tsx
delete mode 100644 src/components/landingpage/PrimeGuide4.tsx
delete mode 100644 src/components/landingpage/Psych.tsx
delete mode 100644 src/components/landingpage/TwentyPeople.tsx
delete mode 100644 src/components/landingpage/Virus.tsx
delete mode 100644 src/components/landingpage/WorldMap.tsx
diff --git a/src/App/App.tsx b/src/App/App.tsx
index 3f061473..8e83db93 100644
--- a/src/App/App.tsx
+++ b/src/App/App.tsx
@@ -4,6 +4,7 @@ import "./mediarules.css"
import "./Timelines.css";
import '../App/Graph.css';
import '../components/test.css'
+import '../App/LandingPage.css'
import "../contents/example.css"
import "./App.scss";
import 'beautiful-react-diagrams/styles.css';
diff --git a/src/App/LandingPage.css b/src/App/LandingPage.css
new file mode 100644
index 00000000..7754eb3c
--- /dev/null
+++ b/src/App/LandingPage.css
@@ -0,0 +1,28 @@
+.base-width-height {
+ width: 75vw;
+ height: 100vh;
+ }
+
+ .fixed-pos {
+ top: 0;
+ left: 0;
+ position: fixed;
+ }
+
+ .fade-in-out > img {
+ opacity: 0;
+ animation: fadeIn 5s;
+ }
+
+ .br-magenta{
+ background-color: magenta;
+ }
+
+ .br-black{
+ background-color: black;
+ }
+
+ @keyframes fadeIn {
+ 0% { opacity: 0; }
+ 100% { opacity: 1; }
+ }
\ No newline at end of file
diff --git a/src/components/landingpage/Airbuddy.tsx b/src/components/landingpage/Airbuddy.tsx
deleted file mode 100644
index 0a15615a..00000000
--- a/src/components/landingpage/Airbuddy.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function Airbuddy() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/Bacteria.tsx b/src/components/landingpage/Bacteria.tsx
deleted file mode 100644
index 8ba710cb..00000000
--- a/src/components/landingpage/Bacteria.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function Bacteria() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/BlackFadeCircle.tsx b/src/components/landingpage/BlackFadeCircle.tsx
deleted file mode 100644
index e35590ee..00000000
--- a/src/components/landingpage/BlackFadeCircle.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function BlackFadeCircle() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/ContentBlock.tsx b/src/components/landingpage/ContentBlock.tsx
new file mode 100644
index 00000000..d3adbb67
--- /dev/null
+++ b/src/components/landingpage/ContentBlock.tsx
@@ -0,0 +1,9 @@
+export function ContentBlock({file}:{file: string}) {
+ return(
+ <div className="row col base-width-height">
+ {
+ <img src={file}></img>
+ }
+ </div>
+ );
+}
\ No newline at end of file
diff --git a/src/components/landingpage/LandingPageAnim.tsx b/src/components/landingpage/LandingPageAnim.tsx
deleted file mode 100644
index fb824252..00000000
--- a/src/components/landingpage/LandingPageAnim.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-function LandingPageAnim () {
- return(
- <div className="row col">
- {/*
- <PersonXRayMagenta></PersonXRayMagenta>
- <MagentaFadeCircle></MagentaFadeCircle>
- <BlackFadeCircle></BlackFadeCircle>
- <PersonXRayBlack></PersonXRayBlack>
- <PersonXRayGrey></PersonXRayGrey>
- <PinkCircles></PinkCircles>
- <PersonCoughing></PersonCoughing>
- <PersonSick></PersonSick>
- <PersonFever></PersonFever>
- <Virus></Virus>
- <Mask></Mask>
- <Bacteria></Bacteria>
- <Psych></Psych>
- <WorldMap></WorldMap>
- <TwentyPeople></TwentyPeople>
- <OneInTwenty></OneInTwenty>
- <Mutation></Mutation>
- <Newborns></Newborns>
- <LimitsTreatment><LimitsTreatment>
- <PreCyse></PreCyse>
- <PreCyse2></PreCyse2>
- <Airbuddy></Airbuddy>
- <PrimeGuide></PrimeGuide>
- <PrimeGuide2></PrimeGuide2>
- <PrimeGuide3></PrimeGuide3>
- <PrimeGuide4></PrimeGuide4>
- <PreCyseFunctions></PreCyseFunctions>
- */}
-
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/LimitsTreatment.tsx b/src/components/landingpage/LimitsTreatment.tsx
deleted file mode 100644
index 637d7385..00000000
--- a/src/components/landingpage/LimitsTreatment.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function LimitsTreatment() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/MagentaFadeCircle.tsx b/src/components/landingpage/MagentaFadeCircle.tsx
deleted file mode 100644
index ed1c0dda..00000000
--- a/src/components/landingpage/MagentaFadeCircle.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function MagentaFadeCircle() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/Mask.tsx b/src/components/landingpage/Mask.tsx
deleted file mode 100644
index ee9205ef..00000000
--- a/src/components/landingpage/Mask.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function Mask() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/Mutation.tsx b/src/components/landingpage/Mutation.tsx
deleted file mode 100644
index 1e9a7faa..00000000
--- a/src/components/landingpage/Mutation.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function Mutation() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/Newborns.tsx b/src/components/landingpage/Newborns.tsx
deleted file mode 100644
index bdfb9bae..00000000
--- a/src/components/landingpage/Newborns.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function Newborns() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/OneInTwentyPerson.tsx b/src/components/landingpage/OneInTwentyPerson.tsx
deleted file mode 100644
index 62eb9c58..00000000
--- a/src/components/landingpage/OneInTwentyPerson.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function OneInTwentyPerson() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonCoughing.tsx b/src/components/landingpage/PersonCoughing.tsx
deleted file mode 100644
index 8e8c309c..00000000
--- a/src/components/landingpage/PersonCoughing.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PersonCoughing() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonFever.tsx b/src/components/landingpage/PersonFever.tsx
deleted file mode 100644
index b10a7549..00000000
--- a/src/components/landingpage/PersonFever.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PersonFever() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonSick.tsx b/src/components/landingpage/PersonSick.tsx
deleted file mode 100644
index c02fd956..00000000
--- a/src/components/landingpage/PersonSick.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PersonSick() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonXRayBlack.tsx b/src/components/landingpage/PersonXRayBlack.tsx
deleted file mode 100644
index 9010d405..00000000
--- a/src/components/landingpage/PersonXRayBlack.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PersonXRayBlack() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonXRayGrey.tsx b/src/components/landingpage/PersonXRayGrey.tsx
deleted file mode 100644
index f0f312b8..00000000
--- a/src/components/landingpage/PersonXRayGrey.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PersonXRayGrey() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PersonXRayMagenta.tsx b/src/components/landingpage/PersonXRayMagenta.tsx
deleted file mode 100644
index 6496860e..00000000
--- a/src/components/landingpage/PersonXRayMagenta.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PersonXRayMagenta() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PinkCircle.tsx b/src/components/landingpage/PinkCircle.tsx
deleted file mode 100644
index e0c95281..00000000
--- a/src/components/landingpage/PinkCircle.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PinkCircles() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PreCyse.tsx b/src/components/landingpage/PreCyse.tsx
deleted file mode 100644
index 417126cc..00000000
--- a/src/components/landingpage/PreCyse.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PreCyse() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PreCyse2.tsx b/src/components/landingpage/PreCyse2.tsx
deleted file mode 100644
index 4d100b53..00000000
--- a/src/components/landingpage/PreCyse2.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PreCyse2() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PreCyse3.tsx b/src/components/landingpage/PreCyse3.tsx
deleted file mode 100644
index 49fee677..00000000
--- a/src/components/landingpage/PreCyse3.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PreCyse3() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PreCyse4.tsx b/src/components/landingpage/PreCyse4.tsx
deleted file mode 100644
index 643980d9..00000000
--- a/src/components/landingpage/PreCyse4.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PreCyse4() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PreCyseFunctions.tsx b/src/components/landingpage/PreCyseFunctions.tsx
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/components/landingpage/PrimeGuide.tsx b/src/components/landingpage/PrimeGuide.tsx
deleted file mode 100644
index ecaefc29..00000000
--- a/src/components/landingpage/PrimeGuide.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function PrimeGuide() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/PrimeGuide2.tsx b/src/components/landingpage/PrimeGuide2.tsx
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/components/landingpage/PrimeGuide3.tsx b/src/components/landingpage/PrimeGuide3.tsx
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/components/landingpage/PrimeGuide4.tsx b/src/components/landingpage/PrimeGuide4.tsx
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/components/landingpage/Psych.tsx b/src/components/landingpage/Psych.tsx
deleted file mode 100644
index 7f7e4d6f..00000000
--- a/src/components/landingpage/Psych.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function Psych() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/TwentyPeople.tsx b/src/components/landingpage/TwentyPeople.tsx
deleted file mode 100644
index e9fe7f71..00000000
--- a/src/components/landingpage/TwentyPeople.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function TwentyPeople() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/Virus.tsx b/src/components/landingpage/Virus.tsx
deleted file mode 100644
index e6f2ea7c..00000000
--- a/src/components/landingpage/Virus.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function Virus() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/components/landingpage/WorldMap.tsx b/src/components/landingpage/WorldMap.tsx
deleted file mode 100644
index d6ad9b4a..00000000
--- a/src/components/landingpage/WorldMap.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-function WorldMap() {
- return(
- <div className="row col">
- {
- /* */
- }
- </div>
- );
-}
\ No newline at end of file
diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx
index 417738ab..38839037 100644
--- a/src/contents/Home.tsx
+++ b/src/contents/Home.tsx
@@ -1,100 +1,32 @@
-import { useEffect } from "react";
-import { useLocation } from "react-router-dom";
-import { openFromOtherPage } from "../utils/openFromOtherpAge";
-import gsap from "gsap";
-import { useGSAP } from "@gsap/react";
-import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
-import { useRef } from 'react';
-import { MotionPathPlugin } from "gsap/dist/MotionPathPlugin";
-import { H2 } from "../components/Headings";
-
-export function Home() {
- const location = useLocation();
-
- useEffect(() => {
- const params = new URLSearchParams(location.search);
- const collapseId = params.get('collapseId');
- const tabId = params.get('tab');
-
- // Scroll to the section specified by collapseId
- if (collapseId) {
- const collapseElement = document.getElementById(collapseId);
- if (collapseElement) {
- const elementTop = collapseElement.getBoundingClientRect().top + window.pageYOffset;
- const offset = window.innerHeight / 2 - collapseElement.offsetHeight / 2;
- const scrollPosition = elementTop - offset;
-
- window.scrollTo({
- top: scrollPosition,
- behavior: 'smooth',
- });
- }
- }
-
- // Open the tab specified by tabId
- if (tabId) {
- openFromOtherPage(tabId)({ currentTarget: document.getElementById(tabId)! });
- }
- }, [location.search]);
-
- gsap.registerPlugin(ScrollTrigger);
- gsap.registerPlugin(useGSAP);
- gsap.registerPlugin(MotionPathPlugin);
-
- const vectorRef = useRef(null);
-
- useGSAP(
- () => {
- gsap.registerPlugin(ScrollTrigger);
- gsap.registerPlugin(useGSAP);
- gsap.registerPlugin(MotionPathPlugin);
- gsap.defaults({ease: "none"});
-
- gsap.defaults({ease: "none"});
-
- const main = gsap.timeline({
- scrollTrigger: {
- trigger: "animStarterClass",
- scrub: true,
- start:"top middle",
- end: "bottom middle"
- }
- })
- .from(".homeAnimLine", {drawSVG: 0}, 0)
- .to(vectorRef.current, {motionPath:{
- path:".homeAnimLine",
- align:".homeAnimLine",
- alignOrigin:[0.5, 0.5],
- }}, 0)
-
-
- console.log(main)
- },
- );
+import { ContentBlock } from "../components/landingpage/ContentBlock";
+export function Home() {
return (
<>
- <div className="animStarterClass">
- <div className="row col">
- <H2 text="iGEM Bielefeld-CeBiTec 2024"/>
- </div>
- <div className="row col">
- <svg id="svg" viewBox="0 0 2000 2500">
- <path className="homeAnimLine" d="
- M 50 50
- C 500 -50 1000 100 1870 50
- C 1820 220 2024 528 1870 590
- C 1351 678 118 451 54 561
- C 3 672 12 985 55 985
- C 586 1090 1342 898 1881 1038
- C 1994 1194 1986 1568 1890 1681
- C 1751 1803 281 1481 168 1646
- C 81 1794 21 1977 168 2142
- C 499 2246 1403 2325 1081 2142"/>
- </svg>
- <img className="vector" ref={vectorRef} src={"https://static.igem.wiki/teams/5247/placeholders/vector.webp"} alt="vectorImg"/>
- </div>
- </div>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/firstperson.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/firstbreathin.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/firstbreathoutrelease.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/firstbreathoutdone.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/revitalized.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/breathdeepin.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/breathhold.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/holdbad.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/holdpanic.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/holdrelief.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/holdreliefdone.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/privilage.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/threecircles.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/threepeople.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/blockedairway.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/infection.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/maskpsych.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/fear.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/twenty.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/oneintwenty.webp"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/treatmentnoloop.gif"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/precyse.gif"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/airbuddy.gif"></ContentBlock>
+ <ContentBlock file="https://static.igem.wiki/teams/5247/landing/primeguide.webp"></ContentBlock>
</>
);
}
--
GitLab