From 86c11012b86bca26196ce28ae0b6c5ed0a5fbfe0 Mon Sep 17 00:00:00 2001 From: liliana <liliana.sanfilippo@uni-bielefeld.de> Date: Mon, 12 Aug 2024 18:03:25 +0200 Subject: [PATCH] pdfs --- src/components/pdfs.tsx | 63 ++++++++++++++++++++++++++++++++++++----- 1 file changed, 56 insertions(+), 7 deletions(-) diff --git a/src/components/pdfs.tsx b/src/components/pdfs.tsx index 560c2aaa..18bb9da5 100644 --- a/src/components/pdfs.tsx +++ b/src/components/pdfs.tsx @@ -1,4 +1,4 @@ -import { DownloadLink } from "./Buttons" +import { ButtonOne, DownloadLink } from "./Buttons" export function PDF({link, name}: {link: string, name:string}){ @@ -14,16 +14,65 @@ export function PDF({link, name}: {link: string, name:string}){ } export default function BFHpdf(){ return( - <div className='row align-items-center'> - <div className='col'> - <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-flyer-european-meetup.pdf' name="bfh-flyer-european-meetup.pdf"/> + <> + <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}> + <div className="col"> + <ButtonOne text="Guideline" open="guideline"></ButtonOne> + </div> + <div className="col"> + <ButtonOne text="Flyers" open="flyers"></ButtonOne> + </div> + <div className="col"> + <ButtonOne text="Posters and Presentations" open="presis"></ButtonOne> + </div> + <div className="col"> + <ButtonOne text="Judging Form" open="form"></ButtonOne> + </div> + </div> + <div className="col cycletab" id="guideline" style={{display: "block"}}> + <div className='col'> + <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-meet-up-guideline.pdf' name="bfh-meet-up-guideline.pdf"/> </div> - <div className='col-2'> + </div> + <div className="col cycletab" id="flyers" style={{display: "none"}}> + <div className='row align-items-center'> + <div className='col'> + <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-flyer-european-meetup.pdf' name="bfh-flyer-european-meetup.pdf"/> + </div> + <div className='col-2'> + </div> + <div className='col'> + <PDF link='https://static.igem.wiki/teams/5247/pdfs/postbfh-brosch-re-compressed.pdf' name="bfh-meet-up-guideline.pdf"/> + </div> </div> - <div className='col'> - <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-meet-up-guideline.pdf' name="bfh-meet-up-guideline.pdf"/> + </div> + <div className="col cycletab" id="presis" style={{display: "none"}}> + <div className='row align-items-center'> + <div className='col'> + <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-presentation-bielefeld.pdf' name="bfh-flyer-european-meetup.pdf"/> + </div> + <div className='col-2'> + </div> + <div className='col'> + <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-poster-bielefeld.pdf' name="bfh-meet-up-guideline.pdf"/> + </div> + </div> + <div className='row align-items-center'> + <div className='col'> + <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-studicom-presentation.pdf' name="bfh-flyer-european-meetup.pdf"/> + </div> + <div className='col-2'> + </div> + <div className='col'> + {/* <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-poster-bielefeld.pdf' name="bfh-meet-up-guideline.pdf"/> + */} </div> </div> </div> + <div className="col cycletab" id="form" style={{display: "none"}}> + + </div> + + </> ) } \ No newline at end of file -- GitLab