From c658603e5e2823d202914b7c6ce06dace19ed32a Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Tue, 24 Sep 2024 15:29:18 +0200
Subject: [PATCH] bfh

---
 src/App/App.css                               | 19 +++++++++++++++++++
 src/components/Headings.tsx                   | 15 +++++++++++++++
 src/components/Pdfs.tsx                       |  2 --
 src/contents/Contribution/BFH/bfh-about.tsx   |  6 +++---
 .../Contribution/BFH/postergallery.tsx        |  3 +--
 5 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/src/App/App.css b/src/App/App.css
index 6c52f5e3..09f1ccae 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -3827,4 +3827,23 @@ height: min-content !important;
   -webkit-text-fill-color: var(--very-light-purple);
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: var(--text-primary);
+}
+
+.h5-box{
+  display: grid;
+  justify-content: center;
+}
+
+.h5{
+  color: var(--text-primary) !important;
+  font-size: 1.3rem !important;
+  line-height: 1.0;
+  word-spacing: 1px !important;
+  display: grid;
+  grid-template-rows: 27px 0;
+  grid-gap: 20px;
+  align-items: center;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  align-self: center;
 }
\ No newline at end of file
diff --git a/src/components/Headings.tsx b/src/components/Headings.tsx
index 6a98c996..66d8cb7d 100644
--- a/src/components/Headings.tsx
+++ b/src/components/Headings.tsx
@@ -109,6 +109,21 @@ export function H4({text, id}:{text: string, id?: string}){
         
     )
 }
+export function H5({text, id}:{text: string, id?: string}){
+    var idtext: string; 
+    if (id) {
+        idtext = id; 
+    }
+    else{
+        idtext = stringToSlug(text); 
+    }
+    return(
+        <div className="h5-box">
+            <h5 className="h5" id={idtext}> {text} </h5>  
+        </div>
+        
+    )
+}
 
 
 export function Hhighlight({children}:{children: React.ReactNode}){
diff --git a/src/components/Pdfs.tsx b/src/components/Pdfs.tsx
index 09f47c66..c324859a 100644
--- a/src/components/Pdfs.tsx
+++ b/src/components/Pdfs.tsx
@@ -1,5 +1,4 @@
 import { ButtonOne, DownloadLink } from "./Buttons"
-import { H2 } from "./Headings"
 
 
 export function PDF({link, name}: {link: string, name:string}){
@@ -27,7 +26,6 @@ export function TwoLinePDF({link, name}: {link: string, name:string}){
 export default function BFHpdf(){
     return(
     <>
-        <H2 text="PDF for Download" id="pdfH"></H2>
         <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
           <div className="col">
             <ButtonOne text="Flyers" open="flyers"></ButtonOne>
diff --git a/src/contents/Contribution/BFH/bfh-about.tsx b/src/contents/Contribution/BFH/bfh-about.tsx
index 7b6d9ac7..43763dba 100644
--- a/src/contents/Contribution/BFH/bfh-about.tsx
+++ b/src/contents/Contribution/BFH/bfh-about.tsx
@@ -1,5 +1,5 @@
 import { Certificate } from "../../../components/poster";
-import {  H4 } from "../../../components/Headings";
+import {  H4, H5 } from "../../../components/Headings";
 import { BlockQuoteB } from "../../../components/Quotes";
 
 const haken = <span className="bfh-haken"> <big>&#x2713;</big> </span>; 
@@ -38,7 +38,7 @@ export function About(){
       <p> This album isn't just for the Grand Jamboree – you can also collect stickers from non-participating teams on the backside of the album. Let's connect, share, and make memories together! </p>
       <H4 text="Awards and Winners of the BFH Competition "/>
       <p>The event culminated in an Awards Ceremony celebrating excellence in creativity, teamwork, and innovation. Our judges, using their experience from past iGEM years, evaluated the teams' performances. The heartfelt winner, recognized for their outstanding contribution and spirit, was the team that truly embodied the values of the iGEM community. </p>
-      <H4 text="Best Presentation"/>
+      <H5 text="Best Presentation"/>
       {/* https://static.igem.wiki/teams/5247/design/icons/first-place.svg */}
       <div className="small-row winners">
         <div className="col-1">
@@ -84,7 +84,7 @@ export function About(){
         </div>
       </div>
       <br/>
-      <H4 text="Best Poster Exhibition Booth"/>
+      <H5 text="Best Poster Exhibition Booth"/>
       <div className="small-row winners">
         <div className="col-1">
           <img className="winner-img" src="https://static.igem.wiki/teams/5247/design/icons/first-place.svg "/>
diff --git a/src/contents/Contribution/BFH/postergallery.tsx b/src/contents/Contribution/BFH/postergallery.tsx
index 3c4160a0..4fc112e7 100644
--- a/src/contents/Contribution/BFH/postergallery.tsx
+++ b/src/contents/Contribution/BFH/postergallery.tsx
@@ -1,10 +1,9 @@
-import { H2 } from "../../../components/Headings";
+
 import { PosterRow, Poster } from "../../../components/poster";
 
 export function PosterGallery(){
     return(
       <>
-      <H2 text="Virtual Poster Exhibition" id="posterH"></H2>
       <PosterRow
       postername1="bielefeld"
       postername2="helsinki"
-- 
GitLab