Difference between revisions of "Team:Dundee/Part Collection"

Line 27: Line 27:
 
#bodyContent {
 
#bodyContent {
 
     padding-right: 0px;}
 
     padding-right: 0px;}
 +
       
 +
        img.grayscale {
 +
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
 +
  filter: gray; /* IE6-9 */
 +
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
 +
}
 +
 +
img.grayscale:hover {
 +
  filter: none;
 +
  -webkit-filter: grayscale(0%);
 +
}
 +
 +
  
 +
       
 
         #menuDisplay{
 
         #menuDisplay{
 
                 display:none;
 
                 display:none;
Line 37: Line 51:
  
  
−
     
+
   
 
.navbar-brand{
 
.navbar-brand{
 
padding-top:25px;
 
padding-top:25px;
−
+
 
}
 
}
 
#navbar{
 
#navbar{
 
padding-top:5px;
 
padding-top:5px;
 
                 float:right;
 
                 float:right;
 +
 
}
 
}
 
 
Line 58: Line 73:
 
width:100%;
 
width:100%;
 
}
 
}
−
#BackImg h2 {  
+
        #BackImg h1 {
−
  position: absolute;  
+
  position: absolute;
−
  top:50%;  
+
  top:40%;
−
  text-align:center;  
+
  text-align: center;
−
  width: 100%;
+
  width: 100%;
−
  padding-top:5px;
+
  padding-top:20px;
−
 
+
  padding-bottom:17px;
−
}
+
                  margin-bottom:5%;
 +
}
 +
 
 +
#BackImg h1 span {
 +
  color: white;
 +
  font: bold 5vw/45px Helvetica, Sans-Serif;
 +
  letter-spacing: -1px; 
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background: rgba(0, 0, 0, 0.7);
 +
  padding: 10px;
 +
  padding-bottom:10px;
 +
  text-align: center;
 +
       
 +
}
 +
 +
#BackImg h2 {  
 +
  position: absolute;  
 +
  top:55%;  
 +
  text-align: center;  
 +
  width: 100%;
 +
  padding-top:15px;
 +
  padding-bottom:3%;
 +
    margin-top:5%;
 +
}
 +
 
 +
#BackImg h2 span {
 +
  color:#3D72A4;
 +
  font: bold 5vw/45px Helvetica, Sans-Serif;
 +
  letter-spacing: -1px; 
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background: rgba(0, 0, 0, 0.7);
 +
  padding-bottom:5px;  
 +
  text-align:center;
 +
                    padding: 10px;
 +
}            
  
−
#BackImg h2 span {
 
−
  color: white;
 
−
  font: bold 5vw/45px Helvetica, Sans-Serif;
 
−
  letter-spacing: -1px; 
 
−
  background: rgb(0, 0, 0); /* fallback color */
 
−
  background: rgba(0, 0, 0, 0.7);
 
−
  padding: 10px;
 
−
  padding-bottom:15px;
 
−
  text-align:center;
 
−
}           
 
−
 
 
#OverView{
 
#OverView{
 
 
Line 83: Line 121:
 
}
 
}
 
 
−
#VideoContainer{
+
−
width:66%;
+
−
float:right;
+
−
height:500px;
+
#SplashTitle p{
−
+
        border-bottom: none;
 +
        font: 4vw/6vw Helvetica, Sans-Serif;
 +
text-align: center;
 +
color:black;
 +
padding-top:15px;
 +
       
 
}
 
}
 
 
 +
 +
#SplashTitleUnder p{
 +
font:3vw/4vw Helvetica, Sans-Serif;
 +
text-align: center;
 +
color:#3D72A4;
 +
                        padding-bottom:15px;
 +
                       
 +
}
 
#ProjectDesCon{
 
#ProjectDesCon{
−
width:33%;
+
        height:100%;
−
float:left;
+
        }
−
height:500px;
+
 
 +
        #ProjectDesCon h3{
 +
        font: 2.3vw/2vw Helvetica, Sans-Serif;
 +
        padding-top:15px;
 +
        padding-bottom:15px;
 +
        text-align:left;
 +
        color:#3D72A4;
 +
        }
 +
 
 +
#ProjectDesCon p{
 +
 +
font: 1.7vw/2vw Helvetica, Sans-Serif;
 +
                padding-bottom:15px;
 +
               
 
}
 
}
 +
 
 
 +
#ProjectDesCon li{
 +
 +
font: 1.7vw/2vw Helvetica, Sans-Serif;
 +
                padding-bottom:15px;
 +
                color:#3D72A4;
 +
                       
 +
}
 +
#VideoIntro{
 +
        height:100%;
 +
        }
 +
   
 +
        #VideoIntro h3{
 +
        font: 2.3vw/2vw Helvetica, Sans-Serif;
 +
        padding-top:15px;
 +
        padding-bottom:15px;
 +
        text-align:center;
 +
        color:#3D72A4;
 +
               
 +
       
 +
        }
 +
 +
#VideoIntro p{
 +
 +
font: 1.7vw/2vw Helvetica, Sans-Serif;
 +
                padding-bottom:15px;
 +
                text-align:center;
 +
               
 +
               
 +
}
 +
 +
 +
  #FlaskImg1 img{
 +
