|
|
| (110 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| | | | |
| − | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
| |
| − | <head>
| |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| − | <meta name="generator" content="MediaWiki 1.16.5" />
| |
| − | <link rel="shortcut icon" href="/favicon.ico" />
| |
| − | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)" />
| |
| − | <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=WikitemplateA_home&action=creativecommons" rel="meta" />
| |
| − | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
| |
| − | <link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> <title>WikitemplateA home - 2014.igem.org</title>
| |
| − | <style type="text/css" media="screen, projection">/*<![CDATA[*/
| |
| − | @import "/wiki/skins/common/shared.css?270";
| |
| − | @import "/wiki/skins/igem/main.css?270";
| |
| − | /*]]>*/</style>
| |
| − | <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
| |
| − | <!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
| |
| − | <!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
| |
| − | <!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
| |
| − | <!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
| |
| − | <!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
| |
| − | <meta http-equiv="imagetoolbar" content="no" /><![endif]-->
| |
| − |
| |
| − | <script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
| |
| − | <!-- Head Scripts -->
| |
| − | <script src="/wiki/skins/common/ajax.js?270"></script>
| |
| − | <script src="/wiki/skins/common/mwsuggest.js?270"></script>
| |
| − | <script type="text/javascript" src="/wiki/index.php?title=-&action=raw&gen=js&useskin=igem"><!-- site js --></script>
| |
| − | <!-- jQuery Javascript -->
| |
| − | <script type='text/javascript' src ='/common/jquery-latest.min.js'></script>
| |
| − | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
| |
| − | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
| |
| − | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
| |
| − | <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
| |
| − | <script type='text/javascript' src ='/forum/forum_scripts.js'></script>
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| − |
| |
| − |
| |
| − | <div id="top-section">
| |
| − |
| |
| − | <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="right-menu noprint" id="menubar">
| |
| − | <ul>
| |
| − | <li id="pt-login"><a href="/wiki/index.php?title=Special:UserLogin&returnto=WikitemplateA_home" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li> </ul>
| |
| − | </div><!-- end right menubar -->
| |
| − |
| |
| − | <div id="search-controls" class="noprint">
| |
| − | <form action="/Special:Search" id="searchform">
| |
| − | <input id="searchInput" name="search" type="text" title="Search 2014.igem.org [f]" accesskey="f" value="" />
| |
| − | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />
| |
| − | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
| |
| − | </form>
| |
| − | </div> <!-- close search controls -->
| |
| − | </div> <!-- close top-section-->
| |
| − | <div id="content">
| |
| − | <a name="top" id="top"></a>
| |
| − | <h1 class="firstHeading">WikitemplateA home</h1>
| |
| − | <div id="bodyContent">
| |
| − | <h3 id="siteSub" class='noprint'>From 2014.igem.org</h3>
| |
| − | <div id="contentSub"></div>
| |
| − | <!--
| |
| − | <div id="jump-to-nav">Jump to: <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
| |
| − | <!-- start content -->
| |
| − | <p>
| |
| − |
| |
| − |
| |
| − | <!-- this section changes the default wiki template to a
| |
| − | white full width background -->
| |
| − |
| |
| − | <style type="text/css">
| |
| − | #contentSub, #footer-box, #catlinks, #search-controls, #p-
| |
| − |
| |
| − | logo, #sideMenu, #menubar, .logo_2017, .printfooter, .firstHeading,.visualClear {display:
| |
| − |
| |
| − | none;} /*-- hides default wiki settings --*/
| |
| − |
| |
| − | #top-section { /*-- styling for default menu bar (edit, page,
| |
| − |
| |
| − | history, etc.) --*/
| |
| − |
| |
| − | border: 0 none;
| |
| − | height: 14px;
| |
| − | z-index: 100;
| |
| − | top: 0;
| |
| − | position: fixed;
| |
| − | width: 975px;
| |
| − | left: 50%;
| |
| − | margin-left: -487px;
| |
| − | }
| |
| − |
| |
| − | #globalWrapper, #content { /*-- changes default wiki settings
| |
| − |
| |
| − | --*/
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | border: 0px;
| |
| − | background-color: transparent;
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | }
| |
| − |
| |
| − | html, body, .wrapper { /*-- changes default wiki settings --
| |
| − |
| |
| − | */
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | background-color: transparent;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <!-- Assets -->
| |
| − | <link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" />
| |
| − |
| |
| − | <link rel="stylesheet" href="http://static.tildacdn.com/css/tilda-zoom-1.0.min.css" type="text/css" media="all" />
| |
| − | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Roboto:300,400,500">
| |
| − | <link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/bootstrap/css/bootstrap.min.css">
| |
| − | <script src="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/bootstrap/js/bootstrap.min.js"></script>
| |
| − | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">
| |
| − | <link rel="stylesheet" href="http://azmind.com/demo/bootstrap-navbar-menu/layout-3/assets/font-awesome/css/font-awesome.min.css">
| |
| − |
| |
| − | <style>
| |
| − |
| |
| − |
| |
| − | p {
| |
| − | font-family: 'Roboto', sans-serif;
| |
| − | font-size: 20px;
| |
| − | font-weight: 300;
| |
| − |
| |
| − |
| |
| − | overflow-x: hidden;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | strong { font-weight: 500; }
| |
| − |
| |
| − | a, a:hover, a:focus {
| |
| − | color: black; text-decoration: none;
| |
| − | -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | h2 { margin-top: 10px; font-family: 'Josefin Sans', sans-serif; font-size: 48px; font-weight: 300; color: #393939; line-height: 56px; opacity: 0.9; text-align:center}
| |
| − | h3 { font-family: 'Josefin Sans', sans-serif; font-size: 22px; font-weight: 300; color: #555; line-height: 40px; }
| |
| − |
| |
| − |
| |
| − | img { max-width: 100%; }
| |
| − |
| |
| − | .medium-paragraph { font-size: 18px; line-height: 34px; }
| |
| − |
| |
| − | .colored { color: #df6482; }
| |
| − |
| |
| − | ::-moz-selection { background: #df6482; color: #fff; text-shadow: none; }
| |
| − | ::selection { background: #df6482; color: #fff; text-shadow: none; }
| |
| − |
| |
| − | /***** General style, all sections *****/
| |
| − |
| |
| − | .section-container { margin: 0 auto; padding-bottom: 80px; }
| |
| − | .section-description { margin-top: 60px; padding-bottom: 10px; }
| |
| − | .section-description p { margin-top: 20px; padding: 0 120px; }
| |
| − |
| |
| − | /***** Divider *****/
| |
| − |
| |
| − | .divider-1 { padding: 25px 0 15px 0; }
| |
| − | .divider-1 .line { width: 160px; margin: 0 auto; border-bottom: 1px dashed #ccc; }
| |
| − |
| |
| − | /***** Top menu *****/
| |
| − | .navbar {
| |
| − | margin-bottom: 0;
| |
| − | position: fixed;
| |
| − |
| |
| − | background: white;
| |
| − | border-bottom: 1px solid white;
| |
| − | box-shadow: 2px 0px 30px black ;
| |
| − | -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
| |
| − | -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
| |
| − | }
| |
| − |
| |
| − | .navbar-no-bg { padding-top: 10px; background: white; }
| |
| − |
| |
| − | ul.navbar-nav {
| |
| − | padding-top: 10px;
| |
| − | font-family: 'Josefin Sans', sans-serif;
| |
| − | font-size: 14px;
| |
| − | color: #fff;
| |
| − | font-weight: 400;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − | .navbar-inverse ul.navbar-nav li a { color: grey; border: 0; }
| |
| − | .navbar-inverse ul.navbar-nav li a:hover { color: #000; border: 0; }
| |
| − | .navbar-inverse ul.navbar-nav li a:focus { color: #000; outline: 0; border: 0; }
| |
| − |
| |
| − |
| |
| − | .navbar-brand {
| |
| − | width: 100%;
| |
| − | position: absolute;
| |
| − | top: -10px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; }
| |
| − |
| |
| − | .dropdown:hover .dropdown-menu {
| |
| − | display: block;
| |
| − | background-color: white;
| |
| − | font-family: 'Josefin Sans', sans-serif;
| |
| − | font-size: 14px;
| |
| − | font-weight: 400;
| |
| − | text-transform: uppercase;
| |
| − | border-top: none;
| |
| − | }
| |
| − | .dropdown-menu>li>a {
| |
| − | color: grey;
| |
| − | }
| |
| − |
| |
| − | /* Animate */
| |
| − |
| |
| − |
| |
| − |
| |
| − | .top-content .text h1 { color: #393939; }
| |
| − |
| |
| − | .top-content .description { margin: 30px 0 10px 0; }
| |
| − | .top-content .description p { opacity: 0.8; }
| |
| − | .top-content .description a { color: #fff; border-bottom: 1px dotted #fff; }
| |
| − | .top-content .description a:hover, .top-content .description a:focus { color: #fff; border: 0; }
| |
| − |
| |
| − |
| |
| − | /***** Features *****/
| |
| − |
| |
| − | .features-box { margin-top: 30px; text-align: left; }
| |
| − | .features-box .features-box-icon { font-size: 60px; color: #df6482; line-height: 60px; text-align: center; }
| |
| − | .features-box h3 { margin-top: 0; padding: 0 0 10px 0; }
| |
| − |
| |
| − |
| |
| − | #footer-sec {
| |
| − | position: relative;
| |
| − | background-color: #393939;
| |
| − | font-family: 'Josefin Sans', sans-serif;
| |
| − | }
| |
| − | #footer-sec h4 {
| |
| − | color: white;
| |
| − |
| |
| − | }
| |
| − | #footer-sec li > a {
| |
| − | color: grey;
| |
| − | font-size: 16x;
| |
| − | }
| |
| − | #footer-sec span {
| |
| − | font-family: 'Josefin Sans', sans-serif;
| |
| − | color: grey;
| |
| − | font-size: 16px;
| |
| − | }
| |
| − |
| |
| − | #footer-sec li {
| |
| − | color: grey;
| |
| − | font-size: 16px;
| |
| − | list-style: none;
| |
| − | padding-bottom: 2px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #footer-sec li > a:hover{
| |
| − | color: white;
| |
| − | text-decoration: none;
| |
| − | transition-delay: 0.1s;
| |
| − | -webkit-transition: color 1s; /* Safari */
| |
| − | transition: color 1s;
| |
| − | }
| |
| − | #facebook, #twitter {
| |
| − | color: grey
| |
| − | }
| |
| − | #facebook:hover,#twitter:hover {
| |
| − | color: white;
| |
| − | transition-delay: 0.1s;
| |
| − | -webkit-transition: color 1s; /* Safari */
| |
| − | transition: color 1s;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /***** MEDIA QUERIES *****/
| |
| − |
| |
| − |
| |
| − | @media (min-width: 992px) and (max-width: 1199px) {}
| |
| − |
| |
| − | @media (min-width: 768px) and (max-width: 991px) {
| |
| − |
| |
| − | .section-description p { padding: 0; }
| |
| − |
| |
| − | .features-box .features-box-icon { font-size: 50px; line-height: 50px; }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | @media (max-width: 767px) {
| |
| − |
| |
| − | .navbar { padding-top: 0; background: #444; }
| |
| − | .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 15px; }
| |
| − | .navbar-collapse { border: 0; }
| |
| − | .navbar-inverse .navbar-toggle { border-color: transparent; }
| |
| − | .navbar-inverse ul.navbar-nav li a.btn-link-3 { margin: 10px; }
| |
| − |
| |
| − | .section-description p { padding: 0; }
| |
| − |
| |
| − | .top-content { padding: 40px 0 60px 0; }
| |
| − |
| |
| − | .features-box { text-align: center; }
| |
| − | .features-box h3 { margin-top: 5px; padding-top: 10px; }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | @media (max-width: 415px) {
| |
| − |
| |
| − | h1, h2 { font-size: 36px; }
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Retina-ize images/icons */
| |
| − |
| |
| − | @media
| |
| − | only screen and (-webkit-min-device-pixel-ratio: 2),
| |
| − | only screen and ( min--moz-device-pixel-ratio: 2),
| |
| − | only screen and ( -o-min-device-pixel-ratio: 2/1),
| |
| − | only screen and ( min-device-pixel-ratio: 2),
| |
| − | only screen and ( min-resolution: 192dpi),
| |
| − | only screen and ( min-resolution: 2dppx) {
| |
| − |
| |
| − | /* logo */
| |
| − | .navbar-brand {
| |
| − | background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 102px 32px !important;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | #circle {
| |
| − | position: relative;
| |
| − | top: 15px;
| |
| − | height: 100px;
| |
| − | width: 100px;
| |
| − |
| |
| − | border-radius: 50%;
| |
| − | box-shadow: 2px 0px 30px black ;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #circle:before{
| |
| − | position: absolute;
| |
| − | content: "";
| |
| − | width: 160%;
| |
| − | height: 60%;
| |
| − | left: -25%;
| |
| − | top: -4%;
| |
| − | background: white;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #circle:after{
| |
| − | position: absolute;
| |
| − | content: "";
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | left: 0;
| |
| − | top: 0;
| |
| − | background: white;
| |
| − | border-radius: 50%;
| |
| − | background-image: url('../Logo/Phage_iGEM.svg');
| |
| − | background-size: 70px 70px;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center;
| |
| − | }
| |
| − |
| |
| − | #container1 h1 {
| |
| − | color:#393939;
| |
| − | font-family: 'Josefin Sans', sans-serif;
| |
| − | font-size: 58px;
| |
| − | font-weight: 300;
| |
| − | line-height: 56px;
| |
| − | opacity: 0.9;
| |
| − | text-align:center;
| |
| − | }
| |
| − |
| |
| − | #container1 p {
| |
| − | color: #393939;
| |
| − | font-size: 20px;
| |
| − | font-family: 'Josefin Sans', sans-serif;
| |
| − | text-align: justify;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <link rel="stylesheet" type="text/css"
| |
| − | href="https://2017.igem.org/Template:Heidelberg/table_layout/CSS?action=raw&ctype=text/css" />
| |
| − | <!-- Favicon and touch icons -->
| |
| − | <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
| |
| − | <script src="http://static.tildacdn.com/js/jquery-1.10.2.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/tilda-scripts-2.8.min.js"></script>
| |
| − |
| |
| − | <script src="http://static.tildacdn.com/js/tilda-zoom-1.0.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/bootstrap.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/jquery.touchswipe.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/tilda-map-1.0.min.js"></script>
| |
| − | <script src="http://static.tildacdn.com/js/lazyload-1.3.min.js"></script>
| |
| − |
| |
| − | <style>
| |
| − | #input_form {
| |
| − | background-color: #939393;
| |
| − | border: none;
| |
| − | color: white;
| |
| − | padding: 5px 32px;
| |
| − | text-align: center;
| |
| − | text-decoration: none;
| |
| − | display: inline-block;
| |
| − | font-size: 16px;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − | <body class="t-body">
| |
| − |
| |
| − | <!-- Top menu -->
| |
| − | <nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg" role="navigation">
| |
| − | <div class="container">
| |
| − | <div class="navbar-header">
| |
| − | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-1">
| |
| − | <span class="sr-only">Toggle navigation</span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | <span class="icon-bar"></span>
| |
| − | </button>
| |
| − | <a class="navbar-brand" href="#"><div id="circle">
| |
| − | </div></a>
| |
| − | </div>
| |
| − | <!-- Collect the nav links, forms, and other content for toggling -->
| |
| − | <div class="collapse navbar-collapse" id="top-navbar-1">
| |
| − | <ul class="nav navbar-nav navbar-right">
| |
| − | <li><a href="#">Achievements</a></li>
| |
| − | <li class="dropdown"><a href="#">Project <span class="caret"></span></a>
| |
| − |
| |
| − | </li>
| |
| − | <li><a href="#">Modeling</a></li>
| |
| − | <li><a href="#">Software & Hardware <span class="caret"></span></a></li>
| |
| − | <li class="dropdown"><a href="#">Human Practice <span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="">Safety & Security</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="">Integrated Human Practice</a></li>
| |
| − | <li><a href="">Education</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li><a href="">Public Engagement</a></li>
| |
| − | <li><a href="">Collaborations</a></li>
| |
| − | </ul>
| |
| − |
| |
| − | </li>
| |
| − | <li><a href="#">People</a></li>
| |
| − | <li><a href="#">Toolbox</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </nav>
| |
| − |
| |
| − |
| |
| − | <div style="padding-top: 80px; background-color:white;">
| |
| − | <div class="t-container">
| |
| − | <div class="t-col t-col_12">
| |
| − | <div class="container-fluid" style="margin-top: 10px;" id="container1">
| |
| − | <h1>Internal Tools</h1>
| |
| − | <h2>Number of mutations and mutated sequences</h2>
| |
| − | <p>Expected number of mutations in a single sequence:
| |
| − | $$p_{m} = \frac{N_{mutations}}{L_{Sequence}} = N_{generations} * r_{mutation} = t_{total} * \Phi * r_{mutation}$$
| |
| − | </p>
| |
| − | <p>The expected share of sequences that shows at least one mutation in \(L_{Sequence}\) bp is the probability that \(L_{sequence}\) basepairs stay unchanged when \(\frac{N_{mutations}}{L_{Sequence}}\) mutations are expected:
| |
| − | $$p_{M} = \frac{N_{mutated}}{N_{Sequences}} = 1 - p(N_{mutations}=0) = 1 - (1-p_{m})^{L_{Sequence}} $$
| |
| − | </p>
| |
| − | <p>With this equation we can also calculate the number of sequences \(N_{Sequences}\) that have to be sequenced in order to find a mutated one with a probability of \(p(N_{mutated} > 0)\).
| |
| − | $$ N_{Sequences} = \frac{p(N_{mutated} > 0)}{p_{M}} $$
| |
| − | </p>
| |
| − | <p>The probability to find at least one mutated sequence under the given conditions is
| |
| − | $$p(N_{mutated}>0) = 1 - (1-p_{M})^{N_{sequences}}$$
| |
| − | which gives
| |
| − | $$N_{Sequences} = \frac{ln(1-p(N_{mutated}>0))}{ln(1-p_{M})}$$
| |
| − | </p>
| |
| − | <p>Set \(\Phi\) to zero to use the number of generations for the calculation. If \(\Phi\) and the number of generations are given, \(\Phi\) is used.</p>
| |
| − | <p>Consider \(L_{Sequence}\) as the number of basepairs that is expected to be mutated. If half of the sequence you are interested in, is highly conserved choose a lower \(L_{Sequence}\).</p>
| |
| − |
| |
| − |
| |
| − | <form action="" id="form1">
| |
| − | <section>
| |
| − | <h2>Get your mutations</h2>
| |
| − | <ul class="input-list style-1 clearfix">
| |
| − | <li>
| |
| − | <label>
| |
| − | Mutation rate \(r_{mutation} [bp/generation]\)
| |
| − | <input type="number" pattern="[0-9]+([,\.][0-9]+)?" id="mr" value="0" lang='en-150' step="any">
| |
| − | </label>
| |
| − | </li>
| |
| − | <li>
| |
| − | <label>
| |
| − | Flow troughLagoon \(\Phi_{lagoon} [Volumes/h]\)
| |
| − | <input type="number" pattern="[0-9]+([,\.][0-9]+)?" id="phi" value="0" lang='en-150' step="any">
| |
| − | </label>
| |
| − | </li>
| |
| − | <li>
| |
| − | <label>
| |
| − | Total time<br> in lagoon \(t_{total} [h]\)
| |
| − | <input type="number" pattern="[0-9]+([,\.][0-9]+)?" id="tt" value="0" lang='en-150' step="any">
| |
| − | </label>
| |
| − | </li>
| |
| − | <li>
| |
| − | <label>
| |
| − | Number<br> of generations \(N_{generations}\)
| |
| − | <input type="number" pattern="[0-9]+([,\.][0-9]+)?" id="ng" value="0" lang='en-150' step="any">
| |
| − | </label>
| |
| − | </li>
| |
| − | <li>
| |
| − | <label>
| |
| − | Length of sequence that can mutate \(L_{Sequence} [bp]\)<br>
| |
| − | <input type="number" pattern="[0-9]+([,\.][0-9]+)?" id="ls" value="0" lang='en-150' step="any">
| |
| − | </label>
| |
| − | </li>
| |
| − | <li>
| |
| − | <label>
| |
| − | Number of sequences that are sequenced \(N_{Sequences}\)<br>
| |
| − | <input type="number" pattern="[0-9]+([,\.][0-9]+)?" id="ns" value="0" lang='en-150' step="any">
| |
| − | </label>
| |
| − | </li>
| |
| − | <li>
| |
| − | <label>
| |
| − | Probability to get at least one mutated result \(p(N_{mutated}>0) \)
| |
| − | <br>
| |
| − | <input type="number" pattern="[0-9]+([,\.][0-9]+)?" id="pm" value="0.9" lang='en-150' step="any">
| |
| − | </label>
| |
| − | </li>
| |
| − | <li>
| |
| − | <div style="padding-top: 30px;">
| |
| − | <input type="button" value="Submit" id="input_form" onclick="return number_mutations();">
| |
| − | </div>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </section>
| |
| − | </form>
| |
| − | </div>
| |
| − | <br>
| |
| − | <p id="number_generations"></p>
| |
| − | <p>\(p_{m} =\) <span id="amount_mutations"></span> %(bp/bp).</p>
| |
| − | <p>\(N_{mutations} =\) <span id="number_mutations"></span> bp per sequence.</p>
| |
| − | <p>The share of sequences that shows at least one mutation in \(L_{Sequence}\) bp is \(p_{M}=\) <span id="amount_mutated"></span> % of sequences</p>
| |
| − | <p id="number_to_seq"></p>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <section id="footer-sec">
| |
| − | <div class="container">
| |
| − | <div class="row" style="padding-top: 30px;">
| |
| − | <div class="col-md-3">
| |
| − | <h4>About us </h4>
| |
| − | <span>"We are an extremely motivated team of young students competing in the worlds biggest synthetic biology competition"</span>
| |
| − |
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <h4> Useful <strong>Links</strong> </h4>
| |
| − |
| |
| − | <li>
| |
| − | <a href="#">
| |
| − | <i class="fa fa-angle-right">
| |
| − | </i>
| |
| − | Special pages
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#">
| |
| − | <i class="fa fa-angle-right">
| |
| − | </i>
| |
| − | Main Page
| |
| − | </a>
| |
| − | </li>
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <h4> Follow us on </h4>
| |
| − | <a href="#" target="_blank" id="facebook"><i class="fa fa-facebook-square fa-3x"></i></a>
| |
| − | <span style="color: grey">&</span>
| |
| − | <a href="#" target="_blank" id="twitter"><i class="fa fa-twitter-square fa-3x"></i></a>
| |
| − | </div>
| |
| − | <div class="col-md-3">
| |
| − | <h4> Contact us </h4>
| |
| − | <li>
| |
| − | <i class="fa fa-map-marker fa-lg">
| |
| − | </i>
| |
| − | Im Neuenheimer Feld 267
| |
| − | <br>
| |
| − | 69120 Heidelberg
| |
| − | </li>
| |
| − | <li>
| |
| − | <i class="fa fa-phone">
| |
| − | </i>
| |
| − | 1 -234 -456 -7890
| |
| − | </li>
| |
| − |
| |
| − | <li>
| |
| − | <a href="mailto:info@yourdomain.com">
| |
| − | <i class="fa fa-envelope">
| |
| − | </i>
| |
| − | bioquant@uni-heidelberg.de
| |
| − | </a>
| |
| − | </li>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </section>
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
| |
| − | <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
| |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/numjs/0.13.1/numjs.js"></script>
| |
| − | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
| |
| − | <script src="http://evanplaice.github.io/jquery-csv/src/jquery.csv.min.js"></script>
| |
| − | <script src="https://2017.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
| |
| − | <script>
| |
| − | //example that contains everything needed
| |
| − | function dummy(){
| |
| − | //get the values
| |
| − | var mr = Number(document.getElementById('mr').value);
| |
| − |
| |
| − | //initialise variables
| |
| − | var a_mutations = 0;
| |
| − |
| |
| − | //calculate
| |
| − | if(phi==0){
| |
| − | a_mutations = ng * mr;
| |
| − | }
| |
| − |
| |
| − | //return the results
| |
| − | $("#amount_mutated").html((Math.round(100000 * a_mutated))/1000);
| |
| − | $("#number_generations").html(ng_out);
| |
| − |
| |
| − | //end the function
| |
| − | return false;
| |
| − | }
| |
| − |
| |
| − | function number_mutations(){
| |
| − |
| |
| − | //get the values
| |
| − | var mr = Number(document.getElementById('mr').value);
| |
| − | var phi = Number(document.getElementById('phi').value);
| |
| − | var ng = Number(document.getElementById('ng').value);
| |
| − | var tt = Number(document.getElementById('tt').value);
| |
| − | var ls = Number(document.getElementById('ls').value);
| |
| − | var ns = Number(document.getElementById('ns').value);
| |
| − | var pm = Number(document.getElementById('pm').value);
| |
| − |
| |
| − | //initialise variables
| |
| − | var a_mutations = 0;
| |
| − | var n_mutations = '?';
| |
| − | var a_mutated = '?';
| |
| − | var ng_out = "";
| |
| − | var number_to_seq_out = "";
| |
| − | var number_to_seq = 0;
| |
| − |
| |
| − | //calculate
| |
| − | if(phi==0){
| |
| − | a_mutations = ng * mr;
| |
| − | }
| |
| − | else{
| |
| − | a_mutations = mr * tt/phi;
| |
| − | ng = tt*phi;
| |
| − | ng_out = "The conditions result in " + ng + " generations."
| |
| − | }
| |
| − |
| |
| − | n_mutations = ls * a_mutations;
| |
| − | if(ns!=0){
| |
| − | a_mutated = 1 - Math.pow((1-a_mutations), ls);
| |
| − | }
| |
| − | if(pm!=0){
| |
| − | //TODO: fix this calculation
| |
| − | number_to_seq = Math.max(1, Math.round((Math.log(1-pm))/(Math.log(1-a_mutated))));
| |
| − | number_to_seq_out = "Sequence " + number_to_seq + " clones to have a " + (pm*100) + " % probability to have at least one mutated under the results.";
| |
| − | }
| |
| − |
| |
| − | //return the results
| |
| − | $("#amount_mutations").html((Math.round(1000000 * a_mutations))/10000);
| |
| − | $("#number_mutations").html((Math.round(n_mutations*100))/100);
| |
| − | $("#amount_mutated").html((Math.round(100000 * a_mutated))/1000);
| |
| − | $("#number_generations").html(ng_out);
| |
| − | $("#number_to_seq").html(number_to_seq_out);
| |
| − |
| |
| − | //end the function
| |
| − | return false;
| |
| − | }
| |
| − |
| |
| − | function glucose(){
| |
| − | //get the values
| |
| − | var initial_concentration = Number(document.getElementById('initial_concentration').value);
| |
| − | var minimal_concentration = Number(document.getElementById('minimal_concentration').value);
| |
| − | var final_ecoli_concentration = Number(document.getElementById('final_ecoli_concentration').value);
| |
| − | var beginning_ecoli_concentration = Number(document.getElementById('beginning_ecoli_concentration').value);
| |
| − | var pace = Boolean(document.getElementById('pace').value);
| |
| − | var doubling_time = Number(document.getElementById('doubling_time').value);
| |
| − | var time_induction = Number(document.getElementById('time_induction').value);
| |
| − | var flow_lagoon = Number(document.getElementById('flow_lagoon').value);
| |
| − |
| |
| − | //initialise variables
| |
| − | var time_turbidostat = 0;
| |
| − | var time_lagoon = 0;
| |
| − |
| |
| − | //calculate
| |
| − | if(pace){
| |
| − | phi = Math.LN2/doubling_time; //vol/h, not L/h!
| |
| − | time_turbidostat = 1/phi; // as in the esvelt supplementaries?
| |
| − | time_lagoon = 1/flow_lagoon;
| |
| − | }
| |
| − |
| |
| − | //return the results
| |
| − | $("#amount_mutated").html((Math.round(100000 * a_mutated))/1000);
| |
| − | $("#number_generations").html(ng_out);
| |
| − |
| |
| − | //end the function
| |
| − | return false;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − |
| |
| − | <!-- Saved in parser cache with key 2014_igem_org:pcache:idhash:224-0!1!0!!en!2!edit=0 and timestamp 20170831072851 -->
| |
| − | <div class="printfooter">
| |
| − | Retrieved from "<a href="https://2014.igem.org/WikitemplateA_home">https://2014.igem.org/WikitemplateA_home</a>"</div>
| |
| − | <div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
| |
| − | <div class="visualClear"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE -- RDR -->
| |
| − | <div class="visualClear"></div>
| |
| − | <div id='footer-box' class='noprint'>
| |
| − | <div id="footer">
| |
| − | <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div> <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div> <ul id="f-list">
| |
| − |
| |
| − |
| |
| − | <!-- Recentchanges is not handles well DEBUG -->
| |
| − | <li id="t-recentchanges"><a href="/Special:RecentChanges"
| |
| − | title='Recent changes'>Recent changes</a></li>
| |
| − |
| |
| − | <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/WikitemplateA_home"
| |
| − | title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
| |
| − |
| |
| − | <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/WikitemplateA_home"
| |
| − | title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <li id="t-specialpages"><a href="/Special:SpecialPages"
| |
| − | title="List of all special pages [q]" accesskey="q">Special pages</a>
| |
| − | </li>
| |
| − | <li><a href='/Special:Preferences'>My preferences</a></li>
| |
| − | </ul>
| |
| − | </div> <!-- close footer -->
| |
| − | <div id='footer'>
| |
| − | <ul id="f-list">
| |
| − |
| |
| − | <li id="t-print"><a href="/wiki/index.php?title=WikitemplateA_home&printable=yes"
| |
| − | title="Printable version of this page [p]" accesskey="p">Printable version</a>
| |
| − | </li>
| |
| − |
| |
| − | <li id="t-permalink"><a href="/wiki/index.php?title=WikitemplateA_home&oldid=145279"
| |
| − | title="Permanent link to this revision of the page">Permanent link</a>
| |
| − | </li>
| |
| − |
| |
| − |
| |
| − | <li id="privacy"><a href="/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy">Privacy policy</a></li>
| |
| − | <li id="disclaimer"><a href="/2014.igem.org:General_disclaimer" title="2014.igem.org:General disclaimer">Disclaimers</a></li>
| |
| − | </ul>
| |
| − | </div> <!-- close footer -->
| |
| − | </div> <!-- close footer-box -->
| |
| − |
| |
| − | <script>if (window.runOnloadHook) runOnloadHook();</script>
| |
| − | </div>
| |
| − | <!-- Served in 0.069 secs. --></body>
| |
| − |
| |
| − | </html>
| |
