Difference between revisions of "Team:UNC-Chapel Hill"

m
 
(64 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{Template_All_Teams}}
+
{{UNC-CSS/Main}}
 +
{{:Team:UNC-Chapel_Hill/practicemenu}}
  
−
<!-- Declare that you are going to use html code instead of wiki code -->
 
 
<html>
 
<html>
 +
<style>
 +
#colorstrip{
 +
    width: 100%; height: 30px;
 +
    border-style: solid;
 +
    border-color: #56A0D3;
 +
    background-color: #56A0D3;
 +
}
 +
</style>
  
−
<!-- Start of CSS-->
+
<div id = "colorstrip"></div>
−
<style type="text/css">
+
   
 +
</html>
 +
{{UNC-Chapel_Hill/carousel}}
 +
<html>
 +
 
 +
<!-- First block of content -->
 +
<div class = spacer> </spacer>
 +
<!-- end of first block -->
 +
 
 +
<head>
 +
<link href="https://2015.igem.org/Template:UNC-Chapel_Hill/CSS?action=raw&ctype=text/css" rel="stylesheet">
 +
</head>
 +
 
 +
 
 +
 
 +
 
 +
<div id="colorstrip"></div>
 +
 
 +
<!--  Block of content 1 -->
 +
<table width="100%"  cellspacing="0" height="500px">
 +
<tr><td  bgColor="#f2f7fc"></td>
 +
<td width="975px" align="center" bgColor="#f2f7fc" >
 +
<table  width="975px"  cellspacing="0" height="500px">
 +
<tr>
 +
 
 +
<td width="95%" bgColor="#f2f7fc"  rowspan="3" align="center">
 +
 
 +
 
 +
<!-- Content goes here -->
 +
 
 +
 
 +
 
 +
 
 +
<h3 style="color:#56A0D3;">Background</h3>
 +
<p>
 +
Type 1 diabetes affects the production of insulin in the body, requiring continual monitoring of blood glucose levels in order to prevent the worsening of symptoms, which in many cases lead to death. With the development of solutions to produce supplemental insulin emerging, the production of insulin is no longer problematic in developed countries. However, glucose monitoring is and continues to be a source of financial trouble for many people with Type 1 diabetes. The current method for measuring blood sugar levels in diabetics utilizes a blood sugar monitor and expensive testing strips. The most basic can cost at least of $30.00 and test strips $1.38 each (One Touch Ultra)<sup>1</sup>, and when taken into account that diabetics must test their blood at least five times a day with these non reusable strips, the glucose monitoring equipment can cost at a minimum $2500 a year. In addition, insulin costs may be much higher, creating an even bigger burden.
 +
</p>
 +
</td> 
 +
 
 +
 
 +
 
 +
 
 +
</table>
  
−
/* PAGE LAYOUT */
 
  
−
/* Change Background color*/
+
</td>
−
body {
+
<td bgColor="#f2f7fc"></td>
−
background-color: #99BADD;
+
</tr>
−
}
+
</table>
−
ul {
+
<!-- end of Block-->
−
list-style-type: none;
+
−
}
+
−
li {
+
−
list-style-type: none;
+
−
}
+
−
a{
+
−
list-style-type: none;
+
−
}
+
  
−
     
+
<!--  Block of content 2 -->
 +
<table width="100%"  cellspacing="0" height="275px">
 +
<tr>
 +
<td  bgColor="#c9def2"></td>
 +
<td width="975px" align="center" bgColor="#c9def2" >
  
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
<table width="975px" cellspacing="0" height="275px">
−
#mainContainer {  
+
<tr>
−
width: 978px;
+
<td width="95%" bgColor="#c9def2"  rowspan="3" align="center">
−
overflow:hidden;
+
<!-- Content goes here -->
−
float:left;
+
−
margin-bottom: 10px;  
+
−
border-bottom: 14px solid #565656;
+
−
border-right: 2px solid #565656;
+
−
border-left: 2px solid #565656;
+
−
border-top: 2px solid #565656;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
}
+
  
 +
<h3 style="color:#56A0D3;">Motivation and Example System</h3>
 +
<p>Through the development of a novel glucose sensing system in which glucose-responsive promoters drive the expression of three reporter chromoproteins, it will allow for the quantization of glucose concentration based on fluorescence emitted by the cell. With each chromoprotein linked to a different promoter with unique glucose sensitivities, each wavelength will correspond to a specific concentration of glucose. In conjunction with preexisting parts, we designed four novel glucose-sensitive promoters and tested their ability to drive expression of reporter chromoproteins at various concentrations.
 +
