Difference between revisions of "Team:LambertGA/Demonstrate"

Line 18: Line 18:
  
 
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
 
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
 +
 +
div {
 +
color: gray;
 +
}
  
 
#content {  
 
#content {  
Line 37: Line 41:
 
p {
 
p {
 
margin: auto;
 
margin: auto;
width: 50%;
+
width: 75%;
 +
color: gray;
 
}
 
}
  
Line 53: Line 58:
  
 
a.HeaderLinks {
 
a.HeaderLinks {
height: 70px;
+
height: 50px;
 
position: center;
 
position: center;
 
border: none;
 
border: none;
Line 70: Line 75:
 
#MainTitle {
 
#MainTitle {
 
padding: 60px;
 
padding: 60px;
font-size: 60px; }
+
font-size: 60px;
 +
color: dimgray; }
  
  
Line 85: Line 91:
 
header h1{
 
header h1{
 
text-align:center;
 
text-align:center;
 +
color: dimgray;
 +
}
 +
 +
h2{
 +
color: #D49AE6;
 
}
 
}
  
Line 93: Line 104:
 
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 203:
 
   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 225:
 
     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 258: Line 269:
 
     margin: auto;;
 
     margin: auto;;
 
}
 
}
 
+
#logo{
/*Begin Specific Page Styling*/
+
height: 50px;
 
+
opacity:0.4;
p {
+
text-align: center;
+
 
}
 
}
 
</style>
 
</style>
Line 278: Line 287:
 
<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 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>
Line 286: Line 301:
 
       <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Results">Results</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Notebook">Notebook</a>
 
     </div>
 
     </div>
 
   </li><!--
 
   </li><!--
Line 293: Line 310:
 
       <a href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a>
 
       <a 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 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 316: Line 326:
 
       <a href="https://2016.igem.org/Team:LambertGA/Awards" class="dropbtn">Awards</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Awards" class="dropbtn">Awards</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
      <a href="https://2016.igem.org/Team:LambertGA/Entrepreneurship">Entrepreneurship</a>
 
 
       <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
      <a href="https://2016.igem.org/Team:LambertGA/Software">Software</a>
 
 
       <a href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
 
       <a href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
Line 328: Line 336:
 
</header>
 
</header>
  
<div class="column full_size" style="background-color:#C8A2C8" >
+
<div class="column full_size" >
  
  
Line 338: Line 346:
 
<center> <h1 id="MainTitle"><b> Demonstrate </b></h1> </center>
 
<center> <h1 id="MainTitle"><b> Demonstrate </b></h1> </center>
  
<div>
+
<div >
<center> <h3>Light-Box / BactoGlo</h3>
+
<center> <h3 style="color:gray;">Light-Box / BactoGlo</h3>
<p class="lightbox" >To further describe our characterization of the DAS and LAA degradation tags, our team designed a visual representation of the relative degradation strengths.</p>  
+
<p class="lightbox" style="font-size:20px;">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>
  
Line 347: Line 355:
 
<br>
 
<br>
  
<p class="lightbox">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).  
+
<p class="lightbox" style="font-size:20px;">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>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.  
Line 395: Line 403:
 
<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>

Revision as of 02:56, 14 October 2016



Demonstrate

Light-Box / BactoGlo




continue with this after more results come in.