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

Line 1: Line 1:
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<title>iGEM</title>
+
  <title>iGEM</title>
 
</head>
 
</head>
 
<style>
 
<style>
−
   body {background-color:#002855; margin:50px; background-color: #002855; max-width: 963px;}
+
   body {
 +
    background-color: #002855;
 +
  }
 +
 
 
   /*------------Get rid of iGEM stuff----------------------------------*/
 
   /*------------Get rid of iGEM stuff----------------------------------*/
−
#home_logo, #sideMenu { display:none; }
+
 
−
#sideMenu, #top_title, .patrollink {display:none;}
+
  #home_logo,
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
  #sideMenu {
 +
    display: none;
 +
  }
 +
 
 +
  #sideMenu,
 +
  #top_title,
 +
  .patrollink {
 +
    display: none;
 +
  }
 +
 
 +
  #content {
 +
    margin-left: 0px;
 +
    margin-top: -7px;
 +
    padding: 0px;
 +
    width: 100%;
 +
  }
 +
 
 
   /*-------------------------------------------------------------------*/
 
   /*-------------------------------------------------------------------*/
  
 
   /*----Top Navigation Styling-----*/
 
   /*----Top Navigation Styling-----*/
 +
 
   #topnav {
 
   #topnav {
 
     display: table;
 
     display: table;
 
     width: 100%;
 
     width: 100%;
 
     background-color: #002855;
 
     background-color: #002855;
−
     white-space: nowrap;
+
     margin-left: 0px;
−
     margin-left: 14%;
+
     margin-top: 0px;
 +
  }
  
−
}
+
   #topnav li {
−
 
+
−
   .topnav li {
+
 
     display: table-cell;
 
     display: table-cell;
 +
    text-decoration: none;
 +
 
     width: 16.666666667%;
 
     width: 16.666666667%;
 
     line-height: 50px;
 
     line-height: 50px;
 
     text-align: center;
 
     text-align: center;
−
}
+
  }
−
   .topnav a {
+
 
 +
   #topnav a {
 
     text-decoration: none;
 
     text-decoration: none;
−
     font-size: 16px;
+
     font-size: 20px;
 
     color: white;
 
     color: white;
−
     white-space: nowrap;
+
     padding: 7px 20px;
 
   }
 
   }
−
   .topnav li a {
+
 
 +
   #topnav li {
 
     display: block;
 
     display: block;
−
  }
 
−
  /*--------------------------------*/
 
−
  /* The dropdown container */
 
−
  .dropdown {
 
 
     float: left;
 
     float: left;
−
    overflow: hidden;
 
 
   }
 
   }
  
−
   /* Dropdown button */
+
   #topnav li a:hover {
−
  .dropdown .dropbtn {
+
     background-color: #123b68;
−
    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: 160px;
 
−
  border-radius: 8px;
 
−
  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;
 
−
}
 
  
 
   /*--------------------------------*/
 
   /*--------------------------------*/
−
  /*Image alignment*/
 
−
.logos {
 
−
  display: inline-block;
 
−
  background-color: #002855;
 
−
  margin-left: 14%;
 
  
 +
  .logos {
 +
    display: inline-block;
 +
    background-color: #002855;
 +
    margin-left: 14%;
 +
  }
  
−
}
+
  .boop {
−
.content {
+
 
     margin: auto;
 
     margin: auto;
−
     background-color:#002855;
+
     background-color: #002855;
−
    white-space: nowrap;
+
 
−
}
+
  }
 
</style>
 
</style>
−
<body >
 
−
  <div class="content">
 
−
    <!-- Page content -->
 
−
  <!--______________UC Davis logo____________-->
 
  
 +
<body>
 +
  <div class="boop">
 
     <div class="logos" style="background-color: #002855;">
 
     <div class="logos" style="background-color: #002855;">
−
       <img
+
       <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="176.4px" ; Padding: "0";>
−
      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";
+
−
      Padding: "0";>
+
 
     </div>
 
     </div>
  
Line 121: Line 90:
  
 
     <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="301px"; height="301px"; 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="361.2px" ; Padding: "0";>
 
     </div>
 
     </div>
  
Line 128: Line 97:
  
 
     <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="112px"; height="90px";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="134.4px" ; Padding: "0";>
 
     </div>
 
     </div>
 +
  </div>
  
 +
  <!--______________Top Navigation Bar_________________________-->
 +
  <ul id="topnav">
 +
    <li><a href="Project">Project</a></li>
 +
    <li><a href="Human_Practices">Human Practices</a></li>
 +
    <li><a href="Tools">Tools</a></li>
 +
    <li><a href="Safety">Safety</a></li>
 +
    <li><a href="Acknowledgements">Acknowledgements</a></li>
 +
    <li><a href="iGEM">iGEM</a></li>
 +
  </ul>
 +
  <!--_________________________________________________________-->
  
  
  
−
  <!--______________Top Navigation Bar____________-->
 
−
  <ul id="topnav">
 
  
−
        <!--______________Project____________-->
+
 
−
        <div class="dropdown">
+
 
−
        <button class="dropbtn">Project</button>
+
  <div class="Motivation Draft">
−
        <div class="dropdown-content">
+
    <h1>Mammilian Cell Based Biosensor For Physiological Effects Of Toxins</h1>
−
        <a href="#">Link 1</a>
+
    <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 href="#">Link 2</a>
+
      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 href="#">Link 3</a>
+
      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
−
        </div>
+
      known causal effect on human disease, and what set of policy changes can help improve public health.</p>
−
        </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>
−
  </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>
 
 
</body>
 
</body>
 +
 
</html>
 
</html>

Revision as of 22:48, 25 July 2018

iGEM

uc davis logo
Cenozoic logo
uc davis logo

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.