Line 39: | Line 39: | ||
margin-left: 0px; | margin-left: 0px; | ||
margin-top: 0px; | margin-top: 0px; | ||
+ | min-width: 900px; | ||
} | } | ||
Line 44: | Line 45: | ||
display: table-cell; | display: table-cell; | ||
text-decoration: none; | text-decoration: none; | ||
− | + | display: block; | |
+ | float: left; | ||
width: 16.666666667%; | width: 16.666666667%; | ||
line-height: 50px; | line-height: 50px; | ||
Line 50: | Line 52: | ||
} | } | ||
− | + | .dropdown-main, .nav-item { | |
text-decoration: none; | text-decoration: none; | ||
font-size: 20px; | font-size: 20px; | ||
color: white; | color: white; | ||
padding: 7px 20px; | padding: 7px 20px; | ||
+ | /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */ | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
#topnav li a:hover { | #topnav li a:hover { | ||
− | background-color: # | + | color: #123b68; |
+ | } | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 150px; | ||
+ | } | ||
+ | .dropdown-content a { | ||
+ | float: none; | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
} | } | ||
− | |||
/*--------------------------------*/ | /*--------------------------------*/ | ||
Line 104: | Line 119: | ||
<!--______________Top Navigation Bar_________________________--> | <!--______________Top Navigation Bar_________________________--> | ||
<ul id="topnav"> | <ul id="topnav"> | ||
− | <li><a href="Project">Project</a></li> | + | <li class="dropdown"><a href="Project" class="dropdown-main">Project</a> |
− | <li><a href=" | + | <div class="dropdown-content"> |
− | <li><a href="Tools">Tools</a></li> | + | <a href="#">Link 1</a> |
− | <li><a href=" | + | <a href="#">2</a> |
− | <li><a href=" | + | <a href="#">3</a> |
− | <li><a href="iGEM">iGEM</a></li> | + | </div> |
+ | </li> | ||
+ | <li class="dropdown"><a href="Practices" class="dropdown-main">Practices</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">1</a> | ||
+ | <a href="#">2</a> | ||
+ | <a href="#">3</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"><a href="Tools" class="dropdown-main">Tools</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">1</a> | ||
+ | <a href="#">2</a> | ||
+ | <a href="#">3</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"><a href="Acknowledgements" class="dropdown-main">Acknowledgements</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">1</a> | ||
+ | <a href="#">2</a> | ||
+ | <a href="#">3</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="no-dropdown"><a href="Safety" class="nav-item">Safety</a></li> | ||
+ | <li class="no-dropdown"><a href="iGEM" class="nav-item">iGEM</a></li> | ||
</ul> | </ul> | ||
<!--_________________________________________________________--> | <!--_________________________________________________________--> |
Revision as of 17:41, 26 July 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.