Team:SDU-Denmark

From 2012.igem.org

(Difference between revisions)
 
(136 intermediate revisions not shown)
Line 1: Line 1:
-
<?xml version="1.0" encoding="UTF-8"?>
 
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<style type="text/css" rel="stylesheet">
+
<!-- //////////// Site Name //////////// -->
-
body {
+
<title>iGEM TEAM ::: SDU-DENMARK</title>
-
margin: 0; padding: 0;
+
-
/* background: url(../images/body_bg.gif) repeat-y left #D1DFF1;*/
+
-
+
-
background-position: left;
+
-
font: normal 11px Georgia, Arial, Helvetica, sans-serif;
+
-
+
-
}
+
-
span.texhtml { font-family: serif; }
+
<!-- //////////// Website Icon //////////// -->
 +
<link rel="shortcut icon" href="favicon.ico" />
 +
<!-- //////////// STYLESSHEETS //////////// -->
-
/*::::::::: Links :::::::::*/
+
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:SDU-Denmark/style?action=raw&amp;ctype=text/css">
-
a { color: #000000; text-decoration: none; }
+
-
a:hover { color: #066300; text-decoration: strong ; }
+
-
a:focus { outline: none; }
+
 +
<link rel="stylesheet" href="https://2012.igem.org/Team:SDU-Denmark/nivo-slider.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
-
/*::::::::: Container :::::::::*/
 
-
.container {width: 984px; height: 100%; margin: 0 auto; overflow: hidden; font-size: 1.2em; position: relative; background-color: rgba(255, 255, 255, 0.85);}
 
-
/*::::::::: HEADER ::::::::::*/
 
-
#TopHeader {
 
-
float: none;
 
-
width: ;
 
-
 
-
padding-left:30px;
 
-
padding-right:0px;
 
-
padding-top:15px;
 
-
padding-bottom:15px;
 
-
background: rgba(255, 255, 255, 0.0); /* Change this if we want color  */
 
-
position: relative;
 
-
 
-
}
 
-
/*::::::::: SideNav :::::::::*/
+
<!-- //////////// SCRIPTS //////////// -->
-
#sidenav {
+
<!-- :......:jquery [DEACTIVATED].....: -->
-
width: ;
+
<!--<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.min.js?action=raw&amp;ctype=text/javascript"></script> -->
-
position: absolute; /* fixed */
+
-
float: left;
+
-
background-color: rgba(255, 255, 255, 0.0);
+
-
margin:10px 0px 0px 30px; /* top right bottom left*/
+
-
/*padding-left:30px;
+
-
padding-right:30px;
+
-
padding-top:15px;
+
-
padding-bottom:15px;*/
+
-
height: 100%;
+
-
}
+
-
/*::::::::: SidenavFooter :::::::::*/
+
<!-- :......:NIVO.....: -->
-
#footer {
+
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.nivo.slider.pack.js?action=raw&amp;ctype=text/javascript" ></script>
-
width:150 ;
+
-
position: absolute; bottom:0; /* fixed */
+
-
float: left;
+
-
background-color: rgba(255, 255, 255, 0.0);
+
-
margin:0px 0px 0px 30px; /* top right bottom left*/
+
-
/*padding-left:30px;
+
-
padding-right:30px;
+
-
padding-top:15px;
+
-
padding-bottom:15px;*/
+
-
height: 100%;
+
-
height: auto;
+
-
font-size: 10px;
+
-
text-align: center;
+
-
}
+
-
}
+
-
*html #sidenav {
+
<!-- :......:JS EASING.....: -->
-
position: absolute;
+
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&amp;ctype=text/javascript"></script>
-
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+
-
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+
-
}
+
-
/*::::::: Accordion Menu ::::::*/  
+
-
.AccordionTitle, .AccordionContent, .AccordionContainer
+
-
{
+
-
  position:relative;
+
-
  width:;
+
-
}
+
-
.AccordionTitle
 
-
{
 
-
  height: 30px;
 
-
  overflow:hidden;
 
-
  cursor:pointer;
 
-
  font-family: "SegoeWP", "Calibri";
 
-
  font-weight: "light";
 
-
  text-indent:8px;
 
-
  font-size:27px;
 
-
  color: #000050;
 
-
  background-color: rgba(255, 255, 255, 0.0);
 
-
  vertical-align: middle;
 
-
  background-repeat:repeat-x;
 
-
  display:table-cell;
 
-
  -moz-user-select:none;
 
-
}
 
