|
|
| (One intermediate revision not shown) |
| Line 1: |
Line 1: |
| - | <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>
| |
| - | <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;">
| |
| - |
| |
| - | <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:75px; width:84%;min-width:300px;font-size:65px;font-family:Helvetica;padding-top:5px; font-weight: 450;">
| |
| - | <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;"><br>Activator/Repressor equations</div>
| |
| - | </div>
| |
| - | <br><br>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div class="pink_news_block">
| |
| - | <h1>Modelling the activations and repressions in our genetic circuit</h1>
| |
| - | To deterministically model each activation and repression of promoters by proteins, we used first order ordinary differential equations (ODEs). We hope that the graphic below explains very clearly where all of the terms come from and what effect they have on the system.
| |
| - | <br><br>
| |
| - | This explanation should enable people of any academic discipline to gain a certain understanding of how to begin simulating gene circuits and predicting the reponse of their systems.
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div class="white_news_block">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/b/be/Oxford_Equations_explained.png" style=" width:100%;" />
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <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>
| |
| - | </html>
| |
"
