|
|
(27 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | {{KU_Leuven/modeling/internal/ultra/test/navbar}} | + | {{KU_Leuven}} |
− | {{KU_Leuven/Test/css}} | + | {{KU_Leuven/css}} |
| {{KU_Leuven/modeling/Internal/Ultra/Test/css}} | | {{KU_Leuven/modeling/Internal/Ultra/Test/css}} |
− | {{KU_Leuven/Lightbox/css}}
| + | |
− | {{KU_Leuven/EasySwitch/CSS}}
| + | |
| <html> | | <html> |
− | <head>
| |
− | <title> Ultra Test </title>
| |
− | <meta charset="utf-8">
| |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
− | </head>
| |
− | <!------------------------------------------------------Header-------------------------------------------------------------->
| |
− | <header>
| |
− | <style>
| |
− | @media (max-width: 978px) {
| |
− | .container {
| |
− | padding:3px;
| |
− | margin:0;
| |
− | }
| |
| | | |
− | body {
| + | <script> |
− | padding:0;
| + | $(document).onload(function() { |
− | margin-left: -15%;
| + | $(".main-navm").hide(); |
− | margin-right: 0;
| + | |
− | padding-left: -15%;
| + | |
− | padding-right: -50%;
| + | |
− |
| + | |
− | }
| + | |
− | | + | |
− | .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
| + | |
− | margin-left: 0;
| + | |
− | margin-right: 0;
| + | |
− | margin-bottom:0;
| + | |
− | }
| + | |
− | .head {
| + | |
− | top: 30px;
| + | |
− | align:center;
| + | |
− | font-size:15px;
| + | |
− |
| + | |
− | }
| + | |
− | .head h2{
| + | |
− | height: 75%;
| + | |
− | }
| + | |
− |
| + | |
− | .summarytext1 {
| + | |
− | height:43%;
| + | |
− | }
| + | |
− | .summarytext1, .summarytext2, .summarytext3 {
| + | |
− | position: relative;
| + | |
− | border:0;
| + | |
− | top:0;
| + | |
− | left:0;
| + | |
− | padding:0;
| + | |
− | margin:0;
| + | |
− | width:100%;
| + | |
− | z-index:2;
| + | |
− | display: block;
| + | |
− | background-color: #f3efe7;
| + | |
− | box-shadow: 0px 0px 10px 10px #f3efe7;
| + | |
− | height:auto;
| + | |
− | }
| + | |
− | .main-nav { | + | |
− | position:fixed;
| + | |
− | width:100%;
| + | |
− | height: 8%;
| + | |
− | left:0;
| + | |
− | }
| + | |
− | .summaryimg { | + | |
− | position:relative;
| + | |
− | width:100%;
| + | |
− | height:100px;
| + | |
| } | | } |
| | | |
| + | $(document).ready(function(){ |
| + | $('#eppendorf').mouseenter(function(){ |
| + | $(this).fadeTo('fast', 1); |
| + | }); |
| + | $('#eppendorf').mouseleave(function(){ |
| + | $(this).fadeTo('fast', 0.25); |
| + | }); |
| + | }); |
| + | </script> |
| + | |
| + | <style> |
| | | |
| + | #topimg { |
| + | background: url(https://static.igem.org/mediawiki/2015/6/68/KULeuven2015Zebra_spots.png) no-repeat center center fixed; |
| + | background-size: contain |
| + | -webkit-background-size: cover; |
| + | -moz-background-size: cover; |
| + | -o-background-size: cover; |
| + | background-size: cover; |
| } | | } |
| | | |
− | #modeling{ | + | #main{ |
| background-color: transparent; | | background-color: transparent; |
| border-style: solid; | | border-style: solid; |
Line 83: |
Line 38: |
| } | | } |
| | | |
− | #centernav:hover #modeling { /* this is active when your mouse moves is over the item */ | + | #centernav:hover #main { /* this is active when your mouse moves is over the item */ |
− | border-style: solid; | + | border: 0px solid transparent; |
− | border-bottom: 0px solid transparent; | + | border-bottom: 0px solid transparent; |
| + | } |
| + | |
| + | .main-navm:hover #main { /* this is active when your mouse moves is over the item */ |
| + | border: 0px solid transparent; |
| + | border-right: 0px solid transparent; |
| + | } |
| + | |
| + | @media screen and (max-width: 1000px) { |
| + | #main { |
| + | border-bottom: 5px solid transparent; |
| + | border-right: 5px solid #8b7a57; |
| + | } |
| } | | } |
| | | |
Line 91: |
Line 58: |
| background-color:transparent; | | background-color:transparent; |
| } | | } |
| + | |
| | | |
| </style> | | </style> |
| + | |
| + | <head> |
| + | <link rel="icon" href="https://static.igem.org/mediawiki/2015/9/9c/Ku_Leuven_Favicon.gif" /> |
| + | <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2015/9/9c/Ku_Leuven_Favicon.gif" / |
| + | </head> |
| + | |
| <body> | | <body> |
| | | |
− | <div class="summaryheader">
| + | |
− | <div class="summaryimg">
| + | |
− | <img src="https://static.igem.org/mediawiki/2015/e/eb/KU_Leuven_fossilBackground.png" width="100%">
| + | <div id="headimg"> |
− | <div class="head">
| + | <div id="topimg"> |
− | <h2> Internal Model </h2>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | </body>
| |
− | </header>
| |
− | <!------------------------------------------------------Begin Content------------------------------------------------------->
| |
− | <div class="summarytext1">
| |
− | <div class="part">
| |
| | | |
− | <div class="onoffswitch"> | + | <div id="hiddenimg"> |
− | <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="EasySwitch" onchange="EasySwitch()" onmouseover="WhatSwitch()" style="cursor:Pointer;" title="Find out more about James Bond and his line of work">
| + | <img src="https://static.igem.org/mediawiki/2015/b/bb/KU_Leuven_Zebra2.PNG" width="100%"> |
− | <label class="onoffswitch-label" for="EasySwitch">
| + | |
− | <span class="onoffswitch-inner" title="Press me please"></span>
| + | |
− | <span class="onoffswitch-switch" title="Press me please"></span>
| + | |
− | </label>
| + | |
| </div> | | </div> |
| | | |
− | <div class="scientific">
| + | |
− | <h3> 0.5 Test </h3>
| + | |
− | <p> This is a very difficult text.
| + | |
− | </p>
| + | |
| </div> | | </div> |
| | | |
− | <div class="easy"> | + | |
− | <h3> 0.5 Test </h3> | + | <div id="summarywrapper"> |
− | <p> This is a very easy text. </p> | + | <div id="logowrapper"> |
| + | <div id="logoiGEMKUL"> |
| + | <img src="https://static.igem.org/mediawiki/2015/2/23/Team_KU_Leuven_banner.jpg" alt="Logo" width="100%" > |
| </div> | | </div> |
| | | |
− | <div id="VincentEaster" style="display: none"> | + | <div id="center"> |
− | <img id="VincentRipped" src="https://scontent-ams3-1.xx.fbcdn.net/hphotos-xpa1/t31.0-8/s960x960/11059591_847950888629027_4500642809718564299_o.jpg" alt="Cell A" height="100%" width="100%" onmouseover="Vinnie()"> | + | <div id="pagetitle"> |
| + | <h2>Our project</h2> |
| </div> | | </div> |
| | | |
− | <div id="Left1" class="easyleft"> | + | <div id="scrolldown" class="center"> |
− | <p>En alle beelden op tv<br/> | + | <img src="https://static.igem.org/mediawiki/2015/1/1d/KU_Leuven_Arrows_wiki.png" alt="Scroll down" width="100%"> |
− | Van bloed en oorlog om ons heen<br/>
| + | |
− | Werken daar ook niet echt aan mee</p>
| + | |
| </div> | | </div> |
| | | |
− | <div> | + | </div> |
− | <h2> 1. Introduction </h2>
| + | |
− | <p style="cursor:Pointer;" title="Find out more about James Bond and his line of work">My name is James Bond</p>
| + | |
| | | |
− | <p id="Introduction"> | + | <div id="summarylogos"> |
− |
| + | |
− | In designing new circuits and implementing them, it is important to model the effect of it on the bacteria: how sensitive is the system, how much will it produce and will it affect the growth? These questions can be answerred in the internal model. We will use two approaches. Flux Balance Analysis (FBA) will study the steady-state values for production and growth rate, while Simbiology will study the sensitivity and dynamic processes in the cell.
| + | <div id="summarylogotwitter"> |
| + | <a href="https://twitter.com/kuleuven_igem" height="100%"><img src="https://static.igem.org/mediawiki/2015/b/b8/KU_Leuven_Twitter-logo.png" alt="Twitter" width="100%"></a> |
| + | </div> |
| + | |
| + | <div id="summarylogofacebook"> |
| + | <a href="https://www.facebook.com/KULeuveniGEM?fref=ts" alt="Facebook" height="50px"><img src="https://static.igem.org/mediawiki/2015/d/df/KU_Leuven_Fblogo.png" alt="mail" width="100%"></a> |
| + | </div> |
| + | |
| + | <div id="summarylogomail"> |
| + | <a href="mailto:igem@chem.kuleuven.be"><img src="https://static.igem.org/mediawiki/2015/1/11/KU_Leuven_mail.png" alt="mail" width="100%"></a> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="summary"> |
| + | <p>Test test ultra test |
| + | Patterns are fascinating, from the veins of a leaf to the stripes of a zebra. Patterns are found everywhere in nature, but how they are formed is not entirely clear. We, the KU Leuven iGEM 2015 team, decided to work on the fundamental mechanisms behind pattern formation. The way cells of multicellular organisms interact to generate a specific pattern has triggered our curiosity. Our mission is to create astonishing biological patterns with engineered bacteria on a petri dish to unravel the secrets of nature. We will design a ‘proof of principle’ which can form the basis for fundamental research.<br> |
| + | <br> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Project/About"><img src="https://static.igem.org/mediawiki/2015/7/73/KUL_Wiki_Button_-_Read_more.png" alt="Read more" height="2.5%" width="10%"></a> |
| </p> | | </p> |
| <br> | | <br> |
| <br> | | <br> |
| + | <div class="center"> |
| + | <div class="quote" style="width:85%;"> |
| + | <p><h2>A last message of the team</h2></p> |
| + | <p> We are back from the Jamboree!! <br> <br> |
| + | We were very happy to present our results to the jury and we got a positive feedback: <br> <br> |
| + | First we won a gold medal!! <br> <br> |
| + | And we were even nominated for 4 prices in the overgrad section: Best Poster, Best Education and Public Engagement, Best Modeling and Best New Application Project in which we were the runner-up! <br> <br> |
| + | We were very happy with these results and want to thank everybody involved who helped us to achieve this! Thank you very much!! </p> |
| </div> | | </div> |
− |
| |
− | <div id="Simbiology" class="scientific">
| |
− | <h2> 2. Simbiology </h2>
| |
− | <p>
| |
− | In the next section we will describe our Simbiology model. Simbiology allows us to calculate systems of ODE's and to visualize them in a nice diagram. It also has options to make scans for different parameters which allows us to study the effect of the specified parameter. We will focus on the production of leucine, Ag43 and AHL in cell A and the changing behavior of cell B due to changing AHL concentration. In this perspective, we will make two models in Simbiology: one for cell A and cell B.
| |
− | </p>
| |
| </div> | | </div> |
| <br> | | <br> |
− | <br> | + | <div id="VincentEaster" style="display: none"> |
| + | <img id="Cat" src="http://www.troll.me/images/science-cat/happy-birthday-from-science-cat-thumb.jpg" height="100%" width="100%"> |
| + | <img id="VincentRipped" src="https://static.igem.org/mediawiki/2013/c/c6/Base_gift_345_259.JPG" alt="Cell A" height="100%" width="100%" onmouseover="Vinnie()"> |
| + | </div> |
| + | </div> |
| | | |
− | <div class="easy"> | + | </div> |
− | <h2> 2.1 Cell A </h2>
| + | |
− |
| + | |
− | <p style='word-wrap:break-word'>
| + | |
− | The designed circuit in Cell A is under control of a temperature sensitive cI repressor. Upon raising the temperature, the circuit is activated and production of LuxR and LuxI initiates. LuxI will consectively produce AHL, which binds with LuxR to activate the production of Leucine and Ag43. We can extract the following ODE's from this circuit:
| + | |
− | <br>
| + | |
− | ${\alpha}$:transcription term, ${\beta}$:translation term, ${d}$:degradation term, ${D}$:diffusion term
| + | |
− | ${K_d}$:dissociation constant, ${n}$:hill coefficient, ${L}$:leak term
| + | |
| | | |
− | $$\frac{{\large d} m_{cI}}{d t} = \alpha_1 {\cdot} cI_{gene} - d_{mCI} {\cdot} m_{cI}$$
| + | <div class="subsections"> |
− | $$\frac{{\large d}{cI}}{d t} = \beta_{cI} {\cdot} {cI} -2 {\cdot} {k_{cI,dim}} {\cdot} {cI}^2 + 2 {\cdot}{k_{-cI,dim}}{\cdot} {[cI]_2} - d_{cI} {\cdot} {cI}$$
| + | <div class="subsectionwrapper"> |
− | $$\frac{{\large d}{[cI]_2}}{d t}= k_{cI,dim} {\cdot} {cI}^2 - {k_{-cI,dim}}{\cdot} {[cI]_2} $$
| + | <div class="subimgrow"> |
− | $$\frac{{\large d} m_{LuxI}}{d t} = (L_{lambda} + {\frac{\alpha_{lambda}}{1 + ({\frac{[cI]_2}{K_{d1}}})^{n_{cI}}}}) {\cdot} LuxI_{gene} - d_{mLuxI} {\cdot} m_{LuxI} $$
| + | <div class="subimg"> |
− | $$\frac{{\large d} m_{LuxR}}{d t} = (L_{lambda} + {\frac{\alpha_{lambda}}{1 + ({\frac{[cI]_2}{K_{d1}}})^{n_{cI}}}}) {\cdot} LuxR_{gene} - d_{mLuxR} {\cdot} m_{LuxR} $$
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Project/About"> |
− | $$\frac{{\large d} LuxI}{d t} = \beta_{LuxI} {\cdot} {m_{LuxI}} - d_{LuxI} {\cdot}{LuxI} $$
| + | <img src="https://static.igem.org/mediawiki/2015/1/1a/KUL_Wiki_Button_-_Project.png" width="100%"> |
− | $$\frac{{\large d} LuxR}{d t} = \beta_{LuxR} {\cdot} {m_{LuxR}} -k_{lux,as} {\cdot}{LuxR}{\cdot}{AHL_{in}} + k_{lux,dis}{\cdot}{[LuxR/AHL]} - d_{LuxR} {\cdot}{LuxR} $$
| + | </a> |
− | $$\frac{{\large d} AHL_{in}}{d t} = {k_{luxI}} {\cdot} {luxI} - k_{lux,as} {\cdot}{luxR}{\cdot}{AHL_{in}} + k_{lux,dis}{\cdot}{[luxR/AHL]}+ ( {D_{IN,AHL}} {\cdot} {AHL_{out}} - {D_{OUT,AHL}} {\cdot} {AHL_{in}} ) - d_{AHL,in} {\cdot} {AHL_{in}}$$
| + | </div> |
− | $$\frac{{\large d} AHL_{out}}{d t} = ( {D_{OUT,AHL}} {\cdot} {AHL_{in}} - {D_{IN,AHL}}{\cdot}{AHL_{out}} ) -d_{AHL,out}{\cdot}{AHL_{out}}$$
| + | |
− | $$\frac{{\large d} [luxR/AHL]}{d t} = k_{lux,as} {\cdot}{luxR}{\cdot}{AHL_{in}} - k_{lux,dis}{\cdot}{[luxR/AHL]} - 2 {\cdot} k_{lux,dim} {\cdot}{[luxR/AHL]^2} + 2 {\cdot}{k_{-lux,dim}}{\cdot}{[luxR/AHL]_{2}}$$
| + | |
− | $$\frac{{\large d} [luxR/AHL]_{2}}{d t} = k_{lux,dim} {\cdot}{[luxR/AHL]^2} - k_{- lux,dim} {[luxR/AHL]} $$
| + | |
− | $$\frac{{\large d} m_{ilvE}}{d t} = (L_{lux} + \frac{\alpha_{lux}}{1+(\frac{K_{d2}}{[luxR/AHL]_{2}})^{n_{lux}}} ) {\cdot} ilvE_{gene} - d_{milvE} {\cdot} {m_{ilvE}} $$
| + | |
− | $$\frac{{\large d} m_{Ag43}}{d t} = (L_{lux} + \frac{\alpha_{lux}}{1+(\frac{K_{d2}}{luxR/AHL]_{2}})^{n_{lux}}} ) {\cdot} Ag43_{gene} - d_{mAg43} {\cdot} {m_{Ag43}} $$
| + | |
− | $$\frac{{\large d} Transaminase B}{d t} = \beta_{TB} {\cdot} {m_{ilvE}} - d_{TB} {\cdot} {Transaminase B} $$
| + | |
− | $$\frac{{\large d} Leucine_{out}}{d t} = (D_{OUT,Leu} {\cdot}{leucine_{in}} - D_{IN,Leu} {\cdot}{leucine_{out}}) - d_{Leu,out} {\cdot} {Leucine_{out}} $$
| + | |
− | $$\frac{{\large d} Ag43}{d t} = \beta_{Ag43} {\cdot} {m_{Ag43}} - d_{Ag43} {\cdot} {Ag43} $$
| + | |
| | | |
| + | <div class="whitespace"> |
| + | </div> |
| | | |
− | We visualize these ODE's in Simbiology which results in the following diagram:
| + | <div class="subimg"> |
− | </p> | + | <a href="https://2015.igem.org/Team:KU_Leuven/Research"> |
| + | <img src="https://static.igem.org/mediawiki/2015/6/63/Wiki_Button_-_Research2.png" width="100%"> |
| + | </a> |
| + | </div> |
| | | |
− | <img id="simcellA" src="https://static.igem.org/mediawiki/2015/f/f7/KUL_IM_SIM_CB_TV1.png" alt="Cell A" height="100%" width="100%" onclick="bigImg(this)" onclick="normalImg(this)"> | + | <div class="whitespace"> |
| </div> | | </div> |
| | | |
− | <br> | + | <div class="subimg"> |
− | <br> | + | <a href="https://2015.igem.org/Team:KU_Leuven/Modeling"> |
− | <br> | + | <img src="https://static.igem.org/mediawiki/2015/a/aa/Wiki_Button_-_Modelling2.png" width="100%"> |
− | <br> | + | </a> |
| + | </div> |
| | | |
− | <h2> 2.1 Cell B </h2> | + | <div class="whitespace"> |
| + | </div> |
| | | |
− | <p> | + | <div class="subimg"> |
− | We can repeat this assignment for Cell B:
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Team/Members"> |
− | $$\frac{{\large d} m_{cI}}{d t} = \alpha_1 {\cdot} cI_{gene} - d_1 {\cdot} m_{cI}$$ | + | <img src="https://static.igem.org/mediawiki/2015/2/23/KUL_Wiki_Button_-_Team.png" width="100%"> |
− | $$\frac{{\large d}{cI}}{d t} = \beta_1 {\cdot} {cI} -2 {\cdot} {k_{cI,dim}} {\cdot} {cI}^2 + 2 {\cdot}{k_{-cI,dim}}{\cdot} {[cI]_2} - d_{cI} {\cdot} {cI}$$
| + | </a> |
− | $$\frac{{\large d}{[cI]_2}}{d t}= k_{cI,dim} {\cdot} {cI}^2 - {k_{-cI,dim}}{\cdot} {[cI]_2} $$
| + | </div> |
− | $$\frac{{\large d} m_{luxR}}{d t} = (L_{lambda} + {\frac{\alpha_{lambda}}{1 + ({\frac{cI}{K_{d1}}})^{n_{cI}}}}) {\cdot} luxR_{gene} - d_{mluxR} {\cdot} m_{luxR} $$
| + | |
− | $$\frac{{\large d} luxR}{d t} = \beta_{luxR} {\cdot} {m_{luxR}} - d_{luxR} {\cdot}{luxR} $$
| + | |
− | $$\frac{{\large d} AHL_{in}}{d t} = ( {D_{IN,AHL}} {\cdot} {AHL_{out}} - {D_{OUT,AHL}} {\cdot} {AHL_{in}} ) - k_{lux,as}{\cdot}{luxR}{\cdot}{AHL_{in}} + k_{lux,dis}{\cdot}{[luxR/AHL]} - d_{AHL,in} {\cdot} {AHL_{in}} $$
| + | |
− | $$\frac{{\large d} AHL_{out}}{d t} = ( {D_{OUT,AHL}} {\cdot} {AHL_{in}} - {D_{IN,AHL}}{\cdot}{AHL_{out}} ) -d_{AHL,out}{\cdot}{AHL_{out}} $$
| + | |
− | $$\frac{{\large d} [luxR/AHL]}{d t} = k_{lux,as} {\cdot}{luxR}{\cdot}{AHL_{in}} - k_{lux,dis}{\cdot}{[luxR/AHL]} - 2 {\cdot} k_{lux,dim} {\cdot}{[luxR/AHL]^2} + 2 {\cdot}{[luxR/AHL]_{2}} $$
| + | |
− | $$\frac{{\large d} [luxR/AHL]_{2}}{d t} = k_{lux,dim} {\cdot}{[luxR/AHL]^2} - k_{- lux,dim} {[luxR/AHL]} $$
| + | |
− | $$\frac{{\large d} m_{CheZ}}{d t} = (L_{lux} + \frac{\alpha_{lux}}{1+(\frac{K_{d2}}{[luxR/AHL]_{2}})^{n_{lux}}} ) {\cdot} CheZ_{gene} - d_{mCheZ} {\cdot} {m_{CheZ}} $$
| + | |
− | $$\frac{{\large d} m_{PenI}}{d t} = (L_{lux} + \frac{\alpha_{lux}}{1+(\frac{K_{d2}}{luxR/AHL]_{2}})^{n_{lux}}} ) {\cdot} PenI_{gene} - d_{mPenI} {\cdot} {m_{PenI}} $$
| + | |
− | $$\frac{{\large d} CheZ}{d t} = \beta_{CheZ} {\cdot} {m_{CheZ}} - d_{CheZ} {\cdot} {CheZ} $$
| + | |
− | $$\frac{{\large d} PenI}{d t} = \beta_{PenI} {\cdot} {m_{PenI}} - d_{PenI} {\cdot} {PenI} $$
| + | |
− | $$\frac{{\large d} m_{RFP}}{d t} = (L_{Pen} + {\frac{\alpha_{Pen}}{1 + ({\frac{PenI}{K_{d3}}})^{n_{Pen}}}}) {\cdot} RFP_{gene} - d_{mRFP} {\cdot} m_{RFP} $$
| + | |
− | $$\frac{{\large d} RFP}{d t} = \beta_{RFP} {\cdot}{m_{RFP}} - d_{RFP} {\cdot}{RFP} $$
| + | |
− |
| + | |
| | | |
− | We visualize these ODE's in the Simbiology toolbox. This gives us the following diagrams: | + | <div class="whitespace"> |
| + | </div> |
| + | |
| + | <div class="subimg"> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Notebook"> |
| + | <img src="https://static.igem.org/mediawiki/2015/5/59/Wiki_Button_-_Notebook2.png" width="100%"> |
| + | </a> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="subtextrow"> |
| + | <div class="subtext"> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Project/About"> |
| + | <h2>Project</h2> |
| + | <p>We decided to work on the fundamental mechanisms behind pattern formation. To achieve our goal, the link between wet lab and modeling will be crucial to the successful design of our experiments. |
| + | <br/> |
| </p> | | </p> |
− | <img id="simcellB" src="https://static.igem.org/mediawiki/2015/f/f7/KUL_IM_SIM_CB_TV1.png" alt="Cell B" style="width: 100%";style="height: 100%" onclick="bigImg(this)" onclick="normalImg(this)"> | + | </a> |
| + | </div> |
| | | |
− | <br> | + | <div class="whitespace"> |
− | <br> | + | </div> |
− | <br>
| + | |
| | | |
− | <a class="example-image-link" href="https://static.igem.org/mediawiki/2015/a/af/KU_Leuven_plasmidA.png" data-lightbox="example-1"><img class="example-image" src="https://static.igem.org/mediawiki/2015/a/af/KU_Leuven_plasmidA.png" alt="plasmidA" height="100%" width="100%" onmouseover="Slave()"/></a> | + | <div class="subtext"> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Research"> |
| + | <h2>Research</h2> |
| + | <p> Each experimental step requires a theoretical background. This background, the protocols and the results of our experiments can be found in this subsection. |
| + | <br/> |
| + | </p> |
| + | </a> |
| + | </div> |
| | | |
− | <p> | + | <div class="whitespace"> |
− | Test test test test test ultra test
| + | </div> |
| + | |
| + | <div class="subtext"> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Modeling"> |
| + | <h2>Modeling</h2> |
| + | <p>The modeling team fits models to the data obtained by the wet lab. Synergically, simulations from the cyber lab will aid tuning the experimental conditions that lead to the desirable patterns. |
| + | <br/> |
| </p> | | </p> |
− | <br> | + | </a> |
− | <br> | + | </div> |
− | <br>
| + | |
− | <a class="example-image-link" href="https://static.igem.org/mediawiki/2015/d/d6/KU_Leuven_plasmidB.png" data-lightbox="example-1"><img class="example-image" src="https://static.igem.org/mediawiki/2015/d/d6/KU_Leuven_plasmidB.png" alt="plasmidB" height="100%" width="100%" onmouseover="Slave()"/></a>
| + | |
| | | |
− | <br>
| |
− | <br>
| |
− | <br>
| |
− | <a href="https://2015.igem.org/Team:KU_Leuven/Research/Idea" onmouseover="Vinnie()">To the lab!</a>
| |
| | | |
− | <br>
| |
− | <br>
| |
− | <br>
| |
− | <p> This is the best website i have ever seen! </p>
| |
− | <img src="https://abc.xyz/img/signature.jpg" height="100%" width="100%" onmouseover="Vinnie()">
| |
− | <p> °CEO Alphabet, founder Google </p>
| |
− | <img src="http://library.lehigh.edu/omeka/archive/files/677abdf878f4e465a080d8c1f3820128.jpg" height=200px width="100%" onmouseover="Vinnie()">
| |
− | <p> °Founder of the United States of America </p>
| |
| | | |
− | <br> | + | <div class="whitespace"> |
− | <br> | + | </div> |
− | <img src="https://www.cocacola.be/happy/Content/wallpapers/coke_wallpaper_desktop_02" height="100%" width="100%" onmouseover="Vinnie()">
| + | |
| | | |
| + | <div class="subtext"> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Team/Members"> |
| + | <h2>Team</h2> |
| + | <p>Diverse with respect to thoughts, perspectives, nationalities and languages, yet bound together by our enthusiasm for science and research. Would you like to know more about us? |
| + | <br/> |
| + | </p> |
| + | </a> |
| + | </div> |
| | | |
− | <p> | + | <div class="whitespace"> |
− | Test test test test test.
| + | </div> |
− | <h2> To-Do List </h2>
| + | |
− | <ul contenteditable="true">
| + | <div class="subtext"> |
− | <li> Break mechanical cab driver. </li>
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Notebook"> |
− | <li> Drive to abandoned factory
| + | <h2>Notebook</h2> |
− | <li> Watch video of self </li>
| + | <p>Many small steps need to be taken to achieve our goal. We like to keep you informed and welcome you to discover our newsfeed and history! |
− | </ul>
| + | <br/> |
| </p> | | </p> |
| + | </a> |
| </div> | | </div> |
| + | |
| + | </div> |
| + | <div class="subimgreadmore"> |
| + | <div class="subimgrm"> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Project/About"> |
| + | <div id="more1"> |
| + | <img src="https://static.igem.org/mediawiki/2015/7/73/KUL_Wiki_Button_-_Read_more.png" height="40%" width="85%" alt="Read more"> |
| + | </div> |
| + | </a> |
| </div> | | </div> |
| | | |
− | <!------------------------------------------------------Parameters---------------------------------------------------------->
| + | <div class="whitespace"> |
− | <div class="summarytext1"> | + | </div> |
− | <div class="part">
| + | |
− | <h2> X. Parameters </h2>
| + | |
− | </div>
| + | |
| | | |
− | <div class="part">
| + | <div class="subimgrm"> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Research"> |
| + | <div id="more2" z-index="2"> |
| + | <img src="https://static.igem.org/mediawiki/2015/7/73/KUL_Wiki_Button_-_Read_more.png" height="40%" width="85%" alt="Read more"> |
| + | </div> |
| + | </a> |
| + | </div> |
| | | |
− | <table style="width:100%">
| + | <div class="whitespace"> |
− | <tr> <th>Parameter</th> <th>Value</th> <th>Unit</th> <th>Source</th> <th>Comment</th></tr>
| + | </div> |
− | <tr> <td>$D_a$</td> <td>$0.072 \cdot 10^{-3}$</td> <td>$cm^2/h$</td> <td>following <sup><a href="#Woodward1995">[1]
| + | |
− | </a></sup> </td> <td> </td> </tr>
| + | |
− | <tr> <td>$D_b$</td> <td>$2.376 \cdot 10^{-3}$</td> <td>$cm^2/h$</td> <td>following <sup><a href="#Woodward1995">[1]
| + | |
− | </a></sup></td> <td> </td> </tr>
| + | |
− | <tr> <td>$D_r$</td> <td>$26.46 \cdot 10^{-3}$</td> <td>$cm^2/h$</td> <td> as found in <sup><a href="#Umecky2006">[6]</a></sup>
| + | |
− | </td> <td> $298.2 K$ </td> </tr>
| + | |
− | <tr> <td>$D_h$</td> <td>$50 \cdot 10^{-3}$</td> <td>$cm^2/h$</td> <td>from <sup><a href="#Ortiz">[3]
| + | |
− | </a></sup> </td> <td> </td> </tr>
| + | |
− | <tr> <td>$K_{c}$</td> <td>$8.5 \cdot 10^{-3}$</td> <td>$cm^2/h$</td> <td>guessed</td> <td> </td> </tr>
| + | |
− | <tr> <td>$\gamma$</td> <td>$10^{-5}$</td> <td>$h^{-1}$ </td> <td>from <sup><a href="#Woodward1995">[1]
| + | |
− | </a></sup></td> <td> </td> </tr>
| + | |
− | <tr> <td>$k_p$</td> <td>$1.0 \cdot 10^2$</td> <td>$cl^{-1}$</td> <td>from <sup><a href="#Woodward1995">[1]
| + | |
− | </a></sup></td> <td> </td> </tr>
| + | |
− | <tr> <td>$k_h$</td> <td>$17.9 \cdot 10^{-4}$</td> <td>$fmol/h$</td> <td>computed from <sup><a href="#Goryachev2006">[4]</a></sup> and <sup><a href="#Ishihama2008">[8]</a></sup> </td> <td> </td> </tr>
| + | |
− | <tr> <td>$k_r$</td> <td>$5.4199\cdot 10^{-4}$</td> <td>$fmol/h$</td> <td>computed from <sup><a href="#Yu2014">[7]</a></sup> and <sup><a href="#Ishihama2008">[8]</a></sup> </td> <td> </td> </tr>
| + | |
− | <tr> <td>$k_{lossH}$</td> <td>$1/48$</td> <td>$h^{-1}$</td> <td> from <sup><a href="#Schaefer2000">[5]</a></sup></td> <td>$ ph = 7$ </td> </tr>
| + | |
| | | |
− | <tr> <td>$k_{lossR}$</td> <td>$1/80$</td> <td>$h^{-1}$</td> <td>guessed</td> <td> </td> </tr>
| + | <div class="subimgrm"> |
− | </table>
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Modeling"> |
| + | <div id="more3"> |
| + | <img src="https://static.igem.org/mediawiki/2015/7/73/KUL_Wiki_Button_-_Read_more.png" height="40%" width="85%" alt="Read more"> |
| + | </div> |
| + | </a> |
| + | </div> |
| | | |
− | <style type="text/css">
| + | <div class="whitespace"> |
− | .tg {border-collapse:collapse;border-spacing:0;border-color:#aaa;border-width:1px;border-style:solid;}
| + | |
− | .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;background-color:#fff;}
| + | |
− | .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#aaa;color:#fff;background-color:#f38630;}
| + | |
− | .tg .tg-2e9h{font-weight:bold;text-decoration:underline}
| + | |
− | .tg .tg-e3zv{font-weight:bold}
| + | |
− | .tg .tg-07dj{font-weight:bold;font-size:14px}
| + | |
− | .tg .tg-z2zr{background-color:#FCFBE3}
| + | |
− | .tg .tg-ugmw{background-color:#FCFBE3;font-weight:bold;text-decoration:underline}
| + | |
− | @media screen and (max-width: 800px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}</style>
| + | |
− | <div class="tg-wrap"><table class="tg"> | + | |
− | <tr>
| + | |
− | <th class="tg-e3zv">Protein</th>
| + | |
− | <th class="tg-07dj">Translation rate (a.u.)</th>
| + | |
− | <th class="tg-07dj">Translation rate (1/s)</th>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td class="tg-z2zr">LuxI</td>
| + | |
− | <td class="tg-z2zr">261.13</td>
| + | |
− | <td class="tg-ugmw">0.016</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td class="tg-031e">LuxR</td>
| + | |
− | <td class="tg-031e">279.61</td>
| + | |
− | <td class="tg-2e9h">0.016</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td class="tg-z2zr">cI857</td>
| + | |
− | <td class="tg-z2zr">5695.79</td>
| + | |
− | <td class="tg-z2zr">0.35</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td class="tg-031e">Transaminase B</td>
| + | |
− | <td class="tg-031e">2195.1</td>
| + | |
− | <td class="tg-031e">0.13</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td class="tg-z2zr">Ag43-YFP</td>
| + | |
− | <td class="tg-z2zr">33.22</td>
| + | |
− | <td class="tg-z2zr">0.0020</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td class="tg-031e">PenI</td>
| + | |
− | <td class="tg-031e">6696.73</td>
| + | |
− | <td class="tg-031e">0.41</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td class="tg-z2zr">RFP</td>
| + | |
− | <td class="tg-z2zr">2604.51</td>
| + | |
− | <td class="tg-z2zr">0.16</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td class="tg-031e">CheZ-GFP</td>
| + | |
− | <td class="tg-031e">396.95</td>
| + | |
− | <td class="tg-031e">0.024</td>
| + | |
− | </tr>
| + | |
− | </table></div>
| + | |
| </div> | | </div> |
| + | |
| + | <div class="subimgrm"> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Team/Members"> |
| + | <div id="more4"> |
| + | <img src="https://static.igem.org/mediawiki/2015/7/73/KUL_Wiki_Button_-_Read_more.png" height="40%" width="85%" alt="Read more"> |
| + | </div> |
| + | </a> |
| </div> | | </div> |
| | | |
− | <br> | + | <div class="whitespace"> |
− | <br> | + | </div> |
− | <br>
| + | |
− | <br>
| + | |
− | <br>
| + | |
− | <br>
| + | |
| | | |
− | <!-- <button onclick="check()">Check Checkbox</button> | + | <div class="subimgrm"> |
− | <!-- <button onclick="uncheck()">Uncheck Checkbox</button> | + | <a href="https://2015.igem.org/Team:KU_Leuven/Notebook"> |
− | <!-- <script> | + | <div id="more5"> |
− | <!-- function check() {
| + | <img src="https://static.igem.org/mediawiki/2015/7/73/KUL_Wiki_Button_-_Read_more.png" height="100%" width="85%" alt="Read more"> |
− | <!-- document.getElementById("EasySwitch").checked = true;
| + | </div> |
− | <!-- }
| + | </a> |
− | <!-- function uncheck() {
| + | </div> |
− | <!-- document.getElementById("EasySwitch").checked = false;
| + | |
− | <!-- }
| + | |
− | <!-- </script>
| + | |
− | <!-- <a href="#cellB" onclick="document.getElementById('Easy').style.display='inline'; | + | |
− | <!-- document.getElementById('Scientific').style.display='none';return false;"> New </a>
| + | |
− | <!-- <a href="#" onclick="Check()"> Test </a>
| + | |
− | <!-- <button onclick="exefunction()">Check value</button>
| + | |
− | <!-- <button onclick="EasySwitch()"> EasySwitch </button>
| + | |
| | | |
− | <!------------------------------------------------------References----------------------------------------------------------> | + | </div> |
− | <div class="summaryheader">
| + | |
− | <div class="summaryimg">
| + | |
− | <img src="https://static.igem.org/mediawiki/2015/e/eb/KU_Leuven_fossilBackground.png" width="100%">
| + | |
− | <div class="head">
| + | |
− | <h2> References </h2>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="summarytext2">
| + | |
− | <div class="part">
| + | |
− | <p id="ref1">[1] <a href="http://www.sciencedirect.com/science/article/pii/S0006349595804005#" target="_blank"> Temporal Patterns Generated by Salmonella typhimurium, D. E. Woodward, R. Tyson, M. R. Myerscough, J. D. Murray, E. 0.Budrene,l and H. C.Berg , Biophysical Journal Volume 68 May 1995 2181-2189 </a></p>
| + | |
| | | |
− | <!------------------------------------------------------Source code files--------------------------------------------------->
| + | <div class="subimgrowm"> |
− | <!-- UNCOMMENT BEFORE THE WIKI-FREEZE.
| + | <div class="subimgm"> |
− | <!-- <div class="summaryheader">
| + | <b>Project</b> |
− | <!-- <div class="summaryimg">
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Project/About"> |
− | <!-- <img src="https://static.igem.org/mediawiki/2015/e/eb/KU_Leuven_fossilBackground.png" width="100%">
| + | <img src="https://static.igem.org/mediawiki/2015/1/1a/KUL_Wiki_Button_-_Project.png" width="100%"> |
− | <!-- <div class="head">
| + | </a> |
− | <!-- <h2> Source Code </h2>
| + | </div> |
− | <!-- </div>
| + | |
− | <!-- </div>
| + | |
− | <!-- </div>
| + | |
− | <!-- <div class="summarytext3">
| + | |
− | <!-- <div class="part">
| + | |
− | <!-- <p id="source1">[1] <a href="https://2015.igem.org/wiki/index.php?title=Team:KU_Leuven/Modeling/1dsource"> 1D simulation
| + | |
− | <!-- code</a></p> | + | |
− | <!-- <p id="source2">[1] <a href="https://2015.igem.org/wiki/index.php?title=Team:KU_Leuven/Modeling/1dsource"> 2D main </a></p>
| + | |
− | <!-- </div>
| + | |
− | <!-- </div>
| + | |
| | | |
| + | <div class="whitespace"> |
| + | </div> |
| | | |
| | | |
− | <!--------------------------------------------------Foot don't touch!------------------------------------------------------> | + | <div class="subtextm"> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Project/About"> |
| + | <p style='text-align:left'>We decided to work on the fundamental mechanisms behind pattern formation. To achieve our goal, the link between wet lab and modeling will be crucial to the successful design of our experiments. |
| + | </p> |
| + | </a> |
| + | </div> |
| + | </div> |
| | | |
| + | <div class="subimgrowm"> |
| | | |
− | <div class="subsections"> | + | <div class="subimgm"> |
− | <div class="subsectionwrapper"> | + | <b>Research</b> |
− | <div class="subimgrow"> | + | <a href="https://2015.igem.org/Team:KU_Leuven/Research"> |
− | <div class="subimg"> | + | <img src="https://static.igem.org/mediawiki/2015/archive/c/ca/20150807120732%21KU_Leuven_Wiki_Button_-_Wetlab.png" width="100%"> |
− | <img src="https://static.igem.org/mediawiki/2015/9/98/HybridCover.png" width="100%"> | + | </a> |
| </div> | | </div> |
| | | |
Line 426: |
Line 336: |
| </div> | | </div> |
| | | |
− | <div class="subimg"> | + | |
− | <img src="https://static.igem.org/mediawiki/2015/d/d8/ContinuousModelCover.png" width="100%">
| + | <div class="subtextm"> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Research"> |
| + | <p style='text-align:left'> Each experimental step requires a theoretical background. This background, the protocols and the results of our experiments can be found in this subsection. |
| + | <br/> |
| + | </p> |
| + | </a> |
| </div> | | </div> |
| | | |
− | <div class="whitespace">
| |
| </div> | | </div> |
| + | <div class="subimgrowm"> |
| | | |
− | <div class="subimg"> | + | <div class="subimgm"> |
| + | <b>Modeling</b> |
| <a href="https://2015.igem.org/Team:KU_Leuven/Modeling"> | | <a href="https://2015.igem.org/Team:KU_Leuven/Modeling"> |
− | <!---<img src="https://static.igem.org/mediawiki/2015/2/2b/KU_Leuven_Monocotyl.jpg" width="100%" height="100%" >-->
| + | <img src="https://static.igem.org/mediawiki/2015/archive/d/db/20150807120714%21KU_Leuven_Wiki_Button_-_Modelling.png" width="100%"> |
| </a> | | </a> |
| </div> | | </div> |
| + | |
| + | <div class="whitespace"> |
| </div> | | </div> |
| | | |
− | <div class="subtext"> | + | |
− | <h2>Hybrid model</h2>
| + | <div class="subtextm"> |
− | <p>
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Modeling"> |
− | Coming soon
| + | <p>The modeling team fits models to the data obtained by the wet lab. Synergically, simulations from the cyber lab will aid tuning the experimental conditions that lead to the desirable patterns. |
| </p> | | </p> |
| + | </a> |
| + | </div> |
| + | |
| + | </div> |
| + | <div class="subimgrowm"> |
| + | |
| + | <div class="subimgm"> |
| + | <b>Team</b> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Team/Members"> |
| + | <img src="https://static.igem.org/mediawiki/2015/2/23/KUL_Wiki_Button_-_Team.png" width="100%"> |
| + | </a> |
| </div> | | </div> |
| | | |
Line 450: |
Line 379: |
| </div> | | </div> |
| | | |
− | <div class="subtext"> | + | |
− | <h2>Top model</h2>
| + | <div class="subtextm"> |
− | <a href="https://2015.igem.org/Team:KU_Leuven/Modeling/Top"> Read more! | + | <a href="https://2015.igem.org/Team:KU_Leuven/Team/Members"> |
| + | <p>Diverse with respect to thoughts, perspectives, nationalities and languages, yet bound together by our enthusiasm for science and research. Would you like to know more about us? |
| + | <br/> |
| + | </p> |
| + | </a> |
| + | </div> |
| + | |
| + | </div> |
| + | <div class="subimgrowm"> |
| + | |
| + | <div class="subimgm"> |
| + | <b>Notebook</b> |
| + | <a href="https://2015.igem.org/Team:KU_Leuven/Notebook"> |
| + | <img src="https://static.igem.org/mediawiki/2015/archive/8/82/20150807120658%21KU_Leuven_Wiki_Button_-_Literature.png" width="100%"> |
| </a> | | </a> |
| </div> | | </div> |
Line 459: |
Line 401: |
| </div> | | </div> |
| | | |
− | <div class="subtext"> | + | <div class="subtextm"> |
− | <a href="https://2015.igem.org/Team:KU_Leuven/Modeling"> | + | <a href="https://2015.igem.org/Team:KU_Leuven/Notebook"> |
− | <h2>Back</h2>
| + | <p>Many small steps need to be taken to achieve our goal. We like to keep you informed and welcome you to discover our newsfeed and history! |
| + | </p> |
| </a> | | </a> |
| </div> | | </div> |
Line 467: |
Line 410: |
| </div> | | </div> |
| | | |
− | <div style="height:40px;"></div> | + | <div class="whitespace"> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| | | |
| <div id="summarywrapper"> | | <div id="summarywrapper"> |
Line 479: |
Line 427: |
| </div> | | </div> |
| </div> | | </div> |
| + | |
| | | |
| <div id="footer"> | | <div id="footer"> |
Line 561: |
Line 510: |
| </div> | | </div> |
| | | |
− | | + | </body> |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <!--------------------------------------------------EasySwitch-------------------------------------------------------------->
| + | |
− | <script language="javascript" type="text/javascript">
| + | |
− | function EasySwitch(){
| + | |
− | var lckv= document.getElementById("EasySwitch").checked;
| + | |
− | if (lckv==true)
| + | |
− | {
| + | |
− | $('.easy').css('display', 'inline');
| + | |
− | $('.scientific').css('display', 'none');
| + | |
− | }
| + | |
− | else
| + | |
− | {
| + | |
− | $('.easy').css('display', 'none');
| + | |
− | $('.easyleft').css('display', 'none');
| + | |
− | $('.scientific').css('display', 'inline');
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | $( "#Introduction" ).mouseenter(function() {
| + | |
− | var lckv= document.getElementById("EasySwitch").checked;
| + | |
− | if (lckv==true)
| + | |
− | {
| + | |
− | $("#Left1").show();
| + | |
− | }
| + | |
− | });
| + | |
− | $( "#Introduction" ).mouseleave(function() {
| + | |
− | $("#Left1").hide();
| + | |
− | });
| + | |
− | | + | |
− | $( "#Introduction" ).mouseenter(function() {
| + | |
− | $("#SwitchText").show();
| + | |
− | });
| + | |
− | $( "#Introduction" ).mouseleave(function() {
| + | |
− | $("#SwitchText").hide();
| + | |
− | });
| + | |
− | </script>
| + | |
− | | + | |
− | <!-------------------------------------------Load Lightbox ----------------------------------------------------------------->
| + | |
− | <link rel="stylesheet" type="text/css"
| + | |
− | href="https://2015.igem.org/Template:KU_Leuven/Lightbox/CSS?action=raw&ctype=text/css" />
| + | |
− | </head>
| + | |
− | <script type="text/javascript" src="http://yourjavascript.com/11518521655/lightbox.js"></script>
| + | |
− | | + | |
− | <script>
| + | |
− | lightbox.option({
| + | |
− | 'resizeDuration': 200,
| + | |
− | 'wrapAround': true,
| + | |
− | 'maxWidth' : 150%,
| + | |
− | 'maxHeight' : 150%,
| + | |
− | 'fitImagesInViewport' : true,
| + | |
− | 'wrapAround' : true,
| + | |
− | })
| + | |
− | </script>
| + | |
− | | + | |
− | <!-------------------------------------------Load mathJax related stuff----------------------------------------------------->
| + | |
− | <script type="text/x-mathjax-config">
| + | |
− | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
| + | |
− | MathJax.Hub.Config({ SVG: { scale: 100 }});
| + | |
− | <!-- possible fonts TeX, STIX-Web, Asana-Math, Neo-Euler, Gyre-Pagella, Gyre-Termes and Latin-Modern. -->
| + | |
− | </script>
| + | |
− | | + | |
− | <script type="text/x-mathjax-config">
| + | |
− | MathJax.Hub.Config({ SVG: { Font: "Asana-Math" }});
| + | |
− | MathJax.Hub.Config({"HTML-CSS": { linebreaks: { automatic: true, width: "75% container" } },
| + | |
− | "SVG": { linebreaks: { automatic: true, width: "75% container" } } });
| + | |
− | </script>
| + | |
− | | + | |
− | <script type="text/javascript"
| + | |
− | src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG.js">
| + | |
− | </script>
| + | |
− | | + | |
− | | + | |
− | <!--------------------------------------------------Load bigIMG and normalImg---------------------------------------------------->
| + | |
− | <script>
| + | |
− | function bigImg(x) {
| + | |
− | x.className = "summaryheader";
| + | |
− | x.style.height = "150%";
| + | |
− | x.style.width = "150%";
| + | |
− | x.style.left = "-25%";
| + | |
− | }
| + | |
− | | + | |
− | function normalImg(x) {
| + | |
− | x.className= ""
| + | |
− | x.style.height = "100%";
| + | |
− | x.style.width = "100%";
| + | |
− | }
| + | |
− | </script>
| + | |
− | | + | |
− | <!------------------------------------------------------Sound effects------------------------------------------------------------>
| + | |
− | <audio id="UltraG">
| + | |
− | <source src="https://static.igem.org/mediawiki/2015/8/8f/KUL_Test_UltraG.mp3">
| + | |
− | </audio>
| + | |
− | <script>
| + | |
− | function Slave() {
| + | |
− | var audio = document.getElementById("UltraG");
| + | |
− | audio.play();
| + | |
− | }
| + | |
− | </script>
| + | |
− | | + | |
− | | + | |
− | <audio id="Vinnie">
| + | |
− | <source src="https://static.igem.org/mediawiki/2015/1/19/KUL_Test_Vinnie2.mp4">
| + | |
− | </audio>
| + | |
− | <script>
| + | |
− | function Vinnie() {
| + | |
− | var audio = document.getElementById("Vinnie");
| + | |
− | audio.play();
| + | |
− | }
| + | |
− | | + | |
− | </script>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <!------------------------------------------------------Konami------------------------------------------------------------>
| + | |
− | <script type="text/javascript">
| + | |
− | if ( window.addEventListener ) {
| + | |
− | var state = 0, konami = [38,38,40,40,37,39,37,39,66,65];
| + | |
− | window.addEventListener("keydown", function(e) {
| + | |
− | if ( e.keyCode == konami[state] ) state++;
| + | |
− | else state = 0;
| + | |
− | if ( state == 10 ) {
| + | |
− | $("#VincentEaster").show();
| + | |
− | }
| + | |
− | }, true);
| + | |
− | }
| + | |
− | </script>
| + | |
− | | + | |
− | <!-----------------------------------------------------Media---------------------------------------------------------->
| + | |
− | <script>
| + | |
− | $("p").on('resize', function () {
| + | |
− | $('summarytext1').toggleClass('part', $(window).width() < 978);
| + | |
− | });
| + | |
− | </script> | + | |
| </html> | | </html> |