Difference between revisions of "Team:Heidelberg/Practices"
| (51 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | {{Heidelberg/ | + | {{Heidelberg/Header2}} |
{{Heidelberg/navbar}} | {{Heidelberg/navbar}} | ||
<html> | <html> | ||
| Line 5: | Line 5: | ||
<script src="jquery.js" type="text/javascript" charset="utf-8"></script> | <script src="jquery.js" type="text/javascript" charset="utf-8"></script> | ||
<style> | <style> | ||
| − | + | .hplink { | |
text-decoration: none !important; | text-decoration: none !important; | ||
| − | color: black!important; | + | color: black !important; |
| + | } | ||
| + | |||
| + | .hplink:hover { | ||
| + | text-decoration: none !important; | ||
| + | color: black !important; | ||
| + | } | ||
| + | |||
| + | .hplink:visited { | ||
| + | text-decoration: none !important; | ||
| + | color: black !important; | ||
} | } | ||
@font-face { | @font-face { | ||
| − | font-family: LazyDay | + | font-family: LazyDay; |
src: url(https://static.igem.org/mediawiki/2015/d/df/Heidelberg_lazyday.ttf); | src: url(https://static.igem.org/mediawiki/2015/d/df/Heidelberg_lazyday.ttf); | ||
} | } | ||
.answer { | .answer { | ||
| − | width: 700px | + | width: 700px; |
| − | background-color: skyblue | + | background-color: skyblue; |
| − | border-width: 1px | + | border-width: 1px; |
| − | border-style: dashed | + | border-style: dashed; |
| − | border-color: black | + | border-color: black; |
| − | font-size: | + | font-size: 30px; |
| − | padding: 10px | + | padding: 10px; |
} | } | ||
.question { | .question { | ||
| − | font-size: | + | font-size: 40px; |
| − | width: 600px | + | width: 600px; |
} | } | ||
.story { | .story { | ||
| − | font-size: | + | font-size: 22px; |
| − | width: | + | width: 750px; |
} | } | ||
#hpQuestions { | #hpQuestions { | ||
| − | width: 1000px | + | width: 1000px; |
| − | height: 2500px | + | height: 2500px; |
| − | margin: auto | + | margin: auto; |
| + | line-height: normal; | ||
background-image: url(https://static.igem.org/mediawiki/2015/f/f7/Heidelberg_rope_only.svg); | background-image: url(https://static.igem.org/mediawiki/2015/f/f7/Heidelberg_rope_only.svg); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Line 55: | Line 66: | ||
#story2 { | #story2 { | ||
position: relative; | position: relative; | ||
| − | top: | + | top: 225px; |
left: 130px; | left: 130px; | ||
| Line 62: | Line 73: | ||
#story3 { | #story3 { | ||
position: relative; | position: relative; | ||
| − | top: | + | top: 200px; |
left: 130px; | left: 130px; | ||
| Line 69: | Line 80: | ||
#story4 { | #story4 { | ||
position: relative; | position: relative; | ||
| − | top: | + | top: 390px; |
left: 130px; | left: 130px; | ||
| Line 76: | Line 87: | ||
#story5 { | #story5 { | ||
position: relative; | position: relative; | ||
| − | top: | + | top: 390px; |
left: 130px; | left: 130px; | ||
| Line 89: | Line 100: | ||
#answer2-1 { | #answer2-1 { | ||
position: relative; | position: relative; | ||
| − | top: | + | top: 250px; |
left: 130px; | left: 130px; | ||
} | } | ||
| Line 95: | Line 106: | ||
#answer2-2 { | #answer2-2 { | ||
position: relative; | position: relative; | ||
| − | top: | + | top: 400px; |
left: 130px; | left: 130px; | ||
} | } | ||
| Line 101: | Line 112: | ||
#answer3-1 { | #answer3-1 { | ||
position: relative; | position: relative; | ||
| − | top: | + | top: 400px; |
left: 130px; | left: 130px; | ||
} | } | ||
| Line 107: | Line 118: | ||
#answer3-2 { | #answer3-2 { | ||
position: relative; | position: relative; | ||
| − | top: | + | top: 570px; |
left: 130px; | left: 130px; | ||
} | } | ||
| Line 119: | Line 130: | ||
#question2 { | #question2 { | ||
position: relative; | position: relative; | ||
| − | top: | + | top: 205px; |
left: 330px; | left: 330px; | ||
} | } | ||
| Line 125: | Line 136: | ||
#question3 { | #question3 { | ||
position: relative; | position: relative; | ||
| − | top: | + | top: 355px; |
left: 130px; | left: 130px; | ||
} | } | ||
| Line 137: | Line 148: | ||
</div> | </div> | ||
| − | <a href=""> | + | <a class="hplink" href="https://2015.igem.org/Team:Heidelberg/hp/scientists"> |
<div class="answer" id="answer1-1"> | <div class="answer" id="answer1-1"> | ||
We first asked several renowned synthetic biologists and then other scientists not working in the field | We first asked several renowned synthetic biologists and then other scientists not working in the field | ||
| Line 144: | Line 155: | ||
<div class="story" id="story1"> | <div class="story" id="story1"> | ||
| − | We synthetic biologists are excited by the great opportunities this new field brings about, but... | + | "We synthetic biologists are excited by the great opportunities this new field brings about, but..." |
</div> | </div> | ||
| Line 152: | Line 163: | ||
<div class="story" id="story2"> | <div class="story" id="story2"> | ||
| − | ... | + | "...politicians or philosophers warn us about the risks we are running and argue that society must be protected." |
</div> | </div> | ||
| − | <a href=""> | + | <a class="hplink" href="https://2015.igem.org/Team:Heidelberg/hp/discussion"> |
<div class="answer" id="answer2-1"> | <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 | Then we discussed about the impact of synthetic biology on our societies with philosophers, politicians, ethicists, citizens .. and the rest of the world | ||
| Line 161: | Line 172: | ||
</a> | </a> | ||
| − | <a href=""> | + | <a class="hplink" href="https://2015.igem.org/Team:Heidelberg/hp/video"> |
<div class="answer" id="answer2-2"> | <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 | We then went to the streets and asked the lay public what local problems they wished synthetic biology could solve for them | ||
| Line 168: | Line 179: | ||
<div class="story" id="story3"> | <div class="story" id="story3"> | ||
| − | 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 | + | <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> | ||
| Line 176: | Line 188: | ||
<div class="story" id="story4"> | <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. | + | "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> | </div> | ||
| − | <a href=""> | + | <a class="hplink" href="https://2015.igem.org/Team:Heidelberg/hp/overview"> |
<div class="answer" id="answer3-1"> | <div class="answer" id="answer3-1"> | ||
Useful synthetic biology applications need empowering technologies and ever new foundational advances | Useful synthetic biology applications need empowering technologies and ever new foundational advances | ||
| Line 185: | Line 197: | ||
</a> | </a> | ||
| − | <a href=""> | + | <a class="hplink" href="https://2015.igem.org/Team:Heidelberg/hp/experts"> |
<div class="answer" id="answer3-2"> | <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 | Asking others for advice is a great action. We therefore confronted our ideas with many experts in the fields we worked on | ||
| Line 192: | Line 204: | ||
<div class="story" id="story5"> | <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! | + | "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> | ||
</div> | </div> | ||
</body> | </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!"