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

Line 1: Line 1:
−
{{CSS/Main}}
+
{{:Team:UNC-Chapel_Hill/practicemenu}}
−
{{testpage2}}
+
<html>
  
−
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
+
<!-- First block of content -->
  
−
</head>
+
<!-- end of first block -->
−
<body>
+
 
−
<div id="header-wrapper">
+
<head>
−
<div id="header" class="container">
+
<link href="https://2014.igem.org/Team:UNC-Chapel_Hill/StyleSheets/HomePage?action=raw&ctype=text/css" rel="stylesheet">
−
<div id="menu">
+
<script>
−
<ul>
+
$(document).ready(function() {
−
<li class="current_page_item"><a href="#" accesskey="1" title="">Homepage</a></li>
+
//Display slider for Javascript users
−
<li><a href="#" accesskey="2" title="">Our Clients</a></li>
+
$('#Slider').css('display', 'block');
−
<li><a href="#" accesskey="3" title="">About Us</a></li>
+
−
<li><a href="#" accesskey="4" title="">Careers</a></li>
+
//Set height of slider (16/5 ratio)
−
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
+
$('#Slider').css('height', ($('body').width() / 3.2));
−
</ul>
+
−
</div>
+
//Position right/left arrows
−
<div id="logo">
+
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
−
<h1><a href="#">SweetCourse</a></h1>
+
$('#LeftBar, #RightBar').css('height', BarHeight);
−
<span>Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a></span> </div>
+
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
−
</div>
+
 
−
</div>
+
//Repeats for window resize
−
<div id="wrapper1">
+
$(window).resize(function() {
−
<div id="welcome" class="container">
+
$('#Slider').css('height', ($('body').width() / 3.2));
−
<div class="title">
+
−
<h2>Welcome to our website</h2>
+
var BarHeight = $('#Slider').height() -  $('#BottomLinks').height();
−
<span class="byline">Mauris vulputate dolor sit amet nibh</span> </div>
+
$('#LeftBar, #RightBar').css('height', BarHeight);
−
<div class="content">
+
$('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
−
<p>This is <strong>SweetCourse</strong>, a free, fully standards-compliant CSS template designed by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :) </p>
+
});
−
</div>
+
−
</div>
+
var TotalSlides = $('.Slides').length;
−
</div>
+
var CurrentSlide = 0;
−
<div id="wrapper3">
+
 
−
<div id="wrapper-blog" class="container">
+
$('#RightArrow').click(function() {
−
<div id="post">
+
CurrentSlide = ++CurrentSlide % TotalSlides;
−
<div class="post"> <span class="date">September 19, 2013</span> <img src="images/img01.jpg" class="image image-full" />
+
changeSlide(CurrentSlide);
−
<h2>Etiam malesuada rutrum enim</h2>
+
});
−
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
+
−
</div>
+
$('#LeftArrow').click(function() {
−
<div class="post"> <span class="date">September 17, 2013</span> <img src="images/img02.jpg" class="image image-full" />
+
CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
−
<h2>Etiam malesuada rutrum enim</h2>
+
changeSlide(CurrentSlide);
−
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
+
});
−
</div>
+
−
<div class="post no-border"> <span class="date">September 15, 2013</span> <img src="images/img03.jpg" alt="" class="image image-full" />
+
$('.SlideLink').click(function() {
−
<h2>Etiam malesuada rutrum enim</h2>
+
var ClickedSlide = $(this).attr('id');
−
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo. Pellentesque imperdiet.</p>
+
CurrentSlide = parseInt(ClickedSlide.replace('Link', ''));
−
</div>
+
changeSlide(CurrentSlide);
−
</div>
+
});
−
<div id="list">
+
−
<div id="lbox1">
+
function changeSlide(num){
−
<ul class="style1">
+
var SlideID = '#Slide' + num;
−
<li class="first">
+
$('.Slides').css('display', 'none');
−
<h3>Amet sed volutpat mauris</h3>
+
$(SlideID).css('display', 'block');
−
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
+
}
−
</li>
+
});
−
<li>
+
</script>
−
<h3>Sagittis diam dolor sit amet</h3>
+
</head>
−
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
+
−
</li>
+
<body>
−
<li>
+
<section id="HomePageContent">
−
<h3>Maecenas luctus lectus</h3>
+
<div id="Slider">
−
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
+
<div id="Slide0" class="Slides current"></div>
−
</li>
+
<div id="Slide1" class="Slides"></div>
−
<li>
+
<div id="Slide2" class="Slides"></div>
−
<h3>Fusce ultrices fringilla</h3>
+
<div id="Slide3" class="Slides"></div>
−
<p><a href="#">In posuere eleifend odio. Quisque semper augue. Pellentesque viverra vulputate enim.</a></p>
+
<div id="Slide4" class="Slides"></div>
−
</li>
+
<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>
 
