Team:UCL/FAQ/Synbio
From 2014.igem.org
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 19: | Line 20: | ||
<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 class="pageTitle"> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 31: | Line 32: | ||
}); | }); | ||
</script> | </script> | ||
- | |||
<div id="BPimagewrapperHeader"> | <div id="BPimagewrapperHeader"> | ||
- | <img src="https://static.igem.org/mediawiki/2014/1/13/UCLSynbio_Header.png" width="100%" height=" | + | <img style:"float:center" src="https://static.igem.org/mediawiki/2014/1/13/UCLSynbio_Header.png" width="100%" height="auto" alt="What is Synthetic Biology?" /> |
</div> | </div> | ||
- | + | <div class="textArena"><!--- This is the were your text goes, play with it but dont change the class names--> | |
- | <div class="textArena"><div class="textTitle"><h4 class="widthCorrect">A brief introduction to synthetic biology</h4></div> | + | <div class="textTitle"><h4 class="widthCorrect">A brief introduction to synthetic biology</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"> | <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>Synthetic 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> | ||
- | |||
<a href="#" class="scrollup">Scroll</a> | <a href="#" class="scrollup">Scroll</a> | ||
</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=======*/ | /*=======PAGE HEADER=======*/ | ||
Line 67: | Line 66: | ||
.textArena { | .textArena { | ||
background-color:white; | background-color:white; | ||
- | padding: | + | padding: 2% 5% 5% 5%; |
font-size:90%; | font-size:90%; | ||
- | |||
} | } | ||
.widthCorrect { | .widthCorrect { | ||
width:100%; | width:100%; | ||
} | } | ||
+ | /*=========Object Alignment Classes=============*/ | ||
.alignright { | .alignright { | ||
float:right; | float:right; | ||
Line 86: | Line 85: | ||
margin-right:3%; | margin-right:3%; | ||
} | } | ||
- | + | /*=========Table Classes=============*/ | |
- | + | .table-bordered { | |
- | + | border: 1px solid black; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 140: | Line 100: | ||
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; | ||
+ | } | ||
+ | |||
+ | a1 { | ||
+ | text-decoration: none; | ||
+ | color: #000; | ||
+ | background: none; | ||
} | } | ||
</style> | </style> |
Revision as of 17:16, 11 October 2014
A brief introduction to synthetic biology
Synthetic biology aims to
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.