Team:Manchester/conferencetest

From 2013.igem.org

(Difference between revisions)
 
(41 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
-
 
{{:Team:Manchester/Footer}}
{{:Team:Manchester/Footer}}
Line 27: Line 26:
  }
  }
-
function hoverLink1()
+
function hover1()
{
{
-
   $("#block #link1").hover(function() {
+
   $("#block").hover(function() {
       $("#block #image1").toggleClass("expand");
       $("#block #image1").toggleClass("expand");
  });
  });
-
   $("#block #link1").mouseenter(function() {
+
   $("#block").mouseenter(function() {
    $("#block #image1").css({marginLeft: "40px"});
    $("#block #image1").css({marginLeft: "40px"});
  });
  });
-
   $("#block #link1").mouseleave(function() {
+
   $("#block").mouseleave(function() {
-
    $("#block #image1").css({marginLeft: "50px"});  
+
    $("#block #image1").css({marginLeft: "50px"});
   });
   });
}
}
-
function hoverImage1()
+
function hover2()
{
{
-
   $("#block #image1").mouseenter(function() {
+
   $("#block").mouseenter(function() {
    $("#block #image1").css({marginLeft: "40px"});
    $("#block #image1").css({marginLeft: "40px"});
  });
  });
-
     $("#block #image1").mouseleave(function() {
+
     $("#block").mouseleave(function() {
-
    $("#block #image1").css({marginLeft: "50px"});  
+
    $("#block #image1").css({marginLeft: "50px"});
   });
   });
}
}
-
function hoverLink2()
+
function hover3()
{
{
-
   $("#block #link2").hover(function() {
+
   $("#block1").hover(function() {
-
  $("#block #image2").toggleClass("expand");
+
      $("#block1 #image2").toggleClass("expand");
  });
  });
-
   $("#block #link2").mouseenter(function() {
+
   $("#block1").mouseenter(function() {
-
    $("#block #image2").css({marginLeft: "40px"});
+
    $("#block1 #image2").css({marginLeft: "40px"});
  });
  });
-
   $("#block #link2").mouseleave(function() {
+
   $("#block1").mouseleave(function() {
-
    $("#block #image2").css({marginLeft: "50px"});  
+
    $("#block1 #image2").css({marginLeft: "50px"});
   });
   });
 +
  $("#block1").mouseenter(function() {
 +
      $("#block1 .submenu").show();
 +
  });
 +
  $("#block1").mouseleave(function() {
 +
      $("#block1 .submenu").hide();
 +
  });
}
}
-
function hoverImage2()
+
function hover4()
{
{
-
   $("#block #image2").mouseenter(function() {
+
   $("#block2").hover(function() {
-
    $("#block #image2").css({marginLeft: "40px"});
+
      $("#block2 #image3").toggleClass("expand");
-
  });
+
-
  $("#block #image2").mouseleave(function() {
+
-
    $("#block #image2").css({marginLeft: "50px"});
+
-
          });
+
-
}
+
-
 
+
-
function hoverLink3()
+
-
{
+
-
  $("#block #link3").hover(function() {
+
-
  $("#block #image3").toggleClass("expand");
+
  });
  });
-
   $("#block #link3").mouseenter(function() {
+
   $("#block2").mouseenter(function() {
-
    $("#block #image3").css({marginLeft: "40px"});
+
    $("#block2 #image3").css({marginLeft: "40px"});
  });
  });
-
   $("#block #link3").mouseleave(function() {
+
   $("#block2").mouseleave(function() {
-
    $("#block #image3").css({marginLeft: "50px"});  
+
    $("#block2 #image3").css({marginLeft: "50px"});
   });
   });
-
}
+
   $("#block2").mouseenter(function() {
-
 
+
      $("#block2 .submenu").show();
-
function hoverImage3()
+
-
{
+
-
   $("#block #image3").mouseenter(function() {
+
-
    $("#block #image3").css({marginLeft: "40px"});
+
-
  });
+
-
    $("#block #image3").mouseleave(function() {
+
-
    $("#block #image3").css({marginLeft: "50px"});  
+
   });
   });
 +
  $("#block2").mouseleave(function() {
 +
      $("#block2 .submenu").hide();
 +
  });
}
}
-
function hoverLink4()
+
 
 +
