Difference between revisions of "Team:Heidelberg"
Line 1: | Line 1: | ||
− | {{Heidelberg}} | + | {{Heidelberg/Header}} |
+ | {{Heidelberg/navbar_landing}} | ||
<html> | <html> | ||
<head> | <head> | ||
− | + | <style> | |
− | + | @font-face { | |
− | + | font-family: LazyDay; | |
− | + | src: url(https://static.igem.org/mediawiki/2015/d/df/Heidelberg_lazyday.ttf); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | body { | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #firstBox { | |
− | + | width: 100%; | |
− | + | max-width: 1920px; | |
− | + | min-width: 1000px; | |
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
− | + | #sharkbg { | |
− | + | width: 100%; | |
− | + | margin-bottom: 0; | |
+ | padding-bottom: 0; | ||
+ | } | ||
− | + | #content { | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
− | + | width: 1000px; | |
− | + | text-align: justify; | |
− | + | border-radius: 10px; | |
+ | background-color: white; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/f/f9/Heidelberg_landingpage_longrobe.svg); | ||
+ | background-repeat: no-repeat; | ||
+ | /* has to be at most -3 to close the gap to the shark image */ | ||
+ | background-position: 413px -80px; | ||
+ | font-size: 160%; | ||
+ | font-family: LazyDay; | ||
+ | overflow: hidden; | ||
+ | min-height: 2200px; | ||
+ | } | ||
− | + | #content div:first-letter { | |
− | + | font-size: 130%; | |
− | + | color: #FF5533; | |
− | + | font-weight: bold; | |
+ | margin-top: 0; | ||
+ | } | ||
− | + | .question, .image, .statement { | |
− | + | padding: 1%; | |
− | + | margin: 4%; | |
+ | width: 40%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #tools { | ||
+ | width: 80%; | ||
+ | background-color: #77BB22; | ||
+ | background-opacity: 0.5; | ||
+ | border-width: 1px; | ||
+ | border-style: dashed; | ||
+ | float: left; | ||
+ | padding: 15px; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | left: 10%; | ||
+ | text-align: center; | ||
+ | margin-top: 50px; | ||
+ | margin-bottom: 50px; | ||
+ | font-weight: bold; | ||
+ | font-size: 132%; | ||
+ | } | ||
− | </div> | + | .question { |
+ | padding-top: 110px; | ||
+ | height: 200px; | ||
+ | } | ||
+ | |||
+ | .image { | ||
+ | height: 300px; | ||
+ | } | ||
+ | |||
+ | .statement { | ||
+ | background-color: #00B5EF; | ||
+ | opacity: 1; | ||
+ | border-width: 1px; | ||
+ | border-style: dashed; | ||
+ | width: 398; /* 40% of #content -2px for border */ | ||
+ | height: 244; | ||
+ | } | ||
+ | |||
+ | #content a, #content a:hover, #content a:visited { | ||
+ | text-decoration: none; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .statement:hover { | ||
+ | opacity: 0.7; | ||
+ | } | ||
+ | |||
+ | .statementImage { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 80px; | ||
+ | position: relative; | ||
+ | left: 159px; | ||
+ | } | ||
+ | |||
+ | #statement2 img { | ||
+ | position: relative; | ||
+ | bottom: -20px; | ||
+ | left: 139px; | ||
+ | width: 100px; | ||
+ | } | ||
+ | |||
+ | #statement4 img { | ||
+ | position: relative; | ||
+ | top: 7px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="firstBox"> | ||
+ | <a href="#content"> | ||
+ | <img id="sharkbg" src="https://static.igem.org/mediawiki/2015/4/45/Heidelberg_landingpage_sharkbg.jpg" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div id="secondBox"> | ||
+ | <div id="content"> | ||
+ | <a name="content" /> | ||
+ | <div id="question1" class="question"> | ||
+ | How great would it be to cure cystis fibrosis by correcting the dysfunctional mRNA that causes it without genetically modifying the patient? | ||
+ | </div> | ||
+ | <a href="test"> | ||
+ | <img class="image"src="lunge.svg"> | ||
+ | </a> | ||
+ | |||
+ | <a href="test"> | ||
+ | <img class="image"src="lampe.svg"> | ||
+ | </a> | ||
+ | <div id="question2" class="question"> | ||
+ | How safer could our cities be if victims could prevent rape by easily and discretely detecting drugs put in their drinks to make them powerless? | ||
+ | </div> | ||
+ | |||
+ | <div id="question3" class="question"> | ||
+ | How much would the possibility to perform cheap and fast western blotting for every protein revolutionize the scientific community? | ||
+ | </div> | ||
+ | <a href="test"> | ||
+ | <img class="image"src="aptabody_black.svg"> | ||
+ | </a> | ||
+ | |||
+ | <div id="tools"> | ||
+ | Nature has provided us with the right tools: functional nucleic acids | ||
+ | </div> | ||
+ | |||
+ | <a href="test"> | ||
+ | <div id="statement1" class="statement"> | ||
+ | <p>We made it possible to <em>design</em> functional nucleic acids following the concepts of modularization and standardization</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/6/68/Heidelberg_map_sw_icon.png" class="statementImage" /> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="test"> | ||
+ | <div id="statement2" class="statement"> | ||
+ | <p>We created a <em>new standard</em> to clone them and work with them, in vitro and in vivo</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/6/6d/Heidelberg_map_rfc_icon.png" class="statementImage" /> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="test"> | ||
+ | <div id="statement3" class="statement"> | ||
+ | <p>We set up assays to validate our in silico designs and improve our designing rules</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/6/68/Heidelberg_map_sw_icon.png" class="statementImage" /> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="test"> | ||
+ | <div id="statement4" class="statement"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/1d/Heidelberg_landingpage_diver.png" class="statementImage" /> | ||
+ | <p>Dive deeper into the ocean of our project to find out how we set the foundations to elevate functional nucleic acids to a new leading role in synthetic biology.</p> | ||
</div> | </div> | ||
+ | </a> | ||
</div> | </div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 21:08, 18 September 2015
How great would it be to cure cystis fibrosis by correcting the dysfunctional mRNA that causes it without genetically modifying the patient?
How safer could our cities be if victims could prevent rape by easily and discretely detecting drugs put in their drinks to make them powerless?
How much would the possibility to perform cheap and fast western blotting for every protein revolutionize the scientific community?
Nature has provided us with the right tools: functional nucleic acids
We made it possible to design functional nucleic acids following the concepts of modularization and standardization
We created a new standard to clone them and work with them, in vitro and in vivo
We set up assays to validate our in silico designs and improve our designing rules
Dive deeper into the ocean of our project to find out how we set the foundations to elevate functional nucleic acids to a new leading role in synthetic biology.