Team:UNC-Chapel Hill

From 2014.igem.org

(Difference between revisions)
 
(47 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:#1C140D">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:#1C140D">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:#1C140D">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:#1C140D">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:#1C140D">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:#1C140D">SAFETY </a></td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="5"></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 -->
+
-
<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>Welcome!  <br> We are Team UNC Chapel Hill! </h3>
+
-
<p>Scroll down to find more about our project! </p>
+
-
 
+
-
</td>
+
-
<td bgColor="#FFFFFF"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- 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 -->
-
<img src="https://static.igem.org/mediawiki/2014/0/0a/DwikitemplateB_dnastrand.png">
 
-
<h3>What is your project about?</h3>
 
-
<p>Here you can explain your project in a short sentence or paragraph!</p>
 
-
<p>For example: Our team designed a biosensor to detect a certain chemical in water</p>
 
-
</td> 
 
-
<!-- This is the back to top button -->
+
<h3 style="color:#56A0D3;">Diabetes Mellitus</h3>
-
<td bgColor=#FEE5AD> </td>
+
<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>
-
<tr><td bgColor=#FEE5AD></td></tr>
+
<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>
-
<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>
+
-
<!-- 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 -->
+
-
<img src="https://static.igem.org/mediawiki/2014/b/b5/Dnastrand3.png">
+
-
<h3> How does your project work?</h3>
+
-
<p> Here you can explain briefly how your project works. And add a link to your project page.</p>
+
-
 
+
</td>   
</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 bgColor="#FACA66"></td>
 
-
</tr>
 
-
</table>
 
-
<!-- end of Block-->
 
-
 
-
 
-
 
-
<!--  Block of content 3 -->
 
-
<table width="100%"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td  bgColor="#F7A541"></td>
 
-
<td width="975px" align="center" bgColor="#F7A541" >
 
-
 
-
<table  width="975px"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td width="95%" bgColor="#F7A541"  rowspan="3" align="center">
 
-
 
-
<!-- Content goes here -->
 
-
 
-
<img src="https://static.igem.org/mediawiki/2014/7/7d/Gears.png">
 
-
<h3> Who will your project help?</h3>
 
-
<p> Tell your audience how your project will help the environment, science, medicine or everything else.</p>
 
-
</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>
</table>
Line 163: Line 99:
</td>
</td>
-
<td bgColor="#F7A541"></td>
+
<td bgColor="#f2f7fc"></td>
</tr>
</tr>
</table>
</table>
<!-- end of Block-->
<!-- end of Block-->
 +
Line 172: Line 109:
<table width="100%"  cellspacing="0" height="500px">
<table width="100%"  cellspacing="0" height="500px">
<tr>
<tr>
-
<td  bgColor="#F45D4C"></td>
+
<td  bgColor="#c9def2"></td>
-
<td width="975px" align="center" bgColor="#F45D4C" >
+
<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="#F45D4C"  rowspan="3" align="center">  
+
<td width="95%" bgColor="#c9def2"  rowspan="3" align="center">  
<!-- Content goes here -->
<!-- Content goes here -->
-
<img src="https://static.igem.org/mediawiki/2014/c/ce/Dnastrand2.png">
+
<h3 style="color:#56A0D3;">Why did we choose this project?</h3>
-
<h3>Why did you choose this project?</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> What motivated you to work on this project? Tell us what inspires you.</p>
+
</td>   
</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 216: 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!

Retrieved from "http://2014.igem.org/Team:UNC-Chapel_Hill"