From f2997ef43764a68308ebcf253a706570cbde9f6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vera=20K=C3=B6hler?= <vera.koehler@uni-bielefeld.de>
Date: Thu, 26 Sep 2024 19:34:11 +0000
Subject: [PATCH] Versuch bild in text zu integrieren waffle sale

---
 .../Further Engagement/Outreach.tsx           | 31 +++++++++----------
 src/contents/igem-bielefeld.tsx               |  2 +-
 2 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/contents/Human Practices/Further Engagement/Outreach.tsx b/src/contents/Human Practices/Further Engagement/Outreach.tsx
index 483ea007..ba7fa8c4 100644
--- a/src/contents/Human Practices/Further Engagement/Outreach.tsx	
+++ b/src/contents/Human Practices/Further Engagement/Outreach.tsx	
@@ -27,23 +27,20 @@ export function HPOutreach(){
           <LoremMedium/>
         </div>
         
-        <div id="Waffle sale" className="out-cycletab" style={{display: "none"}}>
-        <H4 id="Waffle sale" text="Waffle sale"/>
-         <div className="row">
-          <div className="full-small col3">
-          </div>
-          </div>
-          <div className="col">
-          <h3>Waffle sale</h3>
-          <p>To support our research project and raise funds for our iGEM team at Bielefeld University, we decided to organize a waffle sale in the main hall of the university. This initiative was aimed at raising awareness about our project and collecting funds for our research into cystic fibrosis. </p>
-          <p>The sale took place in cystic fibrosis awareness month May in the Great Hall of our University. As people passed by, we engaged them by introducing our research group and explaining our project’s objectives. We shared information about cystic fibrosis and why we are raising money. Our goal was to not only just to sell waffles, but also to educate the university community about our research and its’ potential impact. The response has been overwhelmingly positive. Many were genuinely interested in our work and asked for more details about our research and the goals of our project. This enthusiasm strengthened our commitment to the project and highlighted the importance of community involvement in scientific research. </p>
-          <p>The waffle sale was a great success, both in terms of raising funds and increasing awareness about our work within the university. It was a collaborative effort that brought our team closer together and demonstrated the power of community support in advancing scientific research. </p>
-          <div className="col"> 
-      <img src="https://static.igem.wiki/teams/5247/photos/edcation-and-outreach/screenshot-2024-09-25-202008.png" style={{width:"30%", height:"50%"}}/> 
-   </div>
-        </div>
-        
-        </div>
+        <div id="Waffle sale" className="out-cycletab" style={{ display: "none" }}>
+  <H4 id="Waffle sale" text="Waffle sale" />
+  <div className="row" style={{ display: "flex", alignItems: "flex-start" }}>
+    <div className="col" style={{ flex: "1" }}>
+      <h3>Waffle sale</h3>
+      <p>To support our research project and raise funds for our iGEM team at Bielefeld University, we decided to organize a waffle sale in the main hall of the university. This initiative was aimed at raising awareness about our project and collecting funds for our research into cystic fibrosis.</p>
+      <p>The sale took place in cystic fibrosis awareness month May in the Great Hall of our University. As people passed by, we engaged them by introducing our research group and explaining our project’s objectives. We shared information about cystic fibrosis and why we are raising money. Our goal was to not only just to sell waffles, but also to educate the university community about our research and its’ potential impact. The response has been overwhelmingly positive. Many were genuinely interested in our work and asked for more details about our research and the goals of our project. This enthusiasm strengthened our commitment to the project and highlighted the importance of community involvement in scientific research.</p>
+      <p>The waffle sale was a great success, both in terms of raising funds and increasing awareness about our work within the university. It was a collaborative effort that brought our team closer together and demonstrated the power of community support in advancing scientific research.</p>
+    </div>
+    <div className="col" style={{ flex: "0 0 30%", textAlign: "right" }}>
+      <img src="https://static.igem.wiki/teams/5247/photos/edcation-and-outreach/screenshot-2024-09-25-202008.png" style={{ width: "100%", height: "auto" }} />
+    </div>
+  </div>
+</div>
         <div id="mukomove" className="out-cycletab" style={{display: "none"}}>
         <H4 id="cf-month" text="Cystic fibrosis awareness month"/>
           <div className="row">
diff --git a/src/contents/igem-bielefeld.tsx b/src/contents/igem-bielefeld.tsx
index 5bbbd045..d00d5540 100644
--- a/src/contents/igem-bielefeld.tsx
+++ b/src/contents/igem-bielefeld.tsx
@@ -17,7 +17,7 @@ export function igemBielefeld() {
      <img src="https://static.igem.wiki/teams/5247/sponsors/uni-bielefeld-dunkel.png" style={{width:"50%", height:"50%"}}/> 
    </div>
    <div className="col"> 
-      <img src="https://static.igem.wiki/teams/5247/sponsors/cebitec-logo-hinterlegt.png" style={{width:"50%", height:"50%"}}/>
+      <img src="https://static.igem.wiki/teams/5247/sponsors/cebitec-logo-hinterlegt.png" style={{width:"40%", height:"50%"}}/>
    </div>
   </div>
         <br/>
-- 
GitLab