Difference between revisions of "Team:UC Davis"

(Prototype team page)
 
 
(213 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{UC_Davis}}
 
 
<html>
 
<html>
 +
<!DOCTYPE html>
 +
<head>
 +
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
<title>iGEM-mainpage</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
</head>
 +
<style>
 +
  body { margin:0px; background-color: #fff; max-width: 100%; min-width: 700px; font-family:BernardMT;}
 +
  /*------------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%;}
 +
  /*-------------------------------------------------------------------*/
  
 +
body {
  
 +
      font-family: 'PT Sans', sans-serif;
 +
      font-size:16px;
 +
line-height: 200%;
 +
      min-width: 800px;
 +
      margin-bottom:-17px;
 +
    }
 +
/*--Top Navigation Styling--*/
 +
#topnav {
 +
  text-align: center;
 +
  margin: 0 auto;
 +
}
 +
#topnav li ul{
 +
  position: relative;
 +
  display: none;
 +
}
 +
#topnav li ul li a {display:block !important;}
 +
/* -- 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;
 +
  margin: 0;
 +
}
  
−
<div class="column full_size" >
+
/*-- Dropdown content (hidden by default) --*/
−
<h1> Welcome to iGEM 2018! </h1>
+
.dropdown-content {
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
  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;
  
 +
}
  
−
<img src="http://placehold.it/1080x320/c4baba/e4dede">
+
/*-- Links inside the dropdown-- */
−
+
.dropdown-content a {
 +
  float: none;
 +
  color: black;
 +
  padding: 12px 16px;
 +
  text-decoration: none;
 +
  display: block;
 +
  text-align:left;
 +
  font-size: 16px;
 +
}
 +
.dropdown-content a:hover {
 +
    color:#48fb47;
 +
  }
  
−
</div>
 
  
  
−
<div class="column full_size" >
+
/* --Show the dropdown menu on hover --*/
 +
.dropdown:hover .dropdown-content {
 +
  display: block;
 +
}
  
−
<h3>Before you start</h3>
+
/*-----------Burger Menu Styling-------------*/
−
<p> Please read the following pages:</p>
+
−
<ul>
+
−
<li>  <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
+
−
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
−
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
−
</ul>
+
−
</div>
+
  
 +
.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: 16px;
 +
  border-radius: 7px;
  
−
<div class="clear extra_space"></div>
+
}
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
  
  
 +
.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;
  
−
<div class="column full_size" >
+
}
−
<h3> Styling your wiki </h3>
+
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
  
−
</div>
+
.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: #48fb47;
 +
}
 +
#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 {
 +
    justify-content: center;
 +
  }
  
 +
  #topnav li.burger {
 +
    display: flex;
 +
    justify-content: center;
 +
    padding-right: 46%;
  
−
<div class="clear extra_space"></div>
+
  }
 +
}
 +
/*-------------------------------------------*/
  
 +
/*--alignment--*/
  
 +
.content {
 +
  margin:0 auto;
 +
  background-color:#002855;
 +
}
 +
.contentb {
 +
  margin:0% auto;
 +
  background-color:#002855;
 +
  white-space: nowrap ;
 +
  overflow: hidden;
 +
  width: 100%;
 +
}
 +
.logos {
 +
width: 33%;
 +
vertical-align: middle;
 +
  display: inline-block;
 +
}
 +
.logos img {
 +
text-align: center;
 +
display: table-cell;
 +
vertical-align: middle;
 +
width: 0 auto;
 +
}
 +
