|
|
(80 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{Team:UC_Davis/Head}} |
| + | {{Team:UC_Davis/projectMenu}} |
| <html> | | <html> |
- | <head>
| + | <head> |
- | <title> UC Davis iGEM 2014 </title>
| + | <link href="//fonts.googleapis.com/css?family=PT+Sans:400italic,400,700italic,700" rel="stylesheet" type="text/css"> |
- | <style>
| + | </head> |
- | .nav, .nav ul {
| + | |
- | margin: 0;
| + | |
- | margin-bottom: 10px;
| + | |
- | padding: 0;
| + | |
- | list-style: none;
| + | |
- | line-height: 1;
| + | |
- | z-index: 9999999;
| + | |
- | }
| + | |
| | | |
- | /* The top navigation menu */
| + | <body> |
- | .nav {
| + | |
- | /* Layout & positioning */
| + | |
- | display: block;
| + | |
- | position: relative;
| + | |
- | width: 967px; /*1000px*/
| + | |
- | height: 43px;
| + | |
- | border-radius:4px;
| + | |
| | | |
- | /* Background & effects */
| + | <div> |
- | background: #232323; /* Background for Internet Explorer 9 and older browsers */
| + | <img src="https://static.igem.org/mediawiki/2014/2/2f/Oliview_UCD_Banner_1.png" class="banner" width="967px" height="226/"> |
| + | </div> |
| + | <!--Project Menu Start--> |
| + | <div class="mainTitleHeader"> |
| + | <p class="centertext"><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> |
| + | Project Overview</a> |
| + | </p> |
| + | </div> |
| | | |
- | }
| + | <div class="floatboxProjectMenu"> |
| + | <a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview"><div class="polPrac"></div></a/> |
| + | <a href="https://2014.igem.org/Team:UC_Davis/Protein_Engineering"><div class="ProEng"></div></a/> |
| + | <a href="https://2014.igem.org/Team:UC_Davis/Electrochemistry"><div class="Electro"></div></a/> |
| + | <a href="https://2014.igem.org/Team:UC_Davis/Potentiostat_Design"><div class="menuPStat"></div></a/> |
| + | <a href="https://2014.igem.org/Team:UC_Davis/Signal_Processing"><div class="sProcessing"></div></a/> |
| + | </div> |
| + | <!--Project Menu End--> |
| | | |
- | /* The link containers */
| + | <div class="mainTitleHeader"> |
- | .nav>li {
| + | <p class="centertext"> |
- | display: block;
| + | OliView: An Enzyme Based Electrochemical Biosensor Developed for Olive Oil Quality Control |
- | float:left;
| + | </p> |
- | position: relative;
| + | </div> |
- | margin: 0;
| + | |
- | padding: 0;
| + | |
- |
| + | |
- | }
| + | |
| | | |
- | /* The main navigation links */
| + | <div class="mainContainer"> |
- | .nav>li>a {
| + | <a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview"> |
- | /* Layout & positioning */
| + | <img src="https://static.igem.org/mediawiki/2014/4/43/UCDavis2014_Paper_Cover.png" class="genpicfloatleft" width="350px"></img> |
- | display: block;
| + | </a> |
- | width: 159.1px; /* 198 */
| + | <p> |
- | padding: 15px 0px;
| + | In a report conducted by the UC Davis Olive Oil Center, it was found that more than 65% of the extra virgin olive oil on shelves around the US is defective due to poor handling or deliberate adulteration with extraneous, non-beneficial oils. The most prevalent and identifying defect in olive oil is rancidity, indicating the absence of expected health benefits such as antioxidants and polyunsaturated fats. This summer, we engineered a biosensor capable of quickly and cheaply evaluating rancidity defects in the chemical profile of olive oil, providing both consumers and retailers with a means of ensuring product quality.<br><br> |
| + | The project consisted of four components: Protein Engineering, Electrochemistry, Development of a user friendly potentiostat and signal processing. We were able to provide proof of concept for each component of our device. With each component combined, we had a fully functional electrochemical biosensor that could distinguish rancid olive oil from fresh. <br><br> |
| | | |
- | /* Typography */
| + | <a href="https://static.igem.org/mediawiki/2014/0/07/UC_Davis_iGEM_2014_Practical_Implications_for_the_Development_and_Deployment_of_Engineered_Biosensors_in_Olive_Oil_Production.pdf" class="brightlink">Read full version of our practice and policy report</a><br> |
- | font-family: Arial, san-serif;
| + | </p> |
- | font-size: 20px;
| + | </div> |
- | font-weight: normal;
| + | |
- | text-decoration: none;
| + | |
- | color: rgba(255, 255, 255, .9);
| + | |
- | text-shadow: 0 1px 0 #2a2a2a;
| + | |
- | text-align: center;
| + | |
| | | |
- | /* Chaning the background on hover with a smooth transition */
| |
- | -webkit-transition: background .35s linear;
| |
- | -moz-transition: background .35s linear;
| |
- | -ms-transition: background .35s linear;
| |
- | -o-transition: background .35s linear;
| |
- | transition: background .35s linear;
| |
- | }
| |
| | | |
- | /* Centering dotted line dividers */
| + | </body> |
- | .leftbookend {
| + | |
- | border-right: 1px dotted #393939;
| + | |
- | }
| + | |
- |
| + | |
- | .rightbookend {
| + | |
- | border-left: 1px dotted #595959;
| + | |
- | }
| + | |
- | | + | |
- | /* Chaning the background on hover */
| + | |
- | .nav>li>a:hover, .nav>li:hover>a {
| + | |
- | background: rgba(255, 255, 255, .9);
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | | + | |
- | .nav>li:first-child a {
| + | |
- | border-top-left-radius: 3px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | | + | |
- | .arrow:hover {
| + | |
- | -moz-transition-duration: 3000s;
| + | |
- | -ms-transition-duration: 3000s;
| + | |
- | -o-transition-duration: 3000s;
| + | |
- | -webkit-transition-duration: 3000s;
| + | |
- | transition-duration: 3000s;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* General styling for the submenus */
| + | |
- | .nav ul {
| + | |
- | display: block;
| + | |
- | position: absolute;
| + | |
- | left: -9999px;
| + | |
- | text-align: center;
| + | |
- | box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
| + | |
- |
| + | |
- | }
| + | |
- | | + | |
- | /* Level 1 submenus */
| + | |
- | .nav>li>ul {
| + | |
- | cursor: pointer;
| + | |
- | padding-top: 0px;
| + | |
- | z-index: 200;
| + | |
- | top: 43px;
| + | |
- | }
| + | |
- | | + | |
- | /* Making the level 1 submenu to appear on hover */
| + | |
- | .nav>li:hover>ul {
| + | |
- | left: 0px;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | /* The submenu link containers */
| + | |
- | .nav ul li {
| + | |
- | position: relative;
| + | |
- | display: block;
| + | |
- |
| + | |
- | /* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
| + | |
- | height: 0px;
| + | |
- | -webkit-transition: height .2s;
| + | |
- | -moz-transition: height .2s;
| + | |
- | -o-transition: height .2s;
| + | |
- | -ms-transition: height .2s;
| + | |
- | }
| + | |
- | | + | |
- | /* Expanding the list elements which contain the links */
| + | |
- | .nav li:hover>ul>li {
| + | |
- | height: 24px;
| + | |
- | }
| + | |
- | | + | |
- | .nav>li:hover>ul>li:first-child {
| + | |
- | height: 27px;
| + | |
- | }
| + | |
- | | + | |
- | .nav>li>ul>li:first-child>a {
| + | |
- | border-top: 3px solid #fff;
| + | |
- | }
| + | |
- | | + | |
- | .nav>li>ul>li.dropdown:first-child>ul {
| + | |
- | top: 3px;
| + | |
- | }
| + | |
- | | + | |
- | /* The links of the submenus */
| + | |
- | .nav ul li a {
| + | |
- | /* Layout */
| + | |
- | display: block;
| + | |
- | width: 127px; /* 169 */
| + | |
- | padding: 6px 12px 6px 20px;
| + | |
- | | + | |
- | /* Typography */
| + | |
- | font-size: 13px;
| + | |
- | color: #01406e;
| + | |
- | font-family: Arial, san-serif;
| + | |
- | text-decoration: none;
| + | |
- | background: #f0f0f0;
| + | |
- | | + | |
- | /* Every change to the links (background, color etc) will be made with a smooth transition */
| + | |
- | -webkit-transition: all .2s;
| + | |
- | -moz-transition: all .2s;
| + | |
- | -ms-transition: all .2s;
| + | |
- | -o-transition: all .2s;
| + | |
- | transition: all .2s;
| + | |
- | }
| + | |
- | | + | |
- | .nav>li>ul>li:first-child>a::before {
| + | |
- | content: "";
| + | |
- | display: block;
| + | |
- | position: absolute;
| + | |
- | text-align: center;
| + | |
- | width: 100%;
| + | |
- | height: 12px;
| + | |
- | background: transparent;
| + | |
- | top: -8px;
| + | |
- | left: 0;
| + | |
- | z-index: 9999;
| + | |
- | }
| + | |
- | | + | |
- | /* The hover state of the links */
| + | |
- | .nav ul li:hover>a, .nav ul li>a:hover {
| + | |
- | background: #c8c8c8; /*e7e7e7 */
| + | |
- | color: #000000;
| + | |
- | }
| + | |
- | | + | |
- | /* Changing the color of the arrow on hover */
| + | |
- | .nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
| + | |
- | border-left-color: #fff;
| + | |
- | }
| + | |
- | | + | |
- | .nav>li>ul>li
| + | |
- | {
| + | |
- | margin-bottom: 0
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | .nav>li:first-child:hover>ul
| + | |
- | {
| + | |
- | left:0px;
| + | |
- | }
| + | |
- | | + | |
- | .nav>li:last-child:hover>ul
| + | |
- | {
| + | |
- | left: 0px;
| + | |
- | }
| + | |
- | | + | |
- | .tableCSS
| + | |
- | {
| + | |
- | background-color:#ffffff;
| + | |
- | width:1000px;
| + | |
- | }
| + | |
- | </style>
| + | |
- | <style type="text/css">
| + | |
- | | + | |
- | /* Hiding default wiki displays: Credits to TU-Delft and Groningen for the code! */
| + | |
- | #globalWrapper {
| + | |
- | background-color: rgba(255,255,255,1);
| + | |
- | background-image: url('https://static.igem.org/mediawiki/2013/8/85/UC_Davis_13_DNA-background.jpg');
| + | |
- | background-size: 100%;
| + | |
- | background-repeat: no-repeat;
| + | |
- | background-attachment:fixed;
| + | |
- | font-family: arial, times;
| + | |
- |
| + | |
- | }
| + | |
- | | + | |
- | #content {
| + | |
- | position: relative;
| + | |
- | width: 967px;
| + | |
- | padding: 0px 0px 0px 0px;
| + | |
- | border: none;
| + | |
- | color: black;
| + | |
- | line-height: 1.5em;
| + | |
- | z-index: 2;
| + | |
- | }
| + | |
- | | + | |
- | #catlinks {
| + | |
- | visibility:hidden;
| + | |
- | }
| + | |
- | | + | |
- | #bodyContent {
| + | |
- | background-image: url('http://biobm.com/images/DNA-background.jpg');
| + | |
- | background-size: 100%;
| + | |
- | background-repeat: no-repeat;
| + | |
- | background-attachment:fixed;
| + | |
- | font-family: arial, times;
| + | |
- | width:100%;
| + | |
- | color:#ffffff;
| + | |
- | }
| + | |
- | | + | |
- | .partsreglink:link {
| + | |
- | color:#33ee33;
| + | |
- | }
| + | |
- | .partsreglink:visited {
| + | |
- | color:#33ee33;
| + | |
- | }
| + | |
- | | + | |
- | #top-section {
| + | |
- | height: 20px;
| + | |
- | background-color: rgba(255,255,255,0);
| + | |
- | margin-left: auto;
| + | |
- | width: 99%;
| + | |
- | margin-right: auto;
| + | |
- | margin-bottom: 10px;
| + | |
- | margin-top: 3px;
| + | |
- | border-bottom: 20px;
| + | |
- | }
| + | |
- | | + | |
- | #p-logo {
| + | |
- | height:0px;
| + | |
- | overflow:hidden;
| + | |
- | display:none;
| + | |
- | }
| + | |
- | .firstHeading {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #footer-box {
| + | |
- | background-color: transparent;
| + | |
- | border: none;
| + | |
- | width: 1000px;
| + | |
- | margin: 0 auto;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | #search-controls {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | </style>
| + | |
- | </head>
| + | |
- |
| + | |
- | <body>
| + | |
- | <ul class="nav">
| + | |
- | <li class="dropdown leftbookend">
| + | |
- | <a href="/Team:UC_Davis" style="font-size:13px;">Home</a>
| + | |
- | </li>
| + | |
- | <li class="dropdown leftbookend rightbookend">
| + | |
- | <a href="https://2013.igem.org/Team:UC_Davis/Team_Overview" style="font-size:13px;">Team</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2013.igem.org/Team:UC_Davis/Team_Overview">Overview</a></li>
| + | |
- | <li><a href="https://2013.igem.org/Team:UC_Davis/Bios">Bios</a></li>
| + | |
- | <li><a href='/Team:UC_Davis/Contact'>Contact Us</a></li>
| + | |
- | <li><a href="https://igem.org/Team.cgi?id=1212">Official Team Profile</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="dropdown leftbookend rightbookend">
| + | |
- | <a href="https://2013.igem.org/Team:UC_Davis/Project_Overview" style="font-size:13px;">Project</a>
| + | |
- | <ul>
| + | |
- | <li><a href="https://2013.igem.org/Team:UC_Davis/Project_Overview">Overview</a></li>
| + | |
- | <li><a href="/Team:UC_Davis/Modeling">Modeling</a></li>
| + | |
- | <li><a href='/Team:UC_Davis/Assembly'>Assembly</a></li>
| + | |
- | <li><a href='/Team:UC_Davis/Parts'>Parts</a></li>
| + | |
- | <li><a href='/Team:UC_Davis/Safety'>Safety</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="dropdown leftbookend rightbookend">
| + | |
- | <a href="/Team:UC_Davis/Data" style="font-size:13px;">Data</a>
| + | |
- | <ul>
| + | |
- | <li><a href="/Team:UC_Davis/Data">Testing Constructs</a></li>
| + | |
- | <li><a href="/Team:UC_Davis/AndersonPromoters">Anderson Promoters</a></li>
| + | |
- | <li><a href="/Team:UC_Davis/AndersonPromoters2">Anderson II</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="dropdown leftbookend rightbookend">
| + | |
- | <a href='/Team:UC_Davis/Notebook_Overview' style="font-size:13px;">Notebook</a>
| + | |
- | <ul>
| + | |
- | <li><a href="/Team:UC_Davis/Notebook">Notebook</a></li>
| + | |
- | <li><a href="/Team:UC_Davis/Protocols">Protocols</a></li>
| + | |
- | <li><a href="https://2013.igem.org/Team:UC_Davis/Gallery">Gallery</a></li>
| + | |
- | <li><a href="https://2013.igem.org/Team:UC_Davis/Attributions">Attributions</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li class="dropdown rightbookend">
| + | |
- | <a href="/Team:UC_Davis/HumanPracticesOverview" style="font-size:13px;">Human Practices</a>
| + | |
- | <ul>
| + | |
- | <li><a href='/Team:UC_Davis/HumanPracticesOverview'>Overview</a></li>
| + | |
- | <li><a href='/Team:UC_Davis/Outreach'>Outreach</a></li>
| + | |
- | <li><a href='/Team:UC_Davis/Database'>The Depot</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </body>
| + | |
| </html> | | </html> |
In a report conducted by the UC Davis Olive Oil Center, it was found that more than 65% of the extra virgin olive oil on shelves around the US is defective due to poor handling or deliberate adulteration with extraneous, non-beneficial oils. The most prevalent and identifying defect in olive oil is rancidity, indicating the absence of expected health benefits such as antioxidants and polyunsaturated fats. This summer, we engineered a biosensor capable of quickly and cheaply evaluating rancidity defects in the chemical profile of olive oil, providing both consumers and retailers with a means of ensuring product quality.
The project consisted of four components: Protein Engineering, Electrochemistry, Development of a user friendly potentiostat and signal processing. We were able to provide proof of concept for each component of our device. With each component combined, we had a fully functional electrochemical biosensor that could distinguish rancid olive oil from fresh.
Read full version of our practice and policy report