|
|
(39 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | <html>
| |
| | | |
− | <head>
| |
− | <title>iGEM</title>
| |
− | </head>
| |
− | <style>
| |
− | body {
| |
− | background-color: white;
| |
− | }
| |
− |
| |
− | /*------------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;
| |
− | text-align: center;
| |
− | white-space: nowrap;
| |
− | }
| |
− |
| |
− | #topnav li {
| |
− | display: table-cell;
| |
− | text-decoration: none;
| |
− | display: inline-block;
| |
− | line-height: 50px;
| |
− | width: 220px;
| |
− | }
| |
− |
| |
− | #topnav a:visited {
| |
− | 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 {
| |
− | text-decoration: none;
| |
− | }
| |
− |
| |
− | .dropdown-content {
| |
− | display: none;
| |
− | position: absolute;
| |
− | background-color: #f9f9f9;
| |
− | min-width: 150px;
| |
− | margin-left: 30px;
| |
− | border-radius:7px;
| |
− | z-index: 1;
| |
− | }
| |
− |
| |
− | .dropdown-content a {
| |
− | color: #525b65;
| |
− | padding: 6px 8px;
| |
− | text-decoration: none;
| |
− | display: block;
| |
− | text-align: left;
| |
− | font-weight: bold;
| |
− | }
| |
− | .dropdown-content a:hover {
| |
− | color: black;
| |
− | }
| |
− | #topnav li a:hover {
| |
− | text-decoration: none;
| |
− | }
| |
− | .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;
| |
− | }
| |
− |
| |
− | /*--------------------------------*/
| |
− | .Motivation {
| |
− | background-color: white;
| |
− | }
| |
− | .outer {
| |
− | background-color: #002855;
| |
− | width: 100%;
| |
− | position: absolute;
| |
− | margin: 0;
| |
− | }
| |
− | .outer:after {
| |
− | content: "";
| |
− | position: absolute;
| |
− | top: 100%;
| |
− | left: 0;
| |
− | right: 0;
| |
− | padding-bottom: 10%;
| |
− | background-color: #002855;
| |
− | clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
| |
− | }
| |
− | .spacer {
| |
− | height: 10vw;
| |
− | }
| |
− | </style>
| |
− | <body>
| |
− | <div class="banner">
| |
− | <!--_____________Davis logo_____________-->
| |
− | <div class="logos" style="background-color: #002855;">
| |
− | <a href="http://ucdavis.com"><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";></a>
| |
− | </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">
| |
− | <a href="https://2018.igem.org"><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";></a>
| |
− | </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="outer"></div>
| |
− | <div class="spacer">
| |
− |
| |
− | </div>
| |
− | <div class="Motivation">
| |
− | <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>
| |
− |
| |
− | </html>
| |