From e1e571886892a4c61b93e594b176ca109952f11d Mon Sep 17 00:00:00 2001
From: liliana <liliana.sanfilippo@uni-bielefeld.de>
Date: Fri, 23 Aug 2024 19:32:42 +0200
Subject: [PATCH] partners and education
---
src/App/App.css | 5 +++-
src/contents/education.tsx | 52 +++++++++++++++++++++++---------------
src/contents/partners.tsx | 2 +-
3 files changed, 37 insertions(+), 22 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index 333731dd..667c3c11 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -48,7 +48,9 @@
--node-size: 60px;
}
-
+.max400{
+ max-height: 400px !important;
+}
.none{
display: none;
}
@@ -64,6 +66,7 @@
width:16.66666667% !important;
}
+
.col-1{
width: 8.33333333% !important;
}
diff --git a/src/contents/education.tsx b/src/contents/education.tsx
index ea5af89e..6ce78b68 100644
--- a/src/contents/education.tsx
+++ b/src/contents/education.tsx
@@ -30,36 +30,52 @@ export function Education() {
</div>
<div id="teutoruft" className="cycletab" style={{display: "none"}}>
<h2>Educational city tour for young and old</h2>
+ <div className="row align-items-center">
+ <div className="col">
+ <img src="https://static.igem.wiki/teams/5247/photos/edcation-and-outreach/teutoruft-experminet.jpeg"></img>
+ </div>
+ <div className="col">
+ <img src="https://static.igem.wiki/teams/5247/photos/edcation-and-outreach/teutoruft-gruppe.jpeg"></img>
+ </div>
+ </div>
</div>
<div id="mukomove" className="cycletab" style={{display: "none"}}>
<h2>Cystic fibrosis awareness month</h2>
- <h3>What is MUKOMOVE?</h3>
- <p>As part of the cystic fibrosis awareness month May, we took part in this year's MUKOmove from May 8th to May
- 12th under the team name iGEM Bielefeld. MUKOmove is a participatory sports initiative organized by
- <a href="https://www.muko.info/"> Mukoviszidose e.V.</a>, the German Cystic Fibrosis Association, aimed at raising awareness and funds
- for cystic fibrosis research and support. [link] This annual event encourages individuals and teams to
- engage in various physical activities, track their movement, and share their experiences online. </p>
- <h3>Why and in which ways were we invested in MUKOmove? </h3>
+ <div className="row">
+ <div className="col-3">
+ <img className="max400" src="https://static.igem.wiki/teams/5247/photos/for-wiki-texts/po-mukomove/wir-plakat-mukomove.jpeg"></img>
+ </div>
+ <div className="col">
+ <h3>What is MUKOMOVE?</h3>
+ <p>As part of the cystic fibrosis awareness month May, we took part in this year's <a href="https://www.muko.info/mukomove">MUKOmove</a> from May 8th to May
+ 12th under the team name iGEM Bielefeld. MUKOmove is a participatory sports initiative organized by
+ <a href="https://www.muko.info/"> Mukoviszidose e.V.</a>, the German Cystic Fibrosis Association, aimed at raising awareness and funds
+ for cystic fibrosis research and support. This annual event encourages individuals and teams to
+ engage in various physical activities, track their movement, and share their experiences online. </p>
+ <button>Spenden</button>
+ </div>
+ </div>
+ <br/>
+ <div className="row">
+ <div className="col">
+ <h3>Why and in which ways were we invested in MUKOmove? </h3>
<p>We did not stop at our participation itself – we wanted to make other people from our university and city
aware of the event and collect sport hours for cystic fibrosis with them by inviting them to join our team.
- Our survey about cystic fibrosis awareness and our discussions with Kathrin Westhoff [link], the head of a
+ Our survey about cystic fibrosis awareness and our discussions with <a href=" /bielefeld-cebitec/interviews#westhoff">Kathrin Westhoff</a>, the head of a
practice for physiotherapy in Gütersloh who is also treating young CF patients, showed us how little known
this illness still is. Especially the interview with the physiotherapist made us realize how important
exercise is for everyone and how it brings a community together – we wanted to establish MUKOmove in
Bielefeld. That is why we really got the publicity going by putting up posters and distributing flyers
at the university and in our city as you can see in the following picture. </p>
- <div className="row align-items-center">
- <div className="col">
- <img src="https://static.igem.wiki/teams/5247/photos/edcation-and-outreach/teutoruft-experminet.jpeg"></img>
- </div>
- <div className="col">
- <img src="https://static.igem.wiki/teams/5247/photos/edcation-and-outreach/teutoruft-gruppe.jpeg"></img>
- </div>
</div>
+ <div className="col-4">
+ <img className="max400" src="https://static.igem.wiki/teams/5247/photos/for-wiki-texts/po-mukomove/img-7828.jpeg"></img>
+ </div>
+ </div>
<br/>
<p>We also called for MUKOmove on our socials and set our team a goal of collecting 240 hours doing sports together,
while the entire MUKOmove had a goal of collecting 24,000 sport hours. In cooperation with our university's
- sports facilities, using their “HOUBI-Aktivmobil" and other equipment, we organized a team event at the sports
+ sports facilities, using their <a href="https://www.uni-bielefeld.de/einrichtungen/hochschulsport/zusatzangebote/houbi/">“HOUBI-Aktivmobil"</a> and other equipment, we organized a team event at the sports
ground of our university at the begin of MUKOmove. Everyone was warmly invited to our event on May 8th, and
it was a lot of fun to play various sport games together outside in the sun – check out in the following
video! </p>
@@ -72,12 +88,8 @@ export function Education() {
<h3>What did we achieve?</h3>
<p>We are happy to announce that both movement goals were surpassed: Team iGEM Bielefeld was able to collect 358 sport hours, and everyone who took part in MUKOmove together collected 36,542 sport hours! </p>
<p>The MUKOmove was therefore a complete success, and we take pride in having contributed to the goal while raising more awareness for cystic fibrosis in our region and Germany as a whole.</p>
- <button>Spenden</button>
</div>
- <div className="row">
-
- </div>
</>
);
}
diff --git a/src/contents/partners.tsx b/src/contents/partners.tsx
index f237b126..7ddf3b2d 100644
--- a/src/contents/partners.tsx
+++ b/src/contents/partners.tsx
@@ -231,7 +231,7 @@ export function Partners() {
</div>
</div>
<br/> <br/>
- <h2>Other</h2>
+ <h2>Other collaborators</h2>
<br/> <br/>
<div className="row align-items-center">
<div id="idt-text" className="col sponsor-text-left">
--
GitLab