function hover5()
{
{
-
   $("#block #link4").hover(function() {
+
   $("#block3").hover(function() {
-
  $("#block #image4").toggleClass("expand");
+
      $("#block3 #image6").toggleClass("expand");
  });
  });
-
   $("#block #link4").mouseenter(function() {
+
   $("#block3").mouseenter(function() {
-
    $("#block #image4").css({marginLeft: "40px"});
+
    $("#block3 #image6").css({marginLeft: "40px"});
  });
  });
-
   $("#block #link4").mouseleave(function() {
+
   $("#block3").mouseleave(function() {
-
    $("#block #image4").css({marginLeft: "50px"});  
+
    $("#block3 #image6").css({marginLeft: "50px"});
   });
   });
-
}
+
   $("#block3").mouseenter(function() {
-
 
+
      $("#block3 .submenu").show();
-
function hoverImage4()
+
-
{
+
-
   $("#block #image4").mouseenter(function() {
+
-
    $("#block #image4").css({marginLeft: "40px"});
+
-
  });
+
-
    $("#block #image4").mouseleave(function() {
+
-
    $("#block #image4").css({marginLeft: "50px"});  
+
   });
   });
 +
  $("#block3").mouseleave(function() {
 +
      $("#block3 .submenu").hide();
 +
  });
}
}
-
function hoverLink5()
+
function hover6()
{
{
-
   $("#block #link5").hover(function() {
+
   $("#block4").hover(function() {
-
  $("#block #image5").toggleClass("expand");
+
      $("#block4 #image4").toggleClass("expand");
  });
  });
-
   $("#block #link5").mouseenter(function() {
+
   $("#block4").mouseenter(function() {
-
    $("#block #image5").css({marginLeft: "40px"});
+
    $("#block4 #image4").css({marginLeft: "40px"});
  });
  });
-
   $("#block #link5").mouseleave(function() {
+
   $("#block4").mouseleave(function() {
-
    $("#block #image5").css({marginLeft: "50px"});  
+
    $("#block4 #image4").css({marginLeft: "50px"});
   });
   });
-
}
+
   $("#block4").mouseenter(function() {
-
 
+
      $("#block4 .submenu").show();
-
function hoverImage5()
+
-
{
+
-
   $("#block #image5").mouseenter(function() {
+
-
    $("#block #image5").css({marginLeft: "40px"});
+
-
  });
+
-
    $("#block #image5").mouseleave(function() {
+
-
    $("#block #image5").css({marginLeft: "50px"});  
+
   });
   });
 +
  $("#block4").mouseleave(function() {
 +
      $("#block4 .submenu").hide();
 +
  });
}
}
-
function hoverLink6()
+
function hover7()
{
{
-
   $("#block #link6").hover(function() {
+
   $("#block5").hover(function() {
-
  $("#block #image6").toggleClass("expand");
+
      $("#block5 #image5").toggleClass("expand");
  });
  });
-
   $("#block #link6").mouseenter(function() {
+
   $("#block5").mouseenter(function() {
-
    $("#block #image6").css({marginLeft: "40px"});
+
    $("#block5 #image5").css({marginLeft: "40px"});
  });
  });
-
   $("#block #link6").mouseleave(function() {
+
   $("#block5").mouseleave(function() {
-
    $("#block #image6").css({marginLeft: "50px"});  
+
    $("#block5 #image5").css({marginLeft: "50px"});
   });
   });
-
}
+
   $("#block5").mouseenter(function() {
-
 
+
      $("#block5 .submenu").show();
-
function hoverImage6()
+
-
{
+
-
   $("#block #image6").mouseenter(function() {
+
-
    $("#block #image6").css({marginLeft: "40px"});
+
-
  });
+
-
    $("#block #image6").mouseleave(function() {
+
-
    $("#block #image6").css({marginLeft: "50px"});  
+
   });
   });
 +
  $("#block5").mouseleave(function() {
 +
      $("#block5 .submenu").hide();
 +
  });
}
}
-
 