.UCD img:hover{
 +
 
  
−
<div class="column third_size" >
+
  -webkit-filter: drop-shadow(0px 0px 10px #48fb47);
 +
  -moz-filter: drop-shadow(0px 0px 10px #48fb47);
 +
  -ms-filter: drop-shadow(0px 0px 10px #48fb47);
 +
  -o-filter: drop-shadow(0px 0px 10px #48fb47);
 +
  filter: drop-shadow(0px 0px 10px #48fb47);
  
−
<h3> Uploading pictures and files </h3>
+
-webkit-transition: all 300ms cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
  -moz-transition: all 300ms cubic-bezier(0.265, 0.270, 0.625, 0.745);
 +
    -o-transition: all 300ms cubic-bezier(0.265, 0.270, 0.625, 0.745);
 +
        transition: all 300ms cubic-bezier(0.265, 0.270, 0.625, 0.745); /* custom */
  
 +
-webkit-transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745);
 +
  -moz-transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745);
 +
    -o-transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745);
 +
        transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745); /* custom */
 +
       
  
−
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
}
 +
.iGEM img:hover{
 +
  -webkit-filter: drop-shadow(0px 0px 10px #48fb47);
 +
  -moz-filter: drop-shadow(0px 0px 10px #48fb47);
 +
  -ms-filter: drop-shadow(0px 0px 10px #48fb47);
 +
  -o-filter: drop-shadow(0px 0px 10px #48fb47);
 +
  filter: drop-shadow(0px 0px 10px #48fb47);;
 +
 
  
−
<div class="button_link">
+
-webkit-transition: all 500ms cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
<a href="https://2018.igem.org/Special:Upload">
+
  -moz-transition: all 500ms cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
UPLOAD FILES
+
    -o-transition: all 500ms cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
</a>
+
        transition: all 500ms cubic-bezier(0.265, 0.270, 0.625, 0.745); /* custom */
 +
 
 +
-webkit-transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745);
 +
  -moz-transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745);
 +
    -o-transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745);
 +
        transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745); /* custom */
 +
 
 +
}
 +
.Cenozoic img:hover{
 +
  box-shadow: 0px 0px 50px #48fb47;
 +
  border-radius: 50%;
 +
 
 +
  -webkit-transition: all 10ms cubic-bezier(0.980, 0.960, 0.975, 0.980);
 +
    -moz-transition: all 10ms cubic-bezier(0.980, 0.960, 0.975, 0.980);
 +
      -o-transition: all 10ms cubic-bezier(0.980, 0.960, 0.975, 0.980);
 +
          transition: all 10ms cubic-bezier(0.980, 0.960, 0.975, 0.980); /* custom */
 +
 
 +
  -webkit-transition-timing-function: cubic-bezier(0.980, 0.960, 0.975, 0.980);
 +
    -moz-transition-timing-function: cubic-bezier(0.980, 0.960, 0.975, 0.980);
 +
      -o-transition-timing-function: cubic-bezier(0.980, 0.960, 0.975, 0.980);
 +
          transition-timing-function: cubic-bezier(0.980, 0.960, 0.975, 0.980); /* custom */
 +
 
 +
}
 +
 
 +
/*------------------------Shapes-------------------------------------------*/
 +
.rectangleb{
 +
height: 900px;
 +
width: 100%;
 +
background-color: #002855;
 +
position:relative;
 +
overflow-y: scroll;
 +
}
 +
.rectanglew{
 +
height:650px;
 +
width: 100%;
 +
background-color: #fff;
 +
position:relative;
 +
}
 +
 
 +
.triangleb {
 +
background-color: #002855;
 +
width: 100%;
 +
min-width: 600px;
 +
position: absolute;
 +
margin: 0;
 +
margin-top: -0.5px;
 +
}
 +
 
 +
.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;
 +
margin-top: -0.5px;
 +
z-index: -2px;
 +
}
 +
 
 +
.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%);
 +
}
 +
.triangleblk{
 +
background-color: #000;
 +
width: 100%;
 +
  min-width: 600px;
 +
position: absolute;
 +
margin: 0;
 +
margin-top: -0.5px;
 +
}
 +
 
 +
.triangleblk:after {
 +
content: "";
 +
position: absolute;
 +
top: 100%;
 +
left: 0;
 +
right: 0;
 +
padding-bottom: 10%;
 +
background-color: #000;
 +
clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
 +
}
 +
.spacer {
 +
height: 10vw;
 +
}
 +
 
 +