float:right;
 +
        width:40%;
 +
        padding-left:25px;
 +
       
 +
       
 +
}
 +
        #FlaskImg1 p{
 +
       
 +
 +
}
 +
        #FlaskPos1{
 +
        float:left;
 +
        width:60%;
 +
        padding-left:5%;
 +
       
 +
        }
 +
#FlaskPos1 p{
 +
text-align:left
 +
}
 +
 +
#FlaskImg2 img{
 +
float:left;
 +
        width:40%;
 +
        padding-left:25px;
 +
       
 +
       
 +
}
 +
        #FlaskImg2 p{
 +
       
 +
 +
}
 +
        #FlaskPos2{
 +
        float:right;
 +
        width:60%;
 +
        padding-left:10%;
 +
       
 +
        }
 +
#FlaskPos2 p{
 +
text-align:left;
 +
 +
}
 +
 +
        #FlaskStyleFifty1{
 +
        float:left;
 +
        width:50%;
 +
        padding-right:40px;
 +
        }
 +
#FlaskStyleFifty1 p{
 +
text-align:left;
 +
}
 +
 +
     
 +
       
 +
        }
 +
        #FlaskStyleFifty2{
 +
        float:right;
 +
        width:50%;
 +
        padding-left:20px;
 +
       
 +
        }
 +
#FlaskStyleFifty2 p{
 +
text-align:left;
 +
}
 +
     
 +
       
 +
       
 +
        #ColicinImg{
 +
                padding-top:15px;
 +
                width:100%;
 +
                margin:0 auto;
 +
        }
 +
 +
      #ColicinImg img{
 +
 +
                width:100%;
 +
      }
 +
 +
     
 +
   
 +
       
 +
#spacer{
 +
        height:100px;
 +
}
 +
 
#SponserFooter{
 
#SponserFooter{
 
margin:30px 0px 60px 0px;
 
margin:30px 0px 60px 0px;
Line 144: Line 325:
 
padding-right:0px;
 
padding-right:0px;
 
}
 
}
 +
 
 
    
 
    
  
Line 155: Line 337:
 
<!-- Fixed navbar -->
 
<!-- Fixed navbar -->
 
     <nav class="navbar navbar-default navbar-fixed-top">
 
     <nav class="navbar navbar-default navbar-fixed-top">
−
       <div class="container">
+
       <div style="padding-right:5%; padding-bottom:0px;" "class="container">
 
         <div class="navbar-header">
 
         <div class="navbar-header">
 
           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 
           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
Line 190: Line 372:
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Parts">Parts</a></li>
 
<li><a href="https://2016.igem.org/Team:Dundee/Basic_Part">Basic Parts</a></li>
 
<li><a href="https://2016.igem.org/Team:Dundee/Basic_Part">Basic Parts</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Composite_Part">Composite Parts</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Composite_Part">Composite Parts</a></li>
−
                 <li><a href="https://2016.igem.org/Team:Dundee/Part_Collection">Parts Collection</a></li>
+
                 <li class="active"><a href="https://2016.igem.org/Team:Dundee/Part_Collection">Parts Collection</a></li>
−
                <li><a href="https://2016.igem.org/Team:Dundee/HP/Gold">Judging Criteria</a></li>
+
 
               </ul>
 
               </ul>
 
             </li>
 
             </li>
Line 199: Line 381:
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
−
<li><a href="https://2016.igem.org/Team:Dundee/Notebook">Lab Book</a></li>
+
<li><a href="https://2016.igem.org/Team:Dundee/Notebook">Lab Book</a></li>
−
                <li><a href="#">Protocols</a></li>
+
                 <li><a href="https://2016.igem.org/Team:Dundee/Safety">Safety</a></li>
−
                 <li><a href="https://2016.igem.org/Team:Dundee/Safety">Saftey</a></li>
+
 
               </ul>
 
               </ul>
 
<li class="dropdown">
 
<li class="dropdown">
Line 217: Line 398:
  
 
                   <div id="BackImg">
 
                   <div id="BackImg">
−
<img src="https://static.igem.org/mediawiki/2016/9/95/T--Dundee--FreezerPC.JPG" />
 
−
                                <h2><span>Part Collection</span></h2>
 
−
  </div>
 
  
−
                  <div class="container">
 
  
 +
<img src="https://static.igem.org/mediawiki/2016/9/95/T--Dundee--FreezerPC.JPG" />
 +
                                <h1><span>Parts Collection</span></h1>
 +
<h2></h2>
 +
</div>
 +
 +
   
 +
 
 
−
+
<div class="container">
−
<div id="OverView">
+
<div id = "SplashTitle">
−
+
<p>Part Collection </p>
−
<div id="VideoContainer">
+
−
+
−
+
 
</div>
 
</div>
−
+
 
−
<div id="ProjectDesCon">
+
<div id="SplashTitleUnder">
−
+
<p>Our part collection contains a number of parts that will prove useful to future teams in a variety of different projects.</p>
−
+
 
</div>
 
</div>
−
+
</div>
−
</div>
+
 
