Team:UCL/FAQ/Synbio

From 2014.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:UCL/Template:headerx}}
{{:Team:UCL/Template:headerx}}
 +
{{:Team:UCL/Template:BioprocessStyles}}
<html>
<html>
-
 
-
<!---
 
-
<a data-tip="true" class="top large" data-tip-content="TOOLTIP TEXT" href="javascript:void(0)"><b>VISIBLE TEXT</b></a>
 
-
--->
 
-
 
-
<!--- These are the script & stylesheet links for the jQuery UI feature (ask sanjay before altering this) --->
 
-
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
 
-
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
 
-
 
-
<!--- These are the script & stylesheet links for the javascript based tooltip feature (ask sanjay before altering this) --->
 
-
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:SCJtooltip.css?action=raw&ctype=text/css" type="text/css" />
 
-
 
-
<!--- These are the script & stylesheet links for the javascript based notification feature (ask sanjay before altering this) --->
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:SCJpnotify.js?action=raw&ctype=text/javascript"></script>
 
-
<link rel="stylesheet" href="https://2014.igem.org/Team:UCL/Template:SCJpnotify.css?action=raw&ctype=text/css" type="text/css" />
 
-
 
-
<!--- These are the script & stylesheet links for the javascript based scroll to top feature (ask sanjay before altering this) --->
 
-
<script type="text/javascript" src="https://2014.igem.org/Team:UCL/Template:SCJscroll.js?action=raw&ctype=text/javascript"></script>
 
<div class="pageTitle">
<div class="pageTitle">
-
 
-
<script type="text/javascript">
 
-
PNotify.prototype.options.styling = "jqueryui";
 
-
$(function(){
 
-
new PNotify({
 
-
    title: 'Look here!',
 
-
    text: 'Now that I have distracted you, try hovering over images and bold text.',
 
-
    hide: false
 
-
});
 
-
});
 
-
</script>
 
<div id="BPimagewrapperHeader">
<div id="BPimagewrapperHeader">
-
             <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?" />
+
             <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>
<div class="textArena"><!--- This is the were your text goes, play with it but dont change the class names-->
<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">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="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">
<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:4%; border:0.5% #000;" src="//www.youtube.com/embed/rD5uNAMbDaQ" frameborder="0" allowfullscreen align="right"></iframe></div>
-
<p>Synthetic biology aims to <a 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 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>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.  
+
<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>
<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="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>
-
<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 div end tag should end the .textArena tag that defines light grey space. This is crucial-->
Line 68: Line 58:
     padding: 2% 5% 5% 5%;
     padding: 2% 5% 5% 5%;
     font-size:90%;
     font-size:90%;
 +
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 +
    text-align:justified;
}
}
.widthCorrect {
.widthCorrect {
Line 90: Line 82:
}
}
-
.scrollup {
+
.back-to-top {
-
    width:40px;
+
position: fixed;
-
    height:40px;
+
bottom: 0em;
-
    position: fixed;
+
right: 0.5em;
-
    bottom: 50px;
+
background-color: #AA8799;
-
    right: 100px;
+
text-decoration: none;
-
    display: none;
+
color: #000000;
-
    text-indent: -9999px;
+
display: none;
-
    background: url('https://static.igem.org/mediawiki/2014/1/19/SANJAYSAMAZINGRsz_1up-arrow-icon.png') no-repeat;
+
border-radius: 100px;
-
    background-color: none;
+
padding-bottom: 25px;
 +
margin-bottom: -25px;
 +
z-index: 99999;
}
}
-
a1 {
+
 
-
    text-decoration: none;
+
-
    color: #000;
+
-
    background: none;
+
-
}
+
</style>
</style>
</html>
</html>
{{:Team:UCL/Template:footerx}}
{{:Team:UCL/Template:footerx}}

Latest revision as of 14:48, 16 October 2014

Goodbye Azodye UCL iGEM 2014

What is Synthetic Biology?

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.

Contact Us

University College London
Gower Street - London
WC1E 6BT
Biochemical Engineering Department
Phone: +44 (0)20 7679 2000
Email: ucligem2014@gmail.com

Follow Us