Team:Manchester/Projecttest

From 2013.igem.org

(Difference between revisions)
 
(87 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 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 134: Line 16:
#content, body
#content, body
{
{
-
background-color:#ccc;
+
background-color:#F2F2F2;
}
}
Line 149: Line 31:
-moz-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);
box-shadow: 0px 0px 5px 0px rgba(76,0,130,1);
-
 
-
/*-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);*/
 
}
}
Line 181: Line 59:
{
{
float:left;
float:left;
-
margin-left:100px;
+
margin-left:90px;
-
margin-right:30px;
+
margin-right:10px;
}
}
Line 191: Line 69:
}
}
-
.container
+
.global
 +
{
 +
position:relative;
 +
width:950px;
 +
height:1000px;
 +
}
 +
 
 +
  .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
{
{
-
height:90px;
 
-
width:560px;
 
-
margin:0 auto;
 
-
background-color:#ccc;
 
position:absolute;
position:absolute;
-
top:5px;
+
clear:both;
-
left:200px;
+
width:990px;
-
z-index:100;
+
height:870px;
-
border:1px solid black;
+
top:120px;
 +
left:-20px;
 +
padding:10px;
 +
background-color:white;
 +
 
 +
-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
+
#content1, #content3, #content5
{
{
float:left;
float:left;
-
width:100px;
+
margin-bottom:10px;
-
margin:5px;
+
width:470px;
 +
height:230px;
 +
background:#ccc;
 +
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);
}
}
-
#block a
+
#content1 p, #content3 p, #content5 p 
{
{
-
display:block;
+
margin:0;
-
text-decoration: none;
+
width:285px;
-
background-color: #660099;
+
height:180px;
-
color:white;
+
float:left;
-
font-size: 14px;
+
font-family: Trebuchet MS;
font-family: Trebuchet MS;
-
font-weight: bold;
+
font-size:15px;
-
border-radius: 5px;
+
padding:10px;
-
width: 60px;
+
background:#F2F2F2;
-
margin:0 auto;
+
color:#4c0082;
-
text-align: center;
+
text-align:justify;
-
padding: 3px;
+
-
color:#F2F2F2;
+
-
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
+
#content1 img, #content3 img, #content5 img
{
{
-
transition-duration:0.1s;
+
float:right;
-
transition-timing-function:linear;
+
margin-right:5px;
-
margin:0 25px;
+
        /*-moz-border-radius:6px;
-
display:block;
+
        -webkit-border-radius:6px;
 +
        border-radius: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 img:hover
+
#content1 .myButton, #content2 .myButton, #content3 .myButton, #content4 .myButton, #content5 .myButton, #content6 .myButton
{
{
-
width:65px;
+
clear:both;
-
height:65px;
+
margin-top:5px;      
-
}
+
        /*-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
 +
        -webkit-box-shadow:inset 0px 1px 0px 0px #efdcfb;
 +
        box-shadow:inset 0px 1px 0px 0px #efdcfb;*/
 +
-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);
 +
       
 +
        background-color:#bc80ea;
 +
       
 +
        display:inline-block;
 +
        color:#ffffff;
 +
        font-family:trebuchet MS;
 +
        font-size:15px;
 +
        font-weight:bold;
 +
        padding:6px 24px;     
 +
        text-shadow:0px 1px 0px #9752cc;
 +
        text-decoration:none;
 +
        text-align:center;       
-
#block .list
+
        text-shadow:0px 1px 0px #9b14b3;
-
{
+
        width:255px;
-
margin:0;
+
    }
 +
 +
#content1 .myButton:hover, #content2 .myButton:hover, #content3 .myButton:hover, #content4 .myButton:hover,
 +
#content5 .myButton:hover, #content6 .myButton:hover
 +
{            
 +
background-color:#dfbdfa;
}
}
-
 
+
-
#block .list li
+
#content1 .myButton:active, #content2 .myButton:active, #content3 .myButton:active, #content4 .myButton:active,
 +
#content5 .myButton:hover, #content6 .myButton:hover         
{
{
-
display:block;
+
        position:relative;
-
list-style:none;
+
        top:1px;
}
}
-
#block .list .submenu
+
#content2 .myButton, #content4 .myButton, #content6 .myButton
{
{
-
display:none;
+
margin-left:12px;
-
clear: both;
+
-
margin:0;
+
-
display: none;
+
}
}
-
#block .list .submenu li
+
#content2, #content4, #content6
{
{
-
list-style:none;
+
float:right;
-
display: block;
+
margin-bottom:10px;
-
margin:0;
+
width:470px;
-
float: none;
+
height:230px;
-
}
+
background:#ccc;
 +
padding:10px;
-
#block .list .submenu li a
+
-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);
-
clear:both;
+
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-
display:block;
+
-
border:1px solid #4C0082;
+
-
margin:0 auto;
+
-
width:90px;
+
}
}
-
#block .list li:hover .submenu
+
#content2 img, #content4 img, #content6 img
{
{
-
display:block;
+
float:left;
 +
margin:0 5px 5px 0;
 +
-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);
}
}
-
.wrapper
+
#content2 p, #content4 p, #content6 p
{
{
-
position:absolute;
+
float:right;
-
clear:both;
+
width:285px;
-
width:800px;
+
height:180px;
-
top:110px;
+
margin:0;
-
left:70px;
+
font-family: Trebuchet MS;
 +
font-size:15px;
padding:10px;
padding:10px;
-
background-color:#ccc;
+
background:#F2F2F2;
-
border:1px solid black;
+
color:#4c0082;
 +
text-align:justify;
-
-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 10px 2px rgba(102,0,153,1);
+
-
-moz-box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);
+
-
box-shadow: 0px 0px 10px 2px rgba(102,0,153,1);
+
}
}
-
.expand
+
hr
{
{
-
width:65px;
+
clear: both;
-
height:65px;
+
border: 0;  
-
}
+
height: 0;
-
 
+
border-top: 1px solid rgba(0, 0, 0, 0.1);  
-
.global
+
border-bottom: 1px solid rgba(255, 255, 255, 0.3);  
-
{
+
-
position:relative;
+
-
width:950px;
+
-
height:1600px;
+
-
border:1px solid black;
+
}
}
Line 328: Line 255:
<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 338: Line 265:
           <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/9/90/ProjectMan.png"></a>
  </div>  
  </div>  