</script>
</script>
Line 244: Line 223:
background-color:#F2F2F2;
background-color:#F2F2F2;
position:absolute;
position:absolute;
-
top:15px;
+
top:20px;
left:0;
left:0;
-
z-index:300;
+
z-index:100;
}
}
-
#block
+
#block, #block1, #block2, #block3, #block4, #block5
{
{
float:left;
float:left;
width:150px;
width:150px;
-
margin:0 6px;
+
height:80px;
-
 
+
margin:0 5px;
}
}
-
#block a
+
#block a, #block1 a, #block2 a, #block3 a, #block4 a, #block5 a
{
{
display:block;
display:block;
Line 274: Line 253:
border:1px solid #4C0082;
border:1px solid #4C0082;
 +
 +
-webkit-transition-duration:0.1s;
 +
-webkit-timing-function:linear;
transition-duration:0.1s;
transition-duration:0.1s;
transition-timing-function:linear;
transition-timing-function:linear;
}
}
-
#block img
+
#block img,#block1 img,#block2 img,#block3 img,#block4 img, #block5 img
{
{
 +
-webkit-transition-duration:0.1s;
 +
-webkit-timing-function:linear;
transition-duration:0.1s;
transition-duration:0.1s;
transition-timing-function:linear;
transition-timing-function:linear;
Line 286: Line 270:
}
}
-
#block img:hover
+
#block img:hover,#block1 img:hover,#block2 img:hover,#block3 img:hover,#block4 img:hover, #block5 img:hover
{
{
width:65px;
width:65px;
Line 292: Line 276:
}
}
-
#block .list
+
#block .list,#block1 .list,#block2 .list,#block3 .list,#block4 .list
{
{
margin:0;
margin:0;
}
}
-
#block .list li
+
#block .list li, #block1 .list li, #block2 .list li, #block3 .list li, #block4 .list li
{
{
display:block;
display:block;
list-style:none;
list-style:none;
 +
margin:0;
}
}
-
#block .list .submenu, .submenu1, .submenu2
+
.submenu
{
{
position:relative;
position:relative;
Line 320: Line 305:
}
}
-
#block .list .submenu li a
+
#block1 .list .submenu li a, #block2 .list .submenu li a, #block3 .list .submenu li a, #block4 .list .submenu li a
{
{
clear:both;
clear:both;
Line 333: Line 318:
}
}
-
#block .list li .submenu li:hover .submenu1 a
+
#block4 .list .submenu li .submenu1, #block4 .list .submenu li .submenu2
 +
{
 +
margin:0;
 +
}
 +
 +
#block4 .list .submenu li .submenu1 a, #block4 .list .submenu li .submenu2 a
{
{
-
clear:both;
 
-
display:block;
 
-
border:1px solid #4C0082;
 
margin:0 auto;
margin:0 auto;
-
width:100px;
+
width:110px;
-
font-size: 12px;
+
font-size: 13px;
font-family: Trebuchet MS;
font-family: Trebuchet MS;
font-weight: bold;
font-weight: bold;
color:black;
color:black;
-
background:#ffcc33;
+
background-color:#FFCC33;
}
}
-
#block .list .submenu a:hover  
+
#block4 .list .submenu li .submenu1 a:hover, #block4 .list .submenu li .submenu2 a:hover
{
{
 +
color:white;
display:block;
display:block;
background:#A901DB;
background:#A901DB;
}
}
-
#block .list li:hover .submenu
+
#block1 .list .submenu li a:hover, #block2 .list .submenu li a:hover, #block2 .list .submenu li a:hover,
 +
#block3 .list .submenu li a:hover, #block4 .list .submenu li a:hover
{
{
display:block;
display:block;
 +
background:#A901DB;
}
}
-
.submenu li:hover .submenu1
+
#block .list li:hover .submenu
{
{
display:block;
display:block;
-
position:absolute;
 
-
left:145px;
 
-
top:0;
 
}
}
-
.submenu li:hover .submenu2
+
.expand
{
{
-
display:block;
+
-webkit-transition-duration:0.1s;
-
position:absolute;
+
-webkit-timing-function:linear;
-
left:145px;
+
transition-duration:0.1s;
-
top:28px;
+
transition-timing-function:linear;
-
}
+
-
#block .list li .submenu li:hover .submenu2 a
 
-
{
 
-
clear:both;
 
-
display:block;
 
-
border:1px solid #4C0082;
 
-
margin:0 auto;
 
-
width:150px;
 
-
font-size: 12px;
 
-
font-family: Trebuchet MS;
 
-
font-weight: bold;
 
-
color:black;
 
-
background:#FFCC33;
 
-
}
 
-
 
-
.expand
 
-
{
 
width:65px;
width:65px;
height:65px;
height:65px;
Line 408: Line 378:
}
}
-
.text1, .text2
+
.video
 +
{
 +
margin:0;
 +
}
 +
 
 +
.text1
 +
{
 +
margin:20px;
 +
width:900px;
 +
background-color:#F2F2F2;
 +
padding: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);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.text2
{
{
margin:20px;
margin:20px;
width:900px;
width:900px;
-
height:200px;
 
-
font-style:Trebuchet MS;
 
-
font-size:14px;
 
-
color:#4c0082;
 
background-color:#F2F2F2;
background-color:#F2F2F2;
padding:10px;
padding:10px;
Line 428: Line 411:
margin:20px;
margin:20px;
width:900px;
width:900px;
-
height:500px;
+
background-color:#F2F2F2;
 +
padding: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);
 +
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
 +
}
 +
 
 +