-
.AccordionContent
+
<!-- Need these two for gallery -->
-
{
+
-
  height:auto;
+
-
  overflow:hidden;
+
-
  cursor:pointer;
+
-
  font-family: Century Gothic, sans-serif;
+
-
  font-weight: bold;
+
-
  font-size:15px;
+
-
  background-color: rgba(255, 255, 255, 0.0);
+
-
  text-indent:20px;
+
-
  vertical-align:top;
+
-
  text-align:left;
+
-
  display:none;
+
-
}
+
-
.AccordionContainer
+
<!-- :......:PIROBOX.....: -->
-
{
+
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/pirobox.min.js?action=raw&amp;ctype=text/javascript">
 +
</script>
-
  height:AccHeight;
+
<!-- :......:SLIDING LABS.....: -->
-
  background-color: rgba(255, 255, 255, 0.0);
+
<script src="https://2012.igem.org/Team:SDU-Denmark/jquery.slidinglabels.js?action=raw&amp;ctype=text/javascript" type="text/javascript">
-
  border-top: none;
+
</script>
-
  border-bottom: none;
+
-
  border-left: none;
+
-
  border-right: none;
+
-
}
+
-
/* #outcommented{
+
<!-- //gallery scripts-->
-
#sidenav ul {
+
-
margin: 0; padding: 0;
+
-
list-style: none;
+
-
font-size: 13px;
+
-
}
+
-
#sidenav ul li{
+
-
margin: 0; padding:  0;
+
-
display: inline;
+
-
}
+
-
#sidenav ul li a{
+
-
display: block;
+
-
margin: 0; padding: 10px 0;
+
-
text-decoration: none;
+
-
color: #333;
+
-
border-bottom: 1px solid #101010;
+
-
}
+
-
#sidenav ul li a:hover { color: #456c55; }
+
-
#sidenav ul li a.home{ background: url(../images/icon_home.gif) no-repeat top right; }
+
-
#sidenav ul li a.portfolio{ background: url(../images/icon_portfolio.gif) no-repeat top right; }
+
-
#sidenav ul li a.services{ background: url(../images/icon_services.gif) no-repeat top right; }
+
-
#sidenav ul li a.contact{ background: url(../images/icon_contact.gif) no-repeat top right; }
+
-
}
+
-
*/
+
-
 
+
-
/*::::::::: Content :::::::::*/
+
-
 
+
-
/*//////////// Pictogrammer \\\\\\\\\\ */
+
-
.picto
+
-
{
+
-
padding:5px;
+
-
  border:3px solid ;
+
-
  border-style: outset;
+
-
  border-color:;
+
-
 
+
-
  margin: 10px 15px 10px 0px; /* top right bottom left*/
+
-
 
+
-
}
+
-
#content {
+
-
float:right;
+
-
width: 680px;
+
-
padding-top: 0px;
+
-
padding-right: 30px;
+
-
padding-left: 0px;
+
-
padding-bottom: 30px;
+
-
background-color: rgba(255, 255, 255, 0.0);
+
-
position: relative;
+
-
}
+
-
 
+
-
#contentcolumleft {
+
-
float: left;
+
-
width: 310px;
+
-
padding-top: 15px;
+
-
padding-right: 0px;
+
-
padding-left: 0px;
+
-
padding-bottom: 30px;
+
-
margin-right: 30px;
+
-
position: relative;
+
-
 
+
-
}
+
-
 
+
-
#contentcolumright {
+
-
float: right;
+
-
width: 310px;
+
-
padding-top: 0px;
+
-
padding-right: 30px;
+
-
padding-left: 0px;
+
-
padding-bottom: 30px;
+
-
position: relative;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
#content h2 {
+
-
color: #456c55;
+
-
margin: 0;  padding: 0px 0;
+
-
font-size: 2em;
+
-
font-weight: normal;
+
-
}
+
-
#content p {
+
-
line-height: 1.8em;
+
-
padding: 7px 0;
+
-
margin: 7px 0;
+
-
text-align: justify;
+
-
}
+
-
 
+
-
/*::::::::: SocialLinks :::::::::*/
+
-
 
+
-
 
+
-
 
+
-
.logo { 3: 20px; }
+
-
 
+
-
/*::::::::: SidenavFooter :::::::::*/
+
-
#footer {
+
-
width: 150px;
+
-
height: auto;
+
-
margin-top: 1000px;
+
-
font-size: 10px;
+
-
text-align: center;
+
-
}
+
-
 
+
-
 
+
-
/*::::::::: Content Footer :::::::::*/
+
-
 
+
-
#footfiller {
+
-
width: 710px;
+
-
height: 400px;
+
-
background: url(../images/footfiller.gif) no-repeat top center;
+
-
margin-bottom: -30px;
+
-
margin-top: 20px;
+
-
}
+
-
 
+
-
/*::::::::: Tables :::::::::*/
+
-
 
+
-
#content table {
+
-
width: 100%;
+
-
border: 3px solid #222222;
+
-
padding: 0;
+
-
margin: 0;
+
-
background: #000000;
+
-
}
+
-
 
