Difference between revisions of "Team:UC Davis/AresTestPage"

Line 2: Line 2:
  
 
<head>
 
<head>
  <title>iGEM</title>
+
<title>iGEM</title>
 
</head>
 
</head>
 
<style>
 
<style>
  body {
+
body {
    background-color: #002855;
+
background-color: #002855;
  }
+
}
  
  /*------------Get rid of iGEM stuff----------------------------------*/
+
/*------------Get rid of iGEM stuff----------------------------------*/
  
  #home_logo,
+
#home_logo,
  #sideMenu {
+
#sideMenu {
    display: none;
+
display: none;
  }
+
}
  
  #sideMenu,
+
#sideMenu,
  #top_title,
+
#top_title,
  .patrollink {
+
.patrollink {
    display: none;
+
display: none;
  }
+
}
  
  #content {
+
#content {
    margin-left: 0px;
+
margin-left: 0px;
    margin-top: -7px;
+
margin-top: -7px;
    padding: 0px;
+
padding: 0px;
    width: 100%;
+
width: 100%;
  }
+
}
  
  /*-------------------------------------------------------------------*/
+
/*-------------------------------------------------------------------*/
  
  /*----Top Navigation Styling-----*/
+
/*----Top Navigation Styling-----*/
  
  #topnav {
+
#topnav {
    display: table;
+
display: table;
    width: 100%;
+
width: 100%;
    background-color: #002855;
+
background-color: #002855;
 
margin: 0;
 
margin: 0;
 
text-align: center;
 
text-align: center;
 
white-space: nowrap;
 
white-space: nowrap;
  }
+
}
  
  #topnav li {
+
#topnav li {
    display: table-cell;
+
display: table-cell;
    text-decoration: none;
+
text-decoration: none;
    display: inline-block;
+
display: inline-block;
    line-height: 50px;
+
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;
+
.dropdown-main,
    font-size: 20px;
+
.nav-item {
    color: white;
+
text-decoration: none;
    padding: 7px 20px;
+
font-size: 20px;
    /*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
+
color: white;
  }
+
/*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
.no-dropdown {
+
}
  text-decoration: none;
+
 
}
+
.no-dropdown {
  .dropdown-content {
+
text-decoration: none;
    display: none;
+
}
    position: absolute;
+
 
    background-color: #f9f9f9;
+
.dropdown-content {
    min-width: 150px;
+
display: none;
 +
position: absolute;
 +
background-color: #f9f9f9;
 +
min-width: 150px;
 
margin-left: 30px;
 
margin-left: 30px;
  }
+
}
  .dropdown-content a {
+
      float: none;
+
      color: black;
+
      padding: 12px 16px;
+
      text-decoration: none;
+
      display: block;
+
      text-align: left;
+
  }
+
    .dropdown:hover .dropdown-content {
+
  display: block;
+
  }
+
  /*--------------------------------*/
+
  
  .logos {
+
.dropdown-content a {
    display: inline-block;
+
color: black;
    background-color: #002855;
+
padding: 6px 8px;
    padding: 50px;
+
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;
 +
}
  
  .boop {
+
/*--------------------------------*/
    background-color: #002855;
+
    text-align: center;
+
    margin-left: -50px;
+
    white-space: nowrap;
+
  }
+
 
</style>
 
</style>
  
 
<body>
 
<body>
  <div class="boop">
+
<div class="banner">
    <div class="logos" style="background-color: #002855;">
+
<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";>
+
<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>
+
</div>
  
    <!--_____________Cenozoic logo_____________-->
+
<!--_____________Cenozoic logo_____________-->
  
    <div class="logos" style="background-color: #002855">
+
<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";>
+
<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>
+
</div>
  
  
    <!--______________iGEM logo____________-->
+
<!--______________iGEM logo____________-->
  
    <div class="logos" style="background-color: #002855">
+
<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";>
+
<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>
  </div>
+
</div>
  
  <!--______________Top Navigation Bar_________________________-->
+
<!--______________Top Navigation Bar_________________________-->
  <ul id="topnav">
+
<ul id="topnav">
    <li class="dropdown"><a href="Project" class="dropdown-main">Project</a>
+
<li class="dropdown"><a href="Project" class="dropdown-main">Project</a>
      <div class="dropdown-content">
+
<div class="dropdown-content">
        <a href="#">Link 1</a>
+
<a href="#">Link 1</a>
        <a href="#">2</a>
+
<a href="#">Link 2</a>
        <a href="#">3</a>
+
<a href="#">Link 3</a>
      </div>
+
</div>
    </li>
+
</li>
    <li class="dropdown"><a href="Practices" class="dropdown-main">Practices</a>
+
<li class="dropdown"><a href="Practices" class="dropdown-main">Practices</a>
      <div class="dropdown-content">
+
<div class="dropdown-content">
        <a href="#">1</a>
+
<a href="#">Link 1</a>
        <a href="#">2</a>
+
<a href="#">Link 2</a>
        <a href="#">3</a>
+
<a href="#">Link 3</a>
      </div>
+
</div>
    </li>
+
</li>
    <li class="dropdown"><a href="Tools" class="dropdown-main">Tools</a>
+
<li class="dropdown"><a href="Tools" class="dropdown-main">Tools</a>
      <div class="dropdown-content">
+
<div class="dropdown-content">
        <a href="#">1</a>
+
<a href="#">Link 1</a>
        <a href="#">2</a>
+
<a href="#">Link 2</a>
        <a href="#">3</a>
+
<a href="#">Link 3</a>
      </div>
+
</div>
    </li>
+
</li>
    <li class="dropdown"><a href="Acknowledgements" class="dropdown-main">Acknowledgements</a>
+
<li class="dropdown"><a href="Acknowledgements" class="dropdown-main">Acknowledgements</a>
      <div class="dropdown-content">
+
<div class="dropdown-content">
        <a href="#">1</a>
+
<a href="#">Link 1</a>
        <a href="#">2</a>
+
<a href="#">Link 2</a>
        <a href="#">3</a>
+
<a href="#">Link 3</a>
      </div>
+
</div>
    </li>
+
</li>
    <li class="no-dropdown"><a href="Safety" class="nav-item">Safety</a></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>
+
<li class="no-dropdown"><a href="iGEM" class="nav-item">iGEM</a></li>
  </ul>
+
</ul>
  <!--_________________________________________________________-->
+
<!--_________________________________________________________-->
  
  
  
  <div class="Motivation Draft">
+
<div class="Motivation Draft">
    <h1>Mammilian Cell Based Biosensor For Physiological Effects Of Toxins</h1>
+
<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,
+
<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
+
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
      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
+
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
      known causal effect on human disease, and what set of policy changes can help improve public health.</p>
+
effect on human disease, and what set of policy changes can help improve public health.</p>
  </div>
+
</div>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 09:28, 28 July 2018

iGEM

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.