Difference between revisions of "Team:Heidelberg/Practices"

Line 2: Line 2:
 
{{Heidelberg/navbar}}
 
{{Heidelberg/navbar}}
 
<html>
 
<html>
−
<head/>
+
    <head>
−
<body>
+
        <script src="jquery.js" type="text/javascript" charset="utf-8"></script>
−
<div class="container">
+
        <style>
−
<div class="content">
+
            a {
−
<img src="https://static.igem.org/mediawiki/2015/1/1c/Heidelberg_media_pictures_hpbackground.png" style="width:100%;">
+
                text-decoration: none;
−
</div>
+
                color: black;
−
</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: 30;
 +
                padding: 10px;
 +
            }
 +
 
 +
            .question {
 +
                font-size: 40;
 +
                width: 600px;
 +
            }
 +
 
 +
            .story {
 +
                font-size: 16;
 +
                width: 600px;
 +
            }
 +
 
 +
            #hpQuestions {
 +
                width: 1000px;
 +
                height: 2500px;
 +
                margin: auto;
 +
                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: 240px;
 +
                left: 130px;
 +
 
 +
            }
 +
           
 +
            #story3 {
 +
                position: relative;
 +
                top: 270px;
 +
                left: 130px;
 +
 
 +
            }
 +
 
 +
            #story4 {
 +
                position: relative;
 +
                top: 480px;
 +
                left: 130px;
 +
 
 +
            }
 +
 
 +
            #story5 {
 +
                position: relative;
 +
                top: 520px;
 +
                left: 130px;
 +
 
 +
            }
 +
 
 +
            #answer1-1 {
 +
                position: relative;
 +
                top: 160px;
 +
                left: 130px;
 +
            }
 +
 
 +
            #answer2-1 {
 +
                position: relative;
 +
                top: 280px;
 +
                left: 130px;
 +
            }
 +
 
 +
            #answer2-2 {
 +
                position: relative;
 +
                top: 440px;
 +
                left: 130px;
 +
            }
 +
 
 +
            #answer3-1 {
 +
                position: relative;
 +
                top: 520px;
 +
                left: 130px;
 +
            }
 +
 
 +
            #answer3-2 {
 +
                position: relative;
 +
                top: 690px;
 +
                left: 130px;
 +
            }
 +
 
 +
            #question1 {
 +
                position: relative;
 +
                top: 80px;
 +
                left: 100px;
 +
            }
 +
 
 +
            #question2 {
 +
                position: relative;
 +
                top: 215px;
 +
                left: 330px;
 +
            }
 +
 
 +
            #question3 {
 +
                position: relative;
 +
                top: 450px;
 +
                left: 130px;
 +
            }
 +
        </style>
 +
    </head>
 +
 
 +
    <body>
 +
        <div id="hpQuestions">
 +
            <div class="question" id="question1">
 +
                What is synthetic biology?
 +
            </div>
 +
 
 +
            <a href="">
 +
            <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">
 +
                ...policy makers or philosophers warn us about the risks we are running and argue that society must be protected
 +
            </div>
 +
           
 +
            <a href="">
 +
            <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 href="">
 +
            <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">
 +
                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 href="">
 +
            <div class="answer" id="answer3-1">
 +
                Useful synthetic biology applications need empowering technologies and ever new foundational advances
 +
            </div>
 +
            </a>
 +
 
 +
            <a href="">
 +
            <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>

Revision as of 16:06, 17 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?
...policy makers 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!