+
-
#content th { border-bottom: 1px solid #222222; border-right: 1px solid #090909; padding: 10px; }
+
-
.bottoms { border-top: 1px solid #222222; }
+
-
#content th strong { font-size: 22px; font-weight: bold; color: #FFFFFF; }
+
-
#content td { border-right: 1px solid #090909; border-bottom: 1px solid #090909; padding: 10px; text-align: center; }
+
-
.textright { text-align: right !important; }
+
-
 
+
-
.requestbutton a {
+
-
width: 130px;
+
-
height: 30px;
+
-
display: block;
+
-
background: url(../images/requestbutton.gif) no-repeat top left;
+
-
text-decoration: none;
+
-
margin: auto;
+
-
}
+
-
 
+
-
.requestbutton a:hover {
+
-
background: url(../images/requestbutton.gif) no-repeat bottom left;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
/*::::::::: Misc :::::::::*/
+
-
 
+
-
.clearall {
+
-
clear: both;
+
-
}
+
-
#contentSub {
+
-
display:none;
+
-
}
+
-
 
+
-
#siteSub {
+
-
display:none;
+
-
}
+
-
 
+
-
#search-controls {
+
-
display:none;
+
-
}
+
-
 
+
-
.firstHeading {
+
-
display:none;
+
-
}
+
-
 
+
-
#search-controls {
+
-
margin-top:30px;
+
-
}
+
-
 
+
-
#footer-box {
+
-
display:none;
+
-
}
+
-
</style
+
-
 
+
-
<!-- //////////// Site Name //////////// -->
+
-
<title>iGEM TEAM ::: SDU-DENMARK</title>
+
-
 
+
-
<!-- //////////// Website Icon //////////// -->
+
-
<link rel="shortcut icon" href="favicon.ico" />
+
-
 
+
-
<!-- //////////// STYLESSHEETS //////////// -->
+
-
<link href="css/style.css" type="text/css" rel="stylesheet" />
+
-
<link href="css/pirobox_lightbox.css" type="text/css" rel="stylesheet" />
+
-
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
+
-
<link rel="stylesheet" href="style/&action=raw&ctype=text/css" type="text/css" />
+
-
 
+
-
<!-- //////////// SCRIPTS //////////// -->
+
-
<script type="text/javascript" src="js/jquery.min.js"></script>
+
-
<script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
+
-
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
+
-
<script type="text/javascript" src="js/pirobox.min.js"></script>
+
-
<script src="js/jquery.slidinglabels.js" type="text/javascript"></script>
+
<script type="text/javascript">
<script type="text/javascript">
Line 333: Line 54:
<!-- //////////// Settings for fixed sidebar layout //////////// -->
<!-- //////////// Settings for fixed sidebar layout //////////// -->
-
<!-- <script type="text/javascript">
 
-
$(document).ready(function() {
 
-
function staticNav() {
+
<script>
-
var sidenavHeight = $("#sidenav").height();
+
-
var winHeight = $(window).height();
+
-
var browserIE6 = (navigator.userAgent.indexOf("MSIE 6")>=0) ? true : false;
+
-
if (browserIE6) {
 
-
$("#sidenav").css({'position' : 'absolute'});
 
-
} else {
 
-
$("#sidenav").css({'position' : 'fixed'});
 
-
}
 
-
 
-
if (sidenavHeight > winHeight) {
 
-
$("#sidenav").css({'position' : 'static'});
 
-
}
 
-
}
 
-
 
-
staticNav();
 
-
 
-
$(window).resize(function () { //Each time the viewport is adjusted/resized, execute the function
 
-
staticNav();
 
-
});
 
-
 
-
});
 
-
</script>
 
-
-->
 
-
<script>
 