.text1 p, .text2 p, .text3 p
 +
{
font-style:Trebuchet MS;
font-style:Trebuchet MS;
font-size:14px;
font-size:14px;
color:#4c0082;
color:#4c0082;
-
background-color:#F2F2F2;
 
padding:10px;
padding:10px;
 +
background-color:#E6E6E6;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
Line 442: Line 434:
.slider
.slider
{
{
-
margin-top:30px;
+
margin-top:10px;
margin-left:150px;
margin-left:150px;
width:600px;
width:600px;
Line 449: Line 441:
z-index:200;
z-index:200;
-
-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);
 
-
}
 
-
 
-
.shading .right
 
-
{
 
-
float:left;
 
-
margin:10px 10px 5px 0;
 
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-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);
Line 468: Line 451:
width:600px;
width:600px;
height:300px;
height:300px;
 +
}
 +
 +
.block1 a, .block2 a, .block3 a, .block4 a, .block5 a, .block6 a, .block7 a, .block8 a, .block9 a, .block10 a, .block11 a, .block12 a, .block13 a
 +
{
 +
width:120px;
 +
text-decoration:none;
 +
color:white;
 +
text-align:center;
 +
background:#606060;
 +
padding:5px;
 +
font-style:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:12px;
 +
color:white;
 +
}
 +
 +
.block1 a:hover, .block2 a:hover, .block3 a:hover, .block4 a:hover, .block5 a:hover, .block6 a:hover, .block7 a:hover, .block8 a:hover, .block9 a:hover, .block10 a:hover, .block11 a:hover, .block12 a:hover, .block13 a:hover
 +
{
 +
background:#C0C0C0;
 +
color:#606060;
 +
}
 +
 +
.leftbar
 +
{
 +
width:120px;
 +
height:600px;
 +
position:fixed;
 +
top:120px;
 +
left:5px;
 +
}
 +
 +
.block1 a
 +
{
 +
background:#660099;
 +
float:left;
 +
display:block;
 +
padding:5px;
 +
}
 +
 +
.block2 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block3 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block4 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block5 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block6 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block7 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block8 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
 +
padding:5px;
 +
}
 +
 +
.block9 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block10 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block11 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block12 a
 +
{
 +
background:#bc80ea;
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
 +
}
 +
 +
.block13 a
 +
{
 +
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
}
}
Line 473: Line 591:
</head>
</head>
-
<body onLoad="showImage(); hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3();
+
<body onLoad="showImage(); hover1(); hover2(); hover3(); hover4(); hover5(); hover6(); hover7();">
-
              hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5(); hoverLink6(); hoverImage6();">
+
<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 489: Line 606:
           <div class="central">  
           <div class="central">  
-
    <a><img src="https://static.igem.org/mediawiki/2013/d/d5/Safety.jpg"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2013/6/6b/ConferenceMan.png"></a>
  </div>  
  </div>  
Line 503: Line 620:
         <div id="block">
         <div id="block">
               <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
               <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>
+
      <a href="https://2013.igem.org/Team:Manchester/Hometest3" id="link1">Home</a>
         </div>
         </div>
-
         <div id="block">
+
         <div id="block1">
             <img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/>
             <img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/>
                   <ul class="list">
                   <ul class="list">
-
                     <li><a href="#" id="link2">About</a>
+
                     <li><a href="https://2013.igem.org/Team:Manchester/OurTeamtest" id="link2">Team</a>
-
                  <ul class="submenu" id="sub1">
+
                  <ul class="submenu">
-
    <li><a href="https://2013.igem.org/Team:Manchester/OurTeamtest" id="link2">Our Team</a></li>
+
                    <li><a href="https://igem.org/Team.cgi?id=1027" target="_blank">Team Profile</a></li>
-
                    <li><a href="https://igem.org/Team.cgi?year=2013" id="link2">Team Profile</a></li>
+
  </ul>
  </ul>
                     </li>
                     </li>
Line 518: Line 634:
         </div>
         </div>
          
          
-
         <div id="block">
