JackdHarris (Talk | contribs) |
|||
(22 intermediate revisions by 5 users not shown) | |||
Line 5: | Line 5: | ||
#sideMenu { display:none; } | #sideMenu { display:none; } | ||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | #mainContainer{ | |
+ | background-color: white; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #main{ | ||
+ | width: 100%; | ||
+ | margin: auto; | ||
+ | padding: 0px; | ||
+ | background-color: white; | ||
+ | } | ||
+ | body { background-color: white; margin: auto; padding: 0px; width: 100%;} | ||
+ | |||
+ | a.drplink { | ||
+ | color:white; | ||
+ | } | ||
+ | a.drplink:hover { | ||
+ | color:dimgray; | ||
+ | } | ||
+ | |||
+ | |||
+ | div { | ||
+ | color: gray; | ||
+ | } | ||
#content { | #content { | ||
− | margin | + | margin: 0px auto; |
− | background-color: | + | background-color: white; |
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | } | ||
Line 17: | Line 45: | ||
− | .column full_size {width: | + | .column full_size {width: 100%; |
height: 700px; | height: 700px; | ||
position: center; } | position: center; } | ||
+ | p { | ||
+ | margin: auto; | ||
+ | width: 75%; | ||
+ | color: gray; | ||
+ | } | ||
#firstHeading { | #firstHeading { | ||
Line 27: | Line 60: | ||
color: #9D0EC8;} | color: #9D0EC8;} | ||
+ | a { | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | color: #D49AE6; | ||
+ | } | ||
a.HeaderLinks { | a.HeaderLinks { | ||
+ | height: 50px; | ||
position: center; | position: center; | ||
− | |||
border: none; | border: none; | ||
− | color: | + | color: #D49AE6; |
− | + | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
Line 46: | Line 85: | ||
#MainTitle { | #MainTitle { | ||
− | padding: | + | padding-top: 50px; |
− | font-size: | + | padding-bottom: 7px; |
+ | font-size: 45px; | ||
+ | color: dimgray; } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 75: | Line 104: | ||
header h1{ | header h1{ | ||
text-align:center; | text-align:center; | ||
+ | color: dimgray; | ||
+ | } | ||
+ | |||
+ | h2{ | ||
+ | color: #D49AE6; | ||
} | } | ||
#headerLinks { | #headerLinks { | ||
+ | position: fixed; | ||
text-decoration: none; | text-decoration: none; | ||
color: #b8975e; | color: #b8975e; | ||
− | |||
− | |||
width: 100%; | width: 100%; | ||
− | + | height: 50px; | |
− | + | line-height: 50px; | |
− | + | background-color: white; | |
+ | margin: auto; | ||
text-align:center; | text-align:center; | ||
+ | opacity: 0.7; | ||
} | } | ||
.header{ | .header{ | ||
− | width: | + | width: 100%; |
padding: 0; | padding: 0; | ||
margin: 0 auto; | margin: 0 auto; | ||
Line 102: | Line 137: | ||
#text{ | #text{ | ||
width: 900px; | width: 900px; | ||
− | padding: | + | padding: 0px; |
display: block; | display: block; | ||
− | margin: | + | margin: 0px auto; |
} | } | ||
− | |||
#space{ | #space{ | ||
Line 114: | Line 148: | ||
#sponsors-bottom{ | #sponsors-bottom{ | ||
− | width: | + | width: 100%; |
− | margin: | + | margin: 0px auto; |
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
Line 122: | Line 156: | ||
#sponsors-bottom a{ | #sponsors-bottom a{ | ||
+ | margin: auto; | ||
+ | width: 50% | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 134: | Line 170: | ||
opacity: 0.4; | opacity: 0.4; | ||
filter: alpha(opacity=40); /* For IE8 and earlier */ | filter: alpha(opacity=40); /* For IE8 and earlier */ | ||
+ | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
Line 164: | Line 201: | ||
display: block; | display: block; | ||
} | } | ||
− | |||
#globalWrapper{ | #globalWrapper{ | ||
background-color: white; | background-color: white; | ||
− | padding: | + | padding: 0px; |
+ | |||
} | } | ||
+ | |||
/* Dropdown Button */ | /* Dropdown Button */ | ||
.dropbtn { | .dropbtn { | ||
+ | margin: auto; | ||
position: left; | position: left; | ||
− | background-color: | + | height: 100%; |
− | color: | + | width: 100%; |
− | padding: | + | background-color: white; |
− | font-size: | + | color: #D49AE6; |
+ | padding: 14px; | ||
+ | font-size: 20px; | ||
text-align: left; | text-align: left; | ||
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
+ | transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | ||
} | } | ||
Line 193: | Line 235: | ||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
+ | opacity: 0.0; | ||
position: absolute; | position: absolute; | ||
background-color: #D49AE6; | background-color: #D49AE6; | ||
− | min-width: | + | 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); | ||
+ | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
/* Links inside the dropdown */ | /* Links inside the dropdown */ | ||
.dropdown-content a { | .dropdown-content a { | ||
− | color: | + | color: white; |
− | padding: | + | opacity: 0.0; |
− | font-size: | + | padding: 0px 10px; |
+ | font-size: 20px; | ||
text-decoration: none; | text-decoration: none; | ||
− | |||
display: block; | display: block; | ||
+ | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
Line 216: | Line 261: | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
display: block; | display: block; | ||
+ | opacity: 1.0; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content a { | ||
+ | opacity: 1.0; | ||
} | } | ||
− | /* 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 { |
background-color: #D49AE6; | background-color: #D49AE6; | ||
+ | color: white; | ||
} | } | ||
− | + | #mainbanner{ | |
− | + | text-align: center; | |
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | + | #mainbanner{ | |
− | + | display: block; | |
+ | margin: auto;; | ||
} | } | ||
+ | #logo{ | ||
+ | height: 50px; | ||
+ | opacity:0.4; | ||
+ | } | ||
+ | </style> | ||
− | |||
− | |||
− | |||
Line 250: | Line 302: | ||
<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"> | + | --><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/Team">Team</a> | ||
+ | <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"> | ||
<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/ | + | <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/ | + | <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/ | + | <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><!-- |
− | <!-- | + | --><li class="dropdown" > |
− | + | ||
<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 class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Parts">Parts</a> | |
− | <a href="https://2016.igem.org/Team:LambertGA/ | + | <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/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a> |
</div> | </div> | ||
− | </li> | + | </li><!-- |
− | <!-- | + | --><a href="https://2016.igem.org/Team:LambertGA/Attributions"class="dropbtn">Attributions</a><!-- |
− | + | --><a href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a><!-- | |
− | + | --><li class="dropdown" > | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a> | + | |
− | <!-- | + | |
− | + | ||
<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/Human_Practices">Human Practices</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/Silver">Silver</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/ | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Integrated_Practices">Integrated Practices</a> |
+ | <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2016.igem.org/Team:LambertGA/Engagement">Engagement</a> | ||
</div> | </div> | ||
− | </li> | + | </li><!-- |
− | + | --><li class="dropdown" > | |
− | <a href="https://2016.igem.org/Team:LambertGA/ | + | <a href="https://2016.igem.org/Team:LambertGA/Hardware" class="dropbtn">Awards</a> |
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
− | <a | + | <a class="drplink" style="transition: color 0.5s ease-in-out;" 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 | + | <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/Model">Model</a> | + | |
</div> | </div> | ||
</li> | </li> | ||
− | |||
</div> | </div> | ||
Line 309: | Line 355: | ||
− | <div class="column full_size" style=" | + | |
+ | <div class="column full_size" style="width:75%; margin:auto;" > | ||
Line 315: | Line 362: | ||
+ | <br> | ||
− | <center> <h1 id="MainTitle"><b> Safety </b></h1> </center> | + | <center> <h1 id="MainTitle"><b> Safety </b></h1> <img src="https://static.igem.org/mediawiki/2016/2/26/T--LambertGA--purpleline.jpg" style="width:18%; margin:auto;"></center> |
− | + | <br> | |
− | <center><h3> Team Safety </h3></Center> | + | <center><h3 style="color: #D49AE6;"> Team Safety </h3></Center> |
− | <p | + | <p style="width: 75%; margin: auto; font-size: 16px;"><b> All team members involved in lab procedures were required to adhere to certain lab guidelines as outlined by our advisors. The lab safety rules include but are not limited to:</b></p> |
− | <ul | + | <ul style="width: 75%; margin: auto; font-size: 16px;"> |
<li>Wash in, wash out</li> | <li>Wash in, wash out</li> | ||
<li>Protect eyes, mucous membranes, open cuts and wounds from contact with biohazard material</li> | <li>Protect eyes, mucous membranes, open cuts and wounds from contact with biohazard material</li> | ||
Line 342: | Line 390: | ||
<br> | <br> | ||
<br> | <br> | ||
− | <center><h3>Public Safety</h3> | + | <center><h3 style="color: #D49AE6;">Public Safety</h3> |
− | <p | + | <p style="width: 100%; margin: auto; font-size: 16px;">We took certain measures to ensure that our project did not pose a threat to public safety. All <i>E. coli</i> strains handled were non-pathogenic, and are unlikely to survive in the wild even if released. All biomaterials were disposed of properly and all relevant lab equipment was autoclaved after use. Team members were not allowed outside of the lab while wearing gloves and refrained from touching doorknobs or any surfaces that would come in contact with the public. We cleaned all lab surfaces after use to ensure that others did not come in contact with our biomaterials.</p></center> |
<br> | <br> | ||
<br> | <br> | ||
<br> | <br> | ||
− | <center><h3>Environmental Safety</h3></center> | + | <center><h3 style="color: #D49AE6;">Environmental Safety</h3></center> |
− | <p | + | <p style="width: 100%; margin: auto; font-size: 16px;">To ensure that our project did not propose a hazard to the environment, we used only transformation strains that were purchased through New England Biolabs or from the CSCG Keio Collection. Our project aim is to further characterize the degradation strength of two degradation tags, DAS and LAA, and as such our cell lines will never leave the lab, they will not pose a threat to the environment because they are non pathogenic and contained in a laboratory environment.</p> |
− | + | <br> | |
− | + | <br> | |
− | + | <br> | |
− | + | <center><h2>In The Lab</h2></center> | |
− | + | <center> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/9/9b/T--LambertGA--lab1.jpg" style="width:350px;"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/7/71/T--LambertGA--lab3.jpg" style="width:350px;"> | |
− | + | </center> | |
Line 371: | Line 419: | ||
<div id="sponsors-bottom"> | <div id="sponsors-bottom"> | ||
− | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/ | + | <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> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
</html> | </html> |
Latest revision as of 02:48, 20 October 2016
Safety
![](https://static.igem.org/mediawiki/2016/2/26/T--LambertGA--purpleline.jpg)
Team Safety
All team members involved in lab procedures were required to adhere to certain lab guidelines as outlined by our advisors. The lab safety rules include but are not limited to:
- Wash in, wash out
- Protect eyes, mucous membranes, open cuts and wounds from contact with biohazard material
- Do not eat or drink when in the lab area
- Always use gloves and splash-proof goggles
- Tie back loose hair
- Disinfect all surfaces with 70% ethanol prior to working
- Disinfect all disposable tips, glassware, tubes by soaking in 10% bleach solution for 20 minutes and then disposing in normal waste
- Dispose of growth plates by disposing into a biohazard container which get autoclaved
- Check all equipment for good working order, no chips, torn cords, cracks. Report any issues to an instructor immediately
- When pipetting, don’t touch tip to side of container
- Don’t lay caps of tubes upside down. Use masking tape to hold to bottom of cabinets
- Clean work area with 70% ethanol after working
- Clean up all glassware and labware before leaving lab
- Place all backpacks and stools to the side of the lab to keep walkways clear
- Always know the correct procedure for disposal of lab materials
Public Safety
We took certain measures to ensure that our project did not pose a threat to public safety. All E. coli strains handled were non-pathogenic, and are unlikely to survive in the wild even if released. All biomaterials were disposed of properly and all relevant lab equipment was autoclaved after use. Team members were not allowed outside of the lab while wearing gloves and refrained from touching doorknobs or any surfaces that would come in contact with the public. We cleaned all lab surfaces after use to ensure that others did not come in contact with our biomaterials.
Environmental Safety
To ensure that our project did not propose a hazard to the environment, we used only transformation strains that were purchased through New England Biolabs or from the CSCG Keio Collection. Our project aim is to further characterize the degradation strength of two degradation tags, DAS and LAA, and as such our cell lines will never leave the lab, they will not pose a threat to the environment because they are non pathogenic and contained in a laboratory environment.
In The Lab
![](https://static.igem.org/mediawiki/2016/9/9b/T--LambertGA--lab1.jpg)
![](https://static.igem.org/mediawiki/2016/7/71/T--LambertGA--lab3.jpg)