Difference between revisions of "Team:Heidelberg/Practices"
(63 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | {{Heidelberg}} | + | {{Heidelberg/Header2}} |
+ | {{Heidelberg/navbar}} | ||
<html> | <html> | ||
− | <head | + | <head> |
− | + | <script src="jquery.js" type="text/javascript" charset="utf-8"></script> | |
− | + | <style> | |
− | + | .hplink { | |
− | + | text-decoration: none !important; | |
− | + | color: black !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .hplink:hover { | |
− | + | text-decoration: none !important; | |
− | + | color: black !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .hplink:visited { | |
− | Team Heidelberg! | + | text-decoration: none !important; |
− | + | color: black !important; | |
− | </div> | + | } |
− | </body> | + | |
+ | @font-face { | ||
+ | font-family: LazyDay; | ||
+ | src: url(https://static.igem.org/mediawiki/2015/d/df/Heidelberg_lazyday.ttf); | ||
+ | } | ||
+ | |||
+ | .answer { | ||
+ | width: 700px; | ||
+ | background-color: skyblue; | ||
+ | border-width: 1px; | ||
+ | border-style: dashed; | ||
+ | border-color: black; | ||
+ | font-size: 30px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | .question { | ||
+ | font-size: 40px; | ||
+ | width: 600px; | ||
+ | } | ||
+ | |||
+ | .story { | ||
+ | font-size: 22px; | ||
+ | width: 750px; | ||
+ | } | ||
+ | |||
+ | #hpQuestions { | ||
+ | width: 1000px; | ||
+ | height: 2500px; | ||
+ | margin: auto; | ||
+ | line-height: normal; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/f/f7/Heidelberg_rope_only.svg); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 0 60px; | ||
+ | background-size: 1000px; | ||
+ | font-family: LazyDay; | ||
+ | } | ||
+ | |||
+ | #story1 { | ||
+ | position: relative; | ||
+ | top: 20px; | ||
+ | left: 100px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #story2 { | ||
+ | position: relative; | ||
+ | top: 225px; | ||
+ | left: 130px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #story3 { | ||
+ | position: relative; | ||
+ | top: 200px; | ||
+ | left: 130px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #story4 { | ||
+ | position: relative; | ||
+ | top: 390px; | ||
+ | left: 130px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #story5 { | ||
+ | position: relative; | ||
+ | top: 390px; | ||
+ | left: 130px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #answer1-1 { | ||
+ | position: relative; | ||
+ | top: 160px; | ||
+ | left: 130px; | ||
+ | } | ||
+ | |||
+ | #answer2-1 { | ||
+ | position: relative; | ||
+ | top: 250px; | ||
+ | left: 130px; | ||
+ | } | ||
+ | |||
+ | #answer2-2 { | ||
+ | position: relative; | ||
+ | top: 400px; | ||
+ | left: 130px; | ||
+ | } | ||
+ | |||
+ | #answer3-1 { | ||
+ | position: relative; | ||
+ | top: 400px; | ||
+ | left: 130px; | ||
+ | } | ||
+ | |||
+ | #answer3-2 { | ||
+ | position: relative; | ||
+ | top: 570px; | ||
+ | left: 130px; | ||
+ | } | ||
+ | |||
+ | #question1 { | ||
+ | position: relative; | ||
+ | top: 80px; | ||
+ | left: 100px; | ||
+ | } | ||
+ | |||
+ | #question2 { | ||
+ | position: relative; | ||
+ | top: 205px; | ||
+ | left: 330px; | ||
+ | } | ||
+ | |||
+ | #question3 { | ||
+ | position: relative; | ||
+ | top: 355px; | ||
+ | left: 130px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="hpQuestions"> | ||
+ | <div class="question" id="question1"> | ||
+ | What is synthetic biology? | ||
+ | </div> | ||
+ | |||
+ | <a class="hplink" href="https://2015.igem.org/Team:Heidelberg/hp/scientists"> | ||
+ | <div class="answer" id="answer1-1"> | ||
+ | We first asked several renowned synthetic biologists and then other scientists not working in the field | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <div class="story" id="story1"> | ||
+ | "We synthetic biologists are excited by the great opportunities this new field brings about, but..." | ||
+ | </div> | ||
+ | |||
+ | <div class="question" id="question2"> | ||
+ | What can synthetic biology do for us? | ||
+ | </div> | ||
+ | |||
+ | <div class="story" id="story2"> | ||
+ | "...politicians or philosophers warn us about the risks we are running and argue that society must be protected." | ||
+ | </div> | ||
+ | |||
+ | <a class="hplink" href="https://2015.igem.org/Team:Heidelberg/hp/discussion"> | ||
+ | <div class="answer" id="answer2-1"> | ||
+ | Then we discussed about the impact of synthetic biology on our societies with philosophers, politicians, ethicists, citizens .. and the rest of the world | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a class="hplink" href="https://2015.igem.org/Team:Heidelberg/hp/video"> | ||
+ | <div class="answer" id="answer2-2"> | ||
+ | We then went to the streets and asked the lay public what local problems they wished synthetic biology could solve for them | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <div class="story" id="story3"> | ||
+ | <br style="line-height:10px;"></br> | ||
+ | "Yet, people in the street have a lot to ask to synthetic biology! They'd like it to finally solve their local problems in new environmentally-friendly ways." | ||
+ | </div> | ||
+ | |||
+ | <div class="question" id="question3"> | ||
+ | How did we empower synthetic biology? | ||
+ | </div> | ||
+ | |||
+ | <div class="story" id="story4"> | ||
+ | "People asking synthetic biologists to solve the great challenges of our societies are unaware of the technical details behind it. It is our job to advance basic research to develop new methods and techniques." | ||
+ | </div> | ||
+ | |||
+ | <a class="hplink" href="https://2015.igem.org/Team:Heidelberg/hp/overview"> | ||
+ | <div class="answer" id="answer3-1"> | ||
+ | Useful synthetic biology applications need empowering technologies and ever new foundational advances | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a class="hplink" href="https://2015.igem.org/Team:Heidelberg/hp/experts"> | ||
+ | <div class="answer" id="answer3-2"> | ||
+ | Asking others for advice is a great action. We therefore confronted our ideas with many experts in the fields we worked on | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <div class="story" id="story5"> | ||
+ | "It is always very helpful to see things from a different perspective. Other scientists can offer great insights and make your work advance faster!" | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{Heidelberg/Footer}} |
Latest revision as of 02:40, 19 September 2015
What is synthetic biology?
We first asked several renowned synthetic biologists and then other scientists not working in the field
"We synthetic biologists are excited by the great opportunities this new field brings about, but..."
What can synthetic biology do for us?
"...politicians or philosophers warn us about the risks we are running and argue that society must be protected."
Then we discussed about the impact of synthetic biology on our societies with philosophers, politicians, ethicists, citizens .. and the rest of the world
We then went to the streets and asked the lay public what local problems they wished synthetic biology could solve for them
"Yet, people in the street have a lot to ask to synthetic biology! They'd like it to finally solve their local problems in new environmentally-friendly ways."
How did we empower synthetic biology?
"People asking synthetic biologists to solve the great challenges of our societies are unaware of the technical details behind it. It is our job to advance basic research to develop new methods and techniques."
Useful synthetic biology applications need empowering technologies and ever new foundational advances
Asking others for advice is a great action. We therefore confronted our ideas with many experts in the fields we worked on
"It is always very helpful to see things from a different perspective. Other scientists can offer great insights and make your work advance faster!"