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

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 96: Line 92:
 
color: #D49AE6; }
 
color: #D49AE6; }
  
−
<center><h3 style="color: #D49AE6;">Function</h3></center>
 
−
<p style="width: 100%; margin: auto; font-size: 16px;">The Chrome-Q Light Chamber is a 3D-printed imaging measurement system used to quantify results of nutrient deficiency. For our current project, it is also used to quickly and inexpensively measure relative protein degradation through quantification of the color in chromoprotein expression.
 
−
</p></center>
 
−
<br>
 
  
 
.firstHeading{
 
.firstHeading{
Line 117: Line 109:
  
 
h2{
 
h2{
−
color: #A6FF79;
+
color: #D49AE6;
 +
text-align:center;
 +
hspace="20"
 
}
 
}
  
Line 124: 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 148: Line 142:
 
     padding: 0px;
 
     padding: 0px;
 
display: block;
 
display: block;
−
margin: 0px auto;
+
margin: 0px auto;  
 
}
 
}
  
Line 175: 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 331: 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>
Line 380: 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>Software </b></h1><img src="https://static.igem.org/mediawiki/2017/b/bc/T--Lambert_GA--purpleline.png" style="width:18%; margin:auto;"> </center> <br>
 
<div id="sponsors-bottom">
 
<div id="sponsors-bottom">
  
−
<center><h3 style="color: #D49AE6;"</h3></center>
+
<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>
−
<p style="width: 75%; margin: auto; font-size: 16px;"> 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. Since the Chrome-Q is 3-D printed plastic, it can be estimated to cost 10 US dollars. To add, the app is free to the public and is accessible to Android cellphones. In contrast, a reliable plate reader costs approximately 5,000 US dollars. Therefore, Lambert iGEM’s Chrome-Q and app are a low-cost alternative for underfunded labs.
+
−
</p></center>
+
−
<br>
+
−
 
+
−
<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>
+
  
 
</div>
 
</div>

Revision as of 19:09, 1 November 2017



Software