.spacerw {
 +
height: 10vw;
 +
}
 +
.info {
 +
width: 40%;
 +
}
 +
</style>
 +
 
 +
<body>
 +
<div class="content">
 +
  <div class="contentb">
 +
  <!-- Page content -->
 +
  <div style='padding-top: 50px;'></div>
 +
<!--______________UC Davis logo____________-->
 +
 
 +
  <div class="logos" style="background-color: #002855;">
 +
      <div class="UCD">
 +
      <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: 50%;" Padding: "0";>
 +
      </a>
 +
    </div>
 
</div>
 
</div>
 +
  <!--_____________Cenozoic logo_____________-->
  
 +
  <div class="logos" style="background-color: #002855">
 +
      <div class="Cenozoic"style='padding-bottom: 50px;'>
 +
      <a href="https://2018.igem.org/Team:UC_Davis">
 +
      <img src="https://static.igem.org/mediawiki/2018/6/66/T--UC_Davis--Cenozoi_Transp.jpg "onmouseover="this.src='https://static.igem.org/mediawiki/2018/5/5e/T--UC_Davis--Cenozoi_green.jpg'"
 +
onmouseout="this.src='https://static.igem.org/mediawiki/2018/6/66/T--UC_Davis--Cenozoi_Transp.jpg'
 +
"  alt="Cenozoic logo" style="width: 80%; margin-left: auto;margin-right: auto;"Padding: "0";>
 +
      </a>
 +
    </div>
 +
    </div>
 +
 +
  <!--______________iGEM logo____________-->
 +
 +
 +
  <div class="logos" style="background-color: #002855">
 +
        <div class="iGEM">
 +
    <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 class="column third_size" >
 
−
<h3> Wiki template information </h3>
 
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
 
  
−
</div>
 
  
  
  
−
<div class="column third_size" >
+
</div>
−
<div class="highlight decoration_B_full">
+
−
<h3> Editing your wiki </h3>
+
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
  
−
<div class="button_link">
+
<div style='padding-top: 200px;'></div>
−
<a href="https://2018.igem.org/wiki/index.php?title=Team:UC_Davis&action=edit">  
+
 
−
EDIT PAGE
+
<!--______________Top Navigation Bar____________-->
−
</a>
+
  <ul class="topnav" id="topnav">
−
</div>
+
 
 +
      <!--______________Project____________-->
 +
      <div class="dropdown">
 +
        <button class="dropbtn">PROJECT</button>
 +
          <div class="dropdown-content">
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Design">Design</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/Measurement">Measurement</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Demonstrate">Results</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Modeling">Modeling</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/InterLab">InterLab</a>
 +
           
 +
 
 +
          </div>
 +
      </div>
 +
<!--______________Human Resources____________-->
 +
      <div class="dropdown">
 +
        <button class="dropbtn">HUMAN PRACTICES</button>
 +
          <div class="dropdown-content">
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Human_Practices">Integrating Human Practices</a>
 +
         
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Education">Education & Outreach</a>
 +
 
 +
          </div>
 +
      </div>
 +
<!--______________Parts____________-->
 +
      <div class="dropdown">
 +
        <button class="dropbtn">PARTS</button>
 +
          <div class="dropdown-content">
 +
       
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Parts">Basic</a>
 +
         
 +
 
 +
          </div>
 +
      </div>
 +
    <!--______________Lab____________-->
 +
    <div class="dropdown">
 +
      <button class="dropbtn">LAB WORK</button>
 +
        <div class="dropdown-content">
 +
          <a href="https://2018.igem.org/Team:UC_Davis/Experiments">Experiments</a>
 +
          <a href="https://2018.igem.org/Team:UC_Davis/Notebook">Lab Notebook</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/SupplementalMaterials">Supplementary Material</a>
 +
          <a href="https://2018.igem.org/Team:UC_Davis/Safety">Safety</a>
 +
 
 +
          </div>
 +
      </div>
 +
    <!--______________Acknowledgements____________-->
 +
    <div class="dropdown">
 +
      <button class="dropbtn">TEAM</button>
 +
          <div class="dropdown-content">
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Team">Meet the Team</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Attributions">Attributions</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Sponsors">Sponsors</a>
 +
          </div>
 +
    </div>
 +
    <!--______________Achievements____________-->
 +
    <div class="dropdown">
 +
      <button class="dropbtn">ACHIEVEMENTS</button>
 +
        <div class="dropdown-content">
 +
          <a href="https://2018.igem.org/Team:UC_Davis/Medal_Requirements">Medal Requirements</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/Collaborations">Collaborations</a>
 +
         
 +
          </div>
 +
    </div>
 +
 
 +
 
 +
