Difference between revisions of "Team:LambertGA/Demonstrate"

 
(10 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
#sideMenu { display:none; }
 
#sideMenu { display:none; }
  
 +
a:hover {
 +
text-decoration: none;
 +
}
  
 
#mainContainer{
 
#mainContainer{
Line 18: Line 21:
  
 
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
 
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
 +
 +
a.drplink {
 +
color:white;
 +
}
 +
a.drplink:hover {
 +
color:dimgray;
 +
}
 +
 +
 +
div {
 +
color: gray;
 +
}
  
 
#content {  
 
#content {  
Line 37: Line 52:
 
p {
 
p {
 
margin: auto;
 
margin: auto;
−
width: 50%;
+
width: 75%;
 +
color: gray;
 
}
 
}
  
Line 53: Line 69:
  
 
a.HeaderLinks {
 
a.HeaderLinks {
−
height: 70px;
+
height: 50px;
 
position: center;
 
position: center;
 
border: none;
 
border: none;
Line 66: Line 82:
 
background-color: white;
 
background-color: white;
 
}
 
}
−
 
  
 
#MainTitle {
 
#MainTitle {
−
padding: 60px;
+
padding-top: 50px;
−
font-size: 60px; }
+
padding-bottom: 7px;
−
 
+
font-size: 45px;
 +
color: dimgray; }
  
 
.firstHeading{
 
.firstHeading{
Line 85: Line 101:
 
header h1{
 
header h1{
 
text-align:center;
 
text-align:center;
 +
color: dimgray;
 +
}
 +
 +
h2{
 +
color: #D49AE6;
 
}
 
}
  
Line 93: Line 114:
 
color: #b8975e;
 
color: #b8975e;
 
width: 100%;
 
width: 100%;
−
height: 70px;
+
height: 50px;
−
line-height: 70px;
+
line-height: 50px;
−
background-color: lavender;
+
background-color: white;
 
margin: auto;
 
margin: auto;
 
text-align:center;
 
text-align:center;
−
opacity: 0.9;
+
opacity: 0.7;
 
}
 
}
  
Line 192: Line 213:
 
   height: 100%;
 
   height: 100%;
 
   width: 100%;
 
   width: 100%;
−
   background-color: lavender;
+
   background-color: white;
 
   color: #D49AE6;
 
   color: #D49AE6;
−
   padding: 24px;
+
   padding: 14px;
 
   font-size: 20px;
 
   font-size: 20px;
 
   text-align: left;
 
   text-align: left;
Line 214: Line 235:
 
     position: absolute;
 
     position: absolute;
 
     background-color: #D49AE6;
 
     background-color: #D49AE6;
−
     min-width: 140px;
+
     min-width: 200px;
 
     text-align: left;
 
     text-align: left;
 
     box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
 
     box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
Line 257: Line 278:
 
     display: block;
 
     display: block;
 
     margin: auto;;
 
     margin: auto;;
 +
}
 +
#logo{
 +
height: 50px;
 +
opacity:0.4;
 
}
 
}
 
</style>
 
</style>
 +
  
  
Line 268: Line 294:
  
 
<body>
 
<body>
 +
 +
  
 
<header>
 
<header>
 
<div id="headerLinks">
 
<div id="headerLinks">
 
<a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a><!--
 
<a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a>
 +
    </div>
 +
  </li><!--
 
--><li class="dropdown">
 
--><li class="dropdown">
 
   <a href="https://2016.igem.org/Team:LambertGA/Description" class="dropbtn">Project</a>
 
   <a href="https://2016.igem.org/Team:LambertGA/Description" class="dropbtn">Project</a>
−
     <div class="dropdown-content">
+
     <div class="dropdown-content" style="transition: display 0.5s ease-in-out;">
−
       <a href="https://2016.igem.org/Team:LambertGA/Description">Description</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Description">Description</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/Design">Design</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Design">Design</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Results">Results</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Notebook">Notebook</a>
 
     </div>
 
     </div>
 
   </li><!--
 
   </li><!--
Line 285: Line 321:
 
       <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
       <a href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a>
−
      <a href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/Part_Collection">Part Collection</a>
+
−
    </div>
+
−
  </li><!--
+
−
--><li class="dropdown" >
+
−
      <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a>
+
−
      <div class="dropdown-content">
+
−
      <a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a>
+
 
     </div>
 
     </div>
 
   </li><!--
 
   </li><!--
Line 301: Line 330:
 
       <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
       <a href="https://2016.igem.org/Team:LambertGA/HP/Silver">Silver</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/HP/Silver">Silver</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/HP/Gold">Gold</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/HP/Gold">Gold</a>
−
      <a href="https://2016.igem.org/Team:LambertGA/HP/Integrated_Pract">Integrated Practices</a>
+
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Integrated_Practices">Integrated Practices</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/HP/Engagements">Engagements</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Engagement">Engagements</a>
 
     </div>
 
     </div>
 
   </li><!--
 
   </li><!--
 
--><li class="dropdown" >
 
--><li class="dropdown" >
−
       <a href="https://2016.igem.org/Team:LambertGA/Awards" class="dropbtn">Awards</a>
+
       <a href="https://2016.igem.org/Team:LambertGA/Hardware" class="dropbtn">Awards</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
       <a href="https://2016.igem.org/Team:LambertGA/Entrepreneurship">Entrepreneurship</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
