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

Line 5: Line 5:
 
</head>
 
</head>
 
<style>
 
<style>
−
   body { margin:0px; background-color: #fff; max-width: 100%; min-width: 600px;}
+
   body { margin:0px; background-color: #fff; max-width: 100%; min-width: 600px; font-family: Proxima Nova regular;}
 
   /*------------Get rid of iGEM stuff----------------------------------*/
 
   /*------------Get rid of iGEM stuff----------------------------------*/
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
Line 12: Line 12:
 
   /*-------------------------------------------------------------------*/
 
   /*-------------------------------------------------------------------*/
  
−
  /*------------------------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;
 
−
  }
 
−
 
−
 
 
−
}
 
  
−
/**/
+
/*--Top Navigation Styling--*/
 
#topnav {
 
#topnav {
 
   text-align: center;
 
   text-align: center;
 
   margin: 0 auto;
 
   margin: 0 auto;
−
  min-width: 600px;
 
−
 
 
−
 
 
}
 
}
 
#topnav li ul{
 
#topnav li ul{
Line 141: Line 23:
 
}
 
}
 
#topnav li ul li a {display:block !important;}
 
#topnav li ul li a {display:block !important;}
−
/* The dropdown container */
+
/* -- dropdown container-- */
 
.dropdown {
 
.dropdown {
 
   display: inline-block
 
   display: inline-block
 
}
 
}
 +
/* --Dropdown button-- */
  
−
/* Dropdown button */
 
 
.dropdown .dropbtn {
 
.dropdown .dropbtn {
 
   font-size: 20px;
 
   font-size: 20px;
Line 154: Line 36:
 
   padding: 14px 16px;
 
   padding: 14px 16px;
 
   background-color: inherit;
 
   background-color: inherit;
−
   font-family: inherit; /* Important for vertical align on mobile phones */
+
   font-family: inherit;
−
   margin: 0; /* Important for vertical align on mobile phones */
+
   margin: 0;
 
}
 
}
−
/* Adds navy blue color to backgroup to navbar links
+
 
−
#topnav li a:hover, .dropdown:hover .dropbtn {
+
/*-- Dropdown content (hidden by default) --*/
−
background-color: #123b68;
+
−
}*/
+
−
/* Dropdown content (hidden by default) */
+
 
.dropdown-content {
 
.dropdown-content {
−
display: none;
+
  display: none;
−
position: absolute;
+
  position: absolute;
−
background-color: #eff1f2;
+
  background-color: #eff1f2;
−
min-width: 200px;
+
  min-width: 200px;
−
border-radius: 7px;
+
  border-radius: 7px;
−
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
−
z-index: 1;
+
  z-index: 1;
 
}
 
}
  
−
/* Links inside the dropdown */
+
/*-- Links inside the dropdown-- */
 
.dropdown-content a {
 
.dropdown-content a {
−
float: none;
+
  float: none;
−
color: black;
+
  color: black;
−
padding: 12px 16px;
+
  padding: 12px 16px;
−
text-decoration: none;
+
  text-decoration: none;
−
display: block;
+
  display: block;
−
text-align:left;
+
  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;
+
  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;
+
  display: block;
 
}
 
}
−
hr {
 
−
    border-width: 0.05px;
 
  
 +
/*-----------Burger Menu Styling-------------*/
 +
 +
.topnav .burger {
 +
  display: none;
 +
  float: right;
 +
  margin-right: 20px;
 +
  z-index: 1;
 +
  color: #d9a900;
 +
  font-size: 20px;
 
}
 
}
 +
.topnav .b-dropdown-content {
 +
  display: none;
 +
  font-size: 18px;
 +
  border-radius: 7px;
  
−
/*--------------------------------*/
+
}
−
/*Image alignment*/
+
−
.logos {
+
  
−
display: inline-block;
 
−
background-color: #002855;
 
−
min-inline-size: 110px;
 
  
 +
.burger-content {
 +
  display: none;
 +
  position: absolute;
 +
  background-color: #f9f9f9;
 +
  border-radius: 7px;
 +
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 +
  z-index: 1;
 +
  width: 200px;
 +
  margin-top: 40px;
 +
  Float: none;
  
 +
}
  
 +
.burger-content div, .burger-content a {
 +
text-decoration: none;
 +
color: #525b65;
 +
padding: 6px 8px;
 +
text-decoration: none;
 +
display: block;
 +
text-align: left;
 +
font-weight: bold;
 +
overflow: hidden;
 
}
 
}
 +