<!--___________________________________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="https://2018.igem.org/Team:UC_Davis/Design">Design</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/Measurement">Measurement</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Demonstrate">Results</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Modeling">Modeling</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/InterLab">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="https://2018.igem.org/Team:UC_Davis/Human_Practices">Integrating Human Practices</a>
 +
     
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Education">Education & Outreach</a>
  
 +
</div>
 +
</div>
 +
<div class="b-dropdown"><a href="Parts" class="b-dropdown-main">Parts</a>
 +
<div class="b-dropdown-content">
 +
         
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Parts">Basic</a>
 +
         
 +
</div>
 +
</div>
 +
        <div class="b-dropdown"><a href="Lab" class="b-dropdown-main">Lab Work</a>
 +
<div class="b-dropdown-content">
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Experiments">Experiments</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Notebook">Lab Notebook</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/SupplementalMaterials">Supplementary Material</a>
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Safety">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="https://2018.igem.org/Team:UC_Davis/Team">Meet the Team</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/Attributions">Attributions</a>
 +
<a href="https://2018.igem.org/Team:UC_Davis/Sponsors">Sponsors</a>
 +
</div>
 +
</div>
 +
        <div class="b-dropdown"><a href="Parts" class="b-dropdown-main">Achievements</a>
 +
          <div class="b-dropdown-content">
 +
            <a href="https://2018.igem.org/Team:UC_Davis/Medal_Requirements">Medal Requirements</a>
 +
          <a href="https://2018.igem.org/Team:UC_Davis/Collaborations">Collaborations</a>
 +
          </div>
 +
        </div>
 +
</div>
 +
</span>
 +
</li>
 +
</ul>
 +
<!--__________________________________________________________________________________________-->
  
 +
  </ul>
 
</div>
 
</div>
 +
 +
<!--______Triangle and Spacing______-->
 +
<div class="triangleb"></div>
 +
<div class="spacer"></div>
 +
  <div style='padding-top: 30px;'></div>
 +
<!--_______CONTENT  Arrow 1______________-->
 +
<div class="rectanglew">
 +
  <center>
 +
    <div style = ' padding-right: 100PX; padding-left: 60PX; padding-bottom: 25px;padding-top: 100px; font-size: 25px; color: #d9a900; line-height: 25px'; ><b>Mammalian Cell Based Bioassay For Environmental Toxicology</b></div>
 +
  </center>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2018/9/9a/T--UC_Davis--SB1.jpg" style=' width: 900px;'>
 +
</center>
 +
    <div style='padding-top: 30px;'></div>
 +
    <div style = 'padding-right: 100PX; padding-left: 100PX; text-indent: 50px;line-height: 25px; font-size: 16px' >
 +
    Hello, we are team Cenozoic from the University of California, Davis. This year we developed a mammalian cell-based bioassay for detecting physiological stress, for use in environmental toxicology.
 +
<div style='padding-top: 30px;'></div>
 +
 
 
</div>
 
</div>
  
 +
</div>
  
  
  
  
−
<div class="clear extra_space"></div>
+
<!--_______CONTENT  Arrow 2______________-->
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
  
 +
