Skip to content
Snippets Groups Projects
Commit 42186296 authored by Liliana Sanfilippo's avatar Liliana Sanfilippo
Browse files

tedtalk lasse

parent 71105ad5
No related branches found
No related tags found
No related merge requests found
Pipeline #406603 passed
Stage: build
Stage: deploy
Hide whitespace changes
Inline Side-by-side
src/components/My-Timeline.tsx
+ 52
− 11
View file @ 42186296
...@@ -15,12 +15,16 @@ interface ItemProps { ...@@ -15,12 +15,16 @@ interface ItemProps {
children: React.ReactNode; children: React.ReactNode;
tag: string, tag: string,
color: string, color: string,
csstag: string csstag: string,
url: string,
url2?: string
} }
/* import ImageEvent from './ImageEvent.tsx'; /* import ImageEvent from './ImageEvent.tsx';
import UrlButton from './UrlButton.tsx'; */ import UrlButton from './UrlButton.tsx'; */
export const TimelineItemPic = ({ heading, text, vorname, nachname, date, tag, color, children, csstag }:ItemProps) => ( export const TimelineItemPic = ({ heading, text, vorname, nachname, date, tag, color, children, csstag, url }:ItemProps) => (
<div className="timeline-item"> <div className="timeline-item">
<div className="timeline-item-content"> <div className="timeline-item-content">
<span className="tag" style={{ background: color }}> <span className="tag" style={{ background: color }}>
...@@ -32,7 +36,7 @@ export const TimelineItemPic = ({ heading, text, vorname, nachname, date, tag, ...@@ -32,7 +36,7 @@ export const TimelineItemPic = ({ heading, text, vorname, nachname, date, tag,
<div className="row"> <div className="row">
<div className="col"> <div className="col">
<figure className="snip1113 red"> <figure className="snip1113 red">
<img src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg" alt="pr-sample1" /> <img src={url} alt="pr-sample1" />
<figcaption> <figcaption>
<h3>{vorname} <br/> <span>{nachname}</span></h3> <h3>{vorname} <br/> <span>{nachname}</span></h3>
</figcaption> </figcaption>
...@@ -51,7 +55,7 @@ export const TimelineItemPic = ({ heading, text, vorname, nachname, date, tag, ...@@ -51,7 +55,7 @@ export const TimelineItemPic = ({ heading, text, vorname, nachname, date, tag,
</div> </div>
); );
export const TimelineItemTwoPic = ({ heading, text, vorname, nachname, vorname2, nachname2, date, tag, color, children, csstag }:ItemProps) => ( export const TimelineItemTwoPic = ({ url, url2, heading, text, vorname, nachname, vorname2, nachname2, date, tag, color, children, csstag }:ItemProps) => (
<div className="timeline-item"> <div className="timeline-item">
<div className="timeline-item-content"> <div className="timeline-item-content">
<span className="tag" style={{ background: color }}> <span className="tag" style={{ background: color }}>
...@@ -63,7 +67,7 @@ export const TimelineItemTwoPic = ({ heading, text, vorname, nachname, vorname2 ...@@ -63,7 +67,7 @@ export const TimelineItemTwoPic = ({ heading, text, vorname, nachname, vorname2
<div className="row"> <div className="row">
<div className="col"> <div className="col">
<figure className="snip1113 red"> <figure className="snip1113 red">
<img src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg" alt="pr-sample1" /> <img src={url} alt="pr-sample1" />
<figcaption> <figcaption>
<h3>{vorname} <br/> <span>{nachname}</span></h3> <h3>{vorname} <br/> <span>{nachname}</span></h3>
</figcaption> </figcaption>
...@@ -71,7 +75,7 @@ export const TimelineItemTwoPic = ({ heading, text, vorname, nachname, vorname2 ...@@ -71,7 +75,7 @@ export const TimelineItemTwoPic = ({ heading, text, vorname, nachname, vorname2
</div> </div>
<div className="col"> <div className="col">
<figure className="snip1113 red"> <figure className="snip1113 red">
<img src="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg" alt="pr-sample1" /> <img src={url2} alt="pr-sample1" />
<figcaption> <figcaption>
<h3>{vorname2} <br/> <span>{nachname2}</span></h3> <h3>{vorname2} <br/> <span>{nachname2}</span></h3>
</figcaption> </figcaption>
...@@ -159,6 +163,7 @@ export function MyTimeline () { ...@@ -159,6 +163,7 @@ export function MyTimeline () {
</div> </div>
<TimelineItemTwoPic <TimelineItemTwoPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='Scientific Talk I.' date='Scientific Talk I.'
tag= 'Talks' tag= 'Talks'
color='var(--lightblue)' color='var(--lightblue)'
...@@ -176,6 +181,7 @@ export function MyTimeline () { ...@@ -176,6 +181,7 @@ export function MyTimeline () {
</TimelineItemTwoPic> </TimelineItemTwoPic>
<TimelineItemPic <TimelineItemPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='How to Wiki' date='How to Wiki'
tag='Workshop Session I.' tag='Workshop Session I.'
color='var(--text-primary)' color='var(--text-primary)'
...@@ -186,10 +192,11 @@ export function MyTimeline () { ...@@ -186,10 +192,11 @@ export function MyTimeline () {
text="Learning the basics of Wiki coding and design. In this workshop, the participants geined expertise to elevate their teams wiki." text="Learning the basics of Wiki coding and design. In this workshop, the participants geined expertise to elevate their teams wiki."
> >
<div id="wikiworkshop" style={{display: "none"}}> <div id="wikiworkshop" style={{display: "none"}}>
So much more so much more
</div> </div>
</TimelineItemPic> </TimelineItemPic>
<TimelineItemPic <TimelineItemPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='How to SynBio' date='How to SynBio'
tag='Workshop Session I.' tag='Workshop Session I.'
color='var(--text-primary)' color='var(--text-primary)'
...@@ -205,6 +212,7 @@ export function MyTimeline () { ...@@ -205,6 +212,7 @@ export function MyTimeline () {
</div> </div>
</TimelineItemPic> </TimelineItemPic>
<TimelineItemTwoPic <TimelineItemTwoPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='How to use AI as a scientist' date='How to use AI as a scientist'
tag='Workshop Session I.' tag='Workshop Session I.'
color='var(--text-primary)' color='var(--text-primary)'
...@@ -218,6 +226,7 @@ export function MyTimeline () { ...@@ -218,6 +226,7 @@ export function MyTimeline () {
</div> </div>
</TimelineItemTwoPic> </TimelineItemTwoPic>
<TimelineItemPic <TimelineItemPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='Scientific Talk II.' date='Scientific Talk II.'
tag= 'Talks' tag= 'Talks'
color='var(--lightblue)' color='var(--lightblue)'
...@@ -232,6 +241,7 @@ export function MyTimeline () { ...@@ -232,6 +241,7 @@ export function MyTimeline () {
</div> </div>
</TimelineItemPic> </TimelineItemPic>
<TimelineItem <TimelineItem
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='Team project presentations' date='Team project presentations'
tag= 'Team presentations' tag= 'Team presentations'
color='var(--accent-primary' color='var(--accent-primary'
...@@ -253,6 +263,7 @@ export function MyTimeline () { ...@@ -253,6 +263,7 @@ export function MyTimeline () {
</div> </div>
</TimelineItem> </TimelineItem>
<TimelineItem <TimelineItem
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='Poster Exhibition Booth' date='Poster Exhibition Booth'
tag= 'Team presentations' tag= 'Team presentations'
color='var(--accent-primary)' color='var(--accent-primary)'
...@@ -274,6 +285,7 @@ export function MyTimeline () { ...@@ -274,6 +285,7 @@ export function MyTimeline () {
</div> </div>
</TimelineItem> </TimelineItem>
<TimelineItemPic <TimelineItemPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='How to work safe' date='How to work safe'
tag='Workshop Session II.' tag='Workshop Session II.'
color='var(--text-primary)' color='var(--text-primary)'
...@@ -288,6 +300,7 @@ export function MyTimeline () { ...@@ -288,6 +300,7 @@ export function MyTimeline () {
</div> </div>
</TimelineItemPic> </TimelineItemPic>
<TimelineItemPic <TimelineItemPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='How to Communicate Science' date='How to Communicate Science'
tag='Workshop Session II.' tag='Workshop Session II.'
color='var(--text-primary)' color='var(--text-primary)'
...@@ -333,6 +346,7 @@ export function MyTimeline () { ...@@ -333,6 +346,7 @@ export function MyTimeline () {
tag='Workshop Session II.' tag='Workshop Session II.'
color='var(--text-primary)' color='var(--text-primary)'
csstag="pitch" csstag="pitch"
url="https://static.igem.wiki/teams/5247/photos/meetup/speakers/madeleine-mussgnug.jpg"
vorname="Madeleine" vorname="Madeleine"
nachname="Mussgnug" nachname="Mussgnug"
heading="placeholder" heading="placeholder"
...@@ -345,6 +359,7 @@ export function MyTimeline () { ...@@ -345,6 +359,7 @@ export function MyTimeline () {
</div> </div>
</TimelineItemPic> </TimelineItemPic>
<TimelineItemPic <TimelineItemPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='How to Multi Media' date='How to Multi Media'
tag='Workshop Session II.' tag='Workshop Session II.'
color='var(--text-primary)' color='var(--text-primary)'
...@@ -364,20 +379,44 @@ export function MyTimeline () { ...@@ -364,20 +379,44 @@ export function MyTimeline () {
<PanelTimelineItem></PanelTimelineItem> <PanelTimelineItem></PanelTimelineItem>
<TimelineItemPic <TimelineItemPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='iGEMer Ted Talks' date='iGEMer Ted Talks'
tag= 'Talks' tag= 'Talks'
color='var(--lightblue)' color='var(--lightblue)'
heading="placeholder" heading="Secrets to award-winning bioinformatics tools"
text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et" text="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et"
vorname="place" vorname="Lasse"
nachname="holder" nachname="Middendorf"
csstag="tedtalk1" csstag="tedtalk1"
> >
<div id="tedtalk1" style={{display: "none"}}> <div id="tedtalk1" style={{display: "none"}}>
So much more <p>Lasse’s Ted talk was all about how to create good bioinformatics software. He himself was part of
the dry lab in iGEM Münster’s Team that won the best software special prize in 2022. The tool they
created allowed users to generate knockout candidates for an organism of their choice that would
lead to redirection of metabolic flux to a reaction chosen by the user. We learned that the most
important attributes for a successful bioinformatics software are: </p>
<ul>
<li><b>Usefulness </b></li>
<li><b>Accessibility</b></li>
<li><b>Build upon existing standards </b></li>
</ul>
<p>To ensure usefulness, the software should be generalized and not only usable in the context of one’s
own project. Also, all steps that can be automated should be automated. Accessibility, Lasse said,
requires for the software to be easy to install, easy to use and well documented. </p>
<p>As a funny, but also very fitting anecdote, Lasse told us about the HU test. For testing their own tool for
accessibility, he gave a bioinformatically unexperienced, <b>h</b>ungover <b>u</b>ndergraduate student
nothing but the software with the provided documentation. If the student can use the tool in a reasonable
amount time, that would make it accessible enough for everyone. Furthermore, Lasse also recommended making
a command line tool for better availability over time and integration into other workflows. Lastly, the
software should use standard data files like CSV, Fasta etc. and be written in commonly used programming
languages like Python. </p>
<p>Overall, Lasse gave a great insight into the properties of a special price winning software tool and very
practically explained how these can be tested and achieved, information that is invaluable for us when
creating our own bioinformatics tool. </p>
</div> </div>
</TimelineItemPic> </TimelineItemPic>
<TimelineItemPic <TimelineItemPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='iGEMer Ted Talks' date='iGEMer Ted Talks'
tag= 'Talks' tag= 'Talks'
color='var(--lightblue)' color='var(--lightblue)'
...@@ -392,6 +431,7 @@ export function MyTimeline () { ...@@ -392,6 +431,7 @@ export function MyTimeline () {
</div> </div>
</TimelineItemPic> </TimelineItemPic>
<TimelineItemPic <TimelineItemPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='Science Slam Session' date='Science Slam Session'
tag= 'Talks' tag= 'Talks'
color='var(--lightblue)' color='var(--lightblue)'
...@@ -406,6 +446,7 @@ export function MyTimeline () { ...@@ -406,6 +446,7 @@ export function MyTimeline () {
</div> </div>
</TimelineItemPic> </TimelineItemPic>
<TimelineItemPic <TimelineItemPic
url="https://static.igem.wiki/teams/5247/placeholders/placehilderperson.jpeg"
date='Science Slam Session' date='Science Slam Session'
tag= 'Talks' tag= 'Talks'
color='var(--lightblue)' color='var(--lightblue)'
......
src/contents/education.tsx
+ 2
− 2
View file @ 42186296
...@@ -50,10 +50,10 @@ export function Education() { ...@@ -50,10 +50,10 @@ export function Education() {
at the university and in our city as you can see in the following picture. </p> at the university and in our city as you can see in the following picture. </p>
<div className="row align-items-center"> <div className="row align-items-center">
<div className="col"> <div className="col">
<img src="https://media.istockphoto.com/id/1409329028/vector/no-picture-available-placeholder-thumbnail-icon-illustration-design.jpg?s=612x612&w=0&k=20&c=_zOuJu755g2eEUioiOUdz_mHKJQJn-tDgIAhQzyeKUQ="></img> <img src="https://static.igem.wiki/teams/5247/photos/edcation-and-outreach/teutoruft-experminet.jpeg"></img>
</div> </div>
<div className="col"> <div className="col">
<img src="https://media.istockphoto.com/id/1409329028/vector/no-picture-available-placeholder-thumbnail-icon-illustration-design.jpg?s=612x612&w=0&k=20&c=_zOuJu755g2eEUioiOUdz_mHKJQJn-tDgIAhQzyeKUQ="></img> <img src="https://static.igem.wiki/teams/5247/photos/edcation-and-outreach/teutoruft-gruppe.jpeg"></img>
</div> </div>
</div> </div>
<br/> <br/>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment