Team:UCL/FAQ/Synbio
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{:Team:UCL/Template:headerx}} | {{:Team:UCL/Template:headerx}} | ||
<html> | <html> | ||
- | |||
<!--- | <!--- | ||
<a data-tip="true" class="top large" data-tip-content="TOOLTIP TEXT" href="javascript:void(0)"><b>VISIBLE TEXT</b></a> | <a data-tip="true" class="top large" data-tip-content="TOOLTIP TEXT" href="javascript:void(0)"><b>VISIBLE TEXT</b></a> | ||
Line 20: | Line 19: | ||
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:SCJscroll.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:SCJscroll.js?action=raw&ctype=text/javascript"></script> | ||
- | <div | + | <div id="bodyContent"> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 32: | Line 31: | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
<div id="BPimagewrapperHeader"> | <div id="BPimagewrapperHeader"> | ||
- | + | <img src="https://static.igem.org/mediawiki/2014/1/13/UCLSynbio_Header.png" width="100%" height="100%" alt="What Is Synthetic Biology?" /> | |
</div> | </div> | ||
- | <div class="textArena"> | + | |
- | <div class="textTitle"><h4 class="widthCorrect">A brief introduction to synthetic biology</h4></div | + | <div class="textArena"><div class="textTitle"><h4 class="widthCorrect">A brief introduction to synthetic biology</h4></div> |
<div class="video-wrapper"> | <div class="video-wrapper"> | ||
<iframe width="600" height="380" style="padding:1%; border:0.5% #000;" src="//www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" allowfullscreen align="right"></iframe></div> | <iframe width="600" height="380" style="padding:1%; border:0.5% #000;" src="//www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" allowfullscreen align="right"></iframe></div> | ||
- | <p> | + | <p class="infoBlock1 cf"> |
+ | <ynthetic biology aims to <a1 data-tip="true" class="top large" data-tip-content="It consists of conscious and deliberate modification(s) of living organisms by acting on their genetic code." href="javascript:void(0)"><b>design, build, and test</b></a> novel biological systems. While genetic engineering, in general, is the insertion of foreign genes from one organism to another, synthetic biology wants to go <a1 data-tip="true" class="top large" data-tip-content="By treating DNA as a true code that can be modified, written and rewritten, in order to obtain new and more complex functions." href="javascript:void(0)"><b>one step further</b></a>. Once the sequence is designed, this DNA is synthesised and inserted into a living organism, reprogramming its function at our will, and allowing us to modify the ultimate part of nature: life itself. <br>We are therefore able to move the genetic information from the physical world to the digital world, where we can alter it intentionally, before bringing it back to the physical world to modify its features and behaviour. | ||
<br><br> | <br><br> | ||
The video on the right is a short, informative video written, animated and directed by James Hutson.</p> | The video on the right is a short, informative video written, animated and directed by James Hutson.</p> | ||
+ | </div> | ||
<a href="#" class="scrollup">Scroll</a> | <a href="#" class="scrollup">Scroll</a> | ||
</div> | </div> | ||
- | + | ||
- | + | ||
<style> | <style> | ||
/*=======PAGE HEADER=======*/ | /*=======PAGE HEADER=======*/ | ||
Line 66: | Line 67: | ||
.textArena { | .textArena { | ||
background-color:white; | background-color:white; | ||
- | padding: | + | padding: 0% 8% 5% 8%; |
font-size:90%; | font-size:90%; | ||
+ | font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
} | } | ||
.widthCorrect { | .widthCorrect { | ||
width:100%; | width:100%; | ||
} | } | ||
- | |||
.alignright { | .alignright { | ||
float:right; | float:right; | ||
Line 85: | Line 86: | ||
margin-right:3%; | margin-right:3%; | ||
} | } | ||
- | /* | + | .aboutimage |
- | + | { | |
- | + | border:solid 1px black; | |
+ | padding:2px 2px 2px 2px; | ||
+ | } | ||
+ | |||
+ | .infoBlock1 { | ||
+ | margin-bottom: 4rem; | ||
+ | } | ||
+ | |||
+ | |||
+ | .infoBlock2 { | ||
+ | margin-bottom: 1rem; | ||
+ | } | ||
+ | |||
+ | .infoBlock3{ | ||
+ | margin-top: 4rem; | ||
+ | } | ||
+ | |||
+ | .infoBlock4{ | ||
+ | margin-top: 6rem; | ||
+ | margin-bottom: 6rem; | ||
+ | } | ||
+ | |||
+ | .infoBlock5{ | ||
+ | margin-bottom: 3rem; | ||
+ | } | ||
+ | |||
+ | .cf:before, | ||
+ | .cf:after { | ||
+ | content: " "; /* 1 */ | ||
+ | display: table; /* 2 */ | ||
+ | } | ||
+ | |||
+ | .cf:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | text-decoration: none; | ||
+ | color: #000; | ||
+ | background: none; | ||
} | } | ||
Line 100: | Line 140: | ||
background: url('https://static.igem.org/mediawiki/2014/1/19/SANJAYSAMAZINGRsz_1up-arrow-icon.png') no-repeat; | background: url('https://static.igem.org/mediawiki/2014/1/19/SANJAYSAMAZINGRsz_1up-arrow-icon.png') no-repeat; | ||
background-color: none; | background-color: none; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
</style> | </style> |
Revision as of 17:16, 11 October 2014
A brief introduction to synthetic biology
We are therefore able to move the genetic information from the physical world to the digital world, where we can alter it intentionally, before bringing it back to the physical world to modify its features and behaviour.
The video on the right is a short, informative video written, animated and directed by James Hutson.