Team:Manchester/Attributionstest

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/Navbartest3}}
 +
{{:Team:Manchester/Footer}}
<html>
<html>
<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: "17px"});
 
-
  });
 
-
  $("#block #link1").mouseleave(function() {
 
-
    $("#block #image1").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage1()
 
-
{
 
-
  $("#block #image1").mouseenter(function() {
 
-
    $("#block #image1").css({marginLeft: "17px"});
 
-
  });
 
-
    $("#block #image1").mouseleave(function() {
 
-
    $("#block #image1").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverLink2()
 
-
{
 
-
  $("#block #link2").hover(function() {
 
-
  $("#block #image2").toggleClass("expand");
 
-
  });
 
-
  $("#block #link2").mouseenter(function() {
 
-
    $("#block #image2").css({marginLeft: "17px"});
 
-
  });
 
-
  $("#block #link2").mouseleave(function() {
 
-
    $("#block #image2").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage2()
 
-
{
 
-
  $("#block #image2").mouseenter(function() {
 
-
    $("#block #image2").css({marginLeft: "17px"});
 
-
  });
 
-
  $("#block #image2").mouseleave(function() {
 
-
    $("#block #image2").css({marginLeft: "25px"});
 
-
          });
 
-
}
 
-
 
-
function hoverLink3()
 
-
{
 
-
  $("#block #link3").hover(function() {
 
-
  $("#block #image3").toggleClass("expand");
 
-
  });
 
-
  $("#block #link3").mouseenter(function() {
 
-
    $("#block #image3").css({marginLeft: "15px"});
 
-
  });
 
-
  $("#block #link3").mouseleave(function() {
 
-
    $("#block #image3").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage3()
 
-
{
 
-
  $("#block #image3").mouseenter(function() {
 
-
    $("#block #image3").css({marginLeft: "15px"});
 
-
  });
 
-
    $("#block #image3").mouseleave(function() {
 
-
    $("#block #image3").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverLink4()
 
-
{
 
-
  $("#block #link4").hover(function() {
 
-
  $("#block #image4").toggleClass("expand");
 
-
  });
 
-
  $("#block #link4").mouseenter(function() {
 
-
    $("#block #image4").css({marginLeft: "15px"});
 
-
  });
 
-
  $("#block #link4").mouseleave(function() {
 
-
    $("#block #image4").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage4()
 
-
{
 
-
  $("#block #image4").mouseenter(function() {
 
-
    $("#block #image4").css({marginLeft: "15px"});
 
-
  });
 
-
    $("#block #image4").mouseleave(function() {
 
-
    $("#block #image4").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverLink5()
 
-
{
 
-
  $("#block #link5").hover(function() {
 
-
  $("#block #image5").toggleClass("expand");
 
-
  });
 
-
  $("#block #link5").mouseenter(function() {
 
-
    $("#block #image5").css({marginLeft: "17px"});
 
-
  });
 
-
  $("#block #link5").mouseleave(function() {
 
-
    $("#block #image5").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
function hoverImage5()
 
-
{
 
-
  $("#block #image5").mouseenter(function() {
 
-
    $("#block #image5").css({marginLeft: "17px"});
 
-
  });
 
-
    $("#block #image5").mouseleave(function() {
 
-
    $("#block #image5").css({marginLeft: "25px"});
 
-
  });
 
-
}
 
-
 
-
</script>
 
<style type="text/css">
<style type="text/css">
Line 138: Line 14:
}
}
-
#content
+
#content, body
{
{
background-color:#F2F2F2;
background-color:#F2F2F2;
-
}
 
-
 
-
body
 
-
{
 
-
background:#F2F2F2;
 
}
}
Line 188: Line 59:
{
{
float:left;
float:left;
-
margin-left:110px;
+
margin-left:100px;
-
margin-right:20px;
+
margin-right:30px;
}
}
Line 196: Line 67:
float:left;
float:left;
margin-left:50px;
margin-left:50px;
 +
}
 +
 +
.global
 +
{
 +
position:relative;
 +
width:950px;
 +
height:1600px;
}
}
Line 202: Line 80:
position:absolute;
position:absolute;
clear:both;
clear:both;
-
width:700px;
+
width:940px;
-
height:500px;
+
top:120px;
-
top:110px;
+
left:0;
-
left:150px;
+
padding:10px;
padding:10px;
background-color:white;
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);
+
}
}
-
.text
+
/*.text
{
{
-
width:600px;
+
clear:both;
-
height:400px;
+
width:900px;
-
margin:35px auto;
+
margin:10px auto;
-
padding:10px;
+
-
background-color:#F2F2F2;
+
-
-webkit-border-radius: 10px;
 
-
border-radius: 10px;
 
}
}
.text p
.text p
{
{
-
margin:5px 5px 5px 5px;
+
background:#F2F2F2;
-
line-height:24px;
+
-
background-color:#F2F2F2;
+
-
padding:10px;
+
text-align:justify;
text-align:justify;
-
text-indent:50px;
+
color:black;
-
color:#660099;
+
-
color:#660099;
+
font-family:Trebuchet MS;
font-family:Trebuchet MS;
font-size:14px;
font-size:14px;
-
}
+
padding:10px;
 +
color:#4c0082;
-
.container
+
-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);
 +
}*/
 +
 
 +
.text
{
{
-
height:90px;
+
margin:10px;
-
width:560px;
+
width:900px;
-
margin:0 auto;
+
font-style:Trebuchet MS;
-
position:absolute;
+
font-size:14px;
-
top:5px;
+
color:#4c0082;
-
left:200px;
+
background-color:#F2F2F2;
-
z-index:100;
+
padding:10px;
-
background:#F2F2F2;
+
-
}
+
-
#block
+
-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);
-
float:left;
+
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
width:100px;
+
-
margin:5px;
+
}
}
-
#block a
+
.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
{
{
-
display:block;
+
width:120px;
-
text-decoration: none;
+
text-decoration:none;
-
background-color: #660099;
+
color:white;
 +
text-align:center;
 +
background:#606060;
 +
padding:5px;
 +
font-style:Trebuchet MS;
 +
font-weight:bold;
 +
font-size:12px;
color:white;
color:white;
-
font-size: 14px;
 
-
font-family: Trebuchet MS;
 
-
font-weight: bold;
 
-
border-radius: 5px;
 
-
width: 60px;
 
-
margin:0 auto;
 
-
text-align: center;
 
-
padding: 3px;
 
-
color:#F2F2F2;
 
-
 
-
transition-duration:0.1s;
 
-
transition-timing-function:linear;
 
}
}
-
#block img
+
.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
{
{
-
transition-duration:0.1s;
+
background:#C0C0C0;
-
transition-timing-function:linear;
+
color:#606060;
-
margin:0 25px;
+
-
display:block;
+
}
}
-
#block img:hover
+
.leftbar
{
{
-
width:65px;
+
width:120px;
-
height:65px;
+
height:600px;
 +
position:fixed;
 +
top:120px;
 +
left:5px;
}
}
-
#block .list
+
.block1 a
{
{
-
margin:0;
+
background:#660099;
 +
float:left;
 +
display:block;
 +
padding:5px;
}
}
-
#block .list li
+
.block2 a
{
{
 +
display:block;
display:block;
-
list-style:none;
+
float:left;
 +
margin-top:1px;
 +
padding:5px;
}
}
-
#block .list .submenu
+
.block3 a
{
{
-
display:none;
+
 
-
clear: both;
+
display:block;
-
margin:0;
+
float:left;
-
display: none;
+
margin-top:1px;
 +
padding:5px;
}
}
-
#block .list .submenu li
+
.block4 a
{
{
-
list-style:none;
+
display:block;
-
display: block;
+
float:left;
-
margin:0;
+
margin-top:1px;
-
float: none;
+
padding:5px;
}
}
-
#block .list .submenu li a
+
.block5 a
{
{
-
clear:both;
 
display:block;
display:block;
-
border:1px solid #4C0082;
+
float:left;
-
margin:0 auto;
+
margin-top:1px;
-
width:90px;
+
padding:5px;
}
}
-
#block .list li:hover .submenu
+
.block6 a
{
{
display:block;
display:block;
 +
float:left;
 +
margin-top:1px;
 +
padding:5px;
}
}
-
.expand
+
.block7 a
{
{
-
width:65px;
+
display:block;
-
height:65px;
+
float:left;
 +
margin-top:1px;
 +
padding:5px;
}
}
-
.global
+
.block8 a
{
{
-
position:relative;
+
background:#bc80ea;
-
width:950px;
+
display:block;
-
height:1600px;
+
float:left;
 +
margin-top:1px;
 +
padding:5px;
}
}
Line 354: Line 229:
</head>
</head>
-
<body onLoad="blocking('submenu'); blocking('submenu2'); blocking('submenu3'); blocking('submenu4');
+
<body>
-
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();">
+
<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 381: Line 255:
<div class="global">
<div class="global">
-
<div class="container">
+
<div class="wrapper" >
-
        <div id="block">
+
      <div class="text">                
-
              <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
+
          <p><i>All experimental, modelling and human practices research and work was undertaken by the team unless otherwise explicitly stated here.</i><br>
-
      <a href="#" id="link1">Home</a>
+
We are so grateful to everyone who has helped us over the course of our project, without you all this would have been impossible! Thanks especially go to our advisors, who let us use their lab equipment and many reagents without hesitation. We really appreciate everything.<br>
-
        </div>
+
<br>
-
 
+
Thank you, in particular, to:<br>
-
        <div id="block">
+
<br>
-
            <img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/>
+
<b>Our Instructors:</b><br>
-
                  <ul class="list">
+
<i>Prof. Eriko Takano</i> and <i>Prof. Rainer Breitling</i>, for letting us use your lab space, helping us plan our project timeline efficiently, and giving very useful advice on how we can progress with our project both experimentally and in modelling<br>
-
                    <li><a href="#" id="link2">About</a>
+
<br>
-
                  <ul class="submenu" id="sub1">
+
<b>Our advisors:</b><br>
-
        <li><a href="#" id="link2">Our Team</a></li>
+
<i>Dr. Karl Payne</i>, for assisting with gene synthesis, being an invaluable source of advice and for not getting annoyed with us constantly asking for aliquots of competent cells!<br>
-
                        <li><a href="#" id="link2">Team Profile</a></li>
+
<br>
-
  </ul>
+
<i>Dr. Nicholas Rattray</i>, for carrying out the quenching and extraction of metabolites from cell cultures and running our samples in the Orbitrap LC-MS<br>
-
                    </li>
+
<br>
-
                  </ul>
+
<i>Dr. Vicky Jackson</i>, for assisting both in the lab and with the model<br>
-
        </div>
+
<br>
-
 
+
<i>Dr. Wayne Aubrey</i>, for providing us with basic lab training at the start of the project, and providing us with advice and reagents<br>
-
        <div id="block">
+
<br>
-
            <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
+
<i>Dr. Neil Swainston</i>, for offering guidance on our model, and providing introductory tutorials to the software used<br>
-
              <ul class="list">
+
<br>
-
                  <li><a href="#" id="link3">Project</a>
+
<i>Dr. Nicole Leferink</i>, for providing us restriction enzymes and competent cells<br>
-
                <ul class="submenu">
+
<br>
-
    <li><a href="#" id="link3">Aim</a></li>
+
<i>Dr. Jayendra Shankar</i>, for guiding us through the fadD knockout, and providing us with lab consumables<br>
-
                    <li><a href="#" id="link3">Modelling</a></li>
+
<br>
-
    <li><a href="#" id="link3">Notebook</a></li>
+
<i>Denis Abramov</i>, for implementing our designs for the wiki<br>
-
                    <li><a href="#" id="link3">Contributions</a></li>
+
<br>
-
    <li><a href="#" id="link3">Safety</a></li>
+
<i>Beata Czajkowska</i>, for donating lab equipment and helping us order consumables from stores<br>
-
                    <li><a href="#" id="link3">Human Proctices</a></li>
+
<br>
-
    <li><a href="#" id="link3">Attributions</a></li>
+
<i>Nick Weise</i>, for providing us with reagents for making the FAS media, introducing us to the nanodrop machine and always being on hand if we needed any advice<br>
-
        </ul>
+
<br>
-
                </li>
+
<b>Others:</b><br>
-
              </ul>
+
<i>Prof. Mattheos Koffas</i>, for providing us with the FAS module<br>
-
        </div>
+
<br>
-
 
+
<i>Dr. Andy Balmer</i>, for having early discussions with us that helped us to delve deeper into the world of human practices and the knowledge deficit assumption<br>
-
        <div id="block">
+
<br>
-
            <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
+
<i>Jérémy Férrant</i>, for providing us with software to allow us to randomly generate values for parameters for the model<br>
-
            <ul class="list">
+
<br>
-
                  <li><a href="#" onclick="javascript:openMenu('sub3')" id="link4">Outreach</a>
+
<i>Dr. Nigel Hodson of the University of Manchester BioAFM Facility</i>, for donating his time to view our samples using AFM and charging us discount price<br>
-
                <ul class="submenu" id="sub3">
+
<br>
-
    <li><a href="#" id="link4">Event 1</a></li>
+
<i>Dr. Matthew Hickman</i>, for discussing how to do public outreach effectively, leading to our successful Science Stars and open day events<br>
-
                    <li><a href="#" id="link4">Event 2</a></li>
+
<br>
-
    <li><a href="#" id="link4">Event 3</a></li>
+
<i>Dr. Catherine Rhodes</i>, for having a chat about economic concepts such as the impact of biofuels and patenting with us<br>
-
                    <li><a href="#" id="link4">Event 4</a></li>
+
<br>
-
                </ul>
+
<i>Dr Rosalind le Feuvre and Chris Cowan</i>, for assisting with financial matters<br>
-
                  </li>
+
<br>
-
            </ul>
+
<i>Dr. Tanya Aspinall</i>, for providing the team with a health and safety induction<br>
-
        </div>
+
<br>
-
 
+
<i>Lesley-Ann Miller</i>, for assisting with organising travel arrangements for the jamboree<br>
-
        <div id="block">
+
<br>
-
            <img src="https://static.igem.org/mediawiki/2013/c/cb/Sponsors.gif" width="50" height="50" id="image5"/>
+
<i>Katy Denniff & colleagues</i>, for organising the community open day, where we had a stall<br>
-
            <a href="#" id="link5">Sponsors</a>
+
<br>
-
        </div>
+
<i>Rose Richardson & colleagues</i>, for organising the science stars event, where we had a workshop<br>
 +
          </div>
</div>
</div>
-
               
 
-
<div class="wrapper">
 
-
        <div class="text">
 
-
    <p>
 
-
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.Lorem ipsum dolor sit amet,
 
-
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 
-
ut labore et dolore magna liqua. 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.Lorem ipsum dolor sit amet,
 
-
consectetur adipisicing elit, ed do eiusmod tempor incididunt
 
-
</p>
 
-
</div>
 
-
</div>
 
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 16:06, 26 October 2013

page

Top

Safety

All experimental, modelling and human practices research and work was undertaken by the team unless otherwise explicitly stated here.
We are so grateful to everyone who has helped us over the course of our project, without you all this would have been impossible! Thanks especially go to our advisors, who let us use their lab equipment and many reagents without hesitation. We really appreciate everything.

Thank you, in particular, to:

Our Instructors:
Prof. Eriko Takano and Prof. Rainer Breitling, for letting us use your lab space, helping us plan our project timeline efficiently, and giving very useful advice on how we can progress with our project both experimentally and in modelling

Our advisors:
Dr. Karl Payne, for assisting with gene synthesis, being an invaluable source of advice and for not getting annoyed with us constantly asking for aliquots of competent cells!

Dr. Nicholas Rattray, for carrying out the quenching and extraction of metabolites from cell cultures and running our samples in the Orbitrap LC-MS

Dr. Vicky Jackson, for assisting both in the lab and with the model

Dr. Wayne Aubrey, for providing us with basic lab training at the start of the project, and providing us with advice and reagents

Dr. Neil Swainston, for offering guidance on our model, and providing introductory tutorials to the software used

Dr. Nicole Leferink, for providing us restriction enzymes and competent cells

Dr. Jayendra Shankar, for guiding us through the fadD knockout, and providing us with lab consumables

Denis Abramov, for implementing our designs for the wiki

Beata Czajkowska, for donating lab equipment and helping us order consumables from stores

Nick Weise, for providing us with reagents for making the FAS media, introducing us to the nanodrop machine and always being on hand if we needed any advice

Others:
Prof. Mattheos Koffas, for providing us with the FAS module

Dr. Andy Balmer, for having early discussions with us that helped us to delve deeper into the world of human practices and the knowledge deficit assumption

Jérémy Férrant, for providing us with software to allow us to randomly generate values for parameters for the model

Dr. Nigel Hodson of the University of Manchester BioAFM Facility, for donating his time to view our samples using AFM and charging us discount price

Dr. Matthew Hickman, for discussing how to do public outreach effectively, leading to our successful Science Stars and open day events

Dr. Catherine Rhodes, for having a chat about economic concepts such as the impact of biofuels and patenting with us

Dr Rosalind le Feuvre and Chris Cowan, for assisting with financial matters

Dr. Tanya Aspinall, for providing the team with a health and safety induction

Lesley-Ann Miller, for assisting with organising travel arrangements for the jamboree

Katy Denniff & colleagues, for organising the community open day, where we had a stall

Rose Richardson & colleagues, for organising the science stars event, where we had a workshop