+
         <div id="block2">
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
               <ul class="list">
               <ul class="list">
                   <li><a href="https://2013.igem.org/Team:Manchester/Projecttest" id="link3">Project</a>
                   <li><a href="https://2013.igem.org/Team:Manchester/Projecttest" id="link3">Project</a>
                <ul class="submenu">
                <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/Aimtest2" id="link3">Project Overview</a></li>
    <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li>
    <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li>
                             <li><a href="https://2013.igem.org/Team:Manchester/LabBooktest" id="link3">Lab Book</a></li>
                             <li><a href="https://2013.igem.org/Team:Manchester/LabBooktest" id="link3">Lab Book</a></li>
-
                    <li><a href="https://2013.igem.org/Team:Manchester/contributiontest" id="link3">Contributions</a></li>
+
                    <li><a href="https://2013.igem.org/Team:Manchester/contributiontest" id="link3">Parts</a></li>
    <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li>
    <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li>
                             <li><a href="https://2013.igem.org/Team:Manchester/medaltest" id="link3">Judging</a></li>                      
                             <li><a href="https://2013.igem.org/Team:Manchester/medaltest" id="link3">Judging</a></li>                      
Line 535: Line 651:
         </div>
         </div>
-
         <div id="block">
+
         <div id="block3">
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
               <ul class="list">
               <ul class="list">
                   <li><a href="https://2013.igem.org/Team:Manchester/Modellingtest" id="link6">Modelling</a>
                   <li><a href="https://2013.igem.org/Team:Manchester/Modellingtest" id="link6">Modelling</a>
                <ul class="submenu">
                <ul class="submenu">
-
    <li><a href="https://2013.igem.org/Team:Manchester/fattytest" id="link6">Fatty Acid Production</a></li>
+
   
-
    <li><a href="https://2013.igem.org/Team:Manchester/parametertest" id="link6">Parameter Estimation</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/parametertest" id="link6">Uncertainty Analysis</a></li>
 +
                            <li><a href="https://2013.igem.org/Team:Manchester/fabAmodeltest" id="link6">FabA Dynamics Model</a></li>
 +
                          <li><a href="https://2013.igem.org/Team:Manchester/popdynamictest" id="link6">Population Dynamics</a></li>
                             <li><a href="https://2013.igem.org/Team:Manchester/collabtest" id="link6">Modelling Collaboration</a></li>
                             <li><a href="https://2013.igem.org/Team:Manchester/collabtest" id="link6">Modelling Collaboration</a></li>
        </ul>
        </ul>
Line 548: Line 666:
         </div>
         </div>
-
         <div id="block">
+
         <div id="block4">
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
             <ul class="list">
             <ul class="list">
                   <li><a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" id="link4">Human Practices</a>
                   <li><a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" id="link4">Human Practices</a>
-
                <ul class="submenu" id="sub3">
+
                <ul class="submenu">
    <li><a href="https://2013.igem.org/Team:Manchester/outreachtest" id="link4">Public Outreach</a>
    <li><a href="https://2013.igem.org/Team:Manchester/outreachtest" id="link4">Public Outreach</a>
-
<ul class="submenu1" >
+
<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/stars" id="link4">Science Stars</a></li>
  <a href="https://2013.igem.org/Team:Manchester/openday" id="link4">Open day</a></li>
  <a href="https://2013.igem.org/Team:Manchester/openday" id="link4">Open day</a></li>
Line 560: Line 678:
    </li>
    </li>
                    <li><a href="https://2013.igem.org/Team:Manchester/ethicstest" id="link4">Ethics</a>
                    <li><a href="https://2013.igem.org/Team:Manchester/ethicstest" id="link4">Ethics</a>
-
<ul class="submenu2" id="sub3">
+
<ul class="submenu2">
-
    <a href="https://2013.igem.org/Team:Manchester/environmenttest" id="link4">Environmental Impact</a></li>
+
  <li><a href="https://2013.igem.org/Team:Manchester/environmenttest" id="link4">Environmental Impact</a></li>
-
    <a href="https://2013.igem.org/Team:Manchester/economytest" id="link4">Economical Impact</a></li>
+
  <li><a href="https://2013.igem.org/Team:Manchester/economytest" id="link4">Economic Impact</a></li>
-
    <a href="https://2013.igem.org/Team:Manchester/managementtest" id="link4">Impact Management</a></li>
+
  <li><a href="https://2013.igem.org/Team:Manchester/managementtest" id="link4">Impact Management</a></li>
-
    <a href="https://2013.igem.org/Team:Manchester/conclusiontest" id="link4">Conclusion</a></li>
+
  <li><a href="https://2013.igem.org/Team:Manchester/conclusiontest" id="link4">Conclusion</a></li>
</ul>
</ul>
    </li>
    </li>
