Team:Manchester/Modellingtest

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:Manchester/layout/noheader}} {{:Team:Manchester/Footer}} <html> <head> <title> Safety </title> <script type='text/javascript' src="http://code.jquery.com/jquery-1.8.0.mi...")
 
(69 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
 +
{{:Team:Manchester/Navbartest3}}
{{:Team:Manchester/Footer}}
{{:Team:Manchester/Footer}}
Line 5: Line 6:
<head>
<head>
<title> Safety </title>
<title> Safety </title>
-
<script type='text/javascript' src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
 
-
<script type='text/javascript' src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 
-
 
-
<script type='text/javascript'>
 
-
      function blocking(nr)
 
-
      {
 
-
        displayNew = (document.getElementById(nr).style.display == 'none') ? 'block' : 'none';
 
-
        document.getElementById(nr).style.display = displayNew;
 
-
      } 
 
-
function hoverLink1()
 
-
{
 
-
  $("#block #link1").hover(function() {
 
-
      $("#block #image1").toggleClass("expand");
 
-
  });
 
-
  $("#block #link1").mouseenter(function() {
 
-
    $("#block #image1").css({marginLeft: "40px"});
 
-
  });
 
-
  $("#block #link1").mouseleave(function() {
 
-
    $("#block #image1").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage1()
 
-
{
 
-
  $("#block #image1").mouseenter(function() {
 
-
    $("#block #image1").css({marginLeft: "40px"});
 
-
  });
 
-
    $("#block #image1").mouseleave(function() {
 
-
    $("#block #image1").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
function hoverLink2()
 
-
{
 
-
  $("#block #link2").hover(function() {
 
-
  $("#block #image2").toggleClass("expand");
 
-
  });
 
-
  $("#block #link2").mouseenter(function() {
 
-
    $("#block #image2").css({marginLeft: "40px"});
 
-
  });
 
-
  $("#block #link2").mouseleave(function() {
 
-
    $("#block #image2").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage2()
 
-
{
 
-
  $("#block #image2").mouseenter(function() {
 
-
    $("#block #image2").css({marginLeft: "40px"});
 
-
  });
 
-
  $("#block #image2").mouseleave(function() {
 
-
    $("#block #image2").css({marginLeft: "50px"});
 
-
          });
 
-
}
 
-
 
-
function hoverLink3()
 
-
{
 
-
  $("#block #link3").hover(function() {
 
-
  $("#block #image3").toggleClass("expand");
 
-
  });
 
-
  $("#block #link3").mouseenter(function() {
 
-
    $("#block #image3").css({marginLeft: "40px"});
 
-
  });
 
-
  $("#block #link3").mouseleave(function() {
 
-
    $("#block #image3").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage3()
 
-
{
 
-
  $("#block #image3").mouseenter(function() {
 
-
    $("#block #image3").css({marginLeft: "40px"});
 
-
  });
 
-
    $("#block #image3").mouseleave(function() {
 
-
    $("#block #image3").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
function hoverLink4()
 
-
{
 
-
  $("#block #link4").hover(function() {
 
-
  $("#block #image4").toggleClass("expand");
 
-
  });
 
-
  $("#block #link4").mouseenter(function() {
 
-
    $("#block #image4").css({marginLeft: "40px"});
 
-
  });
 
-
  $("#block #link4").mouseleave(function() {
 
-
    $("#block #image4").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage4()
 
-
{
 
-
  $("#block #image4").mouseenter(function() {
 
-
    $("#block #image4").css({marginLeft: "40px"});
 
-
  });
 
-
    $("#block #image4").mouseleave(function() {
 
-
    $("#block #image4").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
function hoverLink5()
 
-
{
 
-
  $("#block #link5").hover(function() {
 
-
  $("#block #image5").toggleClass("expand");
 
-
  });
 
-
  $("#block #link5").mouseenter(function() {
 
-
    $("#block #image5").css({marginLeft: "40px"});
 
-
  });
 
-
  $("#block #link5").mouseleave(function() {
 
-
    $("#block #image5").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage5()
 
-
{
 
-
  $("#block #image5").mouseenter(function() {
 
-
    $("#block #image5").css({marginLeft: "40px"});
 
-
  });
 
-
    $("#block #image5").mouseleave(function() {
 
-
    $("#block #image5").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
 
-
function hoverLink6()
 
-
{
 
-
  $("#block #link6").hover(function() {
 
-
  $("#block #image6").toggleClass("expand");
 
-
  });
 
-
  $("#block #link6").mouseenter(function() {
 
-
    $("#block #image6").css({marginLeft: "40px"});
 
-
  });
 
-
  $("#block #link6").mouseleave(function() {
 
-
    $("#block #image6").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage6()
 
-
{
 
-
  $("#block #image6").mouseenter(function() {
 
-
    $("#block #image6").css({marginLeft: "40px"});
 
-
  });
 
-
    $("#block #image6").mouseleave(function() {
 
-
    $("#block #image6").css({marginLeft: "50px"});
 
-
  });
 
-
}
 
-
 
-
</script>
 
<style type="text/css">
<style type="text/css">
Line 207: Line 59:
{
{
float:left;
float:left;
-
margin-left:110px;
+
margin-left:100px;
-
margin-right:20px;
+
margin-right:30px;
}
}
Line 216: Line 68:
margin-left:50px;
margin-left:50px;
}
}
 +
 +
.global
 +
{
 +
position:relative;
 +
width:950px;
 +
height:900px;
 +
}
 +
 +
.mtextbox {
 +
    width: 100%;
 +
    min-height: 80px;
 +
    height: auto;
 +
    background-color: white;
 +
    color: #4c0082;
 +
    font-face: Trebuchet Sans MS;
 +
    font-size: 20px;
 +
    margin: 10px 0;
 +
    text-align: center;
 +
  }
 +
  .mtextbox b {
 +
    color: #660099;
 +
  }
.wrapper
.wrapper
Line 221: Line 95:
position:absolute;
position:absolute;
clear:both;
clear:both;
-
width:940px;
+
width:951px;
-
top:110px;
+
top:120px;
left:0;
left:0;
 +
background-color:white;
padding:10px;
padding:10px;
-
background-color:white;
 
-
-webkit-border-radius: 10px;
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
border-radius: 10px;
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
 
+
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
+
-
-moz-box-shadow: 0px 0px 5px 0px rgba(76,0,130,1));
+
-
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
+
}
}
-
.container
+
/******************************************************containers*****************************************************/
 +
.column1
{
{
-
height:90px;
+
float:left;
-
width:980px;
+
width:300px;
-
margin:0 auto;
+
height:520px;
-
background-color:#F2F2F2;
+
margin:8px;
-
position:absolute;
+
padding:0;
-
top:15px;
+
background-color:#CCC;
-
left:0;
+
-
z-index:100;
+
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
 
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
}
-
#block
+
.column1 .left
{
{
float:left;
float:left;
-
width:150px;
+
  margin:10px 0 10px 10px;
-
margin:0 6px;
+
 +
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
}
-
#block a
+
.column1 .right
{
{
-
display:block;
+
float:right;
-
text-decoration: none;
+
margin:10px 10px 10px 0;
-
background-color: #660099;
+
-
color:white;
+
-
font-size: 17px;
+
-
font-family: Trebuchet MS;
+
-
font-weight: bold;
+
-
border-radius: 5px;
+
-
width: 140px;
+
-
margin:0 auto;
+
-
text-align: center;
+
-
padding: 3px;
+
-
color:#F2F2F2;
+
-
border:1px solid #4C0082;
+
-
transition-duration:0.1s;
+
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
transition-timing-function:linear;
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
}
-
#block img
+
.column1 p
-
{
+
-
transition-duration:0.1s;
+
-
transition-timing-function:linear;
+
-
margin:0 50px;
+
-
display:block;
+
-
}
+
-
 
+
-
#block img:hover
+
-
{
+
-
width:65px;
+
-
height:65px;
+
-
}
+
-
 
+
-
#block .list
+
-
{
+
-
margin:0;
+
-
}
+
-
 
+
-
#block .list li
+
-
{
+
-
display:block;
+
-
list-style:none;
+
-
}
+
-
 
+
-
#block .list .submenu, .submenu1, .submenu2
+
-
{
+
-
position:relative;
+
-
display:none;
+
-
clear: both;
+
-
margin:0;
+
-
display: none;
+
-
}
+
-
 
+
-
#block .list .submenu li
+
-
{
+
-
list-style:none;
+
-
display: block;
+
-
margin:0;
+
-
float: none;
+
-
}
+
-
 
+
-
#block .list .submenu li a
+
{
{
clear:both;
clear:both;
-
display:block;
 
-
border:1px solid #4C0082;
 
margin:0 auto;
margin:0 auto;
-
width:130px;
 
-
font-size: 13px;
 
-
font-family: Trebuchet MS;
 
-
font-weight: bold;
 
-
color:#f2f2f2;
 
-
}
 
-
 
-
#block .list li .submenu li:hover .submenu1 a
 
-
{
 
-
clear:both;
 
display:block;
display:block;
-
border:1px solid #4C0082;
+
width:260px;
-
margin:0 auto;
+
height:265px;
-
width:100px;
+
font-style:Trebuchest MS;
-
font-size: 12px;
+
font-size:14px;
-
font-family: Trebuchet MS;
+
color:#4C0082;
-
font-weight: bold;
+
padding:10px;
-
color:black;
+
background:#F2F2F2;
-
background:#ffcc33;
+
text-align:justify;
-
}
+
-
#block .list .submenu a:hover
+
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
{
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
display:block;
+
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
background:#A901DB;
+
}
}
-
#block .list li:hover .submenu
+
.column2
{
{
-
display:block;
+
float:left;
 +
width:455px;
 +
margin:8px;
 +
padding:0;
 +
background-color:#CCC;
 +
 +
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
}
-
.submenu li:hover .submenu1
+
.column2 .left
{
{
-
display:block;
+
float:left;
-
position:absolute;
+
margin:10px 0 10px 10px;
-
left:145px;
+
-
top:0;
+
-
}
+
-
.submenu li:hover .submenu2
+
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
{
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
display:block;
+
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
position:absolute;
+
-
left:145px;
+
-
top:28px;
+
}
}
-
#block .list li .submenu li:hover .submenu2 a
+
.column2 .right
{
{
-
clear:both;
+
float:left;
-
display:block;
+
margin:10px 10px 10px 15px;
-
border:1px solid #4C0082;
+
-
margin:0 auto;
+
-
width:150px;
+
-
font-size: 12px;
+
-
font-family: Trebuchet MS;
+
-
font-weight: bold;
+
-
color:black;
+
-
background:#FFCC33;
+
-
}
+
-
.expand
+
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
{
+
-
width:65px;
+
-
height:65px;
+
-
}
+
-
 
+
-
.menu
+
-
{
+
-
margin:5px auto;
+
-
width:900px;
+
-
 
+
-
 
+
-
}
+
-
 
+
-
.menu li
+
-
{
+
-
list-style:none;
+
-
 
+
-
}
+
-
 
+
-
.menu li a
+
-
{
+
-
display:block;
+
-
width:900px;
+
-
height:30px;
+
-
text-decoration:none;
+
-
text-align:center;
+
-
margin-bottom:5px;
+
-
font-family:Trebuchet MS;
+
-
font-weight:bold;
+
-
font-size:24px;
+
-
color:white;
+
-
background-color:#660099;
+
-
padding-top:10px;
+
-
 
+
-
-webkit-border-radius: 10px;
+
-
border-radius: 10px;
+
-
 
+
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
 
}
}
-
#submenu li a, #submenu2 li a, #submenu3 li a, #submenu4 li a
+
.column2 p
{
{
 +
clear:both;
 +
margin:10px;
display:block;
display:block;
-
width:800px;
+
width:415px;
-
height:30px;
+
font-style:Trebuchest MS;
-
margin:0 auto;
+
-
margin-bottom:5px;
+
-
font-family:Trebuchet MS;
+
-
font-weight:bold;
+
-
font-size:18px;
+
-
color:white;
+
-
background-color:#FFCC33;
+
-
}
+
-
 
+
-
#text, #text1, #text2, #text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,#text11,#text12,#text13,#text14,#text15
+
-
{
+
-
margin:0 auto;
+
-
margin-bottom:5px;
+
-
width:700px;
+
-
font-family:Trebuchet MS;
+
-
font-weight:bold;
+
font-size:14px;
font-size:14px;
-
color:white;
+
color:#4C0082;
-
background-color:#BDBDBD;
+
padding:10px;
 +
background:#F2F2F2;
 +
text-align:justify;
-
-webkit-border-radius: 10px;
+
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
border-radius: 10px;
+
-
 
+
-
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
+
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
}
 
-
 
-
.global
 
-
{
 
-
position:relative;
 
-
width:950px;
 
-
height:1600px;
 
-
}
 
-
 
-
/******************************************************next button*****************************************************/
 
-
.next a
 
-
{
 
-
width:185px;
 
-
text-decoration:none;
 
-
color:white;
 
-
position:fixed;
 
-
bottom:5px;
 
-
right:5px;
 
-
text-align:center;
 
-
background:#606060;
 
-
padding:15px;
 
-
font-style:Trebuchet MS;
 
-
font-weight:bold;
 
-
font-size:26px;
 
-
color:white;
 
-
}
 
-
 
-
.next a:hover
 
-
{
 
-
background:#C0C0C0;
 
-
color:#606060;
 
-
}
 
-
 
-
/******************************************************back button*****************************************************/
 
-
.back a
 
-
{
 
-
width:180px;
 
-
text-decoration:none;
 
-
color:white;
 
-
position:fixed;
 
-
bottom:5px;
 
-
left:5px;
 
-
text-align:center;
 
-
background:#606060;
 
-
padding:15px;
 
-
font-style:Trebuchet MS;
 
-
font-weight:bold;
 
-
font-size:26px;
 
-
color:white;
 
-
 
-
}
 
-
 
-
.back a:hover
 
-
{
 
-
background:#C0C0C0;
 
-
color:#606060;
 
}
}
Line 523: Line 216:
</head>
</head>
-
<body onLoad="blocking('submenu'); blocking('submenu2'); blocking('submenu3'); blocking('submenu4');
+
<body onLoad="hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3();
-
blocking('text'); blocking('text1'); blocking('text2'); blocking('text3');blocking('text4'); blocking('text5'); blocking('text6'); blocking('text7'); blocking('text8'); blocking('text9'); blocking('text10'); blocking('text11'); blocking('text12'); blocking('text13'); blocking('text14');blocking('text15'); hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3();hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5();">
+
              hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5();">
<div class="header">
<div class="header">
<div class="banner">
<div class="banner">
  <div class="igem">  
  <div class="igem">  
-
  <a>
+
  <a href="https://2013.igem.org/Main_Page">
           <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
           <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
           </a>
           </a>
Line 539: Line 232:
           <div class="central">  
           <div class="central">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/e/ea/Notebook1.png"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/8/89/ModellingMan.png"></a>
  </div>  
  </div>  
Line 549: Line 242:
</div>
</div>
-
<div class="global">
 
-
        <div class="container">
 
-
        <div id="block">
 
-
              <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
 
-
      <a href="https://2013.igem.org/Team:Manchester/Hometest" id="link1">Home</a>
 
-
        </div>
 
-
        <div id="block">
 
-
            <img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/>
 
-
                  <ul class="list">
 
-
                    <li><a href="#" id="link2">About</a>
 
-
                  <ul class="submenu" id="sub1">
 
-
    <li><a href="https://2013.igem.org/Team:Manchester/OurTeamtest" id="link2">Our Team</a></li>
 
-
                    <li><a href="https://igem.org/Team.cgi?year=2013" id="link2">Team Profile</a></li>
 
-
  </ul>
 
-
                    </li>
 
-
                  </ul>
 
-
        </div>
 
-
       
 
-
        <div id="block">
 
-
            <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
 
-
              <ul class="list">
 
-
                  <li><a href="https://2013.igem.org/Team:Manchester/Projecttest" id="link3">Project</a>
 
-
                <ul class="submenu">
 
-
    <li><a href="https://2013.igem.org/Team:Manchester/Aimtest2" id="link3">Aim</a></li>
 
-
    <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li>
 
-
                            <li><a href="#" id="link3">Lab Book</a></li>
 
-
                    <li><a href="#" id="link3">Contributions</a></li>
 
-
    <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li>
 
-
                            <li><a href="#" id="link3">Judging</a></li>                    
 
-
    <li><a href="https://2013.igem.org/Team:Manchester/Attributionstest" id="link3">Attributions</a></li>
 
-
        </ul>
 
-
                </li>
 
-
              </ul>
 
-
        </div>
 
-
        <div id="block">
 
-
            <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
 
-
              <ul class="list">
 
-
                  <li><a href="#" id="link6">Modelling</a>
 
-
                <ul class="submenu">
 
-
    <li><a href="#" id="link6">Fatty Acid Production</a></li>
 
-
    <li><a href="#" id="link6">Parameter Estimation</a></li>
 
-
                            <li><a href="#" id="link6">Modelling Collaboration</a></li>
 
-
        </ul>
 
-
                </li>
 
-
              </ul>
 
-
        </div>
 
-
        <div id="block">
 
-
            <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
 
-
            <ul class="list">
 
-
                  <li><a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" id="link4">Human Practices</a>
 
-
                <ul class="submenu" id="sub3">
 
-
    <li><a href="#" id="link4">Public Outreach</a>
 
-
<ul class="submenu1" >
 
-
  <a href="https://2013.igem.org/Team:Manchester/stars" id="link4">Science Stars</a></li>
 
-
  <a href="https://2013.igem.org/Team:Manchester/openday" id="link4">Open day</a></li>
 
-
</ul>
 
-
    </li>
 
-
                    <li><a href="#" id="link4">Ethics</a>
 
-
<ul class="submenu2" id="sub3">
 
-
    <a href="#" id="link4">Environmental Impact</a></li>
 
-
    <a href="#" id="link4">Economical Impact</a></li>
 
-
    <a href="#" id="link4">Impact Management</a></li>
 
-
    <a href="#" id="link4">Conclusion</a></li>
 
-
</ul>
 
-
    </li>
 
-
    <li><a href="#" id="link4">Business Plan</a></li>
 
-
                    <li><a href="#" id="link4">Knowledge Deficit Assumption</a></li>
 
-
                            <li><a href="#" id="link4">Conferences and Discussions</a></li>
 
-
                            <li><a href="#" id="link4">Social Media</a></li>
 
-
                </ul>
 
-
                  </li>
 
-
            </ul>
 
-
        </div>
 
-
        <div id="block">
 
-
            <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image5"/>
 
-
            <a href="#" id="link5">Sponsorship</a>
 
-
        </div>
 
-
 
-
</div>
 
-
<div class="wrapper" >
 
-
<ul class="menu">
 
-
      <li id="one"><a href="" onclick="blocking('submenu'); return false;">June</a>
 
-
                  <ul id="submenu">      
 
-
        <li id="one"><a href="" onclick="blocking('text'); return false;">Week 1</a>
 
-
<div id="text">
 
-
                            <p>Week 1 in the Manchester iGEM house...
 
-
Exams are over and we’ve officially started full-time work on the project! At the start of the week we had a big group meeting, complete with instructors and advisors, and were presented with our very own pins and stickers set. The pins quickly vanished, but we held on to the stickers for an Outreach activity we have in the pipeline (more on that on the Outreach page!). We took advantage of the rare sunshine and had our first (almost) group photo taken, to go in an article in the uni newsletter (and to also reveal what Team Manchester looks like to the rest of the world). We were introduced to our beautiful lab space, and are all really eager to get our hands/gloves dirty!  </p>
 
-
<p>The wiki designers have begun tweaking the page to make it a little more presentable for the masses and, apart from a little accident where Ali’s face was pasted over everyone else’s on the Team page, it’s going quite swimmingly!</p>
 
-
<p>After quickly realising that biology is SO COMPLEX, the main bulk of the team began an intensive literature search, looking for anything and everything that may be of use to us in the following weeks. We’ve located a BioBrick that we would really love to use and attempt to improve, but are having doubts about whether or not it is available for us to order. Hope so, or it’s back to square one! Fingers crossed.</p>
+
<div class="global">
-
 
+
<div class="wrapper" >
-
<p>Preliminary modelling research has also begun. None of the team has firsthand experience of modelling biology, so this should be interesting. We’re currently scouring the internet and some 1970s handbooks in search of kinetic information for the enzymes involved in prokaryotic fatty acid biosynthesis. One small step for man and all that. Wish us luck!</p>
+
<div class="mtextbox">
-
 
+
  <center><b><u>Key Achievements</b></u><br></center>
-
</div>
+
<center>• Produced iGEM's first ever model based on uncertainty analysis</center>
-
</li>
+
<center>• Used modelling to directly influence experimental and human practices work</center>
-
            <li id="two"><a href="" onclick="blocking('text1'); return false;">Week 2</a>
+
<center>• Utilised two different types of uncertainty modelling</center>
-
    <div id="text1">
+
<center>• Collaborated with other UK iGEM teams</center>
-
                              <p> Week 2 in the Manchester iGEM house... (that’s old now, I won’t use it again.)
+
</div>
-
This has been a busy week for the less sciencey aspects of the project. We finalised our team logo, made a great poster for a Community open day we will be attending in July, and made the final changes to the sponsor packet we will be sending out soon. The team attempted to split into two subteams: core experimental team and core modelling team. Despite working on these two separate things, the group still managed to come together regularly to update the others on any progress made. Both experimental and modelling research started in Week 1 was built upon, and we feel that we are at least going in the right direction! </p>
+
    <div class="column2">
-
 
+
      <a href="https://2013.igem.org/Team:Manchester/parametertest"><img src="https://static.igem.org/mediawiki/2013/4/4e/Enzymesensitivities.png" width="120" height="210" class="left"/></a>
-
<p>We put a request in for 3 BioBricks from the Repository, and are eagerly awaiting a response. Lab work will start soon. To begin with it will just be building up a stock of media and plates etc, but it will make the lab feel more like home. Which is good, because we plan on living there for the next 10 weeks.</p>
+
      <img src="https://static.igem.org/mediawiki/2013/2/22/Colourfulmodelmodelmodel.png" width="300" height="210" class="right"/>
-
 
+
                <p> Enzymes in the FAB pathway showed a lack of experimentally determined kinetic parameters. To account for this, we used probability distributions for each individual parameter defined with respect to the uncertainty of the value. We were then able to generate not one but a <i>series</i> of unbiased models to illustrate the FAB pathway. We believe that this innovative approach to modelling appropriately addresses uncertainties in biology and is important for use in future computational investigations.  
-
<p>We also met with Dr. Andy Balmer to have a chat about Human Practices. There was so much we hadn’t thought about! He definitely gave us a few things to consider, and we set a date for another meeting in Week 3. Following the meeting we thought it would be a good idea to appoint a Head of Human Practices and a Head of Ethics on the team, which fell to Rob and Tan respectively (congrats on your new job, here is a cake).</p>
+
      </p>        
-
 
+
</div>
-
<p>5 of the team will be visiting London in July for the first ever Young Synthetic Biologists meet-up! Accommodation and travel has already been paid, so now it’s just a matter of waiting for the day to come. We’ll be there with bells on (and also with a soil sample, at Norwich iGEM’s request!)</p>
+
-
</div>
+
-
</li>
+
-
        <li id="three"><a href="" onclick="blocking('text2'); return false;">Week 3</a>
+
-
    <div id="text2">
+
-
                              <p>This week we started thinking about our FadD knockout. After a meeting about primer design with our new supervisor, Jay; we found the gene sequence, worked out our primers and put them to order! Later in the week we had another meeting with Andy Balmer, which once again gave us a lot to think about. We’ve had a few lightbulb moments and we’re pretty excited to get stuck in! Back in the lab we found out that we didn’t have any supplies, but after a quick shopping trip we ended up with plenty of supplies...ok a LOT of supplies (Not sure if we’re going to get through 3000 1.5ml Eppendorf tubes). </p>
+
-
 
+
-
<p>Unfortunately, our first attempt at transformation failed, but to raise our spirits we had our first iGEM social! Divita cooked the team a fantastic curry, and we had a great time. The food adventures continued the next day when Elsa brought in some Icelandic dried fish: certainly something different! </p>
+
-
 
+
-
<p>Meanwhile all through the week, the modelling team have been doing a great job making the experimental team look bad. They’ve been learning how to use Copasi (made here in Manchester!) and are cross-referencing the data ready to start simulation.  </p>
+
-
 
+
-
 
+
-
</div>
+
-
</li>
+
-
        <li id="four"><a href="" onclick="blocking('text3'); return false;">Week 4</a>
+
-
    <div id="text3">
+
-
                            <p> Week 4 started off slowly, but by the end things were really starting to come together. We realised that the pkd46 plasmid we were trying to transform is heat sensitive, so heat-shocking and incubating at 37C really wasn’t the best idea! Instead we tried electroporation, which we managed to do first time, with some successful colonies! Hopefully the rest of the fadD knockout will now run smoothly. </p>
+
-
 
+
-
<p>After realising just how expensive biology can be, we’ve started to make a big push on the sponsorship front. So far this has led to some free kits from QIAGEN and a promotion for Ralf, who was addressed as Dr Wenz. </p>
+
-
 
+
-
<p>Unfortunately this week we also had to say goodbye to Ali and Johanna, who need to spend time on other projects. Luckily we can say hello to Marco (who will be helping in the lab) and Denis (who’s now in charge of designing our wiki. It’s good to have a computer scientist on the team!). </p>
+
-
 
+
-
<p>As you can see it’s been a fairly quiet week, but with our upcoming public outreach events and YSB 1.0, we’ve got a busy fortnight ahead of us!</p>
+
-
 
+
-
</div>
+
-
</li>
+
-
  </ul>
+
-
  </li>  
+
-
      <li id="one"><a href="" onclick="blocking('submenu2'); return false;">July</a>
+
-
    <ul id="submenu2">      
+
-
        <li id="one"><a href="" onclick="blocking('text4'); return false;">Week 5</a>
+
-
<div id="text4">
+
-
                              <p> This week has certainly been a mix of ups and downs! On Tuesday and Wednesday the outreach team ran 12 workshops for children aged 11-13 at the university’s Science Stars event. They taught the children about the structure of DNA by getting them to create a DNA molecule from Mario sweets (Mario pairs to Yoshi, Donkey Kong to Diddy Kong) and strawberry pencils. The activity was received amazingly well by the children and teachers alike. We also taught them about what synthetic biology is, and asked them to think what ideas they’d have as well as the ethical implications associated with them. Some of the ideas were phenomenal, and some were let’s say...a little more abstract. The team is doing the workshop again at the Community Open Day on Saturday, where they’ll be bringing SynBio to the wider public!</p>
+
-
 
+
-
<p>Unfortunately, experimental progress has been plagued by admin issues, delaying us from getting the FAS module and our primers. On the plus side our electrocompetent bacterial colonies were successful, meaning our Court-Lamba recombinase knockout of the fadD gene is ready for the next step! Now we just need our primers. Modelling have had a bit more success, but both subteams have had issues with finding the source for delta-9-desaturase. Fortunately, this was more or less resolved by the end of the week!</p>
+
-
 
+
-
<p>We also had another social! Elsa cooked the team a delicious vegetarian lasagna, we found out more about Jess’ love of rodents, and Rob tried (and failed) to do Bhangra dancing. </p>
+
-
 
+
-
<p>Next week most of the team is off to YSB 1.0 in London. We’re really looking forward to meeting the other UK iGEM teams!</p>
+
-
 
+
-
</div>
+
-
</li>
+
-
            <li id="two"><a href="" onclick="blocking('text5'); return false;">Week 6</a>
+
-
    <div id="text5">
+
-
                              <p> This has been a very exciting week of collaborations for us! At the start of the week we had a Google hangout with Perdue to discuss their idea to standardise entry of parts into the registry. It emerged that there are many issues raised when it comes to standardising modelling. We agreed to help them with this. By the end of the week, this had somewhat grown...</p>
+
-
 
+
-
<p>On Thursday we headed off to London for the very first Young Synthetic Biologists (YSB) conference. This was a big meeting of all the UK iGEM teams. On the first day we listened to presentations from each team in the morning. The afternoon featured workshops covering topics such as public engagement, business startups and bioart. </p>
+
-
 
+
-
<p>The second day brought big news to the team. After our presentation, we had a lot of interest in our model. This led to a huge collaboration with 8 other UK teams:  Edinburgh, Westminster, Dundee, Newcastle, UCL, York and (maybe) Imperial. Our plan is two fold:</p>
+
-
 
+
-
<p>1) Relating to the collaboration with Perdue, we are going to write some standardised pieces of code for use in the majority of the software. Also we would consider what essential pieces of information are needed for submission of a model. The idea being that one day we could have a standard registry for models. This is already being planned by iGEM, but we can use this project to provide feedback with what we'd want from it. </p>
+
-
 
+
-
<p>2) An idea of a page that gives teams an introduction to the modelling on the iGEM website in the same way we have intros to the lab work. This would involve video tutorials on the main programmes used in iGEM. Other teams liked the idea and would consider doing one for the software they are using during the summer. Between the 8 teams we have experts in 10 different pieces of software!</p>
+
-
 
+
-
<p>It appears big things could come from this project!</p>
+
-
 
+
-
 
+
-
</div>
+
-
</li>
+
-
        <li id="three"><a href="" onclick="blocking('text6'); return false;">Week 7</a>
+
-
    <div id="text6">
+
-
                             
+
-
<p>This week’s been a quiet one, but it’s given some fairly substantial progress for the experimental and human practice teams. </p>
+
-
 
+
-
<p>Experimentally, the FAS module arrived from Prof Mattheos Koffas of the Rensselaer Polytechnic Institute, Troy, New York. We successfully extracted lots of it (78ng/µl!). This FAS module will help increase fatty acid synthesis in our <i>E. coli</i> so we get a greater yield of product. We are incredibly grateful for Prof Koffas for his generosity in donating this module, as this will be a big help to our project. </p>
+
-
 
+
-
<p>In human practice news, the team first had a meeting with James Leigh, a chemistry PhD student who has worked with the Oxbridge Biotech Roundtable. He told the team some advice about how to organise a roundtable for a possible talk with industry we have in mind. It sounds like a lot of work, so we’re not sure if this is going to be a viable idea in the timescale we have left. There was also a meeting with Dr Catherine Rhodes, an expert in science ethics. She made us consider the rights needed to keep the Malaysian and Indonesian economies stable, and possible patenting issues with our project.<p>
+
-
 
+
-
<p>Even more economic progress was made (having Matt on the team was definitely a good decision!). We got concrete figures showing there is a link between palm oil growth and deforestation, that there is going to be a sharp rise in the price of naturally grown palm oil in the future (2020 and to go with this we made a graph to show the increase in Crude Palm Oil prices since 2005, which we plan to extrapolate. </p>
+
-
</div>
+
-
</li>
+
-
        <li id="four"><a href="" onclick="blocking('text7'); return false;">Week 8</a>
+
-
    <div id="text7">
+
-
                              <p>This week finally brought good news in sponsorship! We would like to thank the Hain Daniels Group and Eccelso for their very generous donations to our team! They are very much appreciated and will no doubt help us travel to the European jamboree. </p>
+
-
 
+
-
<p>The experimental team had some frustrations this week (it wouldn’t be real science without them!). After waiting a long time for our primers to arrive, they had some very confusing contamination after our PCR. The next challenge is to work out where it came from! The economics team drew up a list of things that need doing by time the project ends, and there’s lots of work to do! This week they found out that ‘sustainable’ palm oil isn’t as sustainable as you’d think. You can read much more about this on our ethics pages</p>
+
-
 
+
-
<p>At the end of the week we had another iGEM social where we tried the Icelandic delicacy of Hákarl (fermented shark). As you can imagine, it tasted bad but smelled even worse! The vegetable chilli that Jess made the team was much more appetising...</p>
+
-
</div>
+
-
</li>
+
-
  </ul>
+
-
  </li>
+
-
 
+
-
<li id="one"><a href="" onclick="blocking('submenu3'); return false;">August</a>
+
-
    <ul id="submenu3">      
+
-
        <li id="one"><a href="" onclick="blocking('text8'); return false;">Week 9</a>
+
-
<div id="text8">
+
-
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+
-
  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+
-
  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+
-
  esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+
-
  in culpa qui officia deserunt mollit anim id est laborum
+
-
</div>
+
-
</li>
+
-
            <li id="two"><a href="" onclick="blocking('text9'); return false;">Week 10</a>
+
-
    <div id="text9">
+
-
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+
-
  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+
-
  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+
-
  esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+
-
  in culpa qui officia deserunt mollit anim id est laborum
+
-
</div>
+
-
</li>
+
-
        <li id="three"><a href="" onclick="blocking('text10'); return false;">Week 11</a>
+
-
    <div id="text10">
+
-
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+
-
  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+
-
  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+
-
  esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+
-
  in culpa qui officia deserunt mollit anim id est laborum
+
-
</div>
+
-
</li>
+
-
        <li id="four"><a href="" onclick="blocking('text11'); return false;">Week 12</a>
+
-
    <div id="text11">
+
-
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+
-
  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+
-
  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+
-
  esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+
-
  in culpa qui officia deserunt mollit anim id est laborum
+
-
</div>
+
-
</li>
+
-
  </ul>
+
-
  </li>  
+
-
          <li id="one"><a href="" onclick="blocking('submenu4'); return false;">September</a>
+
-
    <ul id="submenu4">      
+
-
        <li id="one"><a href="" onclick="blocking('text12'); return false;">Week 13</a>
+
-
<div id="text12">
+
-
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+
-
  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+
-
  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+
-
  esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+
-
  in culpa qui officia deserunt mollit anim id est laborum
+
-
</div>
+
-
</li>
+
-
            <li id="two"><a href="" onclick="blocking('text13'); return false;">Week 14</a>
+
-
    <div id="text13">
+
-
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+
-
  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+
-
  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+
-
  esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+
-
  in culpa qui officia deserunt mollit anim id est laborum
+
-
</div>
+
-
</li>
+
-
        <li id="three"><a href="" onclick="blocking('text14'); return false;">Week 15</a>
+
-
    <div id="text14">
+
-
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+
-
  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+
-
  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+
-
  esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+
-
  in culpa qui officia deserunt mollit anim id est laborum
+
-
</div>
+
-
</li>
+
-
        <li id="four"><a href="" onclick="blocking('text15'); return false;">Week 16</a>
+
-
    <div id="text15">
+
-
                              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
+
-
  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+
-
  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+
-
  esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+
-
  in culpa qui officia deserunt mollit anim id est laborum
+
-
</div>
+
-
</li>
+
-
  </ul>
+
-
  </li>  
+
-
</ul>      
+
 +
             
 +
<div class="column2">
 +
        <a href="https://2013.igem.org/Team:Manchester/fabAmodeltest"><img src="https://static.igem.org/mediawiki/2013/4/46/FabAman.png" width="120" height="210" class="left"/></a>
 +
        <img src="https://static.igem.org/mediawiki/2013/4/48/FabA_cartoon_mesh.png" width="300" height="210" class="right"/>   
 +
                <p>Trying to experimentally study the overexpression of some enzymes critically involved in palm oil synthesis, as predicted by our “system” level model isn’t easy, particularly when they are involved in cyclic reactions (eg FAB pathway). Our strategy was to simply add a His-tag to the N- and C-terminus of βHACdH, but to make it even more complex βHACdH is a homodimer. Therefore, we did another model but this time of the molecular dynamics kind to see which terminal, if any, would be best to add the His-tags to.
 +
</p>       
 +
</div>
 +
           
 +
<div class="column2">
 +
      <a href="https://2013.igem.org/Team:Manchester/popdynamictest"><img src="https://static.igem.org/mediawiki/2013/8/84/DynamicMan.png" width="120" height="210" class="left"/></a>
 +
      <img src="https://static.igem.org/mediawiki/2013/9/9a/Popdynm.png" width="300" height="210" class="right"/>
 +
                <p> As part of our Human Practices investigations, we created a series of in depth population dynamics models to show the impact that the palm oil industry has on the population of the  Sumatran Orangutan. We were then able to project this into the future to demonstrate a series of likely scenarios. Sadly, things are looking pretty bleak for the Orangutan - however, it appears there could be a way to save them...
 +
      </p>       
 +
</div>
 +
           
 +
<div class="column2">
 +
      <a href="https://2013.igem.org/Team:Manchester/collabtest"><img src="https://static.igem.org/mediawiki/2013/b/b1/ModellingMan1.png" width="120" height="210" class="left"/></a>
 +
      <img src="https://static.igem.org/mediawiki/2013/e/e2/Collaboraboraboraboraboraboration.jpg" width="300" height="210" class="right"/>
 +
                <p> Here at Manchester iGEM team, we believe that modelling is a vital step in the production of any synthetic biology system. However, often the production of such models can be hindered or left out altogether due to lack of expertise and outside help. With this in mind, we enlisted the help of another two UK iGEM teams in a quest to educate the iGEM community about the software available to them.      </p>       
 +
</div>
</div>
</div>
-
      <div class="next">
 
-
        <a href="https://2013.igem.org/Team:Manchester/Projecttest" class="nextButton">Next</a>
 
-
      </div>
 
-
 
-
      <div class="back">
 
-
        <a href="https://2013.igem.org/Team:Manchester/Hometest" class="backButton">Previous</a>
 
-
      </div>
 
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 18:32, 26 October 2013

page

Top

Safety

Key Achievements
• Produced iGEM's first ever model based on uncertainty analysis
• Used modelling to directly influence experimental and human practices work
• Utilised two different types of uncertainty modelling
• Collaborated with other UK iGEM teams

Enzymes in the FAB pathway showed a lack of experimentally determined kinetic parameters. To account for this, we used probability distributions for each individual parameter defined with respect to the uncertainty of the value. We were then able to generate not one but a series of unbiased models to illustrate the FAB pathway. We believe that this innovative approach to modelling appropriately addresses uncertainties in biology and is important for use in future computational investigations.

Trying to experimentally study the overexpression of some enzymes critically involved in palm oil synthesis, as predicted by our “system” level model isn’t easy, particularly when they are involved in cyclic reactions (eg FAB pathway). Our strategy was to simply add a His-tag to the N- and C-terminus of βHACdH, but to make it even more complex βHACdH is a homodimer. Therefore, we did another model but this time of the molecular dynamics kind to see which terminal, if any, would be best to add the His-tags to.

As part of our Human Practices investigations, we created a series of in depth population dynamics models to show the impact that the palm oil industry has on the population of the Sumatran Orangutan. We were then able to project this into the future to demonstrate a series of likely scenarios. Sadly, things are looking pretty bleak for the Orangutan - however, it appears there could be a way to save them...

Here at Manchester iGEM team, we believe that modelling is a vital step in the production of any synthetic biology system. However, often the production of such models can be hindered or left out altogether due to lack of expertise and outside help. With this in mind, we enlisted the help of another two UK iGEM teams in a quest to educate the iGEM community about the software available to them.