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

(Undo revision 81985 by Aatorres (talk))
(Undo revision 81984 by Aatorres (talk))
Line 1: Line 1:
 
<html>
 
<html>
 +
 
<head>
 
<head>
  <style>
+
<title>iGEM</title>
  /*------------Get rid of iGEM stuff----------------------------------*/
+
</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;
 +
}
 +
 
 +
#topnav li {
 +
display: table-cell;
 +
text-decoration: none;
 +
display: inline-block;
 +
line-height: 50px;
 +
width: 15%;
 +
min-width: 150px;
 +
}
 +
 
 +
#topnav li a:hover {
 +
text-decoration: none;
 +
}
 +
 
 +
#topnav a:visited {
 +
color: white;
 +
}
 +
 
 +
.dropdown-main,
 +
.nav-item {
 +
text-decoration: none;
 +
font-size: 20px;
 +
color: white;
 +
}
 +
 
 +
.dropdown-content {
 +
display: none;
 +
position: absolute;
 +
background-color: #f9f9f9;
 +
min-width: 150px;
 +
margin-left: 30px;
 +
border-radius: 7px;
 +
z-index: 1;
 +
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
display: block;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
/*--------------------------------*/
 +
 
 +
/*-----Styling the 3 logos-----*/
  
  #home_logo,
+
.logos {
  #sideMenu {
+
display: inline-block;
    display: none;
+
background-color: #002855;
  }
+
padding: 50px;
 +
}
  
  #sideMenu,
+
.banner {
  #top_title,
+
background-color: #002855;
  .patrollink {
+
text-align: center;
    display: none;
+
margin-left: -52px;
  }
+
}
  
  #content {
+
/*--------------------------------*/
    margin-left: 0px;
+
    margin-top: -7px;
+
    padding: 0px;
+
    width: 100%;
+
  }
+
  
  /*-------------------------------------------------------------------*/
+
/*---------Triangle Styling and Spacing-----------*/
  
  .responsive {
+
.triangle {
      width:100%;
+
background-color: #002855;
      height: auto;
+
width: 100%;
      background-color: black;
+
position: absolute;
  }
+
margin: 0;
+
}
.pic {
+
  width:100%;
+
  height: auto;
+
  background-color: black;
+
}
+
.bla {
+
  width: 50%;
+
  min-width: 50px;
+
  outline: 2px solid;
+
  height: auto;
+
}
+
  </style>
+
  </head>
+
  <body>
+
  
 +
.triangle: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%);
 +
}
 +
.trianglew {
 +
background-color: white;
 +
width: 100%;
 +
position: absolute;
 +
margin: 0;
 +
}
  
<div class="bla">
+
.trianglew:after {
  <img src="https://static.igem.org/mediawiki/2018/2/2b/T--UC_Davis--iGEM.png" alt="iGEM" class="pic">
+
content: "";
</div>
+
position: absolute;
 
+
top: 100%;
 +
left: 0;
 +
right: 0;
 +
padding-bottom: 10%;
 +
background-color: white;
 +
clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
 +
}
  
  </body>
+
.spacer {
  </html>
+
height: 10vw;
<!--______________UC Davis logo____________
+
}
 +
.spacerb {
 +
height: 10vw;
 +
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="147px";
+
    height="25px";
+
    Padding: "0";>
+
  </div>
+
  
  ____________Cenozoic logo_____________
+
h1 {
 +
color: #d9a900;
 +
text-align: center;
 +
}
 +
.B {
 +
background-color: #002855;
 +
color: white;
 +
}
 +
p {
 +
margin-left: 20px;
 +
margin-right: 20px;
 +
}
 +
</style>
  
  <div class="logos" style="background-color: #002855">
+
<body>
    <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 class="banner">
  </div>
+
<!--_____________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>
 +
<!--_________________________________________________________-->
 +
<!--______Triangle and Spacing______-->
 +
<div class="triangle"></div>
 +
<div class="spacer"></div>
 +
<!--________________________________-->
 +
<div class="Motivation W">
 +
<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>
 +
<!--______Triangle and Spacing______-->
 +
<div class="trianglew"></div>
 +
<div class="spacerb"></div>
 +
<!--________________________________-->
  
______________iGEM logo____________
+
<div class="Process B">
 +
<h1>Process</h1>
 +
<p> 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.</p>
 +
</div>
 +
</body>
  
  <div class="logos" style="background-color: #002855">
+
</html>
    <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";>
+
{{Template: UC_Davis/footer}}
  </div>
+
___-->
+

Revision as of 22:28, 3 August 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.

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.

iGEM-Footer
UC Davis iGEM 2018