Line 349: Line 276:
<div class="global">
<div class="global">
-
<div class="container">
+
<div class="wrapper" >
-
        <div id="block">
+
<div class="mtextbox">
-
              <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
+
  <b><u>Key Achievements</u></b><br>
-
      <a href="#" id="link1">Home</a>
+
• Created three biobricks<br>
-
        </div>
+
• Used an expression vector based on standard parts to successfully characterise biobricks<br>
-
 
+
• Improvement of a biobrick
-
        <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="#" id="link2">Our Team</a></li>
+
-
                        <li><a href="#" 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="#" id="link3">Project</a>
+
-
                <ul class="submenu">
+
-
    <li><a href="#" id="link3">Aim</a></li>
+
-
                    <li><a href="#" id="link3">Modelling</a></li>
+
-
    <li><a href="#" id="link3">Notebook</a></li>
+
-
                    <li><a href="#" id="link3">Contributions</a></li>
+
-
    <li><a href="#" id="link3">Safety</a></li>
+
-
                    <li><a href="#" id="link3">Human Proctices</a></li>
+
-
    <li><a href="#" id="link3">Attributions</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="#" onclick="javascript:openMenu('sub3')" id="link4">Outreach</a>
+
-
                <ul class="submenu" id="sub3">
+
-
    <li><a href="#" id="link4">Event 1</a></li>
+
-
                    <li><a href="#" id="link4">Event 2</a></li>
+
-
    <li><a href="#" id="link4">Event 3</a></li>
+
-
                    <li><a href="#" id="link4">Event 4</a></li>
+
-
                </ul>
+
-
                  </li>
+
-
            </ul>
+
-
        </div>
+
-
 
+
-
        <div id="block">
+
-
            <img src="https://static.igem.org/mediawiki/2013/c/cb/Sponsors.gif" width="50" height="50" id="image5"/>
+
-
            <a href="#" id="link5">Sponsors</a>
+
-
        </div>
+
</div>
</div>
-
 
+
        <div id="content1">
-
<div id="wrapper">
+
-
<p> ssasasa </p>
+
-
      <!--<div id="content1">
+
             <p>  
             <p>  
-
Lorem ipsum dolor sit amet, consectetur adipisicing
+
The mass deforestation in Indonesia and Malaysia to make room for oil palm plantations is one of the biggest issues of our time. Not only does it result in the extinction of many endangered species, it’s also having a massive impact on the amount of CO<sub>2</sub> released into the atmosphere. That’s where we come in...
-
elit, sed do eiusmod tempor incididunt ut labore et dolore
+
        </p>
-
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
+
                        <img src="https://static.igem.org/mediawiki/2013/7/7e/Aimresized.jpg" height="230" width="150"/>     
