Difference between revisions of "Team:UC Davis/AchalaTestPage"
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | <title>iGEM</title> | + | <title>iGEM-bg</title> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
</head> | </head> | ||
<style> | <style> | ||
| − | body { | + | body { margin:0px; background-color: #fff;} |
/*------------Get rid of iGEM stuff----------------------------------*/ | /*------------Get rid of iGEM stuff----------------------------------*/ | ||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
| Line 11: | Line 12: | ||
/*-------------------------------------------------------------------*/ | /*-------------------------------------------------------------------*/ | ||
| − | /*---- | + | /*------------------------Shapes-------------------------------------------*/ |
| − | + | .align{ | |
| − | + | vertical-align:top; | |
| − | + | position:relative; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .rectangleb{ | |
| − | + | height: 200px; | |
| − | + | width: 100%; | |
| − | + | background-color: #002855; | |
| − | + | margin:0; | |
| + | |||
| + | |||
| + | |||
| + | |||
| + | } | ||
| + | .triangle-downb { | ||
| + | width: 0; | ||
| + | height: 0px; | ||
| + | border-left: 610px solid transparent; | ||
| + | border-right: 610px solid transparent; | ||
| + | border-top: 100px solid #002855; | ||
| + | margin-top: -16px | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | /* Dropdown button */ | + | /*----Top Navigation Styling-----*/ |
| − | + | #topnav { | |
| − | + | display: table; | |
| − | + | width: 100%; | |
| − | + | background-color: #002855; | |
| − | + | white-space: nowrap; | |
| − | + | margin-left: 14%; | |
| − | + | margin-right: 0; | |
| − | + | position:relative; | |
| − | + | max-width: 100%; | |
| − | + | ||
| + | } | ||
| + | |||
| + | .topnav li { | ||
| + | display: table-cell; | ||
| + | width: 16.666666667%; | ||
| + | line-height: 50px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .topnav a { | ||
| + | text-decoration: none; | ||
| + | font-size: 16px; | ||
| + | color: white; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .topnav li a { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | /*--------------------------------*/ | ||
| + | /* The dropdown container */ | ||
| + | .dropdown { | ||
| + | float: left; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | /* Dropdown button */ | ||
| + | .dropdown .dropbtn { | ||
| + | font-size: 20px; | ||
| + | border: none; | ||
| + | outline: none; | ||
| + | color: white; | ||
| + | padding: 14px 16px; | ||
| + | background-color: inherit; | ||
| + | font-family: inherit; /* Important for vertical align on mobile phones */ | ||
| + | margin: 0; /* Important for vertical align on mobile phones */ | ||
| + | } | ||
/* Adds navy blue color to backgroup to navbar links | /* Adds navy blue color to backgroup to navbar links | ||
#topnav li a:hover, .dropdown:hover .dropbtn { | #topnav li a:hover, .dropdown:hover .dropbtn { | ||
| − | + | background-color: #123b68; | |
}*/ | }*/ | ||
| − | + | /* Dropdown content (hidden by default) */ | |
.dropdown-content { | .dropdown-content { | ||
| − | + | display: none; | |
| − | + | position: absolute; | |
| − | + | background-color: #eff1f2; | |
| − | + | min-width: 160px; | |
| − | + | border-radius: 8px; | |
| − | + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | |
| − | + | z-index: 1; | |
} | } | ||
/* Links inside the dropdown */ | /* Links inside the dropdown */ | ||
.dropdown-content a { | .dropdown-content a { | ||
| − | + | float: none; | |
| − | + | color: black; | |
| − | + | padding: 12px 16px; | |
| − | + | text-decoration: none; | |
| − | + | display: block; | |
| − | + | text-align: left; | |
} | } | ||
/* Add a grey background color to dropdown links on hover */ | /* Add a grey background color to dropdown links on hover */ | ||
.dropdown-content a:hover { | .dropdown-content a:hover { | ||
| − | + | background-color: #ddd; | |
} | } | ||
/* Show the dropdown menu on hover */ | /* Show the dropdown menu on hover */ | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
| − | + | display: block; | |
} | } | ||
| − | + | /*--------------------------------*/ | |
| − | + | /*Image alignment*/ | |
.logos { | .logos { | ||
| − | + | display: inline-block; | |
| − | + | background-color: #002855; | |
| − | + | margin-left: 14%; | |
| − | + | ||
} | } | ||
.content { | .content { | ||
| − | + | margin:0; | |
| − | + | background-color:#002855; | |
| − | + | white-space: nowrap; | |
} | } | ||
</style> | </style> | ||
| − | + | <div class="align"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <div class="rectangleb"> | |
| − | + | <div class="content"> | |
| − | + | <!-- Page content --> | |
| − | + | <!--______________UC Davis logo____________--> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | < | + | <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="147px"; | ||
| + | height="25px"; | ||
| + | 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="301px"; height="301px"; 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="112px"; height="90px";Padding: "0";> | ||
| + | </div> | ||
| − | + | ||
| − | + | ||
| − | + | <!--______________Top Navigation Bar____________--> | |
| − | + | <ul id="topnav"> | |
| − | + | ||
| − | + | <!--______________Project____________--> | |
| − | + | <div class="dropdown"> | |
| − | + | <button class="dropbtn">Project</button> | |
| − | + | <div class="dropdown-content"> | |
| − | + | <a href="#">InterLab</a> | |
| − | + | <a href="#">Link 2</a> | |
| − | + | <a href="#">Link 3</a> | |
| − | + | </div> | |
| + | </div> | ||
| + | <!--______________Human Resources____________--> | ||
<div class="dropdown"> | <div class="dropdown"> | ||
<button class="dropbtn">Human Resources</button> | <button class="dropbtn">Human Resources</button> | ||
| Line 156: | Line 188: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | <!--______________Tools____________--> | |
| − | + | <div class="dropdown"> | |
| − | + | <button class="dropbtn">Tools</button> | |
| − | + | <div class="dropdown-content"> | |
| − | + | <a href="#">Link 1</a> | |
| − | + | <a href="#">Link 2</a> | |
| − | + | <a href="#">Link 3</a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <!--______________Safety____________--> | |
| − | + | <div class="dropdown"> | |
| − | + | <button class="dropbtn">Safety</button> | |
| − | + | <div class="dropdown-content"> | |
| − | + | <a href="#">Link 1</a> | |
| − | + | <a href="#">Link 2</a> | |
| − | + | <a href="#">Link 3</a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <!--______________Acknowledgements____________--> | |
| − | + | <div class="dropdown"> | |
| − | + | <button class="dropbtn">Acknowledgements</button> | |
| − | + | <div class="dropdown-content"> | |
| − | + | <a href="#">Link 1</a> | |
| − | + | <a href="#">Link 2</a> | |
| − | + | <a href="#">Link 3</a> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <!--______________iGEM____________--> | |
| − | + | <div class="dropdown"> | |
| − | + | <button class="dropbtn">iGEM</button> | |
| − | + | </div> | |
</ul> | </ul> | ||
</div> | </div> | ||
| + | <div class="triangle-downb"> | ||
| + | </div> | ||
| + | </div> | ||
| + | <!--_______CONTENT Arrow 1______________--> | ||
| + | <div class= "align"style='padding-top: 25px;'></div> | ||
| + | <center> | ||
| + | <div style = 'padding-left: 100PX; padding-bottom: 20px;padding-top: 280px; font-size: 30px; color: #d9a900'; ><b>Mammilian Cell Based Biosensor For Physiological Effects Of Toxins</b></div> | ||
| + | </center> | ||
| + | <div style='padding-top: 30px;'></div> | ||
| + | |||
| + | |||
| + | <div style = 'padding-right: 130PX; padding-left: 130PX; text-indent: 50px;line-height: 25px' > | ||
| + | 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. | ||
| + | <p>Polluters –> Environment (Field Test) –> Human Disease –> Policy Change –| </p> | ||
| + | <p> 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> | ||
| + | <!--_______CONTENT Arrow 2______________--> | ||
| + | |||
| + | |||
| + | |||
</body> | </body> | ||
| − | </html> | + | </html> |
| − | {{Template:UC_Davis}} | + | |
| + | {{Template:UC_Davis/footer}} | ||
Revision as of 21:13, 31 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.