Difference between revisions of "Team:UC Davis"

 
(176 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<script>
+
<!DOCTYPE html>
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
<head>
−
 
+
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
−
$(document).ready(function() {
+
<title>iGEM-mainpage</title>
−
 
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
$("#HQ_page").attr('id','');
+
</head>
−
+
−
 
+
−
//highlight current page on the menu
+
−
highlight_current_page_menu();
+
−
+
−
//accessing submenus
+
−
$(".menu_item").click(function(){
+
−
$(".submenu_control_icon", this).toggleClass("open");
+
−
$(this).next(".submenu").fadeToggle(400);
+
−
});
+
−
+
−
//mobile menu access
+
−
$(".igem_2018_team_mobile_bar").click(function(){
+
−
$(this).next().toggleClass("displaying_menu");
+
−
});
+
−
+
−
});
+
−
 
+
−
 
+
−
function highlight_current_page_menu() {
+
−
+
−
var page_url="https://2018.igem.org/";
+
−
page_url = page_url + wgPageName;
+
−
$("a[href$='"+ page_url +"']").children().addClass("current_page");
+
−
+
−
//if the page is in a submenu, open the submenu and make the appropiate changes
+
−
if( $( ".current_page" ).hasClass( "submenu_item" )){
+
−
+
−
$(".current_page").parent().parent().fadeToggle(400);
+
−
$(".current_page").parent().parent().prev().addClass("current_page");
+
−
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
+
−
+
−
}
+
−
}
+
−
 
+
−
 
+
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
</script>
+
−
 
+
−
 
+
 
<style>
 
<style>
−
/**************************************************************************************************************************************************************************************************/
+
  body { margin:0px; background-color: #fff; max-width: 100%; min-width: 700px; font-family:BernardMT;}
−
 
+
  /*------------Get rid of iGEM stuff----------------------------------*/
−
 
+
−
 
+
−
/**************************************************************************************************************************************************************************************************/
+
−
/* DEFAULT WIKI SETTINGS */
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
body {background-color:white; }
+
  /*-------------------------------------------------------------------*/
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
−
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
+
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 {
−
/* MENU */
+
  font-size: 20px;
−
/**************************************************************************************************************************************************************************************************/
+
  border: none;
 +
  outline: none;
 +
  color: white;
 +
  padding: 14px 16px;
 +
  background-color: inherit;
 +
  font-family: inherit;
 +
  margin: 0;
 +
}
  
−
/*this wraps the whole of the menu*/
+
/*-- Dropdown content (hidden by default) --*/
−
.igem_2018_team_menu {  
+
.dropdown-content {
−
background-color:#c4baba;
+
  display: none;
−
border-left: 1px solid #c4baba;
+
  position: absolute;
−
display:block;
+
  background-color: #eff1f2;
−
float:right;  
+
  min-width: 200px;
−
height:100vh;  
+
  border-radius: 7px;
−
max-width: 270px;
+
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
−
overflow-y: auto;
+
  z-index: 1;
−
overflow-x: hidden;
+
−
padding:0px;
+
−
position:fixed;
+
−
right:0%;
+
−
text-align:left;
+
−
width: 15%;
+
−
}
+
  
 +
}
  
−
.igem_2018_team_menu.displaying_menu{
+
/*-- Links inside the dropdown-- */
−
display:block;
+
.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;
 +
  }
  
−
.igem_2018_team_menu  a {
 
−
color: #484848;
 
−
text-decoration:none;
 
−
}
 
  
−
.igem_2018_team_menu img {
 
−
width:100%;
 
−
}
 
  
 +
/* --Show the dropdown menu on hover --*/
 +
.dropdown:hover .dropdown-content {
 +
  display: block;
 +
}
  
−
.igem_2018_team_menu .menu_item {
+
/*-----------Burger Menu Styling-------------*/
−
    background-color: #c4baba;
+
−
    border-bottom: 1px solid #928b8b;
+
−
    clear: both;
+
−
color: #484848;
+
−
    cursor: pointer;
+
−
float: left;
+
−
    font-size: 120%;
+
−
    font-weight: bold;
+
−
    padding: 15px 0px 15px 5%;
+
−
  width: 100%;
+
−
}
+
  
−
.igem_2018_team_menu .menu_item.direct_link {
+
.topnav .burger {
−
color: #484848;
+
  display: none;
−
padding-left: 15%;
+
  float: right;
−
}
+
  margin-right: 20px;
−
.igem_2018_team_menu .menu_item:hover {
+
  z-index: 1;
−
background-color: #ecb656;
+
  color: #d9a900;
−
}
+
  font-size: 20px;
 +
}
 +
.topnav .b-dropdown-content {
 +
  display: none;
 +
  font-size: 16px;
 +
  border-radius: 7px;
  
 +
}
  
−
.igem_2018_team_menu .menu_item .submenu_control_icon {
 
−
color: #484848;
 
−
float: left;
 
−
width: 10%;
 
−
}
 
  
−
/* submenu icon "+"  "-"*/
+
.burger-content {
−
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
+
  display: none;
−
content: "+";  
+
  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;
  
−
/* submenu icon "+"  "-"*/
+
}
−
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
+
−
content: "-";
+
−
}
+
  
−
/*submenu wrapper*/
+
.burger-content div, .burger-content a {
−
.igem_2018_team_menu .submenu{
+
text-decoration: none;
−
background-color: #e4dede;
+
color: #525b65;
−
clear:both;
+
padding: 6px 8px;
−
display:none;
+
text-decoration: none;
−
float: left;
+
display: block;
−
width:100%;
+
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;
 +
}
  
−
/*styling for a submenu item*/
+
input[type=checkbox]{
−
.igem_2018_team_menu .submenu .submenu_item {
+
  display: none;
−
border-bottom: 1px solid #c4baba;
+
}
−
  color: #635d5d;
+
input[type=checkbox]:checked ~ .burger-content {
−
    height: 30px;
+
  display: block;
−
  float: left;
+
}
−
    font-size: 110%;
+
−
font-weight: bold;
+
−
    padding: 12px 0px 0px 15%;
+
−
    width: 100%;
+
−
}
+
  
−
.igem_2018_team_menu .submenu .submenu_item:hover {
+
@media screen and (max-width:750px) {
−
background-color: #f3bd5d;
+
  #topnav .dropdown .dropbtn {
−
}
+
    display: none;
 +
  }
 +
  #topnav {
 +
    justify-content: center;
 +
  }
  
 +
  #topnav li.burger {
 +
    display: flex;
 +
    justify-content: center;
 +
    padding-right: 46%;
  
−
.igem_2018_team_menu .submenu .submenu_item.current_page,
+
  }
