Team:UNC-Chapel Hill

From 2014.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:UNC-Chapel_Hill/practicemenu}}
<html>
<html>
-
<style>
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 
-
</style>
 
-
<!-- here ends the section that changes the default wiki template to a white full width background -->
+
<!-- First block of content -->
 +
<!-- end of first block -->
-
<!-- beginning of your page -->
+
<head>
 +
<link href="https://2014.igem.org/Team:UNC-Chapel_Hill/StyleSheets/HomePage?action=raw&ctype=text/css" rel="stylesheet">
 +
<script>
 +
$(document).ready(function() {
 +
//Display slider for Javascript users
 +
$('#Slider').css('display', 'block');
 +
 +
//Set height of slider (16/5 ratio)
 +
$('#Slider').css('height', ($('body').width() / 3.2));
 +
 +
//Position right/left arrows
 +
var BarHeight = $('#Slider').height() - $('#BottomLinks').height();
 +
$('#LeftBar, #RightBar').css('height', BarHeight);
 +
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
-
<!-- menu -->
+
//Repeats for window resize
-
<table id="menu" width="100%"  cellspacing="0" height="135px">
+
$(window).resize(function() {
-
<tr>
+
$('#Slider').css('height', ($('body').width() / 3.2));
-
<td  bgColor="#FFFFFF"></td>
+
-
<td valign="bottom"  width="975px" align="center" bgColor="#FFFFFF">
+
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
-
 
+
$('#LeftBar, #RightBar').css('height', BarHeight);
-
<table align="center">
+
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
-
<tr height="50px">
+
});
-
<td width="162px" align="center" onMouseOver="this.bgColor='#A1DBB2'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3>
+
-
<a href="https://2014.igem.org/Team:UNC-Chapel_Hill"style="text-decoration:none;color:#ffffff">HOME </a> </td>
+
var TotalSlides = $('.Slides').length;
-
 
+
var CurrentSlide = 0;
-
<td width="162px" align="center" onMouseOver="this.bgColor='#A1DBB2'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3>
+
-
<a href="https://2014.igem.org/Team:UNC-Chapel_Hill/Project" style="text-decoration:none;color:#ffffff">PROJECT</a> </td>
+
-
 
+
-
<td width="162px" align="center" onMouseOver="this.bgColor='#A1DBB2'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3>
+
-
<a href="https://2014.igem.org/Team:UNC-Chapel_Hill/Parts" style="text-decoration:none;color:#ffffff">PARTS</a></td>
+
-
 
+
-
<td width="162px" align="center" onMouseOver="this.bgColor='#A1DBB2'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3>
+
-
<a href="https://2014.igem.org/Team:UNC-Chapel_Hill/Team" style="text-decoration:none;color:#ffffff">TEAM </a> </td>
+
-
 
+
-
<td width="162px" align="center" onMouseOver="this.bgColor='#A1DBB2'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3> 
+
-
<a href="https://2014.igem.org/Team:UNC-Chapel_Hill/Notebook" style="text-decoration:none;color:#ffffff">NOTEBOOK </a> </td>
+
-
 
+
-
<td width="162px" align="center" onMouseOver="this.bgColor='#A1DBB2'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3> 
+
-
<a href="https://2014.igem.org/Team:UNC-Chapel_Hill/Safety" style="text-decoration:none;color:#ffffff">SAFETY </a></td>
+
-
 
+
-
<td width="162px" align="center" onMouseOver="this.bgColor='#A1DBB2'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3>
+
-
<a href="https://2014.igem.org/Team:UNC-Chapel_Hill/Attributions" style="text-decoration:none;color:#ffffff">ATTRIBUTIONS</a></td>
+
-
 
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="6"></td>
+
-
<td align="center" width="162px"><a href="https://igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a></td>
+
-
 
+
-
</tr>
+
-
</table>
+
-
 
+
-
</td>
+
-
<td  bgColor="#FFFFFF"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of menu -->
+
-
 
+
-
 
+
-
<!-- First block of content -->
+
-
<center>
+
-
<table  id="firstblock" width="100%"  cellspacing="0" height="500px">
+
-
<tr>
+
-
<td  bgColor="#FFFFFF"></td>
+
-
<td width="975px" align="center" bgColor="#FFFFFF" >
+
-
 
+
-
<!-- You can replace this image with your team's logo! -->
+
-
<img src="https://static.igem.org/mediawiki/2014/thumb/d/d4/Unc-seal.jpg/600px-Unc-seal.jpg" width="300px">
+
-
<h3 style= "color:#56A0D3">Welcome  <br> We are Team UNC Chapel Hill </h3>
+
-
<p style= "color:#56A0D3">Scroll down to find more about our project </p>
+
-
 
+
-
</td>
+
-
<td bgColor="#FFFFFF"></td>
+
-
</tr>
+
-
</table>
+
-
</center>
+
-
<!-- end of first block -->
+
 +
$('#RightArrow').click(function() {
 +
CurrentSlide = ++CurrentSlide % TotalSlides;
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
$('#LeftArrow').click(function() {
 +
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
$('.SlideLink').click(function() {
 +
var ClickedSlide = $(this).attr('id');
 +
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
 +
changeSlide(CurrentSlide);
 +
});
 +
 +
function changeSlide(num){
 +
var SlideID = '#Slide' + num;
 +
$('.Slides').css('display', 'none');
 +
$(SlideID).css('display', 'block');
 +
}
 +
});
 +
</script>
 +
</head>
 +
 +
<body>
 +
<section id="HomePageContent">
 +
<div id="Slider">
 +
<div id="Slide0" class="Slides current"></div>
 +
<div id="Slide1" class="Slides"></div>
 +
<div id="Slide2" class="Slides"></div>
 +
<div id="Slide3" class="Slides"></div>
 +
<div id="Slide4" class="Slides"></div>
 +
<div id="Slide5" class="Slides"></div>
 +
<div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
 +
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
 +
<ul id="BottomLinks">
 +
<li id="Link0" class="SlideLink">Background</li><li id="Link1" class="SlideLink">Problem</li><li id="Link2" class="SlideLink">Tools</li><li id="Link3" class="SlideLink">Inspiration</li><li id="Link4" class="SlideLink">Solution</li><li id="Link5" class="SlideLink">Impact</li>
 +
</ul>
 +
</div>
<!--  Block of content 1 -->
<!--  Block of content 1 -->
<table width="100%"  cellspacing="0" height="500px">
<table width="100%"  cellspacing="0" height="500px">
-
<tr><td  bgColor="#FEE5AD"></td>
+
<tr><td  bgColor="#f2f7fc"></td>
-
<td width="975px" align="center" bgColor="#FEE5AD" >
+
<td width="975px" align="center" bgColor="#f2f7fc" >
<table  width="975px"  cellspacing="0" height="500px">
<table  width="975px"  cellspacing="0" height="500px">
<tr>
<tr>
-
<td width="95%" bgColor="#FEE5AD"  rowspan="3" align="center">  
+
<td width="95%" bgColor="#f2f7fc"  rowspan="3" align="center">  
<!-- Content goes here -->
<!-- Content goes here -->
-
<a href="https://2014.igem.org/Team:UNC-Chapel_Hill/Project">
+
 
-
<img src="https://static.igem.org/mediawiki/2014/thumb/e/ee/UNC_Chapel_Hill_Blue_circle.png/617px-UNC_Chapel_Hill_Blue_circle.png" width="300px"></a>
+
 
<h3 style="color:#56A0D3;">Diabetes Mellitus</h3>
<h3 style="color:#56A0D3;">Diabetes Mellitus</h3>
<p>Diabetes mellitus is prevalent throughout the world especially in the United States and Mexico. Current methods of treatments have largely remained the same. Patients prick their fingers to draw blood in order for a device to report their blood glucose levels. After the device gives them that information, they administer the appropriate amount of insulin to themselves. There has yet to be a unified system for the sensing of blood glucose levels and insulin administration. As a solution, we propose the following:</p>
<p>Diabetes mellitus is prevalent throughout the world especially in the United States and Mexico. Current methods of treatments have largely remained the same. Patients prick their fingers to draw blood in order for a device to report their blood glucose levels. After the device gives them that information, they administer the appropriate amount of insulin to themselves. There has yet to be a unified system for the sensing of blood glucose levels and insulin administration. As a solution, we propose the following:</p>
-
<p style="color:#56A0D3;">The UNC Chapel Hill team has devised a protein controlled system in which E coli detects high glucose levels in its environment, and in response release one of two proteins, insulin or glucagon-like peptide-1</p>
+
<p style="color:#56A0D3;">The UNC Chapel Hill team has devised a protein controlled system in which E coli detects high glucose levels in its environment, and in response release one of two proteins, insulin or glucagon-like peptide-1 <br><font color="black">(Find out more at our <a href="https://2014.igem.org/Team:UNC-Chapel_Hill/Project#background">project page</a>)</font> </p>
</td>   
</td>   
-
<!-- This is the back to top button -->
 
-
<td bgColor=#FEE5AD> </td>
 
-
<tr><td bgColor=#FEE5AD></td></tr>
 
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3>
 
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 
-
</table>
 
-
</td>
 
-
<td bgColor="#FEE5AD"></td>
 
-
</tr>
 
</table>
</table>
-
<!-- end of Block-->
 
-
 
-
 
-
<!--  Block of content 2 -->
 
-
<table width="100%"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td  bgColor="#FACA66"></td>
 
-
<td width="975px" align="center" bgColor="#FACA66" >
 
-
 
-
<table  width="975px"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td width="95%" bgColor="#FACA66"  rowspan="3" align="center">
 
-
 
-
<!-- Content goes here -->
 
-
<a href="http://en.wikipedia.org/wiki/Cyclic_adenosine_monophosphate#mediaviewer/File:Cyclic-adenosine-monophosphate-3D-balls.png">
 
-
<img src="https://static.igem.org/mediawiki/2014/thumb/4/4a/UNC_Chapel_Hill_Cyclic-adenosine-monophosphate-3D-balls.png/603px-UNC_Chapel_Hill_Cyclic-adenosine-monophosphate-3D-balls.png" width="400px"></a>
 
-
<h3 style="color:#56A0D3;"> cyclic AMP-CRP Complex</h3>
 
-
<p> This project utilizes the relationship between cAMP (Cyclic adenosine monophosphate) levels and glucose levels in the bacteria's immediate surroundings in order to accomplish accurate glucose sensing. When glucose levels are high cAMP levels are low, and likewise when glucose levels are low cAMP levels are high.</p>
 
-
 
-
</td> 
 
-
 
-
 
-
<!-- This is the back to top section -->
 
-
<td bgColor=#FACA66> </td>
 
-
<tr><td bgColor=#FACA66></td></tr>
 
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3>
 
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 
-
</table>
 
</td>
</td>
-
<td bgColor="#FACA66"></td>
+
<td bgColor="#f2f7fc"></td>
</tr>
</tr>
</table>
</table>
Line 143: Line 106:
-
<!--  Block of content 3 -->
+
<!--  Block of content 4 -->
<table width="100%"  cellspacing="0" height="500px">
<table width="100%"  cellspacing="0" height="500px">
<tr>
<tr>
-
<td  bgColor="#F7A541"></td>
+
<td  bgColor="#c9def2"></td>
-
<td width="975px" align="center" bgColor="#F7A541" >
+
<td width="975px" align="center" bgColor="#c9def2" >
<table  width="975px"  cellspacing="0" height="500px">
<table  width="975px"  cellspacing="0" height="500px">
<tr>
<tr>
-
<td width="95%" bgColor="#F7A541"  rowspan="3" align="center">  
+
<td width="95%" bgColor="#c9def2"  rowspan="3" align="center">  
-
 
+
<!-- Content goes here -->
<!-- Content goes here -->
-
<a href="http://commons.wikimedia.org/wiki/File:Location_North_America.svg#mediaviewer/File:Location_North_America.svg"><img src="https://static.igem.org/mediawiki/2014/c/c5/UNC_Chapel_Hill_Location_North_America.svg.png" width="350px"></a>
+
<h3 style="color:#56A0D3;">Why did we choose this project?</h3>
-
<h3> Who will your project help?</h3>
+
<p>In the National Diabetes Statistics Report of 2014 released by the National Center for Chronic Disease Prevention and Health Promotion it was reported that 29.1 million Americans (9.3% of the US population) have diabetes mellitus. The cost both direct and indirect of diabetes treatment is estimated to be 245 billion dollars, and the disease remains the 7th leading cause of premature death in the United States. With the prevalence of diabetes mellitus in the US population the 2014 UNC Chapel Hill iGEM team as part of a University that prides itself in serving "North Carolina, the United States, and the world through teaching, research, and public service" felt an obligation to address this problem</p>
-
<p> Tell your audience how your project will help the environment, science, medicine or everything else.</p>
+
 
</td>   
</td>   
-
<!-- This is the back to top section -->
 
-
<td bgColor=#F7A541> </td>
 
-
<tr><td bgColor=#F7A541></td></tr>
 
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3>
 
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 
-
</table>
 
-
 
-
 
-
</td>
 
-
<td bgColor="#F7A541"></td>
 
-
</tr>
 
-
</table>
 
-
<!-- end of Block-->
 
-
 
-
 
-
<!--  Block of content 4 -->
 
-
<table width="100%"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td  bgColor="#F45D4C"></td>
 
-
<td width="975px" align="center" bgColor="#F45D4C" >
 
-
 
-
<table  width="975px"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td width="95%" bgColor="#F45D4C"  rowspan="3" align="center">
 
-
<!-- Content goes here -->
 
-
<a href="http://en.wikipedia.org/wiki/Diabetes_mellitus#mediaviewer/File:Diabetes_mellitus_world_map_-_DALY_-_WHO2004.svg">
 
-
<img src="https://static.igem.org/mediawiki/2014/thumb/f/fc/UNC_Chapel_Hill_Diabetes_mellitus_world_map_-_DALY_-_WHO2004.svg.png/800px-UNC_Chapel_Hill_Diabetes_mellitus_world_map_-_DALY_-_WHO2004.svg.png"></a>
 
-
<h3>Why did you choose this project?</h3>
 
-
<p> What motivated you to work on this project? Tell us what inspires you.</p>
 
-
 
-
</td> 
 
-
 
-
 
-
<!-- This is the back to top section -->
 
-
<td bgColor=#F45D4C> </td>
 
-
<tr><td bgColor=#F45D4C ></td></tr>
 
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#56A0D3'" bgColor=#56A0D3>
 
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 
</table>
</table>
</td>
</td>
-
<td bgColor="#F45D4C"></td>
+
<td bgColor="#c9def2"></td>
</tr>
</tr>
</table>
</table>
Line 224: Line 148:
<!-- end of final block -->
<!-- end of final block -->
 +
<footer>
 +
<a href="#" class="go-top">Top</a>
 +
 +
</footer>
</html>
</html>

Latest revision as of 15:29, 5 August 2014

Diabetes Mellitus

Diabetes mellitus is prevalent throughout the world especially in the United States and Mexico. Current methods of treatments have largely remained the same. Patients prick their fingers to draw blood in order for a device to report their blood glucose levels. After the device gives them that information, they administer the appropriate amount of insulin to themselves. There has yet to be a unified system for the sensing of blood glucose levels and insulin administration. As a solution, we propose the following:

The UNC Chapel Hill team has devised a protein controlled system in which E coli detects high glucose levels in its environment, and in response release one of two proteins, insulin or glucagon-like peptide-1
(Find out more at our project page)

Why did we choose this project?

In the National Diabetes Statistics Report of 2014 released by the National Center for Chronic Disease Prevention and Health Promotion it was reported that 29.1 million Americans (9.3% of the US population) have diabetes mellitus. The cost both direct and indirect of diabetes treatment is estimated to be 245 billion dollars, and the disease remains the 7th leading cause of premature death in the United States. With the prevalence of diabetes mellitus in the US population the 2014 UNC Chapel Hill iGEM team as part of a University that prides itself in serving "North Carolina, the United States, and the world through teaching, research, and public service" felt an obligation to address this problem

Here you can place the logos of your sponsors or other links!