Team:UCL/FAQ/Synbio
From 2014.igem.org
(36 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:Team:UCL/Template:headerx}} | {{:Team:UCL/Template:headerx}} | ||
+ | {{:Team:UCL/Template:BioprocessStyles}} | ||
<html> | <html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <div class="pageTitle"> | ||
+ | <div id="BPimagewrapperHeader"> | ||
+ | <img style:"float:center" src="https://static.igem.org/mediawiki/2014/7/7a/OWhatIsSynbio_Bannero.jpg" width="100%" height="auto" alt="What is Synthetic Biology?" /> | ||
+ | </div> | ||
+ | <div class="textArena"><!--- This is the were your text goes, play with it but dont change the class names--> | ||
+ | <div class="textTitle"><h4 class="widthCorrect">Synthetic biology aims to design, build, and test novel biological systems</h4></div><!-- First title or p tag of a page needs the textTitle class as it corrects the placing of the rest of the page--> | ||
+ | <div class="video-wrapper"> | ||
+ | <iframe width="600" height="380" style="padding:4%; border:0.5% #000;" src="//www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" allowfullscreen align="right"></iframe></div> | ||
+ | <p>It consists of conscious and deliberate modification(s) of living organisms by acting on their genetic code. <br><br> While genetic engineering, in general, is the insertion of foreign genes from one organism to another, synthetic biology wants to go one step further by treating DNA as a true code that can be modified, written and rewritten, in order to obtain new and more complex functions. 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><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> | ||
+ | The video on the right is a short, informative video written, animated and directed by James Hutson.</p> | ||
+ | <a href="#" class="back-to-top"><img src="https://static.igem.org/mediawiki/2014/5/5d/Scroll_Up_Button.png" width="64" height="64"></a> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(document).ready(function() { | ||
+ | var offset = 220; | ||
+ | var duration = 500; | ||
+ | jQuery(window).scroll(function() { | ||
+ | if (jQuery(this).scrollTop() > offset) { | ||
+ | jQuery('.back-to-top').fadeIn(duration); | ||
+ | } else { | ||
+ | jQuery('.back-to-top').fadeOut(duration); | ||
+ | } | ||
+ | }); | ||
+ | jQuery('.back-to-top').click(function(event) { | ||
+ | event.preventDefault(); | ||
+ | jQuery('html, body').animate({scrollTop: 0}, duration); | ||
+ | return false; | ||
+ | }) | ||
+ | }); | ||
+ | </script> | ||
</div> | </div> | ||
- | + | <!-- This div end tag should end the .textArena tag that defines light grey space. This is crucial--> | |
+ | <!-- This is the css of the page. Dont change it unless you have consulted with Lewis or Adam about what your changing--> | ||
<style> | <style> | ||
- | . | + | /*=======PAGE HEADER=======*/ |
+ | .pageTitle { | ||
+ | height:200px; | ||
+ | width:100%; | ||
+ | background-color:darkgrey; | ||
+ | padding-top:50px; | ||
+ | display:inline-block; | ||
+ | } | ||
+ | .floater { | ||
float:left; | float:left; | ||
} | } | ||
+ | |||
+ | /*=======Body=======*/ | ||
+ | .textArena { | ||
+ | background-color:white; | ||
+ | padding: 2% 5% 5% 5%; | ||
+ | font-size:90%; | ||
+ | font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
+ | text-align:justified; | ||
+ | } | ||
+ | .widthCorrect { | ||
+ | width:100%; | ||
+ | } | ||
+ | /*=========Object Alignment Classes=============*/ | ||
+ | .alignright { | ||
+ | float:right; | ||
+ | margin-left:3%; | ||
+ | } | ||
+ | .alignleft { | ||
+ | float:left; | ||
+ | margin-right:3%; | ||
+ | } | ||
+ | .aligncenter { | ||
+ | float:center; | ||
+ | margin-right:3%; | ||
+ | } | ||
+ | /*=========Table Classes=============*/ | ||
+ | .table-bordered { | ||
+ | border: 1px solid black; | ||
+ | } | ||
+ | |||
+ | .back-to-top { | ||
+ | position: fixed; | ||
+ | bottom: 0em; | ||
+ | right: 0.5em; | ||
+ | background-color: #AA8799; | ||
+ | text-decoration: none; | ||
+ | color: #000000; | ||
+ | display: none; | ||
+ | border-radius: 100px; | ||
+ | padding-bottom: 25px; | ||
+ | margin-bottom: -25px; | ||
+ | z-index: 99999; | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> | ||
</html> | </html> | ||
{{:Team:UCL/Template:footerx}} | {{:Team:UCL/Template:footerx}} |
Latest revision as of 14:48, 16 October 2014
Synthetic biology aims to design, build, and test novel biological systems
It consists of conscious and deliberate modification(s) of living organisms by acting on their genetic code.
While genetic engineering, in general, is the insertion of foreign genes from one organism to another, synthetic biology wants to go one step further by treating DNA as a true code that can be modified, written and rewritten, in order to obtain new and more complex functions. 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.
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.