-
    <li><a href="https://2013.igem.org/Team:Manchester/businesstest" id="link4">Business Plan</a></li>
+
                            <li><a href="https://2013.igem.org/Team:Manchester/businesstest" id="link4">Business Plan</a></li>
 +
    <li><a href="https://2013.igem.org/Team:Manchester/collabtest" id="link4">Modelling Collaboration</a></li>
                    <li><a href="https://2013.igem.org/Team:Manchester/knoledgetest" id="link4">Knowledge Deficit Assumption</a></li>
                    <li><a href="https://2013.igem.org/Team:Manchester/knoledgetest" id="link4">Knowledge Deficit Assumption</a></li>
                             <li><a href="https://2013.igem.org/Team:Manchester/conferencetest" id="link4">Conferences and Discussions</a></li>
                             <li><a href="https://2013.igem.org/Team:Manchester/conferencetest" id="link4">Conferences and Discussions</a></li>
Line 576: Line 695:
         </div>
         </div>
-
         <div id="block">
+
         <div id="block5">
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image5"/>
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image5"/>
             <a href="https://2013.igem.org/Team:Manchester/sponsorstest" id="link5">Sponsorship</a>
             <a href="https://2013.igem.org/Team:Manchester/sponsorstest" id="link5">Sponsorship</a>
Line 582: Line 701:
 
 
</div>
</div>
 +
<div class="wrapper">
<div class="wrapper">
-
          <div class="text1">
+
    <div class="text1">
-
             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
+
             <p><b>MadLab panel discussion - 7th February 2013</b><br>
-
          </div>
+
The first conference that the team attended was organised by the Manchester Digital Lab (MadLab). MadLab is a community project that organises events in many different disciplines, but the team was most interested in the DIY Bio event that we stumbled across. A panel discussion was held called ‘Local Bioeconomies’, themed around what synthetic biology can do, and public literacy of this subject. The panelists included; Asa Calow, DIY Biologist and Founder and Director of the MadLab in Manchester; John O'Shea, artist and creator of the world's first bio-engineered football; Philipp Boeing, UCL iGEM ‘11/‘12 and London Biohackers; and Rod Dillon, lecturer in biomedicine, School of Health and Medicine, Lancaster University.<br>
 +
After the panel discussion, the team mingled with the speakers and the other guests and got some useful feedback for our early project ideas, and also some valuable advice about how to successfully plan and execute an iGEM project in general. It was a really interesting event that properly kicked off our thinking into human practices. You can watch a video all about it below!</p>
 +
 
 +
        <div class="video">
 +
              <!--<video width="900" height="300" controls>
 +
              <source src="https://static.igem.org/mediawiki/2013/7/79/Small.ogg" type='video/ogg; codecs="theora, vorbis"'/>
 +
              <p>Your browser either does not support HTML5 or cannot handle MediaWiki open video formats. Please consider upgrading your browser or switching to a Firefox or Chrome install.</p>-->
 +
              <iframe src="//player.vimeo.com/video/60157353" width="900" height="320" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 +
        </div>
 +
    </div>
           <div class="text2">
           <div class="text2">
-
             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
+
             <p><b>Future Perspectives in Synthetic Biology - 8th February 2013</b><br>
-
           </div>
+
The following day, 8th February, the team attended a conference hosted by the University of Manchester, titled “Future Perspectives in Synthetic Biology”. The guests and speakers in attendance were a mix of academics from within the university interested in biotechnology, and industry representatives from such companies as GlaxoSmithKline and Syngenta. We already had some project ideas in mind at this point, but the various talks by faculty staff and guest speakers proved very useful for narrowing down our search. We gave a very brief presentation to the guests, introducing the iGEM competition and what it entails. <br>
 +
Coffee and lunch breaks were used as networking opportunities! We presented a poster with more in-depth details of iGEM and encouraged the attendees, in particular the industry representatives, to speak with us. <br>
 +
Overall, we feel that attending this conference really bolstered our knowledge about synthetic biology in general, and what applications it is currently being used for. The talks were very interesting and some even inspired new project ideas!</p>
 +
           <img src="https://static.igem.org/mediawiki/2013/b/b3/Man3.jpg" width="900"/>
 +
</div>
 +
          <div class="text2">
 +
            <p><b>Eccelso Presentation</b><br>
 +