</ul>
 
</div>
 
</div>
−
<div id="lbox2">
+
 
−
<h2>Posuere augue amet</h2>
+
 
−
<ul class="style2">
+
<!--  Block of content 1 -->
−
<li><a href="#">Semper mod quis eget mi dolore</a></li>
+
<table width="100%" cellspacing="0" height="500px">
−
<li><a href="#">Quam turpis feugiat sit dolor</a></li>
+
<tr><td  bgColor="#f2f7fc"></td>
−
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
+
<td width="975px" align="center" bgColor="#f2f7fc" >
−
<li><a href="#">Consequat etiam lorem phasellus</a></li>
+
<table  width="975px"  cellspacing="0" height="500px">
−
<li><a href="#">Amet turpis, feugiat et sit amet</a></li>
+
<tr>
−
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
+
 
−
</ul>
+
<td width="95%" bgColor="#f2f7fc"  rowspan="3" align="center">  
−
</div>
+
 
−
<div id="lbox2">
+
<!-- Content goes here -->
−
<h2>Posuere augue amet</h2>
+
 
−
<ul class="style2">
+
 
−
<li><a href="#">Semper mod quis eget mi dolore</a></li>
+
<h3 style="color:#56A0D3;">Diabetes Mellitus</h3>
−
<li><a href="#">Quam turpis feugiat sit dolor</a></li>
+
<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>
−
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
+
<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>
−
<li><a href="#">Consequat etiam lorem phasellus</a></li>
+
</td>
−
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
+
 
−
</ul>
+
 
−
</div>
+
 
−
</div>
+
 
−
</div>
+
</table>
−
</div>
+
 
−
<div id="wrapper2">
+
 
−
<div id="newsletter" class="container">
+
</td>
−
<div class="title">
+
<td bgColor="#f2f7fc"></td>
−
<h2>Newsletter Signup</h2>
+
</tr>
−
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span> </div>
+
</table>
−
<div class="content">
+
<!-- end of Block-->
−
<form method="post" action="#">
+
 
−
<div class="row half">
+
 
−
<div class="6u">
+
 
−
<input type="text" class="text" name="name" placeholder="Name" />
+
<!--  Block of content 4 -->
−
</div>
+
<table width="100%" cellspacing="0" height="500px">
−
<div class="6u">
+
<tr>
−
<input type="text" class="text" name="email" placeholder="Email" />
+
<td  bgColor="#c9def2"></td>
−
</div>
+
<td width="975px" align="center" bgColor="#c9def2" >
−
</div>
+
 
−
<div class="row half">
+
<table  width="975px" cellspacing="0" height="500px">
−
<div class="12u">
+
<tr>
−
<textarea name="message" placeholder="Message"></textarea>
+
<td width="95%" bgColor="#c9def2" rowspan="3" align="center">  
−
</div>
+
<!-- Content goes here -->
−
</div>
+
 
−
<div class="row">
+
<h3 style="color:#56A0D3;">Why did we choose this project?</h3>
−
<div class="12u"> <a href="#" class="button submit">Send Message</a> </div>
+
<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>
−
</div>
+
 
−
</form>
+
</td>
−
</div>
+
 
−
</div>
+
 
−
</div>
+
 
−
<div id="copyright">
+
 
−
<p>&copy; Untitled. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
+
</table>
−
</div>
+
</td>
−
</body>
+
<td bgColor="#c9def2"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
 +
 
 +
 
 +
 
 +
<!-- Final block of content -->
 +
<table  id="firstblock" width="100%"  cellspacing="0" height="200px">
 +
<tr>
 +
<td  bgColor="#FFFFFF"></td>
 +
<td width="975px" align="center" bgColor="#FFFFFF" >
 +
 
 +
<p>Here you can place the logos of your sponsors or other links!</p>
 +
 
 +
</td>
 +
<td bgColor="#FFFFFF"></td>
 +
</tr>
 +
</table>
 +
<!-- end of final block -->
 +
 
 +
<footer>
 +
<a href="#" class="go-top">Top</a>
 +
 
 +
</footer>
 
</html>
 
</html>

Revision as of 21:48, 14 July 2015

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!