#topnav .b-dropdown:hover .b-dropdown-content {
 +
  display: inline-block;
 +
}
 +
#topnav .b-dropdown-content a:hover {
 +
  color: black;
 +
}
 +
#topnav .b-dropdown-content {
 +
  display: none;
 +
  position: absolute;
 +
  background-color: #f9f9f9;
 +
  min-width: 150px;
 +
  margin-top: -50px;
 +
  margin-left: 200px;
 +
  z-index: 1;
 +
}
 +
 +
input[type=checkbox]{
 +
  display: none;
 +
}
 +
input[type=checkbox]:checked ~ .burger-content {
 +
  display: block;
 +
}
 +
 +
@media screen and (max-width:750px) {
 +
  #topnav .dropdown .dropbtn {
 +
    display: none;
 +
  }
 +
 +
  #topnav li.burger {
 +
    display: flex;
 +
    justify-content: center;
 +
    float: inherit;
 +
  }
 +
}
 +
/*-------------------------------------------*/
 +
 +
/*--alignment--*/
 +
 
.content {
 
.content {
 
   margin:0 auto;
 
   margin:0 auto;
Line 215: Line 158:
 
   background-color:#002855;
 
   background-color:#002855;
 
   white-space: nowrap ;
 
   white-space: nowrap ;
−
overflow: hidden;
+
  overflow: hidden;
−
width: 90%;
+
  width: 100%;
 
}
 
}
−
 
 
.logos {
 
.logos {
 
width: 33%;
 
width: 33%;
 
vertical-align: middle;
 
vertical-align: middle;
 +
  display: inline-block;
 
}
 
}
−
 
 
.logos img {
 
.logos img {
−
text-align: center;  
+
text-align: center;
 
display: table-cell;
 
display: table-cell;
 
vertical-align: middle;
 
vertical-align: middle;
−
width: auto;
+
width: 0 auto;
 
}
 
}
  
 +
/*------------------------Shapes-------------------------------------------*/
 +
.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;
 +
}
 
</style>
 
</style>
 +
 
<body>
 
<body>
 
<div class="content">
 
<div class="content">
Line 242: Line 236:
  
 
  <div class="logos" style="background-color: #002855;">
 
  <div class="logos" style="background-color: #002855;">
−
    <img
+
      <a href="http://ucdavis.com">
−
    src="https://static.igem.org/mediawiki/2018/a/a5/T--UC_Davis--whitelogo.png"
+
      <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: 50%;" Padding: "0";>
−
    alt="uc davis logo"
+
      </a>
−
    style="margin-left: auto;margin-right:auto; width: 35%;"
+
    </div>
−
    Padding: "0";>
+
−
  </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="width: 65%; margin-left: auto;margin-right: auto;"Padding: "0";>
+
      <a href="https://2018.igem.org/Team:UC_Davis">
−
  </div>
+
      <img src="https://static.igem.org/mediawiki/2018/1/1b/T--UC_Davis--DNA_refined.png" alt="Cenozoic logo" style="width: 80%; margin-left: auto;margin-right: auto;"Padding: "0";>
 +
      </a>
 +
    </div>
  
  
Line 259: Line 253:
  
 
  <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="width: 35%; margin-left: auto;margin-right: auto;" ;Padding: "0";>
+
    <a href="https://2018.igem.org">
 +
    <img src="https://static.igem.org/mediawiki/2018/2/2b/T--UC_Davis--iGEM.png" alt="iGEM logo" style="width: 40%; margin-left: auto;margin-right: auto;" ;Padding: "0";>
 +
    </a>
 
  </div>
 
  </div>
 
</div>
 
</div>
Line 266: Line 262:
  
 
<!--______________Top Navigation Bar____________-->
 
<!--______________Top Navigation Bar____________-->
−
<ul id="topnav">
+
  <ul class="topnav" id="topnav">
  
 
       <!--______________Project____________-->
 
       <!--______________Project____________-->
 
       <div class="dropdown">
 
       <div class="dropdown">
−
      <button class="dropbtn">PROJECT</button>
+
        <button class="dropbtn">PROJECT</button>
−
      <div class="dropdown-content">
+
          <div class="dropdown-content">
−
      <a href="#">InterLab</a>
+
            <a href="#">Design</a>