</p>
  
−
#drop_menu {
+
</td> 
−
background-color: rgb(0,0,0,0.0);
+
−
padding:4px;
+
−
position: fixed;
+
−
margin:0;
+
−
margin: auto;
+
−
list-style-type: none;
+
−
height:90px;
+
−
}
+
  
  
−
/* Creates the container for the content */
 
−
#contentContainer {
 
−
padding-top:20px;
 
−
padding-left: 20px;
 
−
padding-right:10px;
 
−
margin: auto;
 
−
width: 100px;
 
−
padding-left: 20px;
 
−
float: left;
 
−
background-color: #fff;
 
−
border-top: 14px solid #565656;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
}
 
  
−
/*Set up height place holder for the banner*/
 
−
#bannerContainer {
 
−
height:200px;
 
−
margin:auto;
 
−
text-align:center;
 
−
color: #24B694;
 
−
}
 
  
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
</table>
 +
</td>
 +
<td bgColor="#c9def2"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
  
−
/*Change the styling of text for everything inside main container*/
 
−
#mainContainer p {
 
−
font-size: 13px;
 
−
color: #000000;
 
−
}
 
−
 
−
/*This changes the color and font family */
 
−
#contentContainer h1, h2, h3, h4, h5, h6 {
 
−
color: #565656;
 
−
border-bottom: none;
 
−
font-weight: bold;
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
−
margin-top:10px;
 
−
}
 
  
−
/*Style of the links - links are different inside the menu */
+
<!--  Block of content 3 -->
−
#contentContainer a {
+
<table width="100%"  cellspacing="0" height="350px">
−
font-weight: bold;
+
<tr><td  bgColor="#f2f7fc"></td>
−
color: #23b593;
+
<td width="975px" align="center" bgColor="#f2f7fc" >
−
}
+
<table  width="975px"  cellspacing="0" height="350px">
 +
<tr>
  
−
  /* Styling links on hover- links are different inside the menu */
+
<td width="95%" bgColor="#f2f7fc"  rowspan="3" align="center">
−
#contentContainer a:hover {
+
−
color: #59bf92;
+
−
}
+
  
−
/*Change the styling of tables */
+
<!-- Content goes here -->
−
        #contentContainer table {
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    width: 90%
+
−
    margin: auto;
+
−
    margin-bottom: 15px;
+
−
    margin-top: 15px;
+
−
    margin-right: 10px;
+
−
    margin-left: 10px;
+
−
    }
+
  
−
/*Change the styling of table cells*/
 
−
    #contentContainer  td {
 
−
    padding: 10px;
 
−
    border: 1px solid #565656;
 
−
    border-collapse: collapse;
 
−
    vertical-align: text-top;
 
−
    }
 
  
−
/*Change the styling of table headers */
+
<h3 style="color:#56A0D3;">Originality and Improvement</h3>
−
    #contentContainer th {
+
<p>
−
    background-color: #E8E8E9;
+
While glucose sensitive reporter systems are not a new to concept to iGEM, our novel three-color system revolutionizes the creation of sensing systems. This would solve the qualitative characterization flaw inherent in the current one-color systems, especially those utilizing chromoproteins. Our sensor has cut sites before and after each promoter, allowing the interchange of various promoters depending on what the user wants to measure. This customization allows for the three-color system to be applied into other fields where sensitive measurement is of vital importance.
−
    padding: 10px;
+
</p>
−
    border: 1px solid #565656;
+
</td> 
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
  
−
/*CLASSES */
 
  
−
/*Clear class for all the pages, adds spacing too*/
 
−
.clear{
 
−
clear:both;
 
−
height: 10px;
 
−
}
 
  
  
−
/* highlight box for special messages */
+
</table>
−
    .highlightBox {
+
−
        width:500px;
+
−
        margin:auto;
+
−
        background-color: #E8E8E9;
+
−
margin-bottom: 15px;
+
−
margin-top: 15px;
+
−
padding: 15px;
+
−
padding-top: 5px;
+
−
list-style-type: none;
+
−
    }
+
  
−
          .header {
 
−
        height: 50px;
 
−
background-color: rgba(0, 0, 0, 0.4);
 
−
border: 1px solid #CCC;
 
−
position: fixed;
 
−
top: 0px;
 
−
width: 100%;
 
−
          }
 
  
−
.drop_menu li {
+
</td>
−
float:left;
+
<td bgColor="#f2f7fc"></td>
−
list-style-type: none;
+
</tr>
−
}
+
</table>
 +