In July, Rob and Ralf gave a presentation to a representative from Eccelso, a company specialising in the production of vegetable fats and margarine. We presented our ideas to them, and they explained how palm oil products are used in the industry. Talking to somebody with direct experience of using our potential future product was very useful, and their advice helped us to decide whether to create our fatty acids all in one production batch or in multiple batches. In addition to the great advice, they also provided us with sponsorship. Thanks Eccelso!</p>
 +
          </div>
 +
         
       <div class="text3">
       <div class="text3">
-
           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
+
           <p><b>Young Synthetic Biologists (YSB 1.0) - 12th July 2013</b><br>
 +
In July, half of the team (the rest were either graduating or attending family weddings - slackers!) travelled down to London to take part in the first ever Young Synthetic Biologists conference (YSB 1.0). Since we couldn’t make the SynBio 6.0 conference we were ready to make the most of this opportunity to network with fellow budding synthetic biologists!<br>
 +
 
 +
Over the course of the weekend we participated in both a poster and oral presentation, gave feedback on the other teams’ projects and received some interesting opinions on our own work (mainly concerning our model, lots of people were very interested in it!) Various workshops were provided and so we split up and each went to a separate one, we thought we might as well aim to get as much out of the conference as possible. The workshops proved to be a great way to network with the other teams, and quite soon Jess had rallied some other teams into attempting a modelling collaboration (more of that over on its specific <a href="https://2013.igem.org/Team:Manchester/Modellingtest" target="_blank"> modelling page</a>). <br>
 +
 
 +
Overall it was a great experience and we’re looking forward to seeing everyone again in Lyon!</p>
           <div class="slider">
           <div class="slider">
Line 598: Line 741:
          <img src="https://static.igem.org/mediawiki/2013/5/55/Ysb2.jpg" id="2"/>
          <img src="https://static.igem.org/mediawiki/2013/5/55/Ysb2.jpg" id="2"/>
          <img src="https://static.igem.org/mediawiki/2013/2/2a/Ysb3.jpg" id="3"/>
          <img src="https://static.igem.org/mediawiki/2013/2/2a/Ysb3.jpg" id="3"/>
-
                   <img src="https://static.igem.org/mediawiki/2013/6/6f/Stars6.jpg" id="4"/>
+
                   <img src="https://static.igem.org/mediawiki/2013/3/3d/Ysb4.jpg" id="4"/>
-
                   <img src="https://static.igem.org/mediawiki/2013/0/0b/Stars7.jpg" id="5"/>
+
                   <img src="https://static.igem.org/mediawiki/2013/3/36/Ysb5.jpg" id="5"/>
-
          <img src="https://static.igem.org/mediawiki/2013/b/be/Stars10.jpg" id="6"/>
+
          <img src="https://static.igem.org/mediawiki/2013/4/46/Ysb6.jpg" id="6"/>
-
          <img src="https://static.igem.org/mediawiki/2013/1/19/Stars11.jpg" id="7"/>
+
          <img src="https://static.igem.org/mediawiki/2013/3/3f/Ysb7.jpg" id="7"/>
-
                   <img src="https://static.igem.org/mediawiki/2013/b/b2/Stars12.jpg" id="8"/>
+
                   <img src="https://static.igem.org/mediawiki/2013/9/9f/Ysb8.jpg" id="8"/>
-
                   <img src="https://static.igem.org/mediawiki/2013/c/c5/Stars16.png" id="9"/>
+
                   <img src="https://static.igem.org/mediawiki/2013/6/69/Ysb10.jpg" id="9"/>
 +
                  <img src="https://static.igem.org/mediawiki/2013/a/a0/Ysb12.jpg" id="10"/>
 +
          <img src="https://static.igem.org/mediawiki/2013/4/4b/Ysb14.jpg" id="11"/>
 +
                  <img src="https://static.igem.org/mediawiki/2013/6/60/Ysb16.jpg" id="12"/>
 +
                  <img src="https://static.igem.org/mediawiki/2013/7/7a/Ysb17.jpg" id="13"/>
         </div>
         </div>
 +
</div>
 +
 +
<div class="text3">
 +
<p><b>Meeting With Environmental Activists - 18th September 2013</b><br>
 +
After finishing most of our factual background research for our human practices, we thought it would be good to hear what different members of society thought of what we were planning. As part of this we contacted a local branch of a national environmental group (as the opinions of the members present may not be representative of the larger organisation, they wish to remain anonymous). This conversation was very interesting, and the group was very grateful for it as they said there is not enough two-way dialogue between scientists and environmentalists. We discussed a wide range of topics, from things directly linking to our project such as flaws of the RSPO and governance issues, to more general topics such as the relationship between scientists and the general public.<br>
 +