−
      <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
−
       <a href="https://2016.igem.org/Team:LambertGA/Software">Software</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
−
      <a href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
+
−
       <a href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
+
 
     </div>
 
     </div>
 
   </li>
 
   </li>
Line 322: Line 349:
 
</header>
 
</header>
  
−
<div class="column full_size" style="background-color:#C8A2C8" >
+
<div class="column full_size" >
  
  
Line 329: Line 356:
  
 
<br>
 
<br>
−
<br>
+
<center> <h1 id="MainTitle"><b> Demonstrate </b></h1>
−
<center> <h1 id="MainTitle"><b> Demonstrate </b></h1> </center>
+
<img src="https://static.igem.org/mediawiki/2016/2/26/T--LambertGA--purpleline.jpg" style="width:18%; margin:auto;"> </center>
  
−
<div class="lightBox">
 
−
<center> <h3>Light-Box / BactoGlo</h3>
 
−
<p>To further describe our characterization of the DAS and LAA degradation tags, our team designed a visual representation of the relative degradation strengths.</p>
 
 
<br>
 
<br>
−
 
−
<div class="pictureBactoglo"><img src="https://static.igem.org/mediawiki/2016/e/ec/T--LambertGA--Placeholder.png"></div>
 
−
 
−
<br>
 
−
 
−
<p>From left to right, the average color intensity of Tspurple with no Degradation tag, with the DAS Degradation tag, and the LAA Degradation tag are shown. These intensity values are an average of multiple, identical intensity values using our camera system (see proof of concept page).
 
−
 
−
<br>This light board, dubbed the BactoGlo, serves a few purposes. One was to visually represent our findings so that other research laboratories can be shown a scale of sorts to assist in making decisions on if they desire to use a degradation tag on their protein. The second reason is for public outreach and presentations of our findings. Our conclusions have a greater impact when the data is displayed in this format.
 
−
 
−
<br>For example, based on our findings we saw a XX% decrease in protein concentration with the DAS Degradation tag and a XX% decrease with LAA. However, saying this is not as impacting as showing a light ample with XX% less light.</p>
 
−
 
−
<br><p>continue with this after more results come in.</p>
 
−
</center>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
  
 
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
 
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
Line 389: Line 372:
 
<div id="sponsors-bottom">
 
<div id="sponsors-bottom">
  
−
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2015/a/a4/Lambert_lhslogo.jpg" class="transparent" style="width:100px;height=130px"></a>
+
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2016/9/9e/T--LambertGA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a>
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/6/69/Lambert_lhslogo_gray.jpg-->
+
−
 
+
−
<a href="http://www.snapgene.com"> <img src="https://static.igem.org/mediawiki/2015/8/83/Lambert_sglogo.jpg" class="transparent" style="width:200px;height:60px"></a>
+
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/d/dc/Lambert_snapgenelogo_gray.jpg-->
+
−
 
+
−
<a href="http://www.gatech.edu/"><img src="https://static.igem.org/mediawiki/2015/1/10/Lambert_gtlogo.jpg" class="transparent" style="width:100px;height:100px"></a>
+
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/a/a3/Lambert_gtlogo_gray.jpg-->
+
−
 
+
−
<a href="http://www.foldscope.com/"><img src="https://static.igem.org/mediawiki/2015/9/90/Lambert_foldscopelogo.jpg" class="transparent" style="width:100px;height 150px"></a>  
+
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/3/31/Lambert_foldscopelogo_gray.jpg-->
+
−
 
+
−
<a href="http://www.chick-fil-a.com/"><img src="https://static.igem.org/mediawiki/2015/c/cb/Lambert_cfalogo.jpg" class="transparent" style="width:200px;height:75px"></a>
+
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/c/cf/Lambert_cfalogo_gray.jpg-->
+
−
 
+
−
<a href="http://atlantasciencefestival.org/"><img src="https://static.igem.org/mediawiki/2015/8/80/Lambert_asflogo.jpg" class="transparent" style="width:150px;height:100px"></a>
+
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/0/05/Lambert_asflogo_gray.jpg-->
+
−
 
+
−
<a href="https://www.neb.com/"><img src="https://static.igem.org/mediawiki/2015/e/e4/Lambert_neblogo.jpg" class="transparent" style="width:200px;height:70px"></a>
+
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/2/27/Lambert_neblogo_gray.jpg-->
+
−
 
+
−
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2015/4/46/Lambert_idtlogo.jpg" class="transparent" style="width:200px"></a>
+
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/9/9e/Lambert_idtlogo_gray.jpg-->
+
−
 
+
−
<a href="http://www.nsf.gov/"><img src="https://static.igem.org/mediawiki/2015/8/86/Lambert_nsflogo.jpg" class="transparent" style="width:150px"></a>
+
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/1/16/Lambert_nsflogo_gray.jpg-->
+
−
 
+
−
<a href="http://www.nextgenerationfocus.org/"><img src="https://static.igem.org/mediawiki/2015/e/e4/Lambert_ngflogo.jpg" class="transparent" ></a>
+
−
<!-- gray logo: https://static.igem.org/mediawiki/2015/0/08/Lambert_ngflogo_gray.jpg-->
+
−
 
+
  
 
</div>
 
</div>

Latest revision as of 02:38, 16 October 2016


Demonstrate