From 53d2c38d27f372a211cb7b75dc3b6d5f761b06c8 Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Wed, 21 Aug 2024 20:44:51 +0200
Subject: [PATCH] sponsor page
---
src/App/App.css | 13 ++-
src/contents/partners.tsx | 204 ++++++++++++++++++++++++++------------
2 files changed, 152 insertions(+), 65 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index 8a92b552..ff539565 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -3279,4 +3279,15 @@ a{
border-color: #850F78;
padding-right: 10px;
padding-left: 10px;
- }
\ No newline at end of file
+ }
+
+ .img-sponsor-a{
+ margin: 20px;
+ padding: 20px;
+ max-width: 90%;
+ }
+.sp-a{
+ border: 5px solid var(--accent-primary);
+ background-color: white;
+ height: 250px !important;
+}
diff --git a/src/contents/partners.tsx b/src/contents/partners.tsx
index 6d881ae3..f237b126 100644
--- a/src/contents/partners.tsx
+++ b/src/contents/partners.tsx
@@ -5,19 +5,35 @@ export function Partners() {
<>
<div id="sidebarbox" className="col-1 d-none d-lg-block"> </div>
<br/>
+ <h1>A big thank you to all our sponsors and partners!</h1>
+ <br/>
+ <br/>
+
+ <br/>
+ {/* GOLD */}
+ <h2>Sponsor category Gold</h2>
+ <br/>
+ <div className="col">
<div className="row align-items-center">
- <div id="idt-text" className="col sponsor-text-left">
- <h4>Changing CF lives around the world, one vest at a time.</h4>
- <br/>
- <p>After being contacted unexpectedly by two previously unknown Cystic Fibrosis patients in Chile and Lebanon months apart in early 2020 to request therapy vests, the great need for this equipment to CF patients around the world became quickly evident. CF Vests Worldwide was established in June 2020 to meet this need. The mission of CF Vests Worldwide is to donate lifesaving therapy vests, with a cost of nearly $20,000, for those with Cystic Fibrosis outside of the United States. The life expectancy of CF patients outside the U.S. can be as limited as approximately 24 years of age. These therapy vests mean everything to the CF patient and their family. Further, in most CF communities in the 59 countries where CF Vests Worldwide has donated over 330 therapy vests, access to the most basic Cystic Fibrosis medication is either limited or non-existent. In these cases, a therapy vest donated by CF Vests Worldwide is the only hope for comfort and an extended life.</p>
- </div>
- <div id="" className="col-5 sponsor-portrait">
- <a href="https://www.cfvww.org/">
- <img id="idt-portrait-logo" src="https://static.igem.wiki/teams/5247/sponsors/cfvestslogo.png"></img>
- </a>
+ <div className="col">
+ <a className="sponsor-container sp-a" href="https://www.uni-bielefeld.de/">
+ <img className="img-sponsor-a" src="https://static.igem.wiki/teams/5247/logos-team/uni-bielefeld-dunkel.png"/>
+ </a>
+ </div>
+ <div className="col-1"></div>
+ <div className="col">
+ <a className="sponsor-container sp-a" href="https://www.cebitec.uni-bielefeld.de/">
+ <img className="img-sponsor-a" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
+ </a>
+ </div>
+ </div>
+ <div className="row align-items-center">
+ <div className="col">
+ <br/>
+ </div>
</div>
</div>
- <br/> <br/>
+ <br/>
<div className="row align-items-center">
<div id="zeiss-portrait" className="col-5 sponsor-portrait">
<a href="http://www.zeiss.de/naturwissenschaften">
@@ -66,34 +82,71 @@ export function Partners() {
</div>
</div>
<br/> <br/>
- <div className="col" style={{textAlign: "center"}}>
- <h4>And a big thank you to ...</h4>
+ {/* SILVER */}
+ <h2>Sponsor category silver</h2>
+ <br/> <br/>
+ <div id="project-portrait" className="sponsor-portrait" style={{padding: "20px"}}>
+ <div className="row align-items-center">
+ <div className="col">
+ Zymo
+ </div>
+ <div className="col">
+ Stemcell
+ </div>
+ <div className="col">
+ <a className="sponsor-container" href="https://www.plasmidfactory.com/">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
+ </a>
+ </div>
+ </div>
+ <div className="row align-items-center">
+ <div className="col">
+ Wolff
+ </div>
+ <div className="col">
+ <a className="sponsor-container" href="https://snapgene.com">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
+ </a>
+ </div>
+ <div className="col">
+ BioNRW
+ </div>
+ </div>
+ </div>
+ <br/> <br/>
+ {/* BRONZE */}
+ <h2>Sponsor category bronze</h2>
+ <br/> <br/>
+ <div id="project-portrait" className="sponsor-portrait" style={{padding: "20px"}}>
+ <div className="row align-items-center">
+ <div className="col">
+ <a className="sponsor-container" href="www.promega.com">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/promega-gelb.png"/>
+ </a>
+ </div>
+ <div className="col">
+ Microsynth
+ </div>
+ <div className="col">
+ NEB
+ </div>
+ </div>
</div>
<br/> <br/>
<div className="row align-items-center">
<div id="project-text" className="col sponsor-text-left">
- <h4>... our other project sponsors!</h4>
+ <h2>BFH MeetUp sponsors...</h2>
<br/>
<p></p>
</div>
<div id="project-portrait" className="col-6 sponsor-portrait" style={{padding: "20px"}}>
<div className="row align-items-center">
- {/* <div className="col">
- <a className="sponsor-container" href="https://www.carlroth.de/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/roth.jpg"/>
- </a>
- </div> */}
- {/* <div className="col">
- <a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/techfak.jpg"/>
- </a>
- </div> */}
</div>
<div className="row align-items-center">
<div className="col">
- <a className="sponsor-container" href="https://snapgene.com">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
+ <a className="sponsor-container" href="https://www.gip.com/home/">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/gip.png" />
</a>
</div>
<div className="col">
@@ -104,16 +157,26 @@ export function Partners() {
</div>
<div className="row align-items-center">
<div className="col">
- <a className="sponsor-container" href="https://www.uni-bielefeld.de/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/logos-team/uni-bielefeld-dunkel.png"/>
- </a>
+ V Bio
</div>
<div className="col">
- <a className="sponsor-container" href="https://www.cebitec.uni-bielefeld.de/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
- </a>
+ MN
+ </div>
+ </div>
+ <div className="row align-items-center">
+ <div className="col">
+ fiz
+ </div>
+ <div className="col">
+ cell signaling technologies
+ </div>
+ </div>
+ <div className="row align-items-center">
+ <div className="col">
+ GASB
</div>
</div>
+
</div>
</div>
<br/> <br/>
@@ -136,38 +199,6 @@ export function Partners() {
</a>
</div>
</div>
- <div className="row align-items-center">
- <div className="col">
- <a className="sponsor-container" href="www.promega.com">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/promega-gelb.png"/>
- </a>
- </div>
- <div className="col">
- <a className="sponsor-container" href="https://www.plasmidfactory.com/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
- </a>
- </div>
- <div className="col">
- <a className="sponsor-container" href="https://www.gip.com/home/">
- <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/gip.png" />
- </a>
- </div>
- </div>
- </div>
-
- <div id="meetup-text" className="col sponsor-text-right" style={{textAlign: "right"}}>
- <h4> ... our MeetUp sponsors! </h4>
- <br/>
- </div>
- </div>
- <br/> <br/>
- <div className="row align-items-center">
- <div id="partner-text" className="col sponsor-text-left">
- <h4>... our partners!</h4>
- <br/>
- <p></p>
- </div>
- <div id="partner-portrait" className="col-6 sponsor-portrait" style={{padding: "20px"}}>
<div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="">
@@ -185,7 +216,7 @@ export function Partners() {
</a>
</div>
</div>
- <div className="row align-items-center">
+ <div className="row align-items-center">
<div className="col">
<a className="sponsor-container" href="">
<img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/studscicom-logo.png"/>
@@ -193,7 +224,52 @@ export function Partners() {
</div>
</div>
</div>
+
+ <div id="meetup-text" className="col sponsor-text-right" style={{textAlign: "right"}}>
+ <h2> ... and collaborators </h2>
+ <br/>
+ </div>
+ </div>
+ <br/> <br/>
+ <h2>Other</h2>
+ <br/> <br/>
+ <div className="row align-items-center">
+ <div id="idt-text" className="col sponsor-text-left">
+ <h4>Changing CF lives around the world, one vest at a time.</h4>
+ <br/>
+ <p>After being contacted unexpectedly by two previously unknown Cystic Fibrosis patients in Chile and Lebanon months apart in early 2020 to request therapy vests, the great need for this equipment to CF patients around the world became quickly evident. CF Vests Worldwide was established in June 2020 to meet this need. The mission of CF Vests Worldwide is to donate lifesaving therapy vests, with a cost of nearly $20,000, for those with Cystic Fibrosis outside of the United States. The life expectancy of CF patients outside the U.S. can be as limited as approximately 24 years of age. These therapy vests mean everything to the CF patient and their family. Further, in most CF communities in the 59 countries where CF Vests Worldwide has donated over 330 therapy vests, access to the most basic Cystic Fibrosis medication is either limited or non-existent. In these cases, a therapy vest donated by CF Vests Worldwide is the only hope for comfort and an extended life.</p>
+ </div>
+ <div id="" className="col-5 sponsor-portrait">
+ <a href="https://www.cfvww.org/">
+ <img id="idt-portrait-logo" src="https://static.igem.wiki/teams/5247/sponsors/cfvestslogo.png"></img>
+ </a>
+ </div>
</div>
+ <br/> <br/>
+ <div id="meetup-portrait" className="sponsor-portrait" style={{padding: "20px"}}>
+ <div className="row align-items-center">
+ <div className="col">
+ <a className="sponsor-container" href="https://www.carlroth.de/">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/roth.jpg"/>
+ </a>
+ </div>
+ <div className="col">
+ <a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/techfak.jpg"/>
+ </a>
+ </div>
+ <div className="col">
+ Sarstedt
+ </div>
+ <div className="col">
+ DKW
+ </div>
+ <div className="col">
+ Capricorn
+ </div>
+ </div>
+ </div>
+
--
GitLab