−
.igem_2018_team_menu .menu_item.current_page,
+
}
−
.igem_2018_team_menu .menu_item.direct_link.current_page {
+
/*-------------------------------------------*/
−
background-color:#7acbd8;
+
−
}
+
  
 +
/*--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{
 +
 
  
−
/*mobile menu bar styling*/
+
  -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);
  
 +
-webkit-transition: all 300ms cubic-bezier(0.265, 0.270, 0.625, 0.745);
 +
  -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 */
  
−
.igem_2018_team_mobile_bar {
+
-webkit-transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
background-color:#e4dede;
+
  -moz-transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
border-bottom: 1px solid #c4baba;
+
    -o-transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
cursor:pointer;
+
        transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745); /* custom */
−
display:none;
+
       
−
float:left;
+
−
margin-top: 0;
+
−
padding: 5px 0;
+
−
position:fixed;
+
−
width:100%;  
+
−
}
+
  
−
.igem_logo_mobile img {
+
}
−
width:70px;
+
.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);;
 +
 
  
−
.igem_logo_mobile {
+
-webkit-transition: all 500ms cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
float:left;  
+
  -moz-transition: all 500ms cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
padding-left: 5%;
+
    -o-transition: all 500ms cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
width: 30%;  
+
        transition: all 500ms cubic-bezier(0.265, 0.270, 0.625, 0.745); /* custom */
−
}
+
  
