|
|
| (34 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html>
| |
| − | <head>
| |
| − | <title>iGEM-bg</title>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | </head>
| |
| − | <style>
| |
| − | body { margin:0px; background-color: #fff; max-width: 100%; min-width: 600px;}
| |
| − | /*------------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%;}
| |
| − | /*-------------------------------------------------------------------*/
| |
| | | | |
| − | /*------------------------Shapes-------------------------------------------*/
| |
| − | .align{
| |
| − | vertical-align:top;
| |
| − | position:relative;
| |
| − | margin:0 auto;
| |
| − |
| |
| − |
| |
| − | }
| |
| − | .rectangleb{
| |
| − | height: 600;
| |
| − | width: 100%;
| |
| − | background-color: #002855;
| |
| − | position:relative;
| |
| − |
| |
| − | }
| |
| − | .triangleb {
| |
| − | background-color: #002855;
| |
| − | width: 100%;
| |
| − | min-width: 600px;
| |
| − | position: absolute;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .triangleb:after {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | min-width: 600px;
| |
| − | top: 100%;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | padding-bottom: 10%;
| |
| − | background-color: #002855;
| |
| − | clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
| |
| − | }
| |
| − |
| |
| − | .trianglew{
| |
| − | background-color: #fff;
| |
| − | width: 100%;
| |
| − | min-width: 600px;
| |
| − | position: absolute;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .trianglew:after {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | top: 100%;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | padding-bottom: 10%;
| |
| − | background-color: #fff;
| |
| − | clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
| |
| − | }
| |
| − |
| |
| − | .spacer {
| |
| − | height: 10vw;
| |
| − | }
| |
| − |
| |
| − | .spacerw {
| |
| − | height: 10vw;
| |
| − | }
| |
| − | /*------------------------Shapes-
| |
| − |
| |
| − | .triangle-downb {
| |
| − | width: 0;
| |
| − | height: 0px;
| |
| − | border-left: 700px solid transparent;
| |
| − | border-right: 700px solid transparent;
| |
| − | border-top: 150px solid #002855;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .triangle-downw {
| |
| − | width: 0;
| |
| − | height: 0px;
| |
| − | border-left: 700px solid transparent;
| |
| − | border-right: 700px solid transparent;
| |
| − | border-top: 150px solid #fff;
| |
| − |
| |
| − | }
| |
| − | -----------------------------------*/
| |
| − | /*----Top Navigation Styling-----*/
| |
| − | .header {
| |
| − |
| |
| − | background-color: #002855;
| |
| − | padding: 10px 10px;
| |
| − | margin:0 auto;
| |
| − | width: 1400;
| |
| − | }
| |
| − |
| |
| − | .dropdown-main, .nav-item, .logo {
| |
| − | float: left;
| |
| − | color: white;
| |
| − | text-align: center;
| |
| − | padding: 12px;
| |
| − | text-decoration: none;
| |
| − | font-size: 14px;
| |
| − | line-height: 35px;
| |
| − | border-radius: 4px;
| |
| − | }
| |
| − |
| |
| − | .header a.logo {
| |
| − | font-size: 15px;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @media screen and (max-width: 600px) {
| |
| − | .header a {
| |
| − | float: none;
| |
| − | display: inline-block;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − | /**/
| |
| − | #topnav {
| |
| − | text-align: center;
| |
| − | margin: 0 auto;
| |
| − | min-width: 600px;
| |
| − |
| |
| − |
| |
| − | }
| |
| − | #topnav li ul{
| |
| − | position: relative;
| |
| − | display: none;
| |
| − | }
| |
| − | #topnav li ul li a {display:block !important;}
| |
| − | /* The dropdown container */
| |
| − | .dropdown {
| |
| − | display: inline-block
| |
| − | }
| |
| − |
| |
| − | /* 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
| |
| − | #topnav li a:hover, .dropdown:hover .dropbtn {
| |
| − | background-color: #123b68;
| |
| − | }*/
| |
| − | /* Dropdown content (hidden by default) */
| |
| − | .dropdown-content {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | background-color: #eff1f2;
| |
| − | min-width: 200px;
| |
| − | border-radius: 7px;
| |
| − | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
| |
| − | z-index: 1;
| |
| − | }
| |
| − |
| |
| − | /* Links inside the dropdown */
| |
| − | .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 */
| |
| − | .dropdown-content a:hover {
| |
| − | background-color: #ddd;
| |
| − | }
| |
| − |
| |
| − | /* Show the dropdown menu on hover */
| |
| − | .dropdown:hover .dropdown-content {
| |
| − | display: block;
| |
| − | }
| |
| − | hr {
| |
| − | border-width: 0.05px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | /*--------------------------------*/
| |
| − | /*Image alignment*/
| |
| − | .logos {
| |
| − |
| |
| − | display: inline-block;
| |
| − | background-color: #002855;
| |
| − | margin-left: 14%;
| |
| − | min-inline-size: 110px;
| |
| − |
| |
| − |
| |
| − |
| |
| − | }
| |
| − | .content {
| |
| − | margin:0 auto;
| |
| − | background-color:#002855;
| |
| − | }
| |
| − | .contentb {
| |
| − | margin:0% auto;
| |
| − | background-color:#002855;
| |
| − | white-space: nowrap ;
| |
| − | overflow: hidden;
| |
| − |
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <div class="content">
| |
| − | <div class="contentb">
| |
| − | <!-- Page content -->
| |
| − | <div style='padding-top: 50px;'></div>
| |
| − | <!--______________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>
| |
| − | </div>
| |
| − |
| |
| − | <div style='padding-top: 130px;'></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">
| |
| − | <button class="dropbtn">HUMAN RESOURCES</button>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="#">Link 1</a>
| |
| − | <a href="#">Link 2</a>
| |
| − | <a href="#">Link 3</a>
| |
| − | </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>
| |
| − | </div>
| |
| − |
| |
| − | <!--______Triangle and Spacing______-->
| |
| − | <div class="triangleb"></div>
| |
| − | <div class="spacer"></div>
| |
| − | <!--_______CONTENT Arrow 1______________-->
| |
| − | <div class="triangle-downb">
| |
| − | </div>
| |
| − |
| |
| − | <center>
| |
| − | <div style = 'padding-left: 100PX; padding-bottom: 20px;padding-top: 100px; font-size: 30px; color: #d9a900'; ><b>Mammailian Cell Based Biosensor For Physiological Effects Of Toxins</b></div>
| |
| − | </center>
| |
| − | <div style='padding-top: 30px;'></div>
| |
| − |
| |
| − |
| |
| − | <div style = 'padding-right: 100PX; padding-left: 100PX; text-indent: 50px;line-height: 25px; font-size: 18px' >
| |
| − | 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 style='font-size: 18px'>Polluters –> Environment (Field Test) –> Human Disease –> Policy Change –| </p>
| |
| − | <p style='font-size: 18px'> 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>
| |
| − |
| |
| − | <!--______Triangle and Spacing______-->
| |
| − | <div class="trianglew"></div>
| |
| − | <div class="spacerw"></div>
| |
| − |
| |
| − | <!--_______CONTENT Arrow 2______________-->
| |
| − |
| |
| − | <div class="rectangleb">
| |
| − | <div class="triangle-downw">
| |
| − | </div>
| |
| − | <!-- Page content -->
| |
| − | <div style='padding-top: 25px;'></div>
| |
| − | <center>
| |
| − | <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 30px; color: #d9a900'; ><b>Process</b></div>
| |
| − | </center>
| |
| − | <div style='padding-top: 30px;'></div>
| |
| − |
| |
| − |
| |
| − | <div style = 'padding-right: 100PX; padding-left: 100PX;padding-bottom: 60px text-indent:50px ;line-height: 25px; color: #fff; font-size: 18px'; >
| |
| − | 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.
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <!--______Triangle and Spacing______-->
| |
| − | <div class="triangleb"></div>
| |
| − | <div class="spacer"></div>
| |
| − |
| |
| − | <!--_______CONTENT Arrow 3_____________-->
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − | </body>
| |
| − | </html>
| |
| − |
| |
| − |
| |
| − | {{Template: UC_Davis/footer}}
| |