<div class="rectangleb">
 +
  <!--______Triangle and Spacing______-->
 +
  <div class="trianglew"></div>
 +
  <div class="spacerw"></div>
  
 +
  <!-- Page content -->
 +
    <div style='padding-top: 25px;'></div>
 +
      <center>
 +
          <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 25px; color: #d9a900'; ><b>Inspiration</b></div>
 +
      </center>
 +
          <div style='padding-top: 30px;'></div>
 +
          <div class="info" style = "float:right;">
 +
            <img src="https://static.igem.org/mediawiki/2018/3/35/T--UC_Davis--Klamath.jpg" style="width:300px; height: 300px;padding-left: 20PX; padding-right:20px;padding-bottom: 20px;padding-top: 5px;">
 +
          </div>
  
−
<div class="column two_thirds_size" >
+
 
−
<h3>Tips</h3>
+
          <div style = 'padding-right: 100PX; padding-left: 100PX;padding-bottom: 60px; text-indent:50px ;line-height: 25px; color: #fff; font-size: 16px'; >
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
          In the far northern end of California, a Native American tribe lives at the mouth of the Klamath River, where their people have lived for countless generations. This community exists in close relation with the local ecosystem, which they rely upon for food, materials for their traditional ceremonies, and recreation. In recent years this tribe has reported elevated rates of cancer, miscarriage, and other illnesses. Our team joined fellow researchers from our university to visit the tribe and learn about the problems they face.
−
<ul>
+
 
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
            <br></br> Upriver from this community, industrial agriculture and forestry corporations manage the land. As part of their routine practices, these corporations apply herbicides, pesticides, and other industrial chemicals on the land under their control. These chemicals have been detected in the water of the river and in local flora and fauna Additionally, illegal marijuana growers in the region have been found to be using warfarin, a potent rat poison, to protect their crops from pests. This chemical has also been measured in the environment.  
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
 
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
            <br></br> The tribe has presented the hypothesis that their health crisis is linked to the presence of these chemicals in their environment.
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
 
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
         
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
          </div>
−
<li>Have lots of fun! </li>
+
−
</ul>  
+
 
</div>
 
</div>
 +
<!--______Triangle and Spacing______-->
 +
<div class="triangleb"></div>
 +
</div>
 +
 +
 +
<!--_______CONTENT  Arrow 3_____________-->
 +
<div class="rectanglew">
 +
<div class="triangleb"></div>
 +
<div class="spacer"></div>
  
 +
    <div style='padding-top: 30px;'></div>
 +
        <center>
 +
          <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 25px; color: #d9a900'; ><b>Biosensor Design</b></div>
 +
        </center>
 +
          <div style='padding-top: 20px;'></div>
 +
<center>
 +
          <div class="info" style = "float:right;">
 +
            <img src="https://static.igem.org/mediawiki/2018/3/3b/T--UC_Davis--Cellglowt.jpg" style="height:200px; padding-left: 0%; padding-right:7%;padding-bottom: 20px;padding-top: 5px;">
 +
         
 +
</center>
 +
          <div style = 'padding-right: 100PX; padding-left: 100PX; text-indent: 50px;line-height: 25px; font-size: 16px' >
 +
            We designed a mammalian cell-based bioassay that reports activation of specific stress pathways via fluorescence, for use in environmental toxicology. To do this, we selected transcriptionally regulated target genes which are present in mammalian cells and are involved in stress pathways. We isolated the promoters with transcription factor binding sites from these target genes and coupled them to a fluorescent reporter gene. When a chemical of concern is screened using our assay, if it triggers a specific stress response, the reporter gene will be expressed, causing the assay to fluoresce. The fluorescence of the assay can be quantitatively measured and analyzed. This assay will provide data on the effect of chemicals of concern on the physiological health of mammalian cells.
  
−
<div class="column third_size">
+
<br></br>For a full report on our bioassay design, please visit our <a style='color: #d9a900' href="https://2018.igem.org/Team:UC_Davis/Design">project design page.</a>
−
<div class="highlight decoration_A_full">
+
   
−
<h3>Inspiration</h3>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
<div style='padding-top: 150px;'></div>
 +
