Team:UNC-Chapel Hill
From 2014.igem.org
Megaboy837 (Talk | contribs) |
Megaboy837 (Talk | contribs) |
||
(36 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{ | + | {{:Team:UNC-Chapel_Hill/practicemenu}} |
<html> | <html> | ||
- | |||
- | |||
- | |||
- | <!-- | + | <!-- First block of content --> |
+ | <!-- end of first block --> | ||
- | < | + | <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); | ||
- | + | //Repeats for window resize | |
- | + | $(window).resize(function() { | |
- | + | $('#Slider').css('height', ($('body').width() / 3.2)); | |
- | + | ||
- | + | var BarHeight = $('#Slider').height() - $('#BottomLinks').height(); | |
- | + | $('#LeftBar, #RightBar').css('height', BarHeight); | |
- | + | $('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2); | |
- | + | }); | |
- | + | ||
- | + | var TotalSlides = $('.Slides').length; | |
- | + | var CurrentSlide = 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | $('#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="# | + | <tr><td bgColor="#f2f7fc"></td> |
- | <td width="975px" align="center" bgColor="# | + | <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="# | + | <td width="95%" bgColor="#f2f7fc" rowspan="3" align="center"> |
<!-- Content goes here --> | <!-- Content goes here --> | ||
- | + | ||
+ | |||
<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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</table> | </table> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</td> | </td> | ||
- | <td bgColor="# | + | <td bgColor="#f2f7fc"></td> |
</tr> | </tr> | ||
</table> | </table> | ||
Line 142: | Line 106: | ||
- | <!-- Block of content | + | <!-- Block of content 4 --> |
<table width="100%" cellspacing="0" height="500px"> | <table width="100%" cellspacing="0" height="500px"> | ||
<tr> | <tr> | ||
- | <td bgColor="# | + | <td bgColor="#c9def2"></td> |
- | <td width="975px" align="center" bgColor="# | + | <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="# | + | <td width="95%" bgColor="#c9def2" rowspan="3" align="center"> |
- | + | ||
<!-- Content goes here --> | <!-- Content goes here --> | ||
- | < | + | <h3 style="color:#56A0D3;">Why did we 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> | + | |
</td> | </td> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</table> | </table> | ||
</td> | </td> | ||
- | <td bgColor="# | + | <td bgColor="#c9def2"></td> |
</tr> | </tr> | ||
</table> | </table> | ||
Line 223: | 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
- Background
- Problem
- Tools
- Inspiration
- Solution
- Impact
|
|
Here you can place the logos of your sponsors or other links! |