|
|
| 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">
| |
| - | <head>
| |
| - | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| | | | |
| - | <style type="text/css" rel="stylesheet">
| |
| - | body {
| |
| - | 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; }
| |
| - |
| |
| - |
| |
| - | /*::::::::: Links :::::::::*/
| |
| - | a { color: #000000; text-decoration: none; }
| |
| - | a:hover { color: #066300; text-decoration: strong ; }
| |
| - | a:focus { outline: none; }
| |
| - |
| |
| - |
| |
| - | /*::::::::: 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 :::::::::*/
| |
| - | #sidenav {
| |
| - | width: ;
| |
| - | 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 :::::::::*/
| |
| - | #footer {
| |
| - | 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 {
| |
| - | position: absolute;
| |
| - | 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
| |
| - | {
| |
| - | 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
| |
| - | {
| |
| - |
| |
| - | height:AccHeight;
| |
| - | background-color: rgba(255, 255, 255, 0.0);
| |
| - | border-top: none;
| |
| - | border-bottom: none;
| |
| - | border-left: none;
| |
| - | border-right: none;
| |
| - | }
| |
| - |
| |
| - | /* #outcommented{
| |
| - | #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">
| |
| - | $(document).ready(function() {
| |
| - | $().piroBox({
| |
| - | my_speed: 400, //animation speed
| |
| - | bg_alpha: 0.6, //background opacity
| |
| - | slideShow : true, // true == slideshow on, false == slideshow off
| |
| - | slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
| |
| - | close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
| |
| - |
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <!-- //////////// Settings for fixed sidebar layout //////////// -->
| |
| - | <!-- <script type="text/javascript">
| |
| - | $(document).ready(function() {
| |
| - |
| |
| - | function staticNav() {
| |
| - | 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() {
| |
| - |
| |
| - | var $sidebar = $("#sidenav"),
| |
| - | $window = $(window),
| |
| - | offset = $sidebar.offset(),
| |
| - | topPadding = 15;
| |
| - |
| |
| - | $window.scroll(function() {
| |
| - | if ($window.scrollTop() > offset.top + 250 ) {
| |
| - | $sidebar.stop().animate({
| |
| - | marginTop: $window.scrollTop() - (offset.top + topPadding + 230 )
| |
| - | });
| |
| - | } else {
| |
| - | $sidebar.stop().animate({
| |
| - | marginTop: 0
| |
| - | });
| |
| - | }
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <script type="text/javascript" src="js/smoothscroll.js"></script>
| |
| - |
| |
| - | <!-- //////////// Settings for Nivo Slider //////////// -->
| |
| - | <script type="text/javascript">
| |
| - | $(window).load(function() {
| |
| - | $('#slider').nivoSlider({
| |
| - | effect:'random',
| |
| - | slices:15,
| |
| - | animSpeed:500,
| |
| - | pauseTime:6000,
| |
| - | startSlide:0, //Set starting Slide (0 index)
| |
| - | directionNav:true, //Next & Prev
| |
| - | directionNavHide:true, //Only show on hover
| |
| - | controlNav:true, //1,2,3...
| |
| - | controlNavThumbs:false, //Use thumbnails for Control Nav
| |
| - | controlNavThumbsSearch: '.jpg', //Replace this with...
| |
| - | controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
| |
| - | keyboardNav:true, //Use left & right arrows
| |
| - | pauseOnHover:true, //Stop animation while hovering
| |
| - | manualAdvance:false, //Force manual transitions
| |
| - | captionOpacity:0.8, //Universal caption opacity
| |
| - | beforeChange: function(){},
| |
| - | afterChange: function(){},
| |
| - | slideshowEnd: function(){} //Triggers after all slides have been shown
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function () {
| |
| - |
| |
| - | // transition effect
| |
| - | style = 'easeOutBounce';
| |
| - |
| |
| - | // if the mouse hover the image
| |
| - | $('.photo').hover(
| |
| - | function() {
| |
| - | //display heading and caption
| |
| - | $(this).children('div:first').stop(false,true).animate({top:0},{duration:600, easing: style});
| |
| - | $(this).children('div:last').stop(false,true).animate({bottom:0},{duration:600, easing: style});
| |
| - | },
| |
| - |
| |
| - | function() {
| |
| - | //hide heading and caption
| |
| - | $(this).children('div:first').stop(false,true).animate({top:-50},{duration:600, easing: style});
| |
| - | $(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:600, easing: style});
| |
| - | }
| |
| - | );
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $(function(){
| |
| - |
| |
| - | $('#contactform').slidinglabels({
| |
| - |
| |
| - | /* these are all optional */
| |
| - | topPosition : '8px', // how far down you want each label to start
| |
| - | leftPosition : '8px', // how far left you want each label to start
| |
| - | axis : 'x', // can take 'x' or 'y' for slide direction
| |
| - | speed : 'fast' // can take 'fast', 'slow', or a numeric value
| |
| - |
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - |
| |
| - | <!-- //////////// Container *Holds Left and Right Colums Together* //////////// -->
| |
| - | <div class="container">
| |
| - |
| |
| - | <!-- ////////////HEADER\\\\\\\\\\ -->
| |
| - | <div class="header" id="TopHeader">
| |
| - | <!-- //////////// NIVO SLIDER //////////// -->
| |
| - | <div id="slider">
| |
| - | <img src="images/slider/slide01.jpg" alt="" />
| |
| - |
| |
| - | <img src="images/slider/slide03.jpg" alt="" />
| |
| - | <img src="images/slider/slide04.jpg" alt="" />
| |
| - | <img src="images/slider/slide05.jpg" alt="" />
| |
| - | <img src="images/slider/slide06.jpg" alt="" />
| |
| - | <img src="images/slider/slide07.jpg" alt="" />
| |
| - | <img src="images/slider/slide08.jpg" alt="" />
| |
| - | <img src="images/slider/slide09.jpg" alt="" />
| |
| - | <img src="images/slider/slide10.jpg" alt="" />
| |
| - |
| |
| - | <a href="http://" title=""><img src="images/slider/slide10.jpg" alt="" title="see more in our gallery" /></a>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <!-- //////////// SideNavbar *Everything in Left-Hand Column* //////////// -->
| |
| - | <div id="sidenav">
| |
| - | <!--<img src="images/logo.gif" alt="" class="logo" />/ -->
| |
| - |
| |
| - | <!-- //////////// MAIN NAVIGATION //////////// -->
| |
| - |
| |
| - | <!--\\\\ ACCORDION MENU ////-->
| |
| - | <div id="leftcolumntotal">
| |
| - | <div id="leftcolumn">
| |
| - | <div id="leftcolumngreen">
| |
| - |
| |
| - | </div>
| |
| - | <div id="AccordionContainer" class="AccordionContainer">
| |
| - |
| |
| - | <div onclick="runAccordion(1,50);"> <!-- 1,125 -->
| |
| - | <div class="AccordionTitle" onselectstart="return false;">
| |
| - | Introduction
| |
| - | </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////-->
| |
| - |
| |
| - | </div><!-- //sidenav -->
| |
| - |
| |
| - | <!-- //////////// Sidenav Footer //////////// -->
| |
| - | <div id="footer">
| |
| - | © iGEM University of Southern Denmark 2012
| |
| - | </div><!-- //footer -->
| |
| - |
| |
| - |
| |
| - | <!-- //////////// Anchor used to scroll to HOME //////////// -->
| |
| - | <a name="home"></a>
| |
| - |
| |
| - | <!-- //////////// Content *Everything in Right-Hand Column* //////////// -->
| |
| - | <div id="content">
| |
| - |
| |
| - |
| |
| - | <!-- //////////// Pictogrammer \\\\\\\\\\ -->
| |
| - |
| |
| - | <a href="http://" title=""><img src="images/Pictogrammer/Ethicsqbs.gif" alt="" title="Ethics" class="picto" ></img></a>
| |
| - | <a href="http://" title=""><img src="images/Pictogrammer/Sponsorsqts.gif" alt="" title="Ethics" class="picto"></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>
| |
| - |
| |
| - | <!-- ///////// /Pictogrammer \\\\\\\\\\ -->
| |
| - |
| |
| - | <!-- /// velkomst ////-->
| |
| - |
| |
| - | <h2>Novel approach to carbohydrate intake restriction using bacterial machines as sucrose converters</h2>
| |
| - | <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.
| |
| - |
| |
| - | 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.
| |
| - |
| |
| - | 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.
| |
| - | </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">
| |
| - |
| |
| - |
| |
| - |
| |
| - | <h2>Welcome to My Online Portfolio, Have a Look Around.</h2>
| |
| - | <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
| |
| - | <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
| |
| - |
| |
| - | <h2>Opto tego, distineo luptatum</h2>
| |
| - | <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
| |
| - | <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
| |
| - | </div>
| |
| - |
| |
| - | <div id="contentcolumleft">
| |
| - | <h2>This is a test</h2>
| |
| - | <p> and now to put some text in </p>
| |
| - | <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
| |
| - | <p>Opto tego, distineo luptatum, amet virtus ideo bene in, vindico eum. Voco, proprius, tation jugis dolore consequat, adipiscing iusto eu, ingenium augue nimis, nostrud, lucidus. Qui tristique uxor ibidem iriure bis praesent os. Consequat zelus pagus abdo augue demoveo odio jus vel. </p>
| |
| - |
| |
| - | <h2>Opto tego, distineo luptatum</h2>
| |
| - | <p>Commoveo wisi nulla pala illum melior quis. Et luptatum validus wisi ingenium humo quidne, eros lucidus dolore ea vel amet. Capto, praemitto singularis tation duis consequat. Jus vulputate ingenium mauris ut, vero. Enim suscipit exerci eligo dolus decet elit transverbero. </p>
| |
| - | <p>Opto tego, distineo lupt
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - | -->
| |
| - |
| |
| - | <!-- //////////// Anchor used to scroll to PORTFOLIO //////////// -->
| |
| - |
| |
| - | <!-- //////////// Anchor used to scroll to SERVICES //////////// -->
| |
| - |
| |
| - | <!-- //////////// Anchor used to scroll to CONTACT //////////// -->
| |
| - |
| |
| - | <div class="clearall"></div><!-- //clearall -->
| |
| - |
| |
| - | <div id="footfiller">
| |
| - | </div><!-- //footfiller -->
| |
| - |
| |
| - | </div><!-- //content -->
| |
| - |
| |
| - | </div><!-- //container -->
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