$(function() {
$(function() {
     var $sidebar  = $("#sidenav"),  
     var $sidebar  = $("#sidenav"),  
-
         $window   = $(window),
+
         $window1   = $(window),
         offset    = $sidebar.offset(),
         offset    = $sidebar.offset(),
         topPadding = 15;
         topPadding = 15;
-
     $window.scroll(function() {
+
     $window1.scroll(function() {
-
         if ($window.scrollTop() > offset.top + 250 ) {
+
         if ($window1.scrollTop() > offset.top + 250 ) {
             $sidebar.stop().animate({
             $sidebar.stop().animate({
-
                 marginTop: $window.scrollTop() - (offset.top + topPadding + 230 )
+
                 marginTop: $window1.scrollTop() - (offset.top + topPadding + 230 )
             });
             });
         } else {
         } else {
Line 384: Line 79:
</script>
</script>
-
<script type="text/javascript" src="js/smoothscroll.js"></script>
+
 
 +
<script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&amp;ctype=text/javascript"></script>
<!-- //////////// Settings for Nivo Slider //////////// -->
<!-- //////////// Settings for Nivo Slider //////////// -->
Line 451: Line 147:
});
});
</script>
</script>
 +
 +
<!-- script for fixed background-->
 +
<script>
 +
$(window).load(function() {   
 +
 +
var theWindow        = $(window),
 +
    $bg              = $("#bg"),
 +
    aspectRatio      = $bg.width() / $bg.height();
 +
       
 +
function resizeBg() {
 +
 +
if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
 +
    $bg
 +
    .removeClass()
 +
    .addClass('bgheight');
 +
} else {
 +
    $bg
 +
    .removeClass()
 +
    .addClass('bgwidth');
 +
}
 +
 +
}
 +
                 
 +
theWindow.resize(function() {
 +
resizeBg();
 +
}).trigger("resize");
 +
 +
});
 +
</script>
 +
 +
</head>
</head>
<body>
<body>
 +
<!-- //////////background image/////////// -->
 +
<img src="https://static.igem.org/mediawiki/2012/6/6c/Body_bg13.jpg" id="bg" alt="courtesy of NIAID">
<!-- //////////// Container *Holds Left and Right Colums Together* //////////// -->
<!-- //////////// Container *Holds Left and Right Colums Together* //////////// -->
Line 463: Line 192:
<!-- //////////// NIVO SLIDER //////////// -->
<!-- //////////// NIVO SLIDER //////////// -->
             <div id="slider">
             <div id="slider">
-
                    <img src="images/slider/slide01.jpg" alt="" />
+
                 
-
+
-
<img src="images/slider/slide03.jpg" alt="" />
+
<a href="https://2012.igem.org/Team:SDU-Denmark/Project/Overview">
-
<img src="images/slider/slide04.jpg" alt="" />
+
<img src="https://static.igem.org/mediawiki/2012/4/4f/SDU2012slide01.jpg" alt="" /></a>
-
<img src="images/slider/slide05.jpg" alt="" />
+
<img src="https://static.igem.org/mediawiki/2012/9/9a/SDU2012slide02.jpg" alt="" />
-
<img src="images/slider/slide06.jpg" alt="" />
+
<img src="https://static.igem.org/mediawiki/2012/6/6e/SDU2012slide03.jpg" alt="" />
-
<img src="images/slider/slide07.jpg" alt="" />
+
<img src="https://static.igem.org/mediawiki/2012/9/91/SDU2012slide04.jpg" alt="" />
-
<img src="images/slider/slide08.jpg" alt="" />
+
<img src="https://static.igem.org/mediawiki/2012/6/67/SDU2012slide05.jpg" alt="" />
-
<img src="images/slider/slide09.jpg" alt="" />
+
<img src="https://static.igem.org/mediawiki/2012/c/c7/SDU2012slide06.jpg" alt="" />
-
<img src="images/slider/slide10.jpg" alt="" />
+
<img src="https://static.igem.org/mediawiki/2012/9/91/SDU2012slide07.jpg" alt="" />
-
                 
+
<img src="https://static.igem.org/mediawiki/2012/2/27/SDU2012slide08.jpg" alt="" />
-
                    <a href="http://" title=""><img src="images/slider/slide10.jpg" alt="" title="see more in our gallery" /></a>
+
<img src="https://static.igem.org/mediawiki/2012/f/ff/SDU2012slide09.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/7/7f/SDU2012slide10.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/b/bf/SDU2012slide11.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/3/35/SDU2012slide12.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/e/ed/SDU2012slide13.jpg" alt=""
 +
title="see more in our gallery" />
 +
                               
             </div>
             </div>
</div>
</div>
      
      
     <!-- //////////// SideNavbar *Everything in Left-Hand Column* //////////// -->
     <!-- //////////// SideNavbar *Everything in Left-Hand Column* //////////// -->
-
     <div id="sidenav">
+
     <div id="sidenav" >
     <!--<img src="images/logo.gif" alt="" class="logo" />/ -->
     <!--<img src="images/logo.gif" alt="" class="logo" />/ -->
          
          
Line 485: Line 220:
<!--\\\\ ACCORDION MENU ////-->
<!--\\\\ ACCORDION MENU ////-->
-
<div id="leftcolumntotal">
 
-
<div id="leftcolumn">
 
-
<div id="leftcolumngreen">
 
-
</div>
 
-
<div id="AccordionContainer" class="AccordionContainer">
 
-
  <div onclick="runAccordion(1,50);"> <!-- 1,125 -->
+
<iframe src="https://2012.igem.org/Team:SDU-Denmark/menu" frameborder="0" height="1000" width="200" scrolling="no" ALLOWTRANSPARENCY="true">
-
<div class="AccordionTitle" onselectstart="return false;">
+
  <p>Your browser does not support iframes.</p>
-
  Introduction
+
</iframe>
-
</div>
+
-
  </div>
+
-
  <div id="Accordion1Content" class="AccordionContent">
+
-
<span class="classgreena">
+
-
<a href="/Team:SDU-Denmark">Home<p></a>
+
-
  <a href="/Team:SDU-Denmark/Intro/Hiring">Team<p></a>
+
-
+
-
  </span>
+
-
  </div>
+
-
  <div onclick="runAccordion(2,125);">
+
-
<div class="AccordionTitle" onselectstart="return false;">
+
-
  Project
+
-
</div>
+
-
  </div>
+
-
  <div id="Accordion2Content" class="AccordionContent">
+
-
  <span class="classreda"> 
+
-
<a href="/Team:SDU-Denmark/Project/Rationale"> Overview<p></a>   
+
-
<a href="/Team:SDU-Denmark/Project/Intro"> Experiments<p></a>   
+
-
<a href="/Team:SDU-Denmark/Project/Methods">Parts<p></a>
+
-
<a href="/Team:SDU-Denmark/Project/Results">Bio Bricks<p></a> 
+
-
<a href="/Team:SDU-Denmark/Project/Future">Future Applications<p></a> 
+
-
</span>
+
-
  </div>
+
-
 
+
-
  <div onclick="runAccordion(3,75);">
+
-
<div class="AccordionTitle" onselectstart="return false;">
+
-
  Results
+
-
</div>
+
-
  </div>
+
-
  <div id="Accordion3Content" class="AccordionContent">
+
-
<span class="classorangea">
+
-
<a href="/Team:SDU-Denmark/Side/Biodegradation">Summary<p></a>
+
-
<a href="/Team:SDU-Denmark/Side/Reporter">Data<p></a> 
+
-
<a href="/Team:SDU-Denmark/Side/KillSwitch">Discussion<p></a> 
+
-
</span>
+
-
  </div>
+
-
 
+
-
  <div onclick="runAccordion(4,50);">
+
-
<div class="AccordionTitle" onselectstart="return false;">
+
-
  Human Practices
+
-
</div>
+
-
  </div>
+
-
  <div id="Accordion4Content" class="AccordionContent">
+
-
<span class="classgreena">
+
-
<a href="/Team:SDU-Denmark/Safety/Lab">Overview<p></a>
+
-
<a href="/Team:SDU-Denmark/Safety/FAQs">Safety<p></a>
+
-
  </span>
+
-
  </div>
+
-
 
+
-
  <div onclick="runAccordion(5,25);">
+
-
<div class="AccordionTitle" onselectstart="return false;">
+
-
  Side Projects
+
-
</div>
+
-
  </div>
+
-
  <div id="Accordion5Content" class="AccordionContent">
+
-
<span class="classpurplea">
+
-
<a href="/Team:SDU-Denmark/Parts/Contributions">Plant vs Prokaryot<p></a>     
+
-
</span>
+
-
  </div>
+
-
 
+
-
  <div onclick="runAccordion(6,25);">
+
-
<div class="AccordionTitle" onselectstart="return false;">
+
-
  Notebook
+
-
</div>
+
-
  </div>
+
-
  <div id="Accordion6Content" class="AccordionContent">
+
-
<span class="classreda">
+
-
<a href="/Team:SDU-Denmark/Notebook/Protocols/Rehydration">protocols<p></a>
+
-
+
-
</span>
+
-
  </div>
+
-
 
+
-
  <div onclick="runAccordion(7,50);">
+
-
<div class="AccordionTitle" onselectstart="return false;">
+
-
  Partners
+
-
</div>
+
-
  </div>
+
-
  <div id="Accordion7Content" class="AccordionContent">
+
-
<span class="classorangea">
+
-
<a href="/Team:SDU-Denmark/Partners/Sponsors">Sponsors<p></a>
+
-
<a href="/Team:SDU-Denmark/Partners/OSLI">iGEM teams<p></a> 
+
-
+
-
</span>
+
-
  </div>
+
-
 
+
-
<div onclick="runAccordion(8,100);">
+
-
<div class="AccordionTitle" onselectstart="return false;">
+
-
  Extras
+
-
</div>
+
-
  </div>
+
-
  <div id="Accordion8Content" class="AccordionContent">
+
-
<span class="classpurplea">
+
-
<a href="/Team:SDU-Denmark/Extras/Recruitment">Podcast <p></a>
+
-
<a href="/Team:SDU-Denmark/Extras/Achievements">Achievements<p></a>
+
-
<a href="/Team:SDU-Denmark/Extras/Brainstorming">Photo Gallery<p></a>
+
-
<a href="/Team:SDU-Denmark/Extras/Video">Video Gallery<p></a> 
+
-
</span>
+
-
  </div>
+
-
 
+
-
</div>
+
-
 
+
-
  <script type="text/javascript">
+
-
var ContentHeight = 200;
+
-
var TimeToSlide = 300.0;
+
-
 
+
-
var openAccordion = '';
+
-
 
+
-
 
+
-
function runAccordion(index, AccHeight)
+
-
{
+
-
  ContentHeight = AccHeight;
+
-
 
+
-
  var nID = "Accordion" + index + "Content";
+
-
  if(openAccordion == nID)
+
-
nID = '';
+
-
 
+
-
  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
+
-
  + openAccordion + "','" + nID + "')", 33);
+
-
+
-
  openAccordion = nID;
+
-
+
-
}
+
-
 
+
-
function animate(lastTick, timeLeft, closingId, openingId)
+
-
+
-
  var curTick = new Date().getTime();
+
-
  var elapsedTicks = curTick - lastTick;
+
-
+
-
  var opening = (openingId == '') ? null : document.getElementById(openingId);
+
-
  var closing = (closingId == '') ? null : document.getElementById(closingId);
+
-
+
-
  if(timeLeft <= elapsedTicks)
+
-
  {
+
-
if(opening != null)
+
-
  opening.style.height = ContentHeight + 'px';
+
-
 
+
-
if(closing != null)
+
-
{
+
-
  closing.style.display = 'none';
+
-
  closing.style.height = '0px';
+
-
}
+
-
return;
+
-
  }
+
-
+
-
  timeLeft -= elapsedTicks;
+
-
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);
+
-
 
+
-
  if(opening != null)
+
-
  {
+
-
if(opening.style.display != 'block')
+
-
  opening.style.display = 'block';
+
-
opening.style.height = (ContentHeight - newClosedHeight) + 'px';
+
-
  }
+
-
+
-
  if(closing != null)
+
-
closing.style.height = newClosedHeight + 'px';
+
-
 
+
-
  setTimeout("animate(" + curTick + "," + timeLeft + ",'"
+
-
  + closingId + "','" + openingId + "')", 33);
+
-
}
+
-
 
+
-
 
+
-
</script>
+
-
 
+
-
</div>
+
-
</div>
+
<!--\\\\ACCORDION MENU////-->
<!--\\\\ACCORDION MENU////-->
Line 668: Line 233:
<!-- //////////// Sidenav Footer //////////// -->
<!-- //////////// Sidenav Footer //////////// -->
         <div id="footer">
         <div id="footer">
-
             &copy; iGEM University of Southern Denmark 2012
+
 
 +
             The iGEM Team of University of Southern Denmark 2012
 +
<font color="FF6600" ><b>igem.sdu.2012@gmail.com</b></font>
         </div><!-- //footer -->
         </div><!-- //footer -->
Line 675: Line 242:
     <a name="home"></a>
     <a name="home"></a>
      
      
-
     <!-- //////////// Content *Everything in Right-Hand Column* //////////// -->
+
     <!-- //////////// Contenta *Everything in Right-Hand Column* //////////// -->
-
     <div id="content">
+
     <div id="contenta">
<!-- //////////// Pictogrammer \\\\\\\\\\ -->
<!-- //////////// Pictogrammer \\\\\\\\\\ -->
-
+
<a href="https://2012.igem.org/Team:SDU-Denmark/Project/Overview" title=""><img src="https://static.igem.org/mediawiki/2012/9/95/Projectcqts2.gif" alt="" title="Project" class="picto" id=""></img></a>
-
<a href="http://" title=""><img src="images/Pictogrammer/Ethicsqbs.gif" alt="" title="Ethics" class="picto" ></img></a>
+
<a href="https://2012.igem.org/Team:SDU-Denmark/Project/BioBricks" title=""><img src="https://static.igem.org/mediawiki/2012/9/9a/BioBricks.gif" alt="" title="BioBricks" class="picto" id=""></img></a>
-
<a href="http://" title=""><img src="images/Pictogrammer/Sponsorsqts.gif" alt="" title="Ethics" class="picto"></img></a>
+
<a href="https://2012.igem.org/Team:SDU-Denmark/labwork/Testing" title="Testing"><img src="https://static.igem.org/mediawiki/2012/3/32/Resultsqts.gif" alt="" title="Testing" class="picto"id="" ></img></a>
-
<a href="http://" title=""><img src="images/Pictogrammer/Resultsqts.gif" alt="" title="Ethics" class="picto"></img></a>
+
 
-
<a href="http://" title=""><img src="images/Pictogrammer/Projectcqts.gif" alt="" title="Ethics" class="picto"></img></a>
+
<a href="https://2012.igem.org/Team:SDU-Denmark/Ethics/Introduction" title=""><img src="https://static.igem.org/mediawiki/2012/1/19/Ethicsqbs.gif" alt="" title="Ethics" class="picto" id="" ></img></a>
 +
<a href="https://2012.igem.org/Team:SDU-Denmark/collaboration/Overview" title=""><img src="https://static.igem.org/mediawiki/2012/5/5a/Sponsorsqts.gif" alt="" title="Collaboration" class="picto" id=""></img></a>
 +
 
 +
<a href="https://2012.igem.org/Team:SDU-Denmark/Project/Achievements" title=""><img src="https://static.igem.org/mediawiki/2012/0/07/Pokal.gif" alt="" title="Achievements" class="picto" id=""></img></a>
<!-- /////////  /Pictogrammer \\\\\\\\\\ -->
<!-- /////////  /Pictogrammer \\\\\\\\\\ -->
Line 690: Line 260:
<!-- /// velkomst ////-->
<!-- /// velkomst ////-->
-
<h2>Novel approach to carbohydrate intake restriction using bacterial machines as sucrose converters</h2>
+
 
 +
<h1>Sucrose Limitation and Inulin Metabolism</h1>
 +
 
 +
<h2> Abstract</h2>
<p>  
<p>  
-
The modern diet is rich in carbohydrates and though increasing awareness about the health problems related, obesity is still the sixth most important risk factor contributing to the overall burden of disease worldwide and therefore a large burden on society. For reasons unknown, risks like cardiovascular disease, type 2 diabetes and different types of cancers, that all can be related to obesity, do not seem to motivate a healthy diet in modern society.
+
Obesity is associated with a low-grade inflammatory response, which among other things, is triggered by bacterial plasma lipopolysaccharide (LPS).  A high-energy diet, increases the amount of LPS-producing gut microbiota, and increased LPS levels has been observed in obese individuals. By inducing changes in the gut microbiota by prebiotics, like inulin, it is possible to decrease the plasma LPS level. This is associated with the stimulation of bifidobacterial growth. We have designed a novel approach to address this issue of plasma LPS, by probioticly induce changes in the gut flora by genetically modifying a bacteria to produce plant originated inulin. We cloned the two genes encoding sucrose:sucrose fructosyltransferase (SST) and fructan:fructan fructosyltransferase (FFT) from the Jerusalem artichoke into a E. coli, where it will produce inulin by using sucrose as an acceptor molecules. In the future this construct should be introduced by a probiotic lactobacillus, into the gut.
-
+
</p>
-
In our project we approach this problem from a new angle. Instead of changing the diet, we take a look at the mechanisms that regulate carbohydrate uptake from our daily diet. We will focus on conversion of sugars into fibers, namely inulin, that the human body is unable to digest. Apart from being indigestible inulin possesses interesting properties as a prebiotic. Inulin affect the gut microbiota by promoting ”helpful” bacteria, like bifidobacteria. Intake of short-chain inulin has been proven to lead to a significant decrease in food intake, body weight gain and fat mass development in rodents.
+
 
-
+
<center><img src="https://static.igem.org/mediawiki/2012/6/6f/IGEM_033.gif" width="100%" /></center>
-
The ultimate goal of the project will be to construct a probiotic microorganism, capable of producing inulin fibers and able to survive in the human gut for short periods of time. We will clone the genes coding for the plant enzymes Fructan:fructan 1-fructosyltransferase (1-FFT) and sucrose sucrose 1-fructosyltransferase (1-SST) that together make up the synthesis pathway of plant inulin in Helianthus tuberosus (degree of polymerization: 30-150) or a bacterial version of inulin synthase, possibly from Lactobacillus Reuteri (degree of polymerization: 20-10.000). Furthermore, we will look into other mechanisms that could regulate sugar uptake, like adding a cellulose synthase to our construct as well. Which would further increase the beneficial factor of the microorganism, by removing larger amounts of sugar from the diet, and contributing cellulose to the intestine which among other things, have a preventive effect on the development of colon cancer.  
+
<br/><br/>
 +
<h2>The story</h2>
 +
<p>
 +
<i>The team consists entirely of undergraduates and we started out with almost no experience in lab – Most of our supervisors were on vacation for the first part of our lab time, so we started from square one.<br/><br/>
 +
We have chosen to focus on the outreach and documentation section. Therefore, we have loads of videos, interviews and photos. <br/><br/>
 +
 
 +
Research includes many more aspects than most people expect. The wet lab is extremely important, but many teams miss an important part of what iGEM is also about - spreading the message.
 +
We, at SDU, see ourselves as pioneers in the field of Human Practices. It is a theme of great concern for the SDU iGEM Team. Therefore we have decided to make a big effort in many different areas. <br/>
 +
We've gained a lot of PR coverage, had extensive outreach, made cooperation across Germany, Scandinavia and Canada amongst others. Furthermore, we have processed philosophical thoughts about our role in society as researchers. As a novelty, in iGEM auspices, we have included marketing and law, into our project as a focal point for our project.</i></p>
 +
 
 +
</br></br>
 +
<h2>Not a Scientist? Here we Present the Translated Version of our Abstract</h2>
 +
<p>
 +
Obesity and its related disorders are a worldwide problem that fx costs america billions of dollars each year.
 +
Literature suggests that a high-energy diet is the reason for obesity, not only because the body is unable to use all the energy, but in fact because the “bad” bacteria in your gut feeds on it.
 +
The jerusalem artichoke produces a sugar fiber called inulin, which apart from being non-digestible to humans, helps the good bacteria in the gut to grow and is beneficial in the prevention of colon cancer.
 +
From this information we decided to produce a beneficial (probiotic) bacteria that can convert table sugar (sucrose) into this inulin fiber. If we are successful in introducing this bacteria to the human gut, we can apply many beneficial aspects relating to obesity, such as decreased hunger, fat mass, body weight, inflammations and increased satisfaction from eating.
 +
<p>
 +
 
 +
 
 +
<h1>Featured video</h1>
 +
<p>This <a href="https://2012.igem.org/Team:SDU-Denmark/collaboration/podcast">short documentary</a> is all about the ethical aspects of dealing and working with genetically modified organisms(GMO) </p>
 +
 
 +
<iframe width="680" height="383" src="http://www.youtube.com/embed/f7QzTsBmq4Y" frameborder="0" allowfullscreen></iframe>
 +
 
 +
<p>
 +
Watch more videos in our <a href="https://2012.igem.org/Team:SDU-Denmark/Media/videogallery">video gallery<a/>
</p>
</p>
-
<p>(Another positive aspect of the inulin production is that the bacteria should use a lot of the sugar we eat and convert it into the non-digestible fiber, hence lowering the energy we get from eating sucrose. Since sucrose consists of a fructose and glucose unit, there will be one glucose unit leftover for every added monomer of fructose to the inulin polymer. These glucose units could then be used as an added bonus to produce Cellulose, so that we could get additional fibers in our diet and get rid of the glucose.)
 
-
</p>
 
-
 
-
 
-
 
<!--
<!--
<div id="contentcolumleft">
<div id="contentcolumleft">
Line 729: Line 323:
</div>
</div>
 +
-->
-->
 +
     <!-- //////////// Anchor used to scroll to PORTFOLIO //////////// -->
     <!-- //////////// Anchor used to scroll to PORTFOLIO //////////// -->
Line 740: Line 336:
              
              
             <div id="footfiller">
             <div id="footfiller">
 +
             </div><!-- //footfiller -->
             </div><!-- //footfiller -->
              
              
-
     </div><!-- //content -->
+
     </div><!-- //contenta -->
      
      
</div><!-- //container -->
</div><!-- //container -->
-
 
</body>
</body>
</html>
</html>

Latest revision as of 22:11, 8 October 2012

iGEM TEAM ::: SDU-DENMARK courtesy of NIAID

Sucrose Limitation and Inulin Metabolism

Abstract

Obesity is associated with a low-grade inflammatory response, which among other things, is triggered by bacterial plasma lipopolysaccharide (LPS). A high-energy diet, increases the amount of LPS-producing gut microbiota, and increased LPS levels has been observed in obese individuals. By inducing changes in the gut microbiota by prebiotics, like inulin, it is possible to decrease the plasma LPS level. This is associated with the stimulation of bifidobacterial growth. We have designed a novel approach to address this issue of plasma LPS, by probioticly induce changes in the gut flora by genetically modifying a bacteria to produce plant originated inulin. We cloned the two genes encoding sucrose:sucrose fructosyltransferase (SST) and fructan:fructan fructosyltransferase (FFT) from the Jerusalem artichoke into a E. coli, where it will produce inulin by using sucrose as an acceptor molecules. In the future this construct should be introduced by a probiotic lactobacillus, into the gut.



The story

The team consists entirely of undergraduates and we started out with almost no experience in lab – Most of our supervisors were on vacation for the first part of our lab time, so we started from square one.

We have chosen to focus on the outreach and documentation section. Therefore, we have loads of videos, interviews and photos.

Research includes many more aspects than most people expect. The wet lab is extremely important, but many teams miss an important part of what iGEM is also about - spreading the message. We, at SDU, see ourselves as pioneers in the field of Human Practices. It is a theme of great concern for the SDU iGEM Team. Therefore we have decided to make a big effort in many different areas.
We've gained a lot of PR coverage, had extensive outreach, made cooperation across Germany, Scandinavia and Canada amongst others. Furthermore, we have processed philosophical thoughts about our role in society as researchers. As a novelty, in iGEM auspices, we have included marketing and law, into our project as a focal point for our project.



Not a Scientist? Here we Present the Translated Version of our Abstract

Obesity and its related disorders are a worldwide problem that fx costs america billions of dollars each year. Literature suggests that a high-energy diet is the reason for obesity, not only because the body is unable to use all the energy, but in fact because the “bad” bacteria in your gut feeds on it. The jerusalem artichoke produces a sugar fiber called inulin, which apart from being non-digestible to humans, helps the good bacteria in the gut to grow and is beneficial in the prevention of colon cancer. From this information we decided to produce a beneficial (probiotic) bacteria that can convert table sugar (sucrose) into this inulin fiber. If we are successful in introducing this bacteria to the human gut, we can apply many beneficial aspects relating to obesity, such as decreased hunger, fat mass, body weight, inflammations and increased satisfaction from eating.

Featured video

This short documentary is all about the ethical aspects of dealing and working with genetically modified organisms(GMO)

Watch more videos in our video gallery