Line 72: | Line 72: | ||
border-radius: 7px; | border-radius: 7px; | ||
z-index: 1; | z-index: 1; | ||
− | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | + | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); |
} | } | ||
Line 91: | Line 91: | ||
color: black; | color: black; | ||
} | } | ||
− | #topnav . | + | /*-----------Burger Menu Styling-------------*/ |
+ | |||
+ | #topnav .burger { | ||
display: none; | display: none; | ||
+ | float: right; | ||
+ | color: white; | ||
} | } | ||
− | + | #topnav .b-dropdown-content { | |
− | + | display: none; | |
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | @media screen and (max-width:1000px) { | |
+ | #topnav li:not(:first-child) { | ||
+ | display: none; | ||
+ | } | ||
+ | #topnav li.burger { | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | .burger-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | border-radius: 7px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); | ||
+ | z-index: 1; | ||
+ | width: 400px; | ||
+ | margin-left: -300px; | ||
+ | } | ||
+ | .burger-content div, .burger-content a { | ||
+ | text-decoration: none; | ||
+ | color: #525b65; | ||
+ | padding: 6px 8px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | font-weight: bold; | ||
− | + | } | |
+ | #topnav .b-dropdown:hover .b-dropdown-content { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #topnav .b-dropdown-content a:hover { | ||
+ | color: black; | ||
+ | } | ||
+ | #topnav .b-dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 150px; | ||
+ | margin-top: -50px; | ||
+ | margin-left: 200px; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | input[type=checkbox]{ | ||
+ | display: none; | ||
+ | } | ||
+ | input[type=checkbox]:checked ~ .burger-content { | ||
+ | display: block | ||
+ | } | ||
+ | /*-------------------------------------------*/ | ||
+ | /*-------------------------------------------*/ | ||
+ | |||
+ | /*-----Styling the 3 logos-----*/ | ||
.logos { | .logos { | ||
Line 142: | Line 190: | ||
clip-path: polygon(0% 0%, 100% 0%, 50% 100%); | clip-path: polygon(0% 0%, 100% 0%, 50% 100%); | ||
} | } | ||
+ | |||
.trianglew { | .trianglew { | ||
background-color: white; | background-color: white; | ||
Line 163: | Line 212: | ||
height: 10vw; | height: 10vw; | ||
} | } | ||
+ | |||
.spacerb { | .spacerb { | ||
height: 10vw; | height: 10vw; | ||
Line 174: | Line 224: | ||
text-align: center; | text-align: center; | ||
} | } | ||
+ | |||
.B { | .B { | ||
background-color: #002855; | background-color: #002855; | ||
color: white; | color: white; | ||
} | } | ||
+ | |||
.words { | .words { | ||
margin-left: 10%; | margin-left: 10%; | ||
Line 202: | Line 254: | ||
</div> | </div> | ||
<!--______________Top Navigation Bar_________________________--> | <!--______________Top Navigation Bar_________________________--> | ||
− | <ul id="topnav"> | + | <ul class="topnav" id="topnav"> |
<li class="no-dropdown"><a href="Home" class="nav-item">Home</a></li> | <li class="no-dropdown"><a href="Home" class="nav-item">Home</a></li> | ||
<li class="dropdown"><a href="Project" class="dropdown-main">Project</a> | <li class="dropdown"><a href="Project" class="dropdown-main">Project</a> | ||
Line 233: | Line 285: | ||
</li> | </li> | ||
<li class="no-dropdown"><a href="Safety" class="nav-item">Safety</a></li> | <li class="no-dropdown"><a href="Safety" class="nav-item">Safety</a></li> | ||
− | <li class=" | + | <!--___________________________________Burger Menu____________________________________________--> |
− | + | <li class="burger"><input type="checkbox" id="b-control"><label for="b-control">☰</label> | |
− | + | <div class="burger-content"> | |
+ | <div class="b-dropdown"><a href="Project" class="b-dropdown-main">Project</a> | ||
+ | <div class="b-dropdown-content"> | ||
+ | <a href="#">Link 1</a> | ||
+ | <a href="#">Link 2</a> | ||
+ | <a href="#">Link 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="b-dropdown"><a href="Practices" class="b-dropdown-main">Practices</a> | ||
+ | <div class="b-dropdown-content"> | ||
+ | <a href="#">Link 1</a> | ||
+ | <a href="#">Link 2</a> | ||
+ | <a href="#">Link 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="b-dropdown"><a href="Tools" class="b-dropdown-main">Tools</a> | ||
+ | <div class="b-dropdown-content"> | ||
+ | <a href="#">Link 1</a> | ||
+ | <a href="#">Link 2</a> | ||
+ | <a href="#">Link 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="b-dropdown"><a href="Acknowledgements" class="b-dropdown-main">Acknowledgements</a> | ||
+ | <div class="b-dropdown-content"> | ||
+ | <a href="#">Link 1</a> | ||
+ | <a href="#">Link 2</a> | ||
+ | <a href="#">Link 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="b-no-dropdown"><a href="Safety" class="b-nav-item">Safety</a></div> | ||
+ | <div class="b-no-dropdown"><a href="iGEM" class="b-nav-item">iGEM</a></div> | ||
+ | <div class="b-no-dropdown"><a href="UC_Davis" class="b-nav-item">UC Davis</a></div> | ||
+ | </div> | ||
+ | </span> | ||
+ | </li> | ||
</ul> | </ul> | ||
+ | <!--__________________________________________________________________________________________--> | ||
+ | |||
<!--_________________________________________________________--> | <!--_________________________________________________________--> | ||
<!--______Triangle and Spacing______--> | <!--______Triangle and Spacing______--> | ||
Line 263: | Line 351: | ||
<div class="spacer"></div> | <div class="spacer"></div> | ||
<!--________________________________--> | <!--________________________________--> | ||
− | <img src="https://static.igem.org/mediawiki/2018/a/a1/T--UC_Davis--Jolee.jpg" alt="Jolee!"> | + | <img src="https://static.igem.org/mediawiki/2018/a/a1/T--UC_Davis--Jolee.jpg" alt="Jolee!"> |
− | <!--______Triangle and Spacing______--> | + | <!--______Triangle and Spacing______--> |
− | <div class="trianglew"></div> | + | <div class="trianglew"></div> |
− | <div class="spacerb"></div> | + | <div class="spacerb"></div> |
− | <!--________________________________--> | + | <!--________________________________--> |
− | <div class="Limitations B"> | + | <div class="Limitations B"> |
− | + | <h1 class="heading">Limitations</h1> | |
− | + | <div class="words">A limitation of our research is that we will not be able to show a definitive causal link between COCs and human disease, but it is our intention to find links between COCs and physiological stress in mammalian systems, with the hope that our findings | |
− | </div> | + | may motivate and inform further studies to find out if there is a causal link between these COCs and human disease.</div> |
− | <!--______Triangle and Spacing______--> | + | </div> |
− | <div class="triangle"></div> | + | <!--______Triangle and Spacing______--> |
− | <div class="spacer"></div> | + | <div class="triangle"></div> |
− | <!--________________________________--> | + | <div class="spacer"></div> |
− | <div> | + | <!--________________________________--> |
− | + | <div> | |
− | + | <h1 class="heading">Extension</h1> | |
− | </div> | + | <div class="words">A possible extension of our research would be to determine the effect of multiple COCs on the physiological health of mammalian cells. This would be of value in assessing and creating sane standards for pollution, as organisms in the natural environment |
+ | are exposed to a variety of COCs at once, which may not have been previously screened in conjunction with each other. A possible finding from this might be that COC “A,” at a concentration below what is currently considered to be harmful, in the presence | ||
+ | of COC “B,” also at a concentration below what is currently considered to be harmful, interact together to trigger a response associated with stress in mammalian cells.</div> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
{{Template: UC_Davis/footer}} | {{Template: UC_Davis/footer}} |
Revision as of 20:43, 7 August 2018
Mammilian Cell Based Biosensor For Physiological Effects Of Toxins
After visiting the Yurok Tribe, it became clear that to have a real positive impact regarding their problems with pollution and health, it would be necessary to draw a clear narrative between sources of pollution, a specific toxin in the environment,
a high quality field test, a causal effect on human health, and a specific policy change. Polluters –> Environment (Field Test) –> Human Disease –> Policy Change –| Polluters For best outcomes, every link in this chain needs to be well documented and
backed by substantial evidence/data. It needs to be clear which organizations are responsible for introducing which toxins into the environment, that they are present in meaningful concentrations in the environment, that these toxins have a known causal
effect on human disease, and what set of policy changes can help improve public health.
Process
After initially focusing on the possibility of developing a new field test to help detect COCs in the environment, upon further research, it was determined that the current state of the art field tests, ELISA immunoassays, are of high quality and effectiveness.
In light of this finding, we determined that our efforts were best spent studying the effect of COCs, including chemicals which have not been previously studied in detail, on the physiological health of mammalian cells.
Limitations
A limitation of our research is that we will not be able to show a definitive causal link between COCs and human disease, but it is our intention to find links between COCs and physiological stress in mammalian systems, with the hope that our findings
may motivate and inform further studies to find out if there is a causal link between these COCs and human disease.
Extension
A possible extension of our research would be to determine the effect of multiple COCs on the physiological health of mammalian cells. This would be of value in assessing and creating sane standards for pollution, as organisms in the natural environment
are exposed to a variety of COCs at once, which may not have been previously screened in conjunction with each other. A possible finding from this might be that COC “A,” at a concentration below what is currently considered to be harmful, in the presence
of COC “B,” also at a concentration below what is currently considered to be harmful, interact together to trigger a response associated with stress in mammalian cells.