</div>
 +
  <div class="trianglew" ></div>
 +
<!--_______CONTENT  Arrow 4_____________-->
  
 +
<img src="https://static.igem.org/mediawiki/2018/e/eb/T--UC_Davis--AML12_EGFP.jpeg" style="margin-left: auto;margin-right: auto; z-index:1;"width="100%"; height="650px"; Padding: "0";>
  
  
 +
<!--_______CONTENT  Arrow 5_____________-->
  
 +
<div class="rectangleb">
 +
  <!--______Triangle and Spacing______-->
 +
  <div class="triangleblk" ></div>
 +
  <div class="spacer" ></div>
 +
 +
    <div style='padding-top: 40px;'></div>
 +
      <center>
 +
        <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 25px; color: #d9a900'; ><b>Integrating Human Practices</b></div>
 +
      </center>
 +
        <div style='padding-top: 30px;'></div>
 +
        <div class="info" style = "float:left;">
 +
          <img src="https://static.igem.org/mediawiki/2018/4/43/T--UC_Davis--picFP.jpg" style="width: 350px; height: 400px;padding-left: 20%; padding-right:10px ;padding-bottom: 5px;padding-top: 5px;">
 +
        </div>
 +
 +
        <div style = 'padding-right: 100PX; padding-left: 100PX;padding-bottom: 60px; text-indent:50px ;line-height: 25px; color: #fff; font-size: 16px'; >
 +
          After learning about the problems facing this community, we became very interested in the cultural context in which any proposed solution involving synthetic biology would be used.
 +
 +
            <br></br> The tribe has previously voiced concerns about biotechnology. In 2015, the tribal leadership council passed the “Genetically Engineered Organism Ordinance,” which made illegal the creation, growth, or release of genetically engineered organisms within the tribe’s territory. Interestingly, when our team read through the law in question, we learned that the ban has generous exceptions, including all of bacterial synthetic biology. When we reached out to a member of the tribe’s scientific body for clarification, the tribe’s scientist told us that some forms of biotechnology were incompatible with this community’s values, other forms were not.
 +
 +
            <br></br> With a better understanding of the cultural context in hand, we set out to help solve this problem. The tribe’s concern was not about identifying the chemicals in their environment. Their question, to paraphrase a tribal member we met with, was “is this water going to make my kids sick?” They already knew what chemicals were present— what they wanted to know was what effect they had on the health of people in their community.
 +
 +
            <br></br> For a full report on what we learned from working with this indigenous community and how we integrated human practices into our project, please visit our <a style ='color:  #d9a900;' href="https://2018.igem.org/Team:UC_Davis/Human_Practices">Human Practices page.</a>
 +
        </div>
 +
 +
</div>
 +
<div class="rectanglew">
 +
<div class="triangleb"></div>
 +
<div class="spacer"></div>
 +
 +
    <div style='padding-top: 30px;'></div>
 +
        <center>
 +
          <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 25px; color: #d9a900'; ><b>Mammalian Synthetic Biology</b></div>
 +
        </center>
 +
          <div style='padding-top: 20px;'></div>
 +
<center>
 +
          <div class="info" style = "float:right;">
 +
            <img src="https://static.igem.org/mediawiki/2018/6/6d/T--UC_Davis--filler1.png" style="height:350px; padding-left: 0%; padding-right:7%;padding-bottom: 20px;padding-top: 5px;">
 +
         
 +
</center>
 +
          <div style = 'padding-right: 100PX; padding-left: 100PX; text-indent: 50px;line-height: 25px; font-size: 16px' >
 +
          Our project represents the first time that an iGEM team from our university has worked with mammalian cells. Mammalian synthetic biology in the iGEM competition is less well developed than bacterial systems, and we hope to help future teams work in this space. Mammalian cells offer unique challenges and opportunities, and there are very large gaps in shared knowledge and protocols for working with mammalian cells in iGEM. To this end, we have created comprehensive protocols for culturing of two mammalian cell lines, AML-12 and CHO-DG44, as well as protocols for transfection and characterization of EGFP expression. To download these protocols, please visit our  <a style ='color:  #d9a900;' href="https://2018.igem.org/Team:UC_Davis/Experiments">Experiments page</a>.
 +
   
 +
