Difference between revisions of "Team:Heidelberg"
(54 intermediate revisions by 3 users not shown) | |||
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; | |
− | + | } | |
− | + | ||
− | + | #landingContent { | |
− | + | 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 -340px; | ||
+ | font-size: 26px; | ||
+ | font-family: LazyDay; | ||
+ | overflow: hidden; | ||
+ | min-height: 2200px; | ||
+ | line-height: normal; | ||
+ | } | ||
− | + | #landingContent div:first-letter { | |
− | + | font-size: 28px; | |
− | + | color: #FF5533; | |
+ | font-weight: bold; | ||
+ | margin-top: 0; | ||
+ | } | ||
− | </div> | + | #landingContent p:first-letter { |
+ | font-size: 28px; | ||
+ | color: #FF5533; | ||
+ | font-weight: bold; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .question, .image, .statement { | ||
+ | padding: 10px; | ||
+ | margin: 40px; | ||
+ | width: 420px; | ||
+ | float: left; | ||
+ | height: 300px; | ||
+ | } | ||
+ | |||
+ | #tools { | ||
+ | width: 80%; | ||
+ | background-color: #77BB22; | ||
+ | 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: 32px; | ||
+ | } | ||
+ | |||
+ | .question { | ||
+ | padding-top: 70px; | ||
+ | height: 250px; | ||
+ | } | ||
+ | |||
+ | .image { | ||
+ | height: 250px; | ||
+ | } | ||
+ | |||
+ | .statement { | ||
+ | background-color: #00B5EF; | ||
+ | opacity: 1; | ||
+ | border-width: 1px; | ||
+ | border-style: dashed; | ||
+ | width: 418px; /* 40% of #content -2px for border */ | ||
+ | height: 220px; | ||
+ | } | ||
+ | |||
+ | .statement p { | ||
+ | line-height: normal; | ||
+ | } | ||
+ | |||
+ | #landingContent a, #landingContent a:hover, #landingContent 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; | ||
+ | } | ||
+ | |||
+ | #statement3 img { | ||
+ | position: relative; | ||
+ | top: 10px; | ||
+ | } | ||
+ | |||
+ | #statement4 img { | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="secondBox"> | ||
+ | <a href="#landingContent"> | ||
+ | <img id="sharkbg" src="https://static.igem.org/mediawiki/2015/4/45/Heidelberg_landingpage_sharkbg.jpg" /> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div id="secondBox"> | ||
+ | <div id="landingContent"> | ||
+ | <a href="https://2015.igem.org/Team:Heidelberg/hp/experts#mall"> | ||
+ | <div id="question1" class="question"> | ||
+ | What impact would it have to <em>cure cystic fibrosis</em> by correcting the causing dysfunctional mRNA but without genetically modifying the patient? | ||
+ | </div> | ||
+ | <img class="image" id="lungImage" src="https://static.igem.org/mediawiki/2015/2/2c/Heidelberg_landingpage_lunge.svg"> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:Heidelberg/hp/experts#keastelic"> | ||
+ | <img class="image" id="laternImage" src="https://static.igem.org/mediawiki/2015/4/47/Heidelberg_landingpage_laterne.svg"> | ||
+ | |||
+ | <div id="question2" class="question"> | ||
+ | How much safer could our cities be if <em>rape would be prevented</em> by an easy and discrete method to detect drugs ulteriorly poured in drinks? | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:Heidelberg/hp/experts#wink"> | ||
+ | <div id="question3" class="question"> | ||
+ | What could be discovered if every research lab had the possibility to <em>perform cheap and fast western blotting</em> for every protein? | ||
+ | </div> | ||
+ | |||
+ | <img class="image" id="abImage" src="https://static.igem.org/mediawiki/2015/e/ec/Heidelberg_landingpage_ab.svg"> | ||
+ | </a> | ||
+ | |||
+ | <div id="tools"> | ||
+ | Nature has provided us with the right tools: functional nucleic acids | ||
+ | </div> | ||
+ | |||
+ | <a href="https://2015.igem.org/Team:Heidelberg/Software"> | ||
+ | <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="https://2015.igem.org/Team:Heidelberg/Results/Standardization"> | ||
+ | <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="https://2015.igem.org/Team:Heidelberg/Software"> | ||
+ | <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/3/3f/Heidelberg_landingpage_mesdingens.png" class="statementImage" /> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2015.igem.org/Team:Heidelberg/Overview"> | ||
+ | <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> | ||
+ | {{Heidelberg/jamboree}} | ||
+ | {{Heidelberg/Footer}} |
Latest revision as of 20:11, 19 November 2015
What impact would it have to cure cystic fibrosis by correcting the causing dysfunctional mRNA but without genetically modifying the patient?
How much safer could our cities be if rape would be prevented by an easy and discrete method to detect drugs ulteriorly poured in drinks?
What could be discovered if every research lab had the possibility to perform cheap and fast western blotting for every protein?
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.