Difference between revisions of "Team:Lambert GA/Applied Design"

 
(15 intermediate revisions by 4 users not shown)
Line 10: Line 10:
  
 
#mainContainer{
 
#mainContainer{
    background-color: #7A7A79;
+
background-color: #7A7A79;
 
     width: 100%;
 
     width: 100%;
 
}
 
}
Line 19: Line 19:
 
}
 
}
  
body { margin: auto; padding: 0px; width: 100%;}
+
body { margin: 0px; padding: 0px; width: 100%;}
  
 
a.drplink {
 
a.drplink {
Line 25: Line 25:
 
}
 
}
 
a.drplink:hover {
 
a.drplink:hover {
color:dimgray;
 
}
 
 
a.partlink {
 
color:#D49AE6;
 
}
 
a.partlink:hover {
 
 
color:dimgray;
 
color:dimgray;
 
}
 
}
Line 39: Line 32:
 
color: white;
 
color: white;
 
}
 
}
 +
  
 
#content {  
 
#content {  
margin: 0px auto;
+
margin: 0px;
 +
margin-top: -15px;
 
background-color: #7A7A79;
 
background-color: #7A7A79;
 
width: 100%;
 
width: 100%;
margin-top: -15px;
 
 
padding: 0px;
 
padding: 0px;
 +
font-family: 'Roboto', sans-serif;
 
}
 
}
  
Line 60: Line 55:
 
margin: auto;
 
margin: auto;
 
width: 75%;
 
width: 75%;
 +
color: white;
 
}
 
}
  
Line 113: Line 109:
  
 
h2{
 
h2{
color: #A6FF79;
+
color: #D49AE6;
 +
text-align:center;
 +
hspace="20"
 
}
 
}
  
Line 120: Line 118:
 
position: fixed;
 
position: fixed;
 
text-decoration: none;
 
text-decoration: none;
color: #b8975e;
+
color: #42413C;
 
width: 100%;
 
width: 100%;
 
height: 50px;
 
height: 50px;
 
line-height: 50px;
 
line-height: 50px;
 
background-color: #555554;
 
background-color: #555554;
margin: auto;
+
margin-top: 0px;
 
text-align:center;
 
text-align:center;
 
opacity: 0.9;
 
opacity: 0.9;
Line 144: Line 142:
 
     padding: 0px;
 
     padding: 0px;
 
display: block;
 
display: block;
margin: 0px auto;
+
margin: 0px auto;  
 
}
 
}
  
Line 171: Line 169:
 
}
 
}
  
 
+
.transparency {
.transparent {
+
 
     opacity: 0.4;
 
     opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
 
 
transition: opacity 0.5s ease-in-out;
 
transition: opacity 0.5s ease-in-out;
 +
filter: alpha(opacity=40);
 
-webkit-backface-visibility: hidden;
 
-webkit-backface-visibility: hidden;
 
}
 
}
  
  
.transparent:hover {
+
.transparency:hover {
     opacity: 1.0;
+
     opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
+
filter: alpha(opacity=100);
 +
    width = 100px;
 
-webkit-backface-visibility: hidden;
 
-webkit-backface-visibility: hidden;
 
}
 
}
 +
  
  
Line 327: Line 326:
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Notebook">Notebook</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Notebook">Notebook</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/InterLab">InterLab</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/InterLab">InterLab</a>
 +
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Results">Results</a><a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Demonstrate">Demonstrate</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Results">Results</a><a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Demonstrate">Demonstrate</a>
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Improve">Improve</a>
 
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Attributions">Attributions</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Attributions">Attributions</a>
 
        
 
        
Line 338: Line 337:
 
       <a href="https://2017.igem.org/Team:Lambert_GA/Part Collection" class="dropbtn">Parts</a>
 
       <a href="https://2017.igem.org/Team:Lambert_GA/Part Collection" class="dropbtn">Parts</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Part Collection">Part_Collection</a>
+
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Part Collection">Part Collection</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;"  
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;"  
 
href="https://2017.igem.org/Team:Lambert_GA/Updated_Part">Updated Parts</a>
 
href="https://2017.igem.org/Team:Lambert_GA/Updated_Part">Updated Parts</a>
Line 359: Line 358:
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Applied_Design">Applied Design</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Applied_Design">Applied Design</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Hardware">Hardware</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Hardware">Hardware</a>
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Measurement">Measurement</a>
 
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a>
 
       <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Software">Software</a>
 
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Software">Software</a>
Line 378: Line 376:
 
<br><br>
 
<br><br>
 
<center> <h1 id="MainTitle"><b>Applied Design </b></h1><img src="https://static.igem.org/mediawiki/2017/b/bc/T--Lambert_GA--purpleline.png" style="width:18%; margin:auto;"> </center> <br>
 
<center> <h1 id="MainTitle"><b>Applied Design </b></h1><img src="https://static.igem.org/mediawiki/2017/b/bc/T--Lambert_GA--purpleline.png" style="width:18%; margin:auto;"> </center> <br>
 +
 +
<center><h3 style="color: #D49AE6;"</h3></center>
 +
<p style="width: 75%; margin: auto; font-size: 20px;"> In underfunded labs, researchers struggle to produce accurate results due to the lack of equipment available to them. Lambert iGEM’s Chrome-Q was designed to analyze bacterial samples at a low cost. The hardware is paired with a software app that quantifies the color expression in HSV value, which is similar to the function of a plate reader that detect fluorescence. Since the Chrome-Q is 3-D printed plastic, the total cost is around $100.00 US dollars. To add, the app is free to the public and is accessible to Android cellphones. In contrast, a plate reader costs upwards of $12,000 US dollars. Therefore, Lambert iGEM’s Chrome-Q and app are a low-cost alternative for underfunded labs.
 +
</p></center>
 +
<br>
 +
 
<div id="sponsors-bottom">
 
<div id="sponsors-bottom">
  
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/3/36/RevisedLambertLonghorn.png" class="transparent" style="height:100px;padding:20px;"></a>
+
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/3/36/RevisedLambertLonghorn.png" class="transparency" style="height:100px;padding:20px;"></a>
  
 
</div>
 
</div>

Latest revision as of 01:50, 2 November 2017



Applied Design


In underfunded labs, researchers struggle to produce accurate results due to the lack of equipment available to them. Lambert iGEM’s Chrome-Q was designed to analyze bacterial samples at a low cost. The hardware is paired with a software app that quantifies the color expression in HSV value, which is similar to the function of a plate reader that detect fluorescence. Since the Chrome-Q is 3-D printed plastic, the total cost is around $100.00 US dollars. To add, the app is free to the public and is accessible to Android cellphones. In contrast, a plate reader costs upwards of $12,000 US dollars. Therefore, Lambert iGEM’s Chrome-Q and app are a low-cost alternative for underfunded labs.