diff --git a/src/App/App.css b/src/App/App.css index 8d8cd1233362aff36248a12db535ab79e80fc7e9..43b692209229c517be003578143a9938e64378f5 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -427,6 +427,10 @@ svg { img .middle{ vertical-align:middle; } + +/* .sponsor-portrait{ + border: 5px solid var(--accent-primary); +} */ .socials{ height: 1.5rem; width: auto; @@ -471,6 +475,56 @@ img .middle{ .hexagon{ clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } +.sponsor-portrait{ + border: 5px solid var(--accent-primary); +} + +.sponsor-text-right{ + margin-left: 20px; +} +.sponsor-text-left{ + margin-right: 20px; +} +#zeiss-portrait{ + height: 350px !important; + background-image: url(https://static.igem.wiki/teams/5247/sponsors/zeiss-foto.jpg); + background-size: auto 100%; + background-repeat: no-repeat; +} +#zeiss-portrait-logo{ + padding-top: 10px; + height: 90px; +} +#zeiss-text{ + height: 350px; + text-align: center; + align-items: center; + vertical-align: middle; +} +.sponsor-text-left p, .sponsor-text-right p{ + display: flex; +} +#idt-portrait{ + height: 350px !important; + background-image: url(https://static.igem.wiki/teams/5247/photos/lab/in-inhaler-flipped.jpg); + background-size: auto 100%; + background-repeat: no-repeat; +} +#idt-portrait-logo{ + padding-top: 10px; + height: 50px; +} +#integra-portrait{ + height: 300px !important; + background-image: url(https://static.igem.wiki/teams/5247/sponsors/integra-foto.jpg); + background-size: auto 100%; + background-repeat: no-repeat; + background-color: white; +} +#integra-portrait-logo{ + padding-top: 10px; + height: 40px; +} /* * * * * * * */ /* * * SVG * * */ diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index d5e2fcedab6fc1231ab6ba96a9a93564c60976a5..19e02254a36e5706e4ad6713ee3152999575e874 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -89,12 +89,15 @@ export function Footer() { <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> - <a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/arbeitsgruppen/multiscale-bioengineering/campusbrauerei/"> - <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei-hinterlegt.jpeg"/> - </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> + <a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/arbeitsgruppen/multiscale-bioengineering/campusbrauerei/"> + <img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei-hinterlegt.jpeg"/> + </a> + <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> </SimpleSlider> </div> <div className="col-4"> diff --git a/src/contents/interviews.tsx b/src/contents/interviews.tsx index 4c531d16bd1f7d7cb7b71b3118d2a906b0ca4436..5acfa1cd6bdb464a78aedbcdec526d2967f7818f 100644 --- a/src/contents/interviews.tsx +++ b/src/contents/interviews.tsx @@ -3,15 +3,7 @@ export function Ints() { return ( <> - <div className="row"> - <div className="col"> - <h2>Wiki under construction!</h2> - <hr/> - </div> - </div> - <div className="row"> - - </div> + </> ); } diff --git a/src/contents/partners.tsx b/src/contents/partners.tsx index 568725afe977536cf9d45016b823e51e4098b01b..45a738fe5cd10856425f0b8eaf7e929928c835f1 100644 --- a/src/contents/partners.tsx +++ b/src/contents/partners.tsx @@ -1,17 +1,64 @@ - +import { H2 } from "../components/headings"; export function Partners() { return ( <> - <div className="row"> - <div className="col"> - <h2>Wiki under construction!</h2> - <hr/> + <br/> + <h2>Project</h2> + <br/> + <div className="row align-items-center"> + <div id="zeiss-portrait" className="col-5 sponsor-portrait"> + <a href="http://www.zeiss.de/naturwissenschaften"> + <img id="zeiss-portrait-logo" src="https://static.igem.wiki/teams/5247/sponsors/zeiss.png"></img> + </a> + </div> + <div id="zeiss-text" className="col sponsor-text-right"> + <h4>ZEISS ist Technologie. ZEISS ist Optik und Innovation.</h4> + <br/> + <p> Wir entwickeln, fertigen und vertreiben für unsere Kunden in einer Vielzahl von Geschäftsfeldern hochinnovative Produkte und Lösungen – und loten dabei die Grenzen des Machbaren aus. Als weltweit führendes Technologieunternehmen, mit einer starken Marke und mit einem Portfolio, das auf Wachstumsfelder der Zukunft wie Digitalisierung, Gesundheit und Industrie 4.0 ausgerichtet ist, gestalten wir die Zukunft weit über die optische und optoelektronische Branche hinaus. Grundlage für den Erfolg und den weiteren kontinuierlichen Ausbau der Technologie und Marktführerschaft von ZEISS sind die nachhaltig hohen Aufwendungen für Forschung und Entwicklung. Hauptstandort des 1846 in Jena gegründeten Unternehmens ist Oberkochen, Deutschland. Alleinige Eigentümerin der Dachgesellschaft, der Carl Zeiss AG, ist die Carl-Zeiss-Stiftung, eine der größten deutschen Stiftungen zur Förderung der Wissenschaft.</p> + </div> + </div> + <br/> <br/> + <div className="row align-items-center"> + <div id="zeiss-text" className="col sponsor-text-left"> + <h4>Accelerate the pace of genomics. We'll help.</h4> + <br/> + <p> For more than 35 years, Integrated DNA Technologies (IDT) has empowered genomics laboratories with an oligonucleotide manufacturing process unlike anyone else in the industry, featuring the most advanced synthesis, modification, purification, and quality control capabilities available. IDT has supported iGEM team for over a decade with 20kb of free DNA to help accelerate their inspiring projects for the Grand Jamboree. Since its founding in 1987, IDT has progressed from a leading oligo manufacturer to a genomics solutions provider supporting key application areas such as next generation sequencing, CRISPR genome editing, synthetic biology, digital PCR, and RNA interference. IDT manufactures products used by scientists researching the toughest challenges facing our planet today as well as many forms of cancer and most inherited and infectious diseases. </p> + </div> + <div id="idt-portrait" className="col-5 sponsor-portrait"> + <a href="www.idtdna.com"> + <img id="idt-portrait-logo" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img> + </a> </div> </div> - <div className="row"> - + <br/> <br/> + <div className="row align-items-center"> + <div id="integra-portrait" className="col-5 sponsor-portrait"> + <a href="https://www.integra-biosciences.com"> + <img id="integra-portrait-logo" src="https://static.igem.wiki/teams/5247/sponsors/integra-hinterlegt.jpeg"></img> + </a> + </div> + <div id="integra-text" className="col sponsor-text-right"> + <h4> Your Reliable Partner For Productive Pipettes </h4> + <br/> + <p> + INTEGRA Biosciences is a + leading provider of high-quality laboratory tools and consumables for + liquid handling. The company is committed to creating innovative + solutions which fulfil the needs of its customers in research, diagnostics + and quality control within the life sciences markets and medical sector. + INTEGRA’s engineering and production teams in Zizers, Switzerland and + Hudson, NH, USA, strive to develop and manufacture instruments and + consumables of outstanding quality. Today, INTEGRA’s innovative + laboratory products are widely used all around the world where they help + scientists accelerate scientific discovery. Our revolutionary concept + combines innovative pipetting with the most modern robotics. + </p> + </div> </div> + + <H2 text="MeetUp"></H2> + </> ); }