Team:Manchester/Projecttest

From 2013.igem.org

(Difference between revisions)

Latest revision as of 19:41, 15 October 2013

page

Home

Team
- Team Profile

Project
- Project Overview
- Notebook
- Lab Book
- Parts
- Safety
- Judging
- Attributions

Modelling

Human Practices

Sponsorship

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 CO₂ 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

@@ Line 1: / Line 1: @@
 {{:Team:Manchester/layout/noheader}}
+{{:Team:Manchester/Navbartest3}}
+{{:Team:Manchester/Footer}}
 <html>
 <head>
 <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">
@@ Line 178: / Line 59: @@
 {
 float:left;
-margin-left:110px;
+margin-left:90px;
-margin-right:20px;
+margin-right:10px;
 }
@@ Line 187: / Line 68: @@
 margin-left:50px;
 }
+.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
@@ Line 192: / Line 95: @@
 position:absolute;
 clear:both;
-width:940px;
+width:990px;
-top:110px;
+height:870px;
-left:0;
+top:120px;
+left:-20px;
 padding:10px;
-background-color:#CCC;
+background-color:white;
 -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
@@ Line 206: / Line 110: @@
 {
 float:left;
-margin:0;
+margin-bottom:10px;
 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);
 }
 #content1 p, #content3 p, #content5 p
 {
-margin:0 5px;
+margin:0;
-width:300px;
+width:285px;
+height:180px;
 float:left;
 font-family: Trebuchet MS;
 font-size:15px;
+padding:10px;
+background:#F2F2F2;
+color:#4c0082;
+text-align:justify;
+-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);
 }
 #content1 img, #content3 img, #content5 img
 {
-position:relative;
+float:right;
-top:0;
+margin-right:5px;
+        /*-moz-border-radius:6px;
+        -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);
@@ Line 230: / Line 153: @@
 #content1 .myButton, #content2 .myButton, #content3 .myButton, #content4 .myButton, #content5 .myButton, #content6 .myButton
 {
-margin:5px 0 10px 60px;
+clear:both;
-         -moz-box-shadow:inset 0px 1px 0px 0px #660099;
+margin-top:5px;
-         -webkit-box-shadow:inset 0px 1px 0px 0px #660099;
+         /*-moz-box-shadow:inset 0px 1px 0px 0px #efdcfb;
-         box-shadow:inset 0px 1px 0px 0px #660099;
+         -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:#660099;
+         background-color:#bc80ea;
-        -moz-border-radius:6px;
-        -webkit-border-radius:6px;
-        border-radius:6px;
          display:inline-block;
          color:#ffffff;
-         font-family:Trebuchet MS;
+         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;
          text-shadow:0px 1px 0px #9b14b3;
-         width:100px;
+         width:255px;
      }
 #content1 .myButton:hover, #content2 .myButton:hover, #content3 .myButton:hover, #content4 .myButton:hover,
 #content5 .myButton:hover, #content6 .myButton:hover
 {
-        background:#A901DB;
+background-color:#dfbdfa;
 }
@@ Line 265: / Line 189: @@
          position:relative;
          top:1px;
+}
+#content2 .myButton, #content4 .myButton, #content6 .myButton
+{
+margin-left:12px;
 }
@@ Line 270: / Line 199: @@
 {
 float:right;
-margin:0;
+margin-bottom:10px;
 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);
 }
@@ Line 286: / Line 222: @@
 {
 float:right;
-width:300px;
+width:285px;
+height:180px;
 margin:0;
 font-family: Trebuchet MS;
 font-size:15px;
+padding:10px;
+background:#F2F2F2;
+color:#4c0082;
+text-align:justify;
+-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 299: / Line 244: @@
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
-}
-.container
-{
-height:90px;
-width:560px;
-margin:0 auto;
-background-color:#ccc;
-position:absolute;
-top:5px;
-left:200px;
-z-index:100;
-}
-#block
-{
-float:left;
-width:100px;
-margin:5px;
-}
-#block a
-{
-display:block;
-text-decoration: none;
-background-color: #660099;
-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
-{
-transition-duration:0.1s;
-transition-timing-function:linear;
-margin:0 25px;
-display:block;
-}
-#block img:hover
-{
-width:65px;
-height:65px;
-}
-#block .list
-{
-margin:0;
-}
-#block .list li
-{
-display:block;
-list-style:none;
-}
-#block .list .submenu
-{
-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;
-display:block;
-border:1px solid #4C0082;
-margin:0 auto;
-width:90px;
-}
-#block .list li:hover .submenu
-{
-display:block;
-}
-.expand
-{
-width:65px;
-height:65px;
-}
-.global
-{
-position:relative;
-width:950px;
-height:1600px;
 }
@@ Line 418: / Line 255: @@
 <div class="banner">
 	   <div class="igem">
-	   <a>
+	   <a href="https://2013.igem.org/Main_Page">
             <img src="https://static.igem.org/mediawiki/2013/3/3f/Igem.png">
             </a>
@@ Line 428: / Line 265: @@
             <div class="central">
-	     <a><img src="https://static.igem.org/mediawiki/2013/9/9b/Project1.png"></a>
+	     <a><img src="https://static.igem.org/mediawiki/2013/9/90/ProjectMan.png"></a>
 	   </div>
@@ Line 439: / Line 276: @@
 <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 class="wrapper" >
          <div id="content1">
              <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.
-			<a href="#" class="myButton" > AIM </a>
-			</p>
-			<img src="https://static.igem.org/mediawiki/2013/7/7e/Aimresized.jpg" height="230" width="150"/>
 	   </div>
 	   <div id="content2">
-	   <img src="https://static.igem.org/mediawiki/2013/7/7e/Aimresized.jpg" height="230" width="150"/>
+	   <img src="https://static.igem.org/mediawiki/2013/f/fd/Safety3.jpg" height="230" width="150"/>
              <p>
-			Lorem ipsum dolor sit amet, consectetur adipisicing
+			 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.
-			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.
 			</p>
-             <a href="#" class="myButton" > SAFETY </a>
+             <a href="https://2013.igem.org/Team:Manchester/Safetytest" class="myButton" > SAFETY </a>
 	   </div>
- <hr> </hr>
 	     <div id="content3">
              <p>
-			Lorem ipsum dolor sit amet, consectetur adipisicing
+			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.
-			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/c/cb/Notebookresized.jpg" height="230" width="150"/>
-			ullamco laboris nisi ut aliquip ex ea commodo consequat.
+			<a href="https://2013.igem.org/Team:Manchester/Notebooktest2" class="myButton" >NOTEBOOK </a>
-			Duis aute irure dolor in reprehenderit in voluptate velit
-			esse cillum dolore eu fugiat nulla pariatur.
-			<a href="#" class="myButton" > NOTEBOOK </a>
-			</p>
-			<img src="https://static.igem.org/mediawiki/2013/c/cb/Notebookresized.jpg" height="230" width="150"/>
 	   </div>
 	   <div id="content4">
-	   <img src="https://static.igem.org/mediawiki/2013/9/9f/Projectpartspageresized.jpg" height="230" width="150"/>
+	   <img src="https://static.igem.org/mediawiki/2013/3/30/Labbook3.jpg" height="230" width="150"/>
              <p>
-			Lorem ipsum dolor sit amet, consectetur adipisicing
+			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.
-			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.
 			</p>
-             <a href="#" class="myButton" > LAB BOOK </a>
+             <a href="https://2013.igem.org/Team:Manchester/LabBooktest" class="myButton" > LAB BOOK </a>
 	   </div>
- <hr> </hr>
          <div id="content5">
              <p>
-			Lorem ipsum dolor sit amet, consectetur adipisicing
+			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.
-			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.
-			<a href="#" class="myButton" > JUDGING </a>
+           </p>
-			</p>
+                        <img src="https://static.igem.org/mediawiki/2013/2/29/Judge.jpg" height="230" width="150"/>
-			<img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" height="200" 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/a/af/Tux.png" height="200" width="150"/>
+	   <img src="https://static.igem.org/mediawiki/2013/9/9f/Projectpartspageresized.jpg" height="230" width="150"/>
              <p>
-			Lorem ipsum dolor sit amet, consectetur adipisicing
+			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.
-			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.
 			</p>
-             <a href="#" class="myButton" > ATTRIBUTIONS </a>
+             <a href="https://2013.igem.org/Team:Manchester/contributiontest" class="myButton" > PARTS CONTRIBUTION </a>
 	   </div>
-        <hr> </hr>
 </div>
 </div>