<br>
 +
These meetings, in addition to conversations with other industry representatives from around the world, informed nearly all aspects of our project. In particular, the ideas discussed have been summarised in our essay, entitled <a href="https://2013.igem.org/Team:Manchester/knoledgetest" target="_blank">‘Public Attitudes To Science and the Knowledge Deficit Assumption: How To Avoid A Crisis Of Confidence’</a>)
 +
</p>
       </div>
       </div>
</div>
</div>
 +
                                 
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 17:26, 24 October 2013

Top

Safety

MadLab panel discussion - 7th February 2013
The first conference that the team attended was organised by the Manchester Digital Lab (MadLab). MadLab is a community project that organises events in many different disciplines, but the team was most interested in the DIY Bio event that we stumbled across. A panel discussion was held called ‘Local Bioeconomies’, themed around what synthetic biology can do, and public literacy of this subject. The panelists included; Asa Calow, DIY Biologist and Founder and Director of the MadLab in Manchester; John O'Shea, artist and creator of the world's first bio-engineered football; Philipp Boeing, UCL iGEM ‘11/‘12 and London Biohackers; and Rod Dillon, lecturer in biomedicine, School of Health and Medicine, Lancaster University.
After the panel discussion, the team mingled with the speakers and the other guests and got some useful feedback for our early project ideas, and also some valuable advice about how to successfully plan and execute an iGEM project in general. It was a really interesting event that properly kicked off our thinking into human practices. You can watch a video all about it below!

Future Perspectives in Synthetic Biology - 8th February 2013
The following day, 8th February, the team attended a conference hosted by the University of Manchester, titled “Future Perspectives in Synthetic Biology”. The guests and speakers in attendance were a mix of academics from within the university interested in biotechnology, and industry representatives from such companies as GlaxoSmithKline and Syngenta. We already had some project ideas in mind at this point, but the various talks by faculty staff and guest speakers proved very useful for narrowing down our search. We gave a very brief presentation to the guests, introducing the iGEM competition and what it entails.
Coffee and lunch breaks were used as networking opportunities! We presented a poster with more in-depth details of iGEM and encouraged the attendees, in particular the industry representatives, to speak with us.
Overall, we feel that attending this conference really bolstered our knowledge about synthetic biology in general, and what applications it is currently being used for. The talks were very interesting and some even inspired new project ideas!

Eccelso Presentation
In July, Rob and Ralf gave a presentation to a representative from Eccelso, a company specialising in the production of vegetable fats and margarine. We presented our ideas to them, and they explained how palm oil products are used in the industry. Talking to somebody with direct experience of using our potential future product was very useful, and their advice helped us to decide whether to create our fatty acids all in one production batch or in multiple batches. In addition to the great advice, they also provided us with sponsorship. Thanks Eccelso!

Young Synthetic Biologists (YSB 1.0) - 12th July 2013
In July, half of the team (the rest were either graduating or attending family weddings - slackers!) travelled down to London to take part in the first ever Young Synthetic Biologists conference (YSB 1.0). Since we couldn’t make the SynBio 6.0 conference we were ready to make the most of this opportunity to network with fellow budding synthetic biologists!
Over the course of the weekend we participated in both a poster and oral presentation, gave feedback on the other teams’ projects and received some interesting opinions on our own work (mainly concerning our model, lots of people were very interested in it!) Various workshops were provided and so we split up and each went to a separate one, we thought we might as well aim to get as much out of the conference as possible. The workshops proved to be a great way to network with the other teams, and quite soon Jess had rallied some other teams into attempting a modelling collaboration (more of that over on its specific modelling page).
Overall it was a great experience and we’re looking forward to seeing everyone again in Lyon!

Meeting With Environmental Activists - 18th September 2013
After finishing most of our factual background research for our human practices, we thought it would be good to hear what different members of society thought of what we were planning. As part of this we contacted a local branch of a national environmental group (as the opinions of the members present may not be representative of the larger organisation, they wish to remain anonymous). This conversation was very interesting, and the group was very grateful for it as they said there is not enough two-way dialogue between scientists and environmentalists. We discussed a wide range of topics, from things directly linking to our project such as flaws of the RSPO and governance issues, to more general topics such as the relationship between scientists and the general public.

These meetings, in addition to conversations with other industry representatives from around the world, informed nearly all aspects of our project. In particular, the ideas discussed have been summarised in our essay, entitled ‘Public Attitudes To Science and the Knowledge Deficit Assumption: How To Avoid A Crisis Of Confidence’)