</div>
 +
</div>
 +
<div style='padding-top: 150px;'></div>
 +
</div>
 +
</body>
 
</html>
 
</html>
 +
 +
 +
{{Template: UC_Davis/footer}}

Latest revision as of 01:08, 18 October 2018

iGEM-mainpage

uc davis logo
Cenozoic logo
iGEM logo
Mammalian Cell Based Bioassay For Environmental Toxicology
Hello, we are team Cenozoic from the University of California, Davis. This year we developed a mammalian cell-based bioassay for detecting physiological stress, for use in environmental toxicology.
Inspiration
In the far northern end of California, a Native American tribe lives at the mouth of the Klamath River, where their people have lived for countless generations. This community exists in close relation with the local ecosystem, which they rely upon for food, materials for their traditional ceremonies, and recreation. In recent years this tribe has reported elevated rates of cancer, miscarriage, and other illnesses. Our team joined fellow researchers from our university to visit the tribe and learn about the problems they face.

Upriver from this community, industrial agriculture and forestry corporations manage the land. As part of their routine practices, these corporations apply herbicides, pesticides, and other industrial chemicals on the land under their control. These chemicals have been detected in the water of the river and in local flora and fauna Additionally, illegal marijuana growers in the region have been found to be using warfarin, a potent rat poison, to protect their crops from pests. This chemical has also been measured in the environment.

The tribe has presented the hypothesis that their health crisis is linked to the presence of these chemicals in their environment.
Biosensor Design
We designed a mammalian cell-based bioassay that reports activation of specific stress pathways via fluorescence, for use in environmental toxicology. To do this, we selected transcriptionally regulated target genes which are present in mammalian cells and are involved in stress pathways. We isolated the promoters with transcription factor binding sites from these target genes and coupled them to a fluorescent reporter gene. When a chemical of concern is screened using our assay, if it triggers a specific stress response, the reporter gene will be expressed, causing the assay to fluoresce. The fluorescence of the assay can be quantitatively measured and analyzed. This assay will provide data on the effect of chemicals of concern on the physiological health of mammalian cells.

For a full report on our bioassay design, please visit our project design page.
Integrating Human Practices
After learning about the problems facing this community, we became very interested in the cultural context in which any proposed solution involving synthetic biology would be used.

The tribe has previously voiced concerns about biotechnology. In 2015, the tribal leadership council passed the “Genetically Engineered Organism Ordinance,” which made illegal the creation, growth, or release of genetically engineered organisms within the tribe’s territory. Interestingly, when our team read through the law in question, we learned that the ban has generous exceptions, including all of bacterial synthetic biology. When we reached out to a member of the tribe’s scientific body for clarification, the tribe’s scientist told us that some forms of biotechnology were incompatible with this community’s values, other forms were not.

With a better understanding of the cultural context in hand, we set out to help solve this problem. The tribe’s concern was not about identifying the chemicals in their environment. Their question, to paraphrase a tribal member we met with, was “is this water going to make my kids sick?” They already knew what chemicals were present— what they wanted to know was what effect they had on the health of people in their community.

For a full report on what we learned from working with this indigenous community and how we integrated human practices into our project, please visit our Human Practices page.
Mammalian Synthetic Biology
Our project represents the first time that an iGEM team from our university has worked with mammalian cells. Mammalian synthetic biology in the iGEM competition is less well developed than bacterial systems, and we hope to help future teams work in this space. Mammalian cells offer unique challenges and opportunities, and there are very large gaps in shared knowledge and protocols for working with mammalian cells in iGEM. To this end, we have created comprehensive protocols for culturing of two mammalian cell lines, AML-12 and CHO-DG44, as well as protocols for transfection and characterization of EGFP expression. To download these protocols, please visit our Experiments page.