<!-- end of Block-->
  
−
.drop_menu li a {
 
−
padding: 9px 20px;
 
−
display:block;
 
−
color:#FFF;
 
−
text-decoration: bold;
 
−
list-style-type: none;
 
−
font:24px arial, verdana, sans-serif;
 
−
}
 
  
−
/* Submenu */
+
<!-- Block of content 4 -->
−
.drop_menu ul {
+
<table width="100%"  cellspacing="0" height="200px">
−
position:absolute;
+
<tr>
−
left:-9999px;
+
<td  bgColor="#c9def2"></td>
−
top:-9999px;
+
<td width="975px" align="center" bgColor="#c9def2" >
−
list-style-type:none;
+
−
}
+
  
−
.drop_menu li:hover {
+
<table  width="975px" cellspacing="0" height="200px">
−
position:relative;
+
<tr>
−
color:#5FD367;
+
<td width="95%" bgColor="#c9def2"  rowspan="3" align="center">
−
}
+
<!-- Content goes here -->
  
−
.drop_menu li:hover ul {
+
<h3 style="color:#56A0D3;">Project Aim</h3>
−
left:0px;
+
<p>In order to turn our three-color glucose sensor into a more viable solution, more characterization of the system will be necessary. This will allow for better identification of concentrations based on the fluorescence. While our project’s intended application was the detection of glucose concentrations, we believe its greatest utility is in its versatility towards other sensing systems. By changing out the promoters, it will allow for the cell to become sensitive to other chemicals and be used to calculate concentration.
−
top:10px;
+
</p>
−
background:#5FD367;
+
−
opacity:.8;
+
−
color: #5FD367;
+
−
padding:0px;
+
−
}
+
  
−
.drop_menu li:hover ul li a {
+
</td> 
−
padding:5px;
+
</table>
−
display:block;
+
</td>
−
color: #5FD367;
+
<td bgColor="#c9def2"></td>
−
width:168px;
+
</tr>
−
text-indent:15px;
+
</table>
−
}
+
<!-- end of Block-->
  
−
.drop_menu li:hover ul li a:hover {
+
<!-- Block of content 5 -->
−
background:#005555;
+
<table width="100%"  cellspacing="0" height="200px">
−
list-style-type: none;
+
<tr><td  bgColor="#f2f7fc"></td>
−
}
+
<td width="975px" align="center" bgColor="#f2f7fc" >
−
+
<table  width="975px"  cellspacing="0" height="200px">
−
</style>
+
<tr>
−
<!-- End of CSS -->
+
  
 +
<td width="95%" bgColor="#f2f7fc"  rowspan="3" align="center">
  
 +
<!-- Content goes here -->
  
−
<!-- Start of the template html elements. -->
 
−
 
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 
  
 +
<h3 style="color:#56A0D3;">References</h3>
 +
<p>1. "Diabetic Test Strips : Home Diagnostic Tests - Walmart.com." Walmart.com. Walmart, n.d. Web. 22 Apr. 2015. <br />
  
−
<div id="bannerContainer">
+
2. Nazario, Brunilda. "Normal Blood Sugar Levels Chart for Adults." WebMD. WebMD, 23 Oct. 2014. Web. 20 Apr. 2015. <br />
−
<br><br>
+
−
<h2> Add a banner to your wiki! </h2>
+
−
+
−
<p>You can make the image 980px  by  200px</p>
+
−
<p> Remember to call the file: "<i>Team_UNC-Chapel_Hill_banner.jpg</i>" </p>
+
−
</div>
+
  
−
<!-- Start of menu -->
+
3. http://parts.igem.org/wiki/index.php?title=Part:BBa_K118011 <br />
  
−
<div class = "header">  
+
4. http://parts.igem.org/wiki/index.php?title=Part:BBa_K861171
 +
</p>
 +
</td> 
 +
</table>
 +
</td>
 +
<td bgColor="#f2f7fc"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
  
−
<div id="drop_menu">
 
−
<ul class="drop_menu">
 
−
<li> <a href="https://2015.igem.org/Team:UNC-Chapel_Hill">HOME</a></li>
 
−
<li> <a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Team">TEAM</a></li>
 
−
<li><a href="#">PROJECT
 
−
            <ul>
 
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Description"><li>Description</li></a>
 
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Experiments"><li>Experiments &amp; Protocols</li></a> 
 
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Results"><li>Results</li></a> 
 
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Design"><li>Design</li></a>
 
−
</ul>
 
−
</a></li>
 
  
−
<li><a href="#">PARTS
+
<!-- Final block of content -->
−
            <ul>