−
.igem_menu_control_mobile img {
+
-webkit-transition-timing-function: cubic-bezier(0.265, 0.270, 0.625, 0.745);
−
width:25px;
+
  -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 */
  
−
.igem_menu_control_mobile {
+
}
−
float:right;  
+
.Cenozoic img:hover{
−
padding-right:5%;  
+
  box-shadow: 0px 0px 50px #48fb47;
−
padding-top:5px;
+
  border-radius: 50%;
−
text-align:right;  
+
 
−
width: 30%;  
+
  -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-------------------------------------------*/
−
/* CONTENT OF THE PAGE */
+
.rectangleb{
−
/**************************************************************************************************************************************************************************************************/
+
height: 900px;
 +
width: 100%;
 +
background-color: #002855;
 +
position:relative;
 +
overflow-y: scroll;
 +
}
 +
.rectanglew{
 +
height:650px;
 +
width: 100%;
 +
background-color: #fff;
 +
position:relative;
 +
}
  
−
/* general wrapper for the content */
+
.triangleb {
−
.igem_2018_team_content {
+
background-color: #002855;
−
background-color:white;  
+
width: 100%;
−
display:block;
+
min-width: 600px;
−
width: 87%;
+
position: absolute;
−
}
+
margin: 0;
 +
margin-top: -0.5px;
 +
}
  
−
/* subwrapper to center content */
+
.triangleb:after {
−
.igem_2018_team_content .igem_2018_team_column_wrapper {
+
content: "";
−
margin:auto;
+
position: absolute;
−
max-width: 1400px;
+
  min-width: 600px;
−
width:90%;
+
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;
 +
}
  
−
/*general styling*/
+
.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;
 +
}
  
−
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
+
.spacerw {
−
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
+
height: 10vw;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
+
}
−
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
+
.info {
−
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
+
  width: 40%;
−
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
+
−
 
+
−
 
+
−
/* styling for the titles h1, h2*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
+
−
border-bottom:0px;
+
−
color: #635d5d;
+
−
font-family: "Arial Black", Gadget, sans-serif;
+
−
padding: 10px 0px;
+
−
}
+
−
 
+
−
/* styling for the titles h3, h3, h5, h6 */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper h3,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper h4,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper h5,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper h6 {
+
−
border-bottom:0px;
+
−
color: #928b8b; 
+
−
font-family: "Arial Black", Gadget, sans-serif;
+
−
padding: 5px 0px;
+
−
}
+
−
 
+
−
/* text */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper p {
+
−
font-size: 130%;
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
padding: 5px 0px;
+
−
text-align: left;
+
−
color: #484848;
+
−
}
+
−
 
+
−
/* Links */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper a {
+
−
color: #5bc7d8;
+
−
font-weight: bold;
+
−
text-decoration: underline;
+
−
text-decoration-color:#5bc7d8;
+
−
transition: all 0.4s ease;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
}
+
−
 
+
−
/* hover for the links */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
+
−
color: #f8b732;
+
−
text-decoration:none;
+
−
}
+
−
 
+
−
 
+
−
/* Table */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper table {
+
−
border: 1px solid #928b8b;
+
−
border-collapse: collapse;
+
−
font-size: 130%;
+
−
width: 100%;
+
−
}
+
−
 
+
−
/* table cells */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper td {
+
−
border: 1px solid #c4baba;
+
−
border-collapse: collapse;
+
−
font-size: 105%;
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
}
+
−
 
+
−
/* table headers */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper th {
+
−
background-color:#c4baba;
+
−
border: 1px solid #928b8b;
+
−
border-collapse: collapse;
+
−
font-size: 110%;
+
−
padding: 10px;
+
−
vertical-align: text-top;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/* non numbered lists */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
+
−
font-size: 130%;
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
padding:0px 20px;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
+
−
 
+
−
 
+
−
 
+
−
/*layout classes*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
/*main layout class */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {
+
−
float:left;
+
−
margin: 1% 2%;
+
−
padding: 0px;
+
−
}
+
−
 
+
−
/* 100% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
+
−
 
+
−
/* 66% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
+
−
 
+
−
/* 33% */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/*styling for all images*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
+
−
margin-bottom: 15px;
+
−
width: 100%;
+
−
}
+
−
 
+
−
 
+
−
/* page break */
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
+
−
clear:both;
+
−
}
+
−
/*add extra space to page break with clear class*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
+
−
height: 30px;
+
−
}
+
−
 
+
−
/* horizontal line to divide the page*/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
+
−
    border-top: 1px solid #c4baba;
+
−
  margin: auto;
+
−
  width: 98%;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
+
−
/*support classes*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
/*Button */
+
−
/************************************************/
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
+
−
font-size: 130%;
+
−
margin: 30px auto;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a  {
+
−
background-color: #5bc7d8;
+
−
color: #635d5d !important;
+
−
font-weight: bold;
+
−
margin: auto;
+
−
text-decoration: none !important;
+
−
padding: 10px 15px;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
+
−
background-color: #f8b732 !important; 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
+
−
padding: 15px 20px;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
+
−
padding: 5px 15px;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
+
−
background-color: #e4dede;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
+
−
    border-top: 4px solid #5bc7d8;
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
+
−
    border: 4px solid #5bc7d8;
+
−
}
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
+
−
    border-top: 4px solid #f8b732
+
−
}
+
−
 
+
−
 
+
−
.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
+
−
    border: 4px solid #f8b732;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/*mobile*/
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
/* 1800px  */
+
−
/************************************************/
+
−
@media only screen and (max-width: 1800px) {
+
−
.igem_2018_team_content { width: 85%;}
+
−
.igem_2018_team_menu {display:block;}
+
 
}
 
}
−
 