−
+
 
−
+
 +
 
 +
<div class="container">
 +
<div  id= "ProjectDesCon">
 +
 
 +
<br></br>
 +
<h3>Part Collection </h3>
 +
                                     
 +
<p>Included in this collection are two pH sensitive promoters and a bile salt sensitive promoter which have been combined with a brick containing GFP and RBS terminators. These promoters are an excellent starting point for any construct that is needed to function throughout the animal digestive tract. The pH promoters are intended to initiate gene expression in the stomach and the bile salt promoter can initiate gene expression in the intestine, where bile salts are present. </p>
 +
<p>Our truncated colicins containing a multiple cloning site provide a unique template to which a multitude of toxic warheads can be added. This can be used to create variation in the toxin, making it unrecognisable to its target, or to increase or change the specificity of the toxin. The chimeras that we have created using this template demonstrate that the multiple cloning site functions well and toxic domains can be readily added, meaning that these constructs could be used for a number of different purposes. Chimeras created using our truncated colicins as a template can be used alongside the promoters to optimise the toxins to be produced throughout the digestive tract.</p>
 +
<p>Finally, the lysis cassettes we have submitted could be used in combination with the promoters to lyse the cell, releasing toxins in a specific part of the digestive tract, presumably where the unwanted bacteria being targeted resides. The lysis of the cell not only released the toxin, but prevents GM bacteria, which may contain toxic immunity, from colonising the gut or being released into the surrounding environment when excreted from the body.</p>
 +
</div>
 +
<div>
 +
 
 +
 
 +
 
 +
<div id="spacer" class="container">
 +
 
 +
</div>
 +
 
 +
 
 +
<div class="container">
 
<div id="SponserFooter">
 
<div id="SponserFooter">
−
<div id = "BBSRC" class="SponserLink">
+
<div id = "BBSRC" class="SponserLink">
 
<a href="http://www.bbsrc.ac.uk/">
 
<a href="http://www.bbsrc.ac.uk/">
−
<img src="https://static.igem.org/mediawiki/2016/8/8b/T--Dundee--BBSRCFooter.png" />
+
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/8/8b/T--Dundee--BBSRCFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
−
<div class="SponserLink">
+
<div class="SponserLink">
 
<a href="http://www.dundee.ac.uk/">
 
<a href="http://www.dundee.ac.uk/">
−
<img src="https://static.igem.org/mediawiki/2016/a/a8/T--Dundee--UoDFooter.png" />
+
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/a/a8/T--Dundee--UoDFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
−
<div class="SponserLink">
+
<div class="SponserLink">
 
<a href="https://www.idtdna.com/site">
 
<a href="https://www.idtdna.com/site">
−
<img src="https://static.igem.org/mediawiki/2016/0/03/T--Dundee--IDTFooter.png" />
+
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/0/03/T--Dundee--IDTFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
 
<div class="SponserLink">
 
<div class="SponserLink">
 
<a href="https://www.sebiology.org/">
 
<a href="https://www.sebiology.org/">
−
<img src="https://static.igem.org/mediawiki/2016/f/f0/T--Dundee--SEBFooter.png" />
+
<img class="grayscale"src="https://static.igem.org/mediawiki/2016/f/f0/T--Dundee--SEBFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
 
<div id = "WellcomeT" class="SponserLink">
 
<div id = "WellcomeT" class="SponserLink">
 
<a href="https://wellcome.ac.uk/">
 
<a href="https://wellcome.ac.uk/">
−
<img src="https://static.igem.org/mediawiki/2016/2/22/T--Dundee--WELLTFooter.png" />
+
<img class="grayscale"src="https://static.igem.org/mediawiki/2016/2/22/T--Dundee--WELLTFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
Line 294: Line 495:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</div>
 
</div>
  

Revision as of 17:36, 16 October 2016

Dundee 2016

Parts Collection

Part Collection

Our part collection contains a number of parts that will prove useful to future teams in a variety of different projects.



Part Collection

Included in this collection are two pH sensitive promoters and a bile salt sensitive promoter which have been combined with a brick containing GFP and RBS terminators. These promoters are an excellent starting point for any construct that is needed to function throughout the animal digestive tract. The pH promoters are intended to initiate gene expression in the stomach and the bile salt promoter can initiate gene expression in the intestine, where bile salts are present.

Our truncated colicins containing a multiple cloning site provide a unique template to which a multitude of toxic warheads can be added. This can be used to create variation in the toxin, making it unrecognisable to its target, or to increase or change the specificity of the toxin. The chimeras that we have created using this template demonstrate that the multiple cloning site functions well and toxic domains can be readily added, meaning that these constructs could be used for a number of different purposes. Chimeras created using our truncated colicins as a template can be used alongside the promoters to optimise the toxins to be produced throughout the digestive tract.

Finally, the lysis cassettes we have submitted could be used in combination with the promoters to lyse the cell, releasing toxins in a specific part of the digestive tract, presumably where the unwanted bacteria being targeted resides. The lysis of the cell not only released the toxin, but prevents GM bacteria, which may contain toxic immunity, from colonising the gut or being released into the surrounding environment when excreted from the body.