Line 2: | Line 2: | ||
<head> | <head> | ||
− | + | <title>iGEM</title> | |
</head> | </head> | ||
<style> | <style> | ||
− | + | body { | |
− | + | background-color: #002855; | |
− | + | } | |
− | + | /*------------Get rid of iGEM stuff----------------------------------*/ | |
− | + | #home_logo, | |
− | + | #sideMenu { | |
− | + | display: none; | |
− | + | } | |
− | + | #sideMenu, | |
− | + | #top_title, | |
− | + | .patrollink { | |
− | + | display: none; | |
− | + | } | |
− | + | #content { | |
− | + | margin-left: 0px; | |
− | + | margin-top: -7px; | |
− | + | padding: 0px; | |
− | + | width: 100%; | |
− | + | } | |
− | + | /*-------------------------------------------------------------------*/ | |
− | + | /*----Top Navigation Styling-----*/ | |
− | + | #topnav { | |
− | + | display: table; | |
− | + | width: 100%; | |
− | + | background-color: #002855; | |
margin: 0; | margin: 0; | ||
text-align: center; | text-align: center; | ||
white-space: nowrap; | white-space: nowrap; | ||
− | + | } | |
− | + | #topnav li { | |
− | + | display: table-cell; | |
− | + | text-decoration: none; | |
− | + | display: inline-block; | |
− | + | line-height: 50px; | |
width: 220px; | width: 220px; | ||
− | + | } | |
+ | |||
#topnav li a:hover { | #topnav li a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
color: #123b68; | color: #123b68; | ||
} | } | ||
+ | |||
#topnav a:visited { | #topnav a:visited { | ||
color: white; | color: white; | ||
} | } | ||
− | + | ||
− | + | .dropdown-main, | |
− | + | .nav-item { | |
− | + | text-decoration: none; | |
− | + | font-size: 20px; | |
− | + | color: white; | |
− | + | /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */ | |
− | .no-dropdown { | + | } |
− | + | ||
− | } | + | .no-dropdown { |
− | + | text-decoration: none; | |
− | + | } | |
− | + | ||
− | + | .dropdown-content { | |
− | + | display: none; | |
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 150px; | ||
margin-left: 30px; | margin-left: 30px; | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .dropdown-content a { | |
− | + | color: black; | |
− | + | padding: 6px 8px; | |
− | + | text-decoration: none; | |
− | + | display: block; | |
+ | text-align: left; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /*--------------------------------*/ | ||
+ | |||
+ | /*-----Styling the 3 logos-----*/ | ||
+ | |||
+ | .logos { | ||
+ | display: inline-block; | ||
+ | background-color: #002855; | ||
+ | padding: 50px; | ||
+ | } | ||
+ | |||
+ | .banner { | ||
+ | background-color: #002855; | ||
+ | text-align: center; | ||
+ | margin-left: -50px; | ||
+ | white-space: nowrap; | ||
+ | } | ||
− | + | /*--------------------------------*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</style> | </style> | ||
<body> | <body> | ||
− | + | <div class="banner"> | |
− | + | <div class="logos" style="background-color: #002855;"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/a/a5/T--UC_Davis--whitelogo.png" alt="uc davis logo" style="margin-left: auto;margin-right:auto;" width="264.6px" ; Padding: "0";> | |
− | + | </div> | |
− | + | <!--_____________Cenozoic logo_____________--> | |
− | + | <div class="logos" style="background-color: #002855"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/1/1b/T--UC_Davis--DNA_refined.png" alt="Cenozoic logo" style="margin-left: auto;margin-right: auto;" width="543.6px" ; Padding: "0";> | |
− | + | </div> | |
− | + | <!--______________iGEM logo____________--> | |
− | + | <div class="logos" style="background-color: #002855"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/2/2b/T--UC_Davis--iGEM.png" alt="uc davis logo" style="margin-left: auto;margin-right: auto; " width="201.6px" ; Padding: "0";> | |
− | + | </div> | |
− | + | </div> | |
− | + | <!--______________Top Navigation Bar_________________________--> | |
− | + | <ul id="topnav"> | |
− | + | <li class="dropdown"><a href="Project" class="dropdown-main">Project</a> | |
− | + | <div class="dropdown-content"> | |
− | + | <a href="#">Link 1</a> | |
− | + | <a href="#">Link 2</a> | |
− | + | <a href="#">Link 3</a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li class="dropdown"><a href="Practices" class="dropdown-main">Practices</a> | |
− | + | <div class="dropdown-content"> | |
− | + | <a href="#">Link 1</a> | |
− | + | <a href="#">Link 2</a> | |
− | + | <a href="#">Link 3</a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li class="dropdown"><a href="Tools" class="dropdown-main">Tools</a> | |
− | + | <div class="dropdown-content"> | |
− | + | <a href="#">Link 1</a> | |
− | + | <a href="#">Link 2</a> | |
− | + | <a href="#">Link 3</a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li class="dropdown"><a href="Acknowledgements" class="dropdown-main">Acknowledgements</a> | |
− | + | <div class="dropdown-content"> | |
− | + | <a href="#">Link 1</a> | |
− | + | <a href="#">Link 2</a> | |
− | + | <a href="#">Link 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> | |
− | + | <!--_________________________________________________________--> | |
− | + | <div class="Motivation Draft"> | |
− | + | <h1>Mammilian Cell Based Biosensor For Physiological Effects Of Toxins</h1> | |
− | + | <p>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.</p> | |
− | + | </div> | |
</body> | </body> | ||
</html> | </html> |
Revision as of 09:28, 28 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.