−
/* 1400px  */
 
−
/************************************************/
 
−
@media only screen and (max-width: 1400px) {
 
−
.igem_2018_team_menu .menu_item { font-size:100%;}
 
−
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
 
−
.igem_2018_team_menu {display:block;}
 
−
}
 
−
 
−
@media only screen and (max-width: 1001px) {
 
−
.igem_2018_team_menu {display:block;}
 
−
}
 
−
 
−
/* 1000px  */
 
−
/************************************************/
 
−
@media only screen and (max-width: 1000px) {
 
−
.igem_2018_team_content {width:100%; margin-left:0px;}
 
−
.igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
 
−
.igem_2018_team_mobile_bar {display:block;}
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
 
−
 
−
}
 
−
 
−
 
−
@media only screen and (max-width: 500px) {
 
−
.igem_2018_team_menu {min-width:100%; width:100%; }
 
−
}
 
−
 
−
 
−
/**************************************************************************************************************************************************************************************************/
 
−
 
−
 
−
 
−
 
−
 
 
</style>
 
</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;">
−
<!--- THIS IS WHERE THE HTML BEGINS --->
+
      <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>
 +
  <!--_____________Cenozoic logo_____________-->
  
−
<head>  
+
  <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>
  
−
<!-- This tells the browser that your page is responsive -->
+
  <!--______________iGEM logo____________-->
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
−
 
+
−
</head>
+
  
  
 +
  <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>
  
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
<!--- Menu --->
 
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
  
  
  
  
−
<div class="igem_2018_team_mobile_bar">
 
−
 
−
<div class="igem_logo_mobile">
 
−
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
 
 
</div>
 
</div>
  
 +
<div style='padding-top: 200px;'></div>
  
−
<div class="igem_menu_control_mobile">
+
<!--______________Top Navigation Bar____________-->
−
<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
+
  <ul class="topnav" id="topnav">
−
</div>
+
  
−
</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 class="igem_2018_team_menu displaying_menu">
+
          </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>
  
  
−
<a href="https://2018.igem.org/Team:Example">
+
<!--___________________________________Burger Menu____________________________________________-->
−
<img src="http://placehold.it/350x150/e4dede/c4baba">
+
<li class="burger"><input type="checkbox" id="b-control"><label for="b-control">&#9776;</label>
−
</a>
+
<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:Example">
+
<a href="https://2018.igem.org/Team:UC_Davis/Measurement">Measurement</a>
−
<div class="menu_item direct_link">
+
            <a href="https://2018.igem.org/Team:UC_Davis/Demonstrate">Results</a>
