|
|
| (2 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | + | {{Team:Oxford/templates/header}} |
| | + | |
| | <html> | | <html> |
| - | <head>
| |
| - | <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
| |
| - | <style type="text/css">
| |
| - |
| |
| - | @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
| |
| - |
| |
| - | /* Enforce a lack of horizontal scrollbar so that the social section doesn't mess with the viewport. */
| |
| - | html, body {
| |
| - | max-width: 100%;
| |
| - | overflow-x: hidden;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | background-color: #EBEBEB;
| |
| - | margin: 0px;
| |
| - | padding: 0;
| |
| - | border: 0;
| |
| - | vertical-align: baseline;
| |
| - | font-family: 'Open Sans', 'helvetica', sans-serif;
| |
| - | font-size: 10px;
| |
| - | font-weight: 300;
| |
| - | }
| |
| - |
| |
| - | #content {
| |
| - | border:none;
| |
| - | width:100%;
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | background:none;
| |
| - | }
| |
| - |
| |
| - | #catlinks {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #contentSub {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #menubar {
| |
| - | width: auto;
| |
| - | margin-top:0.5%;
| |
| - | }
| |
| - |
| |
| - | .left-menu:hover {
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | #menubar li a {
| |
| - | background-color: transparent;
| |
| - | }
| |
| - | #menubar:hover {
| |
| - | color: gray;
| |
| - | }
| |
| - | #menubar li a {
| |
| - | color: #B5B5B5;
| |
| - | }
| |
| - | #menubar:hover li a {
| |
| - | color: gray;
| |
| - | }
| |
| - |
| |
| - | #menubar.left-menu.noprint ul li:last-child {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #search-controls {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #top-section {
| |
| - | height:0px;
| |
| - | width:100%;
| |
| - | border:none;
| |
| - | }
| |
| - |
| |
| - | #footer-box {
| |
| - | border:none;
| |
| - | display:none;
| |
| - | width:100%;
| |
| - | }
| |
| - |
| |
| - | #p-logo {
| |
| - | display:none
| |
| - | }
| |
| - |
| |
| - | .firstHeading {
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #bodyContent p{
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | html, div, span, applet, object, iframe,
| |
| - | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
| |
| - | a, abbr, acronym, address, big, cite, code,
| |
| - | del, dfn, em, img, ins, kbd, q, s, samp,
| |
| - | small, strike, strong, sub, sup, tt, var,
| |
| - | b, u, i, center,
| |
| - | dl, dt, dd, ol, ul, li,
| |
| - | fieldset, form, label, legend,
| |
| - | table, caption, tbody, tfoot, thead, tr, th, td,
| |
| - | article, aside, canvas, details, embed,
| |
| - | figure, figcaption, footer, header, hgroup,
| |
| - | menu, nav, output, ruby, section, summary,
| |
| - | time, mark, audio, video {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | border: 0;
| |
| - | font-size: 100%;
| |
| - | font: inherit;
| |
| - | vertical-align: baseline;
| |
| - | }
| |
| - |
| |
| - | #top-section {
| |
| - | width: 965px;
| |
| - | height: 0;
| |
| - | margin: 0 auto;
| |
| - | padding: 0;
| |
| - | border: none;}
| |
| - |
| |
| - | .left-menu:hover {
| |
| - | background-color: transparent;}
| |
| - |
| |
| - | #menubar li a {
| |
| - | background-color: transparent;}
| |
| - |
| |
| - | .outer {
| |
| - | position:fixed;
| |
| - | width:100%;
| |
| - | height:100%;
| |
| - | }
| |
| - |
| |
| - | img.supercoil {
| |
| - | width:65%;
| |
| - | display: block;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto }
| |
| - |
| |
| - | .Heading {
| |
| - | position:absolute;
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | .pink_news_block {
| |
| - |
| |
| - | background: #DEA5A4;
| |
| - | border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
| |
| - | width:96%;
| |
| - | }
| |
| - |
| |
| - | .blue_news_block {
| |
| - |
| |
| - | background: #ADD8E6;
| |
| - | border-radius:15px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:3%;padding-bottom:3%;
| |
| - | width:96%;
| |
| - | }
| |
| - |
| |
| - | .orange_news_block1 {
| |
| - |
| |
| - | background: #FA6800;
| |
| - | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
| - | width:96%;
| |
| - | }
| |
| - |
| |
| - | .orange_news_block2 {
| |
| - |
| |
| - | background: #FA6800;
| |
| - | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
| - | width:44%;
| |
| - | }
| |
| - |
| |
| - | .yellow_news_block {
| |
| - |
| |
| - | background: #FFFF06;
| |
| - | border-radius:30px; margin-top:2%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
| - | width:27%;
| |
| - | }
| |
| - | .white_news_block {
| |
| - |
| |
| - | background: #fff;
| |
| - | border-radius:15px; margin-top:2%; margin-left: 0%; padding-left:2%;padding-right:2%;padding-top:2%;padding-bottom:2%;
| |
| - | width:96%;
| |
| - | }
| |
| - |
| |
| - | h1 {
| |
| - | font-size: 120%;
| |
| - | font-weight: 400;
| |
| - | font-family:Helvetica;
| |
| - | margin-bottom: 2%;
| |
| - |
| |
| - | }
| |
| - | h1white {
| |
| - | font-size: 230%;
| |
| - | font-weight: 400;
| |
| - | font-family:Helvetica;
| |
| - | color:#fff;
| |
| - | }
| |
| - |
| |
| - | h1black {
| |
| - | font-size: 230%;
| |
| - | font-weight: 400;
| |
| - | font-family:Helvetica;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - |
| |
| - | function iconleft(x) {
| |
| - | x.style.left="6%";
| |
| - | }
| |
| - | function iconnormal(x) {
| |
| - | x.style.left="9%";
| |
| - | }
| |
| - | $(document).ready(function(){
| |
| - | $("#arrowr").click(function(){
| |
| - | $("#grey").animate({right:'-13%'}, "fast");
| |
| - | });
| |
| - | });
| |
| - | $(document).ready(function(){
| |
| - | $("#arrowl").click(function(){
| |
| - | $("#grey").animate({right:'-9%'}, "fast");
| |
| - | });
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - | <title></title>
| |
| - | </head>
| |
| - |
| |
| | <body> | | <body> |
| | <div class="outer" style="overflow-y: scroll; overflow-x: hidden;"> | | <div class="outer" style="overflow-y: scroll; overflow-x: hidden;"> |
| | | | |
| | | | |
| | + | <div id="stuff" style="float:left;position:absolute;margin-left:200px;margin-right:100px; margin-top:50px;min-width:645px;"> |
| | + | <img src="https://static.igem.org/mediawiki/2014/0/08/Oxigemradcamcrop.jpg" style="position:absolute; width:100%;z-index:-1; border-radius:15px;"/> |
| | | | |
| - | <div id="stuff" style="float:left;position:absolute;margin-left:200px;margin-right:100px; margin-top:50px;">
| + | <div style="background-color:#D9D9D9; opacity:0.7; z-index:5; Height:75px; width:100%;font-size:65px;font-family:Helvetica;padding-top:5px; font-weight: 450;margin-top:10px;"> |
| - | | + | <div style="background-color:white; opacity:0.9; Height:75px; width:100%;margin-top:5px:margin-bottom:5px;font-size:65px;font-family:Helvetica;padding-top:5px; color:#00000; font-weight: 450;"><br><center><font style="opacity:0.6">Circuit Approximations</font></center></div> |
| - | <img src="https://static.igem.org/mediawiki/2014/0/08/Oxigemradcamcrop.jpg" style="position:absolute; width:100%;min-width:100%;z-index:-1; border-radius:15px;"/>
| + | |
| - | | + | |
| - | | + | |
| - | <div style="background-color:#D9D9D9; opacity:0.7; z-index:5; margin-right:auto;margin-left:auto; Height:10%px; width:91%;min-width:300px;font-size:65px;font-family:Helvetica;padding-top:5px; font-weight: 450;border-radius:15px;"> | + | |
| - | <div style="background-color:white; opacity:0.7; Height:75px; width:100%;margin-top:5px:margin-bottom:5px;min-width:300px;font-size:65px;font-family:Helvetica;padding-top:5px; color:#596C8A; font-weight: 450;border-radius:15px;"><br>Equivalent circuit approximations</div> | + | |
| | </div> | | </div> |
| - | <br><br> | + | <br> |
| - | | + | |
| | | | |
| | + | <div style="border-bottom-left-radius:10px;border-bottom-right-radius:10px; padding-left:10px;padding-right:10px;min-width:300px;"> |
| | | | |
| | | | |
| | | | |
| | | | |
| | + | </div> |
| | + | <div style="background-color:white; border-bottom-left-radius:10px;border-bottom-right-radius:10px; padding-left:10px;padding-right:10px;min-width:300px;margin-top:100px;"> |
| | + | <br> |
| | | | |
| - |
| |
| - |
| |
| - | <div class="pink_news_block">
| |
| | <h1>Explaining why we used the equivalent circuits</h1> | | <h1>Explaining why we used the equivalent circuits</h1> |
| - | To model the complex interaction of activations and repressions in the genetic circuit that we were investigating, it was necessary to model a slightly modified versions of the original systems. We did this to save time and to keep the models comparatively simple. Modelling equivalent systems and making educated assumptions are well established areas of engineering, we concluded that the equivalent circuits provided a very accurate representation of the real system. As the main initial goal of the modelling was to obtain parameters from the wet lab data that could predict the future response of the system, the quality of the end model has a much greater dependence on the accuracy to which we could determine the parameters than any assumptions the model made. | + | To model the complex interaction of activations and repressions in the genetic circuit that we were investigating, it was necessary to model a slightly modified versions of the original systems. We did this to save time and to keep the models comparatively simple. Modelling equivalent systems and making educated assumptions are well-established areas of engineering, and we therefore concluded that the equivalent circuits provided a very accurate representation of the real system. As the main initial goal of the modelling was to obtain parameters from the wet lab data that could predict the future response of the system, the quality of the end model has a much greater dependence on the accuracy to which we could determine the parameters than any assumptions the model made. |
| | <br><br> | | <br><br> |
| | To summarise, as long as the we found the correct parameters for the equivalent model, we could get reliable predictions from this simulation. | | To summarise, as long as the we found the correct parameters for the equivalent model, we could get reliable predictions from this simulation. |
| - | </div> | + | <br><br> |
| | | | |
| | | | |
| | + | </div> |
| | | | |
| | | | |
| | | | |
| - | | + | <div style="background-color:white; border-radius:10px;border-bottom-right-radius:10px; padding-left:10px;padding-right:10px;min-width:300px;margin-top:15px;"> |
| - | | + | <br> |
| - | | + | |
| - | | + | |
| - | <div class="white_news_block"> | + | |
| | <img src="https://static.igem.org/mediawiki/2014/a/aa/Oxford_Equivalent_circuit_justification.png" style="width:45%; float:right"/> | | <img src="https://static.igem.org/mediawiki/2014/a/aa/Oxford_Equivalent_circuit_justification.png" style="width:45%; float:right"/> |
| - |
| |
| | <img src="https://static.igem.org/mediawiki/2014/3/36/Oxford_GFP_equivalent_circuits.png" style="width:50%;"/> | | <img src="https://static.igem.org/mediawiki/2014/3/36/Oxford_GFP_equivalent_circuits.png" style="width:50%;"/> |
| | + | <br> |
| | </div> | | </div> |
| - | | + | <br> |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <div id="sponsors" style="height:200px; width:100%;"></div> | + | |
| - | | + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <img src="https://static.igem.org/mediawiki/2014/9/91/OxigemSidebar.png" style="float:left;position:fixed; height:100%;" />
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; min-width:50px;">
| + | |
| - | <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/OxigemiGEM.png" style="width:100%"/></a>
| + | |
| - | </div>
| + | |
| - | <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/7/77/OxigemArrowl.png" style="position:absolute; width:2.5%; top:50%;right:1.5%; opacity:0.6; z-index:4;" /></a>
| + | |
| - | <div id="grey" style="width:14%; position:absolute; top:23%; right:-13%; z-index:4;">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/0/0d/OxigemGrey.png" style="position:relative;width:100%;" />
| + | |
| - | <a href="#"><img id="arrowr" src="https://static.igem.org/mediawiki/2014/0/03/OxigemArrowr.png" style="position:absolute;width:16%;top:5%;left:10%;"></a>
| + | |
| - | <div class="fbicon" style="position:absolute;width:23%; top:20%; left:9%;" onmouseover=
| + | |
| - | "iconleft(this)" onmouseout="iconnormal(this)" border="0"><a href="https://www.facebook.com/oxfordigem" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a>
| + | |
| - | </div>
| + | |
| - | <div class="twicon" style="position:absolute;width:23%; top:35%; left:9%;" onmouseover=
| + | |
| - | "iconleft(this)" onmouseout="iconnormal(this)" border="0">
| + | |
| - | <a href="https://twitter.com/OxfordiGEM" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/3d/OxigemIgemtwitter.png" style="width:100%;" /></a>
| + | |
| - | </div>
| + | |
| - | <div class="yticon" style="position:absolute;width:23%; top:50%; left:9%;" onmouseover=
| + | |
| - | "iconleft(this)" onmouseout="iconnormal(this)" border="0">
| + | |
| - | <a href="https://www.youtube.com/channel/UCx1QJHqQcZ09aT97V2f4Xdw" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/e/ea/OxigemIconyoutube.png" style="width:100%;" /></a>
| + | |
| - | </div>
| + | |
| - | <div class="oxicon" style="position:absolute;width:23%; top:65%; left:9%;" onmouseover=
| + | |
| - | "iconleft(this)" onmouseout="iconnormal(this)" border="0">
| + | |
| - | <a href="http://www.ox.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/8/8d/Iconoxford.png" style="width:100%;" /></a>
| + | |
| - | </div>
| + | |
| - | <div class="mailicon" style="position:absolute;width:23%; top:80%; left:9%;" onmouseover=
| + | |
| - | "iconleft(this)" onmouseout="iconnormal(this)" border="0" >
| + | |
| - | <a href="mailto:oxfordigem@bioch.ox.ac.uk" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/35/OxigemIconmail.png" style="width:100%;" /></a>
| + | |
| - | </div>
| + | |
| - | | + | |
| | </body> | | </body> |
| | </html> | | </html> |
| | + | |
| | + | {{Team:Oxford/templates/footer}} |
"
