Difference between revisions of "Team:Lambert GA/Model"
KevinYLi123 (Talk | contribs) |
KevinYLi123 (Talk | contribs) |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | <style> | + | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><style> |
| − | + | html{ | |
| + | font-family: 'La', sans-serif; | ||
| + | } | ||
| + | |||
#sideMenu { display:none; } | #sideMenu { display:none; } | ||
| Line 10: | Line 13: | ||
#mainContainer{ | #mainContainer{ | ||
| − | + | background-color: #7A7A79; | |
width: 100%; | width: 100%; | ||
} | } | ||
| Line 17: | Line 20: | ||
margin: auto; | margin: auto; | ||
padding: 0px; | padding: 0px; | ||
| − | |||
} | } | ||
| − | body { | + | body { margin: 0px; padding: 0px; width: 100%;} |
a.drplink { | a.drplink { | ||
| Line 33: | Line 35: | ||
color: gray; | color: gray; | ||
} | } | ||
| + | |||
#content { | #content { | ||
| − | margin: 0px | + | margin: 0px; |
| − | background-color: | + | margin-top: -15px; |
| + | background-color: #7A7A79; | ||
width: 100%; | width: 100%; | ||
padding: 0px; | padding: 0px; | ||
| + | font-family: 'Roboto', sans-serif; | ||
} | } | ||
| Line 107: | Line 112: | ||
h2{ | h2{ | ||
| − | color: # | + | color: #FFB59E; |
| + | text-align:center; | ||
| + | hspace="20" | ||
} | } | ||
| Line 114: | Line 121: | ||
position: fixed; | position: fixed; | ||
text-decoration: none; | text-decoration: none; | ||
| − | color: # | + | color: #42413C; |
width: 100%; | width: 100%; | ||
height: 50px; | height: 50px; | ||
line-height: 50px; | line-height: 50px; | ||
| − | background-color: | + | background-color: #555554; |
| − | margin: | + | margin-top: 0px; |
text-align:center; | text-align:center; | ||
opacity: 0.9; | opacity: 0.9; | ||
| Line 164: | Line 171: | ||
height:100px; | height:100px; | ||
} | } | ||
| − | |||
| − | |||
.transparency { | .transparency { | ||
| Line 181: | Line 186: | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
} | } | ||
| + | |||
| Line 219: | Line 225: | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
| − | |||
color: #D49AE6; | color: #D49AE6; | ||
padding: 14px; | padding: 14px; | ||
| Line 228: | Line 233: | ||
transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | ||
} | } | ||
| + | |||
/* The container <div> - needed to position the dropdown content */ | /* The container <div> - needed to position the dropdown content */ | ||
| Line 246: | Line 252: | ||
transition: opacity 0.5s ease-in-out; | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
| + | |||
/* Links inside the dropdown */ | /* Links inside the dropdown */ | ||
| Line 259: | Line 266: | ||
/* Change color of dropdown links on hover */ | /* Change color of dropdown links on hover */ | ||
| − | .dropdown-content a:hover {background-color: # | + | .dropdown-content a:hover {background-color: #F48FB1; |
color: #4A555C;} | color: #4A555C;} | ||
| Line 274: | Line 281: | ||
/* Change the background color of the dropdown button when the dropdown content is shown*/ | /* Change the background color of the dropdown button when the dropdown content is shown*/ | ||
.dropbtn:hover { | .dropbtn:hover { | ||
| − | background-color: # | + | background-color: #F48FB1; |
color: #4A555C; | color: #4A555C; | ||
} | } | ||
| − | |||
#mainbanner{ | #mainbanner{ | ||
| Line 429: | Line 435: | ||
<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/ | + | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/3/36/RevisedLambertLonghorn.png" style="height:100px;padding:20px;" class="transparency"></a> |
</div> | </div> | ||
Revision as of 11:08, 11 October 2017
Model
To further describe our characterization of the DAS and LAA degradation tags, our team designed a visual representation of the relative degradation strengths.
From right to left, the average color intensity of tsPurple with no degradation tag, with the DAS degradation tag, and the LAA degradation tag are shown.
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 to assist in making decisions regarding using a degradation tag on their protein because the relative luminosity differences will help simulate expected results in a laboratory setting.The second reason is for public outreach and presentations of our findings because our conclusions have a greater impact when the data is displayed in this format.
The above photos are of another model shown at the 2017 RESA Conference and the Atlanta Science Festival. Primarily serving a purpose of grabbing public attention, it is programmed via a small computer chip to change the luminosity of the lights from a high state to a low state depending on a change in the circuitry.
This represents precision metabolic engineering in cells with the luminosity being the ‘output’ of the cells. This model’s purpose was to represent how precision metabolic engineering allows cells to rapidly switch between different metabolic states (ie. differences in luminosity).