−
HOME
+
            <a href="https://2018.igem.org/Team:UC_Davis/Modeling">Modeling</a>
−
</div>
+
            <a href="https://2018.igem.org/Team:UC_Davis/InterLab">InterLab</a>
−
</a>
+
           
−
 
+
</div>
−
<!-- Team -->
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
TEAM
+
−
</div>
+
−
<div class="submenu">
+
−
+
−
<a href="https://2018.igem.org/Team:Example/Team">
+
−
<div class="submenu_item">
+
−
Team Members
+
 
</div>
 
</div>
−
</a>
+
<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>
  
−
<a href="https://2018.igem.org/Team:Example/Collaborations">
+
</div>
−
<div class="submenu_item">
+
−
Collaborations
+
 
</div>
 
</div>
−
</a>
+
<div class="b-dropdown"><a href="Parts" class="b-dropdown-main">Parts</a>
−
</div>
+
<div class="b-dropdown-content">
−
 
+
         
−
 
+
            <a href="https://2018.igem.org/Team:UC_Davis/Parts">Basic</a>
−
<!-- Project -->
+
         
−
<div class="menu_item">
+
</div>
−
<div class="submenu_control_icon"> </div>
+
−
PROJECT
+
−
</div>
+
−
<div class="submenu">
+
−
+
−
<a href="https://2018.igem.org/Team:Example/Description">
+
−
<div class="submenu_item">
+
−
Description
+
 
</div>
 
</div>
−
</a>
+
        <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:Example/Design">
+
            <a href="https://2018.igem.org/Team:UC_Davis/Experiments">Experiments</a>
−
<div class="submenu_item">
+
            <a href="https://2018.igem.org/Team:UC_Davis/Notebook">Lab Notebook</a>
−
Design
+
<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>
−
</a>
+
<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:Example/Experiments">
+
<a href="https://2018.igem.org/Team:UC_Davis/Team">Meet the Team</a>
−
<div class="submenu_item">
+
<a href="https://2018.igem.org/Team:UC_Davis/Attributions">Attributions</a>
−
Experiments
+
<a href="https://2018.igem.org/Team:UC_Davis/Sponsors">Sponsors</a>
 +
</div>
 
</div>
 
</div>
−
</a>
+
        <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>
  
−
<a href="https://2018.igem.org/Team:Example/Notebook">
+
<!--______Triangle and Spacing______-->
−
<div class="submenu_item">
+
<div class="triangleb"></div>
−
Notebook
+
<div class="spacer"></div>
−
</div>
+
  <div style='padding-top: 30px;'></div>
−
</a>
+
<!--_______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>
  
−
<a href="https://2018.igem.org/Team:Example/InterLab">
+
</div>
−
<div class="submenu_item">
+
−
InterLab
+
−
</div>
+
−
</a>
+
  
  
−
<a href="https://2018.igem.org/Team:Example/Model">
 
−
<div class="submenu_item">
 
−
Model
 
−
</div>
 
−
</a>
 
  
−
<a href="https://2018.igem.org/Team:Example/Results">
 
−
<div class="submenu_item">
 
−
Results
 
−
</div>
 
−
</a>
 
  
 +
<!--_______CONTENT  Arrow 2______________-->
  
−
<a href="https://2018.igem.org/Team:Example/Demonstrate">
+
<div class="rectangleb">
−
<div class="submenu_item">
+
  <!--______Triangle and Spacing______-->
−
Demonstrate
+
  <div class="trianglew"></div>
−
</div>
+
  <div class="spacerw"></div>
−
</a>
+
  
−
<a href="https://2018.igem.org/Team:Example/Improve">
+
  <!-- Page content -->
−
<div class="submenu_item">
+
    <div style='padding-top: 25px;'></div>
−
Improve
+
      <center>
−
</div>
+
          <div style = 'padding-left: 10PX; padding-bottom: 20px;padding-top: 20px; font-size: 25px; color: #d9a900'; ><b>Inspiration</b></div>
−
</a>
+
      </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>
  
