diff --git a/src/App/App.css b/src/App/App.css
index bb1a78ddcf458c15077d460c28b884df5f21406a..1283e0d4cea8cf195a96c51ecc5f91b4d44f0f1f 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -847,7 +847,10 @@ svg{
font-size: 16px;
line-height: 24px;
margin: 15px 0;
- max-width: 250px;
+/* max-width: 250px; */
+}
+.timeline-item-content span{
+ font-size: 18px;
}
.timeline-item-content a {
diff --git a/src/components/My-Timeline.tsx b/src/components/My-Timeline.tsx
index 454ba239076c6eef251531aba1e9b8e177a9e687..5b3e3722ddd149e81f660c9cc606678cd28d2410 100644
--- a/src/components/My-Timeline.tsx
+++ b/src/components/My-Timeline.tsx
@@ -46,7 +46,7 @@ export function MyTimeline () {
color='var(--lightblue)'
csstag="talkone"
>
- Scientific Talk 1 by Kristian Müller and Ram Shakar
+ <span>Scientific Talk 1 by Kristian Müller and Ram Shakar</span>
<div id="talkone" style={{display: "none"}}>
So much more
</div>
@@ -74,7 +74,8 @@ export function MyTimeline () {
color='var(--text-primary)'
csstag="wikiworkshop"
>
- Learning the basics of Wiki coding and design. In this workshop, the participants geined expertise to elevate their teams wiki.
+ <span>Learning the basics of Wiki coding and design. In this workshop, the participants geined expertise to elevate their teams wiki.
+ </span>
<div id="wikiworkshop" style={{display: "none"}}>
So much more
</div>
@@ -85,7 +86,8 @@ export function MyTimeline () {
color='var(--text-primary)'
csstag="synworkshop"
>
- Design genetic constructs and re-write the genomic code, and plan experiments using AI. Learn how to effectively build genetic circuit systems for implementation in your iGEM project.
+ <span>Design genetic constructs and re-write the genomic code, and plan experiments using AI. Learn how to effectively build genetic circuit systems for implementation in your iGEM project.
+ </span>
<div id="synworkshop" style={{display: "none"}}>
So much more
</div>
@@ -97,8 +99,9 @@ export function MyTimeline () {
csstag="aiworkshop"
>
<h5>Modern problems require modern solutions</h5>
- Computational technologies are getting more in the focus of scientific research. Integration of generative KI like GenAI bypass limitations and offers potential risks - learn how to implement Artificial Intelligence.
- <div id="aiworkshop" style={{display: "none"}}>
+ <span>Computational technologies are getting more in the focus of scientific research. Integration of generative KI like GenAI bypass limitations and offers potential risks - learn how to implement Artificial Intelligence.
+ </span>
+ <div id="aiworkshop" style={{display: "none"}}>
So much more
</div>
</TimelineItem>
@@ -108,7 +111,7 @@ export function MyTimeline () {
color='var(--lightblue)'
csstag="talktwo"
>
- Scientific Talk 2 by Karla Wagner
+ <span>Scientific Talk 2 by Karla Wagner</span>
<div id="talktwo" style={{display: "none"}}>
So much more
</div>
@@ -120,6 +123,9 @@ export function MyTimeline () {
csstag="teampres"
>
<h5>Team project presentations</h5>
+ <span>
+
+ </span>
<div id="teampres" style={{display: "none"}}>
So much more
</div>
@@ -131,6 +137,9 @@ export function MyTimeline () {
csstag="teambooth"
>
<h5>Poster Exhibition Booth </h5>
+ <span>
+
+ </span>
<div id="teambooth" style={{display: "none"}}>
So much more
</div>
@@ -142,7 +151,8 @@ export function MyTimeline () {
csstag="safeworkshop"
>
<h5>About Dual-use and Biosafety</h5>
- Novel technologies opened possibilities and risks. Learn how you implement Safety and Security Strategies within your project and think more responsible in terms of Dual Use.
+ <span>Novel technologies opened possibilities and risks. Learn how you implement Safety and Security Strategies within your project and think more responsible in terms of Dual Use.
+ </span>
<div id="safeworkshop" style={{display: "none"}}>
So much more
</div>
@@ -153,11 +163,43 @@ export function MyTimeline () {
color='var(--text-primary)'
csstag="commworkshop"
>
+ <span>
Experience how science communication could be. Learn creative and funny ways to communicate difficult topics.
- Think outside the box and train your skills.
+ </span>
+ <br></br>
+ <span>Think outside the box and train your skills. </span>
+
<div id="commworkshop" style={{display: "none"}}>
- So much more
- </div>
+ <br></br>
+ <h6>Setting</h6>
+ <p>
+ This workshop was offered to us by <a href="https://www.stud-scicom.de/">StudSciCom</a>.
+ StudSciCom is an initiative for science communication by students for students in Germany.
+ They held this workshop for us for the very first time and we are glad that we were able to offer the
+ uprising StudSciCom team a platform to try out this kind of outreach. In addition, we were able to gain
+ knowledge about proper science communication – a clear win-win situation for all of us!
+ </p>
+ <h6>What did we learn?</h6>
+ <p>
+ Julia Kalinowski, PhD at Bielefeld University and Foreign Minister of StudSciCom, together with Carolin Malmendier,
+ former physics student and now organizer in the StudSciCom team, introduced us to the theories and practice
+ of different types of science communication and how to develop a communication strategy.
+ In detail, we were taught to ask ourselves several questions to define our topic, the medium of
+ communication, as well as the characterization of our target group and the planned achievement with our
+ science communication.
+ </p>
+ <img src="https://static.igem.wiki/teams/5247/photos/other/vortrag-scicom-bfh-screenshot.jpg"></img>
+ <p>The key message for us was to plan the science communication before we dive in and to make sure that the
+ target audience gets the message we want to send. </p>
+ <h6>Implementation</h6>
+ <p>
+ Afterwards, the attending iGEM teams talked about their science communication plans and how they could improve them
+ using the skills learned in this workshop. Our team revised their plans for explaining gene editing to
+ children and started developing experiments to help them better understand cystic fibrosis, which we
+ presented later onto the public at “Der Teuto ruft!†[Link], an event in Bielefeld to connect the local
+ population with regional companies and institutes to inform them about their work - including our iGEM team!
+ </p>
+ </div>
</TimelineItem>
<TimelineItem
date='How to Pitch Your Project'
@@ -165,8 +207,9 @@ export function MyTimeline () {
color='var(--text-primary)'
csstag="pitch"
>
- Image you have only three minutes with your boss to sell your idea...
+ <span>Image you have only three minutes with your boss to sell your idea...
After our workshop you learned techniques to sell every pen and even more to every boss on the planet.
+ </span>
<div id="pitch" style={{display: "none"}}>
So much more
</div>
@@ -178,9 +221,9 @@ export function MyTimeline () {
csstag="multimedia"
>
- Learn the basics of filmmaking and video production.
+ <span>Learn the basics of filmmaking and video production.
Look behind the scenes and get in touch with professionals.
- Train your skills to direct iGEM-related videos and movies.
+ Train your skills to direct iGEM-related videos and movies.</span>
<div id="multimedia" style={{display: "none"}}>
So much more
</div>
@@ -191,7 +234,7 @@ export function MyTimeline () {
color='var(--lightblue)'
csstag="panel"
>
- Panel Discussion
+ <span>Panel Discussion</span>
<div id="panel" style={{display: "none"}}>
So much more
</div>
@@ -202,7 +245,7 @@ export function MyTimeline () {
color='var(--lightblue)'
csstag="tedtalk"
>
- iGEMer Ted Talks
+ <span>iGEMer Ted Talks</span>
<div id="tedtalk" style={{display: "none"}}>
So much more
</div>
@@ -213,7 +256,7 @@ export function MyTimeline () {
color='var(--lightblue)'
csstag="slam"
>
- Science Slam Session
+ <span>Science Slam Session</span>
<div id="slam" style={{display: "none"}}>
So much more
</div>