From c1ecf895b8dd005492f7764f541a54078be82eaa Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Fri, 19 Jul 2024 16:07:31 +0200
Subject: [PATCH] sponsors
---
src/App/App.css | 9 +++
src/components/Footer.tsx | 9 +--
src/contents/partners.tsx | 128 ++++++++++++++++++++++++++++++++++++--
3 files changed, 135 insertions(+), 11 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index ae6ec638..9ca65e35 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -448,6 +448,14 @@ img .middle{
margin-left: auto;
margin-right: auto;
}
+.img-sponsor-partner-page{
+ max-width: 70%;
+ max-height: 100px;
+ margin-left: auto;
+ margin-right: auto;
+ padding-bottom: 10px;
+ padding-top: 10px;
+}
.img-right{
float: right !important;
padding-left: 2vw !important;
@@ -477,6 +485,7 @@ img .middle{
}
.sponsor-portrait{
border: 5px solid var(--accent-primary);
+ background-color: white;
}
.sponsor-text-right{
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 19e02254..41240e4d 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -83,12 +83,6 @@ export function Footer() {
<a className="sponsor-container" href="www.snapgene.com">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
</a>
- <a className="sponsor-container" href="www.promega.com">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/promega-gelb.png"/>
- </a>
- <a className="sponsor-container" href="https://www.carlroth.de/">
- <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/roth.jpg"/>
- </a>
<a className="sponsor-container" href="https://bts-ev.de/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
</a>
@@ -98,6 +92,9 @@ export function Footer() {
<a className="sponsor-container" href="www.idtdna.com">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
</a>
+ <a className="sponsor-container" href="https://www.cebitec.uni-bielefeld.de/">
+ <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
+ </a>
</SimpleSlider>
</div>
<div className="col-4">
diff --git a/src/contents/partners.tsx b/src/contents/partners.tsx
index adebf210..53f08849 100644
--- a/src/contents/partners.tsx
+++ b/src/contents/partners.tsx
@@ -1,10 +1,8 @@
-import { H2 } from "../components/headings";
+
export function Partners() {
return (
<>
- <br/>
- <h2>Project</h2>
<br/>
<div className="row align-items-center">
<div id="zeiss-portrait" className="col-5 sponsor-portrait">
@@ -57,8 +55,128 @@ export function Partners() {
</div>
</div>
<br/> <br/>
-
- <H2 text="MeetUp"></H2>
+ <div className="col" style={{textAlign: "center"}}>
+ <h4>And a big thank you to ...</h4>
+ </div>
+ <br/> <br/>
+ <div className="row align-items-center">
+ <div id="project-text" className="col sponsor-text-left">
+ <h4>... our other project sponsors!</h4>
+ <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 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 className="row align-items-center">
+ <div className="col">
+ <a className="sponsor-container" href="www.snapgene.com">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
+ </a>
+ </div>
+ <div className="col">
+ <a className="sponsor-container" href="https://www.jenabioscience.com/">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/jbs-dunkelgruen-text.png"/>
+ </a>
+ </div>
+ </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>
+ </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>
+ </div>
+ </div>
+ </div>
+ </div>
+ <br/> <br/>
+ <div className="row align-items-center">
+ <div id="meetup-portrait" className="col-5 sponsor-portrait" style={{padding: "20px"}}>
+ <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/asimov-colorful.png"/>
+ </a>
+ </div>
+ <div className="col">
+ <a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/arbeitsgruppen/multiscale-bioengineering/campusbrauerei/">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei-hinterlegt.jpeg"/>
+ </a>
+ </div>
+ <div className="col">
+ <a className="sponsor-container" href="">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/sponsors/algenium.png"/>
+ </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>
+ </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="">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/logos-team/other-teams/gu-frankfurt-logo.png"/>
+ </a>
+ </div>
+ <div className="col">
+ <a className="sponsor-container" href="https://bts-ev.de/">
+ <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
+ </a>
+ </div>
+ <div className="col">
+ <a className="sponsor-container" href="">
+ <img className="img-sponsor-partner-page" src="https://static.igem.wiki/teams/5247/logos-team/other-teams/igem-hamburg-logo.png"/>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+
</>
);
--
GitLab