−
<a href="https://2018.igem.org/Team:Example/Attributions">
 
−
<div class="submenu_item">
 
−
Attributions
 
−
</div>
 
−
</a>
 
  
−
</div>
+
          <div style = 'padding-right: 100PX; padding-left: 100PX;padding-bottom: 60px; text-indent:50px ;line-height: 25px; color: #fff; font-size: 16px'; >
 +
          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.
  
 +
            <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.
  
−
<div class="menu_item">
+
            <br></br> The tribe has presented the hypothesis that their health crisis is linked to the presence of these chemicals in their environment.  
−
<div class="submenu_control_icon"> </div>
+
−
PARTS
+
−
</div>
+
−
<div class="submenu">
+
−
+
−
<a href="https://2018.igem.org/Team:Example/Parts">
+
−
<div class="submenu_item">
+
−
Parts Overview
+
−
</div>
+
−
</a>
+
  
−
<a href="https://2018.igem.org/Team:Example/Basic_Part">
+
         
−
<div class="submenu_item">
+
          </div>
−
Basic Parts
+
</div>
−
</div>
+
<!--______Triangle and Spacing______-->
−
</a>
+
<div class="triangleb"></div>
 +
</div>
  
−
<a href="https://2018.igem.org/Team:Example/Composite_Part">
 
−
<div class="submenu_item">
 
−
Composite Parts
 
−
</div>
 
−
</a>
 
  
−
<a href="https://2018.igem.org/Team:Example/Part_Collection">
+
<!--_______CONTENT  Arrow 3_____________-->
−
<div class="submenu_item">
+
<div class="rectanglew">
−
Part Collection
+
<div class="triangleb"></div>
−
</div>
+
<div class="spacer"></div>
−
</a>
+
−
</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.
  
−
<a href="https://2018.igem.org/Team:Example/Safety">
+
<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="menu_item direct_link">
+
   
−
SAFETY
+
</div>
−
</div>  
+
</div>
−
</a>
+
</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 class="menu_item">
+
        <div style = 'padding-right: 100PX; padding-left: 100PX;padding-bottom: 60px; text-indent:50px ;line-height: 25px; color: #fff; font-size: 16px'; >
−
<div class="submenu_control_icon"> </div>
+
          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.
−
HUMAN PRACTICES
+
−
</div>
+
−
 
+
−
<div class="submenu">
+
−
 
+
−
<a href="https://2018.igem.org/Team:Example/Human_Practices">
+
−
<div class="submenu_item">
+
−
Human Practices
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:Example/Public_Engagement">
+
−
<div class="submenu_item">
+
−
Education & Engagement
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
AWARDS
+
−
</div>
+
−
 
+
−
<div class="submenu">
+
−
 
+
−
<a href="https://2018.igem.org/Team:Example/Applied_Design">
+
−
<div class="submenu_item">
+
−
Applied Design
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:Example/Entrepreneurship">
+
−
<div class="submenu_item">
+
−
Entrepreneurship
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:Example/Hardware">
+
−
<div class="submenu_item">
+
−
Hardware
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:Example/Measurement">
+
−
<div class="submenu_item">
+
−
Measurement
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:Example/Model">
+
−
<div class="submenu_item">
+
−
Model
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2018.igem.org/Team:Example/Plant">
+
−
<div class="submenu_item">
+
−
Plant
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2018.igem.org/Team:Example/Software">
+
−
<div class="submenu_item">
+
−
Software
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<a href="https://igem.org/2018_Judging_Form?team=Example">
+
−
<div class="menu_item direct_link">
+
−
JUDGING FORM ⇗
+
−
</div>
+
−
</a>
+
−
 
+
  
 +
            <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>
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<div style='padding-top: 150px;'></div>
−
<!--- Content of the page  --->
+
</div>
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
</body>
 +
</html>
  
  
−
<div class="igem_2018_team_content">
+
{{Template: UC_Davis/footer}}
−
<div class="igem_2018_team_column_wrapper">
+
−
<div class="clear extra_space"></div>
+
−
<div class="clear extra_space"></div>
+

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.