+
<table  width="100%" align = "center" cellspacing="0" height="200px">
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Parts"><li>Team Parts</li></a>
+
<tr>
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Basic_Part"><li>Basic Parts</li></a> 
+
<td width="100%" align="center" bgColor="#FFFFFF" >
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Composite_Part"><li>Composite Parts</li></a>
+
<h3 style="color:#56A0D3 text-align:center">Special thanks to all of our sponsers!</h3>
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Part_Collection"><li>Part Collection</li></a> 
+
</td>
−
</ul>
+
</tr>
−
</a></li>
+
  
−
<li><a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Notebook">NOTEBOOK</a></li>
+
<tr>
 +
<td width="975px" align="center" bgColor="#FFFFFF" >
 +
<img src ="https://static.igem.org/mediawiki/2015/d/de/Unc-sponsers.png">
  
−
<li><a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Practices">HUMAN PRACTICES</a></li>
+
</td>
−
+
</tr>
−
<li><a href =“#”> OTHER
+
</table>
−
<ul>
+
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Attributions"><li>ATTRIBUTIONS</li></a>
+
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Collaborations"><li>COLLABORATIONS</li></a>
+
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Safety"><li>SAFETY</li></a>
+
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Modeling"><li>MODELING</li></a>
+
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Measurement"><li>MEASUREMENT</li></a>
+
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Software"><li>SOFTWARE</li></a>
+
−
<a href="https://2015.igem.org/Team:UNC-Chapel_Hill/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
−
<ul>
+
−
</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
 +
<!-- end of final block -->
  
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
<footer>
−
+
<a href="#" class="go-top">Top</a>
−
+
−
<!-- End of menu  -->
+
  
−
<!-- Start of content -->
+
</footer>
−
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.--> </div>
+
−
</div>
+
 
</html>
 
</html>

Latest revision as of 03:01, 19 September 2015


Background

Type 1 diabetes affects the production of insulin in the body, requiring continual monitoring of blood glucose levels in order to prevent the worsening of symptoms, which in many cases lead to death. With the development of solutions to produce supplemental insulin emerging, the production of insulin is no longer problematic in developed countries. However, glucose monitoring is and continues to be a source of financial trouble for many people with Type 1 diabetes. The current method for measuring blood sugar levels in diabetics utilizes a blood sugar monitor and expensive testing strips. The most basic can cost at least of $30.00 and test strips $1.38 each (One Touch Ultra)1, and when taken into account that diabetics must test their blood at least five times a day with these non reusable strips, the glucose monitoring equipment can cost at a minimum $2500 a year. In addition, insulin costs may be much higher, creating an even bigger burden.

Motivation and Example System

Through the development of a novel glucose sensing system in which glucose-responsive promoters drive the expression of three reporter chromoproteins, it will allow for the quantization of glucose concentration based on fluorescence emitted by the cell. With each chromoprotein linked to a different promoter with unique glucose sensitivities, each wavelength will correspond to a specific concentration of glucose. In conjunction with preexisting parts, we designed four novel glucose-sensitive promoters and tested their ability to drive expression of reporter chromoproteins at various concentrations.

Originality and Improvement

While glucose sensitive reporter systems are not a new to concept to iGEM, our novel three-color system revolutionizes the creation of sensing systems. This would solve the qualitative characterization flaw inherent in the current one-color systems, especially those utilizing chromoproteins. Our sensor has cut sites before and after each promoter, allowing the interchange of various promoters depending on what the user wants to measure. This customization allows for the three-color system to be applied into other fields where sensitive measurement is of vital importance.

Project Aim

In order to turn our three-color glucose sensor into a more viable solution, more characterization of the system will be necessary. This will allow for better identification of concentrations based on the fluorescence. While our project’s intended application was the detection of glucose concentrations, we believe its greatest utility is in its versatility towards other sensing systems. By changing out the promoters, it will allow for the cell to become sensitive to other chemicals and be used to calculate concentration.

References

1. "Diabetic Test Strips : Home Diagnostic Tests - Walmart.com." Walmart.com. Walmart, n.d. Web. 22 Apr. 2015.
2. Nazario, Brunilda. "Normal Blood Sugar Levels Chart for Adults." WebMD. WebMD, 23 Oct. 2014. Web. 20 Apr. 2015.
3. http://parts.igem.org/wiki/index.php?title=Part:BBa_K118011
4. http://parts.igem.org/wiki/index.php?title=Part:BBa_K861171

Special thanks to all of our sponsers!