-
ullamco laboris nisi ut aliquip ex ea commodo consequat.  
+
<a href="https://2013.igem.org/Team:Manchester/Aimtest2" class="myButton" > PROJECT OVERVIEW </a>
-
Duis aute irure dolor in reprehenderit in voluptate velit
+
-
esse cillum dolore eu fugiat nulla pariatur.
+
 +
  </div>
 +
 +
  <div id="content2">
 +
  <img src="https://static.igem.org/mediawiki/2013/f/fd/Safety3.jpg" height="230" width="150"/>     
 +
            <p>
 +
Promoting safety within the lab, and also within the wider synthetic biology community, is paramount to the success of this research area. Here we consider how lab work can be made as safe as possible, and also how we would ensure our project remains safe if it became a commercial success.
 +
 +
</p>         
 +
            <a href="https://2013.igem.org/Team:Manchester/Safetytest" class="myButton" > SAFETY </a>
 +
  </div>
 +
 +
    <div id="content3">
 +
            <p>
 +
Over the course of the summer we documented our progress weekly, both as a way for the team to remain as organised as possible and also as a way to allow future teams to see how we developed the project through the weeks. Also sometimes it is nice to show off.
 +
            </p>
 +
                        <img src="https://static.igem.org/mediawiki/2013/c/cb/Notebookresized.jpg" height="230" width="150"/>     
 +
<a href="https://2013.igem.org/Team:Manchester/Notebooktest2" class="myButton" >NOTEBOOK </a>
 +
 +
 +
  </div>
-
<a href="#" class="myButton" > READ </a>
+
  <div id="content4">
-
</p>
+
  <img src="https://static.igem.org/mediawiki/2013/3/30/Labbook3.jpg" height="230" width="150"/>
-
<img src="Logo.gif" height="200" width="150"/>      
+
            <p>  
-
  </div>-->
+
Can’t have an iGEM team without a lab book! Here you will find a list of protocols, some general and some more project-specific, that we have been using during the project.
-
</div>
+
</p>         
 +
            <a href="https://2013.igem.org/Team:Manchester/LabBooktest" class="myButton" > LAB BOOK </a>
 +
  </div>
 +
 
 +
        <div id="content5">
 +
            <p>
 +
We think the work we’ve done during this uncharacteristically hot summer has what it takes to win some medals/prizes! Click here to see our completed Judging Form and a medalling checklist.
 +
 
 +
          </p>
 +
                        <img src="https://static.igem.org/mediawiki/2013/2/29/Judge.jpg" height="230" width="150"/> 
 +
<a href="https://2013.igem.org/Team:Manchester/medaltest" class="myButton" > JUDGING</a>
 +
  </div>
 +
 
 +
  <div id="content6">
 +
  <img src="https://static.igem.org/mediawiki/2013/9/9f/Projectpartspageresized.jpg" height="230" width="150"/>
 +
            <p>
 +
Click here to see the list of the BioBricks we have sent in to the Registry of Standard Biological Parts, in addition to detailed information about our characterisation.
 +
 +
</p>         
 +
            <a href="https://2013.igem.org/Team:Manchester/contributiontest" class="myButton" > PARTS CONTRIBUTION </a>
 +
  </div>  
</div>
</div>
</div>
</div>

Latest revision as of 19:41, 15 October 2013

page

Top

Safety

Key Achievements
• Created three biobricks
• Used an expression vector based on standard parts to successfully characterise biobricks
• Improvement of a biobrick

The mass deforestation in Indonesia and Malaysia to make room for oil palm plantations is one of the biggest issues of our time. Not only does it result in the extinction of many endangered species, it’s also having a massive impact on the amount of CO2 released into the atmosphere. That’s where we come in...

PROJECT OVERVIEW

Promoting safety within the lab, and also within the wider synthetic biology community, is paramount to the success of this research area. Here we consider how lab work can be made as safe as possible, and also how we would ensure our project remains safe if it became a commercial success.

SAFETY

Over the course of the summer we documented our progress weekly, both as a way for the team to remain as organised as possible and also as a way to allow future teams to see how we developed the project through the weeks. Also sometimes it is nice to show off.

NOTEBOOK

Can’t have an iGEM team without a lab book! Here you will find a list of protocols, some general and some more project-specific, that we have been using during the project.

LAB BOOK

We think the work we’ve done during this uncharacteristically hot summer has what it takes to win some medals/prizes! Click here to see our completed Judging Form and a medalling checklist.

JUDGING

Click here to see the list of the BioBricks we have sent in to the Registry of Standard Biological Parts, in addition to detailed information about our characterisation.

PARTS CONTRIBUTION

Retrieved from "http://2013.igem.org/Team:Manchester/Projecttest"