−
      <a href="#">Link 2</a>
+
            <a href="#">Results</a>
−
      <a href="#">Link 3</a>
+
            <a href="#">Modelling</a>
−
      </div>
+
            <a href="#">InterLab</a>
 +
 
 +
          </div>
 
       </div>
 
       </div>
 
<!--______________Human Resources____________-->
 
<!--______________Human Resources____________-->
−
<div class="dropdown">
+
      <div class="dropdown">
−
<button class="dropbtn">HUMAN RESOURCES</button>
+
        <button class="dropbtn">HUMAN RESOURCES</button>
−
<div class="dropdown-content">
+
          <div class="dropdown-content">
−
<a href="#">Link 1</a>
+
            <a href="#">Motivation</a>
−
<a href="#">Link 2</a>
+
            <a href="#">Outreach</a>
−
<a href="#">Link 3</a>
+
            <a href="#">Policy</a>
−
</div>
+
          </div>
−
</div>
+
      </div>
−
<!--______________Tools____________-->
+
<!--______________Parts____________-->
−
<div class="dropdown">
+
      <div class="dropdown">
−
<button class="dropbtn">TOOLS</button>
+
        <button class="dropbtn">PARTS</button>
−
<div class="dropdown-content">
+
          <div class="dropdown-content">
−
<a href="#">Link 1</a>
+
            <a href="#">Basic</a>
−
<a href="#">Link 2</a>
+
            <a href="#">Composite</a>
−
<a href="#">Link 3</a>
+
            <a href="#">Parts Collection</a>
−
</div>
+
 
−
</div>
+
          </div>
−
     <!--______________Safety____________-->
+
      </div>
 +
     <!--______________Lab____________-->
 
     <div class="dropdown">
 
     <div class="dropdown">
−
    <button class="dropbtn">SAFETY</button>
+
      <button class="dropbtn">LAB WORK</button>
−
    <div class="dropdown-content">
+
        <div class="dropdown-content">
−
    <a href="#">Link 1</a>
+
          <a href="#">Notebook</a>
−
    <a href="#">Link 2</a>
+
          <a href="#">Methods and Materials</a>
−
    <a href="#">Link 3</a>
+
          <a href="#">Safety</a>
−
    </div>
+
 
−
    </div>
+
          </div>
 +
      </div>
 
     <!--______________Acknowledgements____________-->
 
     <!--______________Acknowledgements____________-->
 
     <div class="dropdown">
 
     <div class="dropdown">
−
    <button class="dropbtn">ACKNOWLEDGEMENTS</button>
+
      <button class="dropbtn">TEAM</button>
−
    <div class="dropdown-content">
+
          <div class="dropdown-content">
−
    <a href="#">Link 1</a>
+
            <a href="#">Meet the Team</a>
−
    <a href="#">Link 2</a>
+
            <a href="#">Advisors</a>
−
    <a href="#">Link 3</a>
+
            <a href="#">Sposors</a>
 +
          </div>
 
     </div>
 
     </div>
−
    </div>
+
     <!--______________Achievements____________-->
−
     <!--______________iGEM____________-->
+
 
     <div class="dropdown">
 
     <div class="dropdown">
−
    <button class="dropbtn">iGEM</button>
+
      <button class="dropbtn">ACHIEVEMENTS</button>
 +
        <div class="dropdown-content">
 +
          <a href="#">Medal Requirements</a>
 +
          <a href="#">Outreach</a>
 +
          </div>
 
     </div>
 
     </div>
−
</ul>
+
 
 +
 
 +
<!--___________________________________Burger Menu____________________________________________-->
 +
<li class="burger"><input type="checkbox" id="b-control"><label for="b-control">&#9776;</label>
 +
<div class="burger-content">
 +
<div class="b-dropdown"><a href="Project" class="b-dropdown-main">Project</a>
 +
<div class="b-dropdown-content">
 +
            <a href="#">Design</a>
 +
            <a href="#">Results</a>
 +
            <a href="#">Modelling</a>
 +
            <a href="#">InterLab</a>
 +
</div>
 +
</div>
 +
<div class="b-dropdown"><a href="Practices" class="b-dropdown-main"> Human Practices</a>
 +
<div class="b-dropdown-content">
 +
            <a href="#">Motivation</a>
 +
            <a href="#">Outreach</a>
 +
            <a href="#">Policy</a>
 +
</div>
 +
</div>
 +
<div class="b-dropdown"><a href="Parts" class="b-dropdown-main">Parts</a>
 +
<div class="b-dropdown-content">
 +
            <a href="#">Basic</a>
 +
            <a href="#">Composite</a>
 +
            <a href="#">Parts Collection</a>
 +
</div>
 +
</div>
 +
        <div class="b-dropdown"><a href="Lab" class="b-dropdown-main">Lab Work</a>
 +
<div class="b-dropdown-content">
 +
            <a href="#">Notebook</a>
 +
            <a href="#">Methods and Materials</a>
 +
            <a href="#">Safety</a>
 +
</div>
 +
</div>
 +
<div class="b-dropdown b-Acknowledgements"><a href="Acknowledgements" class="b-dropdown-main">Team</a>
 +
<div class="b-dropdown-content">
 +
<a href="#">Meet the Team</a>
 +
<a href="#">Advisors</a>
 +
<a href="#">Sponsors</a>
 +
</div>
 +
</div>
 +
        <div class="b-dropdown"><a href="Parts" class="b-dropdown-main">Achievements</a>
 +
          <div class="b-dropdown-content">
 +
            <a href="#">Medal Requirements</a>
 +
            <a href="#">Outreach</a>
 +
          </div>
 +
        </div>
 +
</div>
 +
</span>
 +
</li>
 +
</ul>
 +
<!--__________________________________________________________________________________________-->
 +
 
 +
  </ul>
 
</div>
 
</div>
  
Line 323: Line 380:
 
<div class="triangleb"></div>
 
<div class="triangleb"></div>
 
<div class="spacer"></div>
 
<div class="spacer"></div>
 +
 
<!--_______CONTENT  Arrow 1______________-->
 
<!--_______CONTENT  Arrow 1______________-->
−
<div class="triangle-downb">
 
−
</div>
 
  
−
<center>
+
  <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>
+
    <div style = ' padding-right: 100PX; padding-left: 60PX; padding-bottom: 20px;padding-top: 100px; font-size: 30px; color: #d9a900'; ><b>Mammailian Cell Based Biosensor For Physiological Effects Of Toxins</b></div>
−
</center>
+
  </center>
−
<div style='padding-top: 30px;'></div>
+
  
 +
    <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.
+
        <div style = 'padding-right: 100PX; padding-left: 100PX; text-indent: 50px;line-height: 25px; font-size: 18px' >
−
<p style='font-size: 18px'>Polluters –> Environment (Field Test) –> Human Disease –> Policy Change –| </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.
−
<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>
+
        <p style='font-size: 18px'>Polluters –> Environment (Field Test) –> Human Disease –> Policy Change –| </p>
−
</div>
+
        <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>
  
  
Line 348: Line 405:
  
 
   <!-- Page content -->
 
   <!-- Page content -->
−
  <div style='padding-top: 25px;'></div>
+
    <div style='padding-top: 25px;'></div>
−
  <center>
+
      <center>
−
  <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 30px; color: #d9a900'; ><b>Process</b></div>
+
          <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 30px; color: #d9a900'; ><b>Process</b></div>
−
  </center>
+
      </center>
−
  <div style='padding-top: 30px;'></div>
+
          <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'; >
+
          <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
+
            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.
+
            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>
 
</div>
 
</div>
−
 
−
 
 
<!--______Triangle and Spacing______-->
 
<!--______Triangle and Spacing______-->
 
<div class="triangleb"></div>
 
<div class="triangleb"></div>
 +
 +
  
  
 
<!--_______CONTENT  Arrow 3_____________-->
 
<!--_______CONTENT  Arrow 3_____________-->
  
−
  <img src="https://static.igem.org/mediawiki/2018/a/a1/T--UC_Davis--Jolee.jpg" alt="Cenozoic logo" style="margin-left: auto;margin-right: auto; z-index:1;"width="100%"; height="560px"; Padding: "0";>
+
<img src="https://static.igem.org/mediawiki/2018/9/93/T--UC_Davis--Plates.jpg" alt="Cenozoic logo" style="margin-left: auto;margin-right: auto; z-index:1;"width="100%"; height="560px"; Padding: "0";>
−
 
+
−
</div>
+
  
  
 +
<!--_______CONTENT  Arrow 4_____________-->
  
 
<div class="rectangleb">
 
<div class="rectangleb">
Line 379: Line 435:
 
   <div class="spacer"></div>
 
   <div class="spacer"></div>
  
−
  <div style='padding-top: 25px;'></div>
+
    <div style='padding-top: 25px;'></div>
−
  <center>
+
      <center>
−
  <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 30px; color: #d9a900'; ><b>Limitations</b></div>
+
        <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 27px; color: #d9a900'; ><b>Limitations</b></div>
−
  </center>
+
      </center>
−
  <div style='padding-top: 30px;'></div>
+
        <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'; >
+
        <div style = 'padding-right: 100PX; padding-left: 100PX;padding-bottom: 60px; text-indent:50px ;line-height: 25px; color: #fff; font-size: 18px'; >
−
    A limitation of our research is that we will not be able to show a definitive causal link between COCs and human disease, but it is our intention to find links between COCs and physiological stress in mammalian systems, with the hope that our findings may motivate and inform further studies to find out if there is a causal link between these COCs and human disease.
+
        A limitation of our research is that we will not be able to show a definitive causal link between COCs and human disease, but it is our intention to find links between COCs and physiological stress in mammalian systems, with the hope that our findings may motivate and inform further studies to find out if there is a causal link between these COCs and human disease.
  
−
  </div>
+
        </div>
 
</div>
 
</div>
 
<div class="triangleb"></div>
 
<div class="triangleb"></div>
 
<div class="spacer"></div>
 
<div class="spacer"></div>
  
−
<div style='padding-top: 25px;'></div>
+
    <div style='padding-top: 30px;'></div>
−
<center>
+
        <center>
−
<div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 30px; color: #d9a900'; ><b>Extension</b></div>
+
          <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 30px; color: #d9a900'; ><b>Extension</b></div>
−
</center>
+
        </center>
−
<div style='padding-top: 30px;'></div>
+
          <div style='padding-top: 30px;'></div>
−
 
+
−
<div style = 'padding-right: 100PX; padding-left: 100PX; text-indent: 50px;line-height: 25px; font-size: 18px' >
+
−
  A possible extension of our research would be to determine the effect of multiple COCs on the physiological health of mammalian cells. This would be of value in assessing and creating sane standards for pollution, as organisms in the natural environment are exposed to a variety of COCs at once, which may not have been previously screened in conjunction with each other. A possible finding from this might be that COC “A,” at a concentration below what is currently considered to be harmful, in the presence of COC “B,” also at a concentration below what is currently considered to be harmful, interact together to trigger a response associated with stress in mammalian cells.
+
−
</div>
+
−
<div style='padding-top: 30px;'></div>
+
  
 +
          <div style = 'padding-right: 100PX; padding-left: 100PX; text-indent: 50px;line-height: 25px; font-size: 18px' >
 +
          A possible extension of our research would be to determine the effect of multiple COCs on the physiological health of mammalian cells. This would be of value in assessing and creating sane standards for pollution, as organisms in the natural environment are exposed to a variety of COCs at once, which may not have been previously screened in conjunction with each other. A possible finding from this might be that COC “A,” at a concentration below what is currently considered to be harmful, in the presence of COC “B,” also at a concentration below what is currently considered to be harmful, interact together to trigger a response associated with stress in mammalian cells.
 +
          </div>
 +
    <div style='padding-top: 30px;'></div>
  
 
</body>
 
</body>

Revision as of 05:43, 8 August 2018

iGEM-bg

uc davis logo
Cenozoic logo
iGEM logo
Mammailian 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.

Process
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.
Cenozoic logo
Limitations
A limitation of our research is that we will not be able to show a definitive causal link between COCs and human disease, but it is our intention to find links between COCs and physiological stress in mammalian systems, with the hope that our findings may motivate and inform further studies to find out if there is a causal link between these COCs and human disease.
Extension
A possible extension of our research would be to determine the effect of multiple COCs on the physiological health of mammalian cells. This would be of value in assessing and creating sane standards for pollution, as organisms in the natural environment are exposed to a variety of COCs at once, which may not have been previously screened in conjunction with each other. A possible finding from this might be that COC “A,” at a concentration below what is currently considered to be harmful, in the presence of COC “B,” also at a concentration below what is currently considered to be harmful, interact together to trigger a response associated with stress in mammalian cells.


iGEM-Footer

Contact

530-752-1139

2240 Academic Surge
Davis,Ca 95616

UC Davis iGEM 2018