|
|
| Line 1: |
Line 1: |
| - | <html>
| + | {{:Team:Groningen/Template/Header}} |
| - | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript">
| + | |
| - | // This will load an important jquery library.
| + | |
| - | </script>
| + | |
| - | | + | |
| - | <script type="text/javascript">
| + | |
| - | // The script below will remove all wikistylesheets, so you now have unlimited freedom for inline CSS.
| + | |
| - | for ( i=0; i<document.styleSheets.length; i++) {
| + | |
| - | void(document.styleSheets.item(i).disabled=true);
| + | |
| - | }
| + | |
| - | </script>
| + | |
| - | | + | |
| - | <script type="text/javascript">
| + | |
| - | // This script will make sure the navigation stuff always stays on top of the page, after you scrolled past the logo and banner.
| + | |
| - | $(function(){
| + | |
| - | var navigationmenuboxheight = window.innerHeight-40;
| + | |
| - | var navigationmenubox = document.getElementById("navigationmenubox");
| + | |
| - | navigationmenubox.style.height = navigationmenuboxheight+"px";
| + | |
| - | $(window).scroll(function(){
| + | |
| - | if( $(window).scrollTop() > 217) {
| + | |
| - | $('#noscroll').css({position: 'fixed', top: '0px'});
| + | |
| - | $('#titlebaroverlay').css({position: 'fixed', top: '0px'});
| + | |
| - | $('#external_links').css({position: 'fixed', top: '53px'});
| + | |
| - | } else {
| + | |
| - | $('#noscroll').css({position: 'absolute', top: '217px'});
| + | |
| - | $('#titlebaroverlay').css({position: 'absolute', top: '217px'});
| + | |
| - | $('#external_links').css({position: 'absolute', top: '270px'});
| + | |
| - | }
| + | |
| - | });
| + | |
| - | });
| + | |
| - | </script>
| + | |
| - | | + | |
| - | | + | |
| - | <script type="text/javascript">
| + | |
| - | //This code is to switch visibility of the pages and titles. Later on, this code might be adjusted to also allow for different languages, and then the titlemenu and the carousel also need to be taken into account.
| + | |
| - | function changevisibility(x) {
| + | |
| - | elements = document.getElementsByClassName('visibilitytoggle');
| + | |
| - | for (var i = 0; i < elements.length; i++) {
| + | |
| - | elements[i].style.visibility="hidden";
| + | |
| - | }
| + | |
| - | elements = document.getElementsByClassName(x);
| + | |
| - | for (var i = 0; i < elements.length; i++) {
| + | |
| - | elements[i].style.visibility="visible";
| + | |
| - | if( $(window).scrollTop() > 217){
| + | |
| - | window.scrollTo(0,217);
| + | |
| - | }
| + | |
| - | }
| + | |
| - | }
| + | |
| - | </script>
| + | |
| - | | + | |
| - | <script>
| + | |
| - | //This script is about the carousel in the banner. It scripts the alternation between the carousel elements, AND the buttons to navigate the carousel. Later on it will probably also code the page switching IF we want the user to be able to use the carousel as a navigation element.
| + | |
| - | // direction = boolean value: true or false. If true, go to NEXT slide; otherwise go to PREV slide
| + | |
| - | | + | |
| - | function toggleSlide(direction) {
| + | |
| - | var elements = document.getElementsByClassName("hideable"); // gets all the "slides" in our slideshow
| + | |
| - | // Find the LI that's currently displayed
| + | |
| - | var visibleID = getVisible(elements);
| + | |
| - | elements[visibleID].style.display = "none"; // hide the currently visible LI
| + | |
| - | if(direction) {
| + | |
| - | var makeVisible = next(visibleID, elements.length); // get the previous slide
| + | |
| - | } else {
| + | |
| - | var makeVisible = prev(visibleID, elements.length); // get the next slide
| + | |
| - | }
| + | |
| - | elements[makeVisible].style.display = "block"; // show the previous or next slide
| + | |
| - | | + | |
| - | }
| + | |
| - | | + | |
| - | function getVisible(elements) {
| + | |
| - | var visibleID = -1;
| + | |
| - | for(var i = 0; i < elements.length; i++) {
| + | |
| - | if(elements[i].style.display == "block") {
| + | |
| - | visibleID = i;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | return visibleID;
| + | |
| - | }
| + | |
| - | function prev(num, arrayLength) {
| + | |
| - | if(num == 0) return arrayLength-1;
| + | |
| - | else return num-1;
| + | |
| - | }
| + | |
| - | function next(num, arrayLength) {
| + | |
| - | if(num == arrayLength-1) return 0;
| + | |
| - | else return num+1;
| + | |
| - | }
| + | |
| - | | + | |
| - | var interval = 3500; // You can change this value to your desired speed. The value is in milliseconds, so if you want to advance a slide every 5 seconds, set this to 5000.
| + | |
| - | var switching = setInterval("toggleSlide(true)", interval);
| + | |
| - | | + | |
| - | window.paused = false;
| + | |
| - | function toggleInterval() {
| + | |
| - | if(!window.paused) {
| + | |
| - | clearInterval(switching);
| + | |
| - | } else {
| + | |
| - | switching = setInterval("toggleSlide(true)", interval);
| + | |
| - | }
| + | |
| - | window.paused = !(window.paused);
| + | |
| - | }
| + | |
| - | | + | |
| - | function goToEdge(where) {
| + | |
| - | var elements = document.getElementsByClassName("hideable");
| + | |
| - | var visibleID = getVisible(elements);
| + | |
| - | var firstButton = document.getElementById("firstButton");
| + | |
| - | var lastButton = document.getElementById("lastButton");
| + | |
| - | elements[visibleID].style.display = "none"; //hides the currently visible item
| + | |
| - | if(where==="firstimage") {
| + | |
| - | elements[0].style.display = "block"; //shows the first item
| + | |
| - | } else if (where==="secondimage"){
| + | |
| - | elements[1].style.display = "block"; //shows the second item
| + | |
| - | } else {
| + | |
| - | elements[2].style.display = "block"; //shows the second item
| + | |
| - | }
| + | |
| - | }
| + | |
| - | </script>
| + | |
| - | | + | |
| - | <script type="text/javascript">
| + | |
| - | //This script is about the navigation menu, it allows things to collapse and stuff. We took it from the Tshingua team 2013, and improved it a bit. (mostly in the layout.)
| + | |
| - | //Set initial values so the menu starts at the home button.
| + | |
| - | | + | |
| - | function setupMenu(imenuItem, isubmenuItem){
| + | |
| - | //Collapse all submenus
| + | |
| - | $(".sub-menu").data("collapsed", true).hide();
| + | |
| - | //Show the selected menu item
| + | |
| - | var menuItem = $($(".menu-item").get(imenuItem));
| + | |
| - | //Select the menu item
| + | |
| - | menuItem.addClass("menu-selected");
| + | |
| - | //Select submenu item
| + | |
| - | var submenu = menuItem.children(".sub-menu");
| + | |
| - | | + | |
| - | //Set events
| + | |
| - | $(".menu-item span").click(function(){
| + | |
| - | var submenu = $(this).next();
| + | |
| - | var hasSubmenu = (submenu.length > 0);
| + | |
| - | var collapsed = true;
| + | |
| - | if(hasSubmenu){
| + | |
| - | collapsed = submenu.data("collapsed");
| + | |
| - | }
| + | |
| - | //Select and expand this menu item
| + | |
| - | var parentDiv = $(this).parent();
| + | |
| - | //Deselect and collapse all other menu items
| + | |
| - | $("div.menu-item").not(parentDiv)
| + | |
| - | .removeClass("menu-selected")
| + | |
| - | .children(".sub-menu")
| + | |
| - | .data("collapsed", true)
| + | |
| - | .slideUp();
| + | |
| - | parentDiv.addClass("menu-selected");
| + | |
| - | if(hasSubmenu){
| + | |
| - | if(collapsed){
| + | |
| - | submenu.data("collapsed", false).slideDown();
| + | |
| - | }else{
| + | |
| - | submenu.data("collapsed", true).slideUp();
| + | |
| - | }
| + | |
| - | }
| + | |
| - | });
| + | |
| - | $("div.sub-menu-item").click(function(){
| + | |
| - | //Deselect other submenu items
| + | |
| - | $("div.sub-menu-item").removeClass("sub-menu-selected");
| + | |
| - | //Select this submenu item
| + | |
| - | $(this).addClass("sub-menu-selected");
| + | |
| - | });
| + | |
| - | }
| + | |
| - | </script>
| + | |
| - | | + | |
| - | <script type="text/javascript">
| + | |
| - | //This function will open or collapse menus when things are switched with the titlebuttons. (hopefully)
| + | |
| - | function clickmenu(whichpage){
| + | |
| - | whichpage.trigger("click");
| + | |
| - | }
| + | |
| - | </script>
| + | |
| - | | + | |
| - | <style type="text/css">
| + | |
| - | /*The text below will make some of the annoying standard elements invisible, like the mega iGEM logo, the search box and the footer about wikimedia. Because our custom divs #scrollablebontent and #noscroll (in which we code our entire site) are embedded inside #globalwrapper (that we just made invisible) we have to make the custom div visible again. The same counts for the #menubar, that is one of the elements that MUST stay on the page.*/
| + | |
| - | | + | |
| - | /*Below is our unlimited freedom CSS embedded style. :D */
| + | |
| - | | + | |
| - | /*First, we'll have to work a bit on the standard stuff iGEM gives us.*/
| + | |
| - | body{
| + | |
| - | font-family: sans-serif;
| + | |
| - | text-align: justify;
| + | |
| - | background:#82c2ea;
| + | |
| - | width:100%;
| + | |
| - | height 100%;
| + | |
| - | padding:0px;
| + | |
| - | margin:0px;
| + | |
| - | }
| + | |
| - | | + | |
| - | #p-logo, #search-controls, #footer, .firstHeading, #siteSub, .printfooter
| + | |
| - | {
| + | |
| - | visibility:hidden;
| + | |
| - | }
| + | |
| - | | + | |
| - | #globalWrapper, #content, #bodyContent{
| + | |
| - | position:absolute;
| + | |
| - | top:0px;
| + | |
| - | left:0px;
| + | |
| - | padding:0px;
| + | |
| - | margin:0px;
| + | |
| - | width:100%;
| + | |
| - | height:100%;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*Everything related to the menubar. The menubar is one of the things that's in the coding we can't change, and we HAVE to keep it (so we can't just make it invisible and ignore it). Note that there are two elements with the id menubar, and that they are divided into two classes, namely left-menu and right-menu. We made and extra box called topmenubarbackground so that we can have a background for the menu that is 100% the wide of the screen. But we will set the style for that element later in the site, because it's inside the element where we programmed our own stuff.*/
| + | |
| - | #menubar ul{
| + | |
| - | z-index:2;
| + | |
| - | width:510px;
| + | |
| - | height:12px;
| + | |
| - | position:absolute;
| + | |
| - | top:-15px;
| + | |
| - | left:50%;
| + | |
| - | padding: 0px;
| + | |
| - | list-style-type: none;
| + | |
| - | }
| + | |
| - | .left-menu ul{
| + | |
| - | margin-left:-510px;
| + | |
| - | }
| + | |
| - | .left-menu li{
| + | |
| - | float:left;
| + | |
| - | margin-right:10px;
| + | |
| - | display:inline;
| + | |
| - | color:#ffffff;
| + | |
| - | font:10px arial,sans-serif;
| + | |
| - | }
| + | |
| - | .right-menu li{
| + | |
| - | float:right;
| + | |
| - | margin-left:10px;
| + | |
| - | display: inline;
| + | |
| - | color:#ffffff;
| + | |
| - | font:10px arial,sans-serif;
| + | |
| - | }
| + | |
| - | #menubar a{
| + | |
| - | color:#ffffff;
| + | |
| - | font:10px arial,sans-serif;
| + | |
| - | text-decoration: none;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*Here, the elements that we made ourselves start.*/
| + | |
| - | #ourentirewebsite{
| + | |
| - | visibility:visible;
| + | |
| - | position:absolute;
| + | |
| - | top:0px;
| + | |
| - | left:0px;
| + | |
| - | width:100%;
| + | |
| - | height:100%;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*Topmenubarbackground and titlebaroverlay are elements that are 100% screen width wide, so we'll have to define them outside the scrollable and the not scrollable content boxes, which is a bit weird. We also have a backgroundimagebox, with, as the name suggests, a background image. This background is transparent and the body background should shine through it. We also made a shadowbox because we weren't satisfied with how the shadow looked when we applied the shadow to the individual elements.*/
| + | |
| - | #topmenubarbackground{
| + | |
| - | width:100%;
| + | |
| - | top:0px;
| + | |
| - | left:0px;
| + | |
| - | height:17px;
| + | |
| - | background:#000000;
| + | |
| - | }
| + | |
| - | #titlebaroverlay{
| + | |
| - | z-index:0;
| + | |
| - | width:1020px;
| + | |
| - | position:absolute;
| + | |
| - | top:217px;
| + | |
| - | left:165px;
| + | |
| - | height:32px;
| + | |
| - | }
| + | |
| - | #backgroundimagebox{
| + | |
| - | z-index:-1;
| + | |
| - | position:fixed;
| + | |
| - | top:0px;
| + | |
| - | left:0px;
| + | |
| - | width:100%;
| + | |
| - | height:100%;
| + | |
| - | background-attachment:fixed;
| + | |
| - | }
| + | |
| - | #shadowbox{
| + | |
| - | position:fixed;
| + | |
| - | top:0px;
| + | |
| - | left:50%;
| + | |
| - | z-index:-1;
| + | |
| - | margin-left:-510px;
| + | |
| - | width:1020px;
| + | |
| - | height:100%;
| + | |
| - | background:white; filter:alpha(opacity=60); opacity:.6;
| + | |
| - | box-shadow: 0px 0px 70px #000;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*Everything related to the container where we put the entire scrollable part of the site in.*/
| + | |
| - | #scrollablecontent{
| + | |
| - | position:absolute;
| + | |
| - | width:730px;
| + | |
| - | height:300px;
| + | |
| - | left:50%;
| + | |
| - | top:17px;
| + | |
| - | margin-left:-510px;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*Everything related to the logobox*/
| + | |
| - | #logobox{
| + | |
| - | padding:10px;
| + | |
| - | width:200px;
| + | |
| - | height:180px;
| + | |
| - | position:absolute;
| + | |
| - | left:0px;
| + | |
| - | top:0px;
| + | |
| - | background-color:#ffffff;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | .menubutton{cursor:pointer;
| + | |
| - | cursor:hand;
| + | |
| - | box-shadow: 3px 3px 7px #000000;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*External links (igem, facebook and twitter button.)*/
| + | |
| - | #external_links{
| + | |
| - | position:absolute;
| + | |
| - | left:50%;
| + | |
| - | top:270px;
| + | |
| - | margin-left:-680px;
| + | |
| - | width:160px;
| + | |
| - | height:300px;
| + | |
| - | }
| + | |
| - | | + | |
| - | #igembutton{
| + | |
| - | position:absolute;
| + | |
| - | top:0px;
| + | |
| - | right:19px;
| + | |
| - | width: 100px;
| + | |
| - | height: 80px;
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -5px -164px;
| + | |
| - | }
| + | |
| - | #igembutton:hover{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -5px -72px;
| + | |
| - | }
| + | |
| - | #facebookbutton{
| + | |
| - | position:absolute;
| + | |
| - | top:73px;
| + | |
| - | right:0px;
| + | |
| - | width: 90px;
| + | |
| - | height: 90px;
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -110px -164px;
| + | |
| - | }
| + | |
| - | #facebookbutton:hover{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -110px -72px;
| + | |
| - | }
| + | |
| - | #twitterbutton{
| + | |
| - | position:absolute;
| + | |
| - | top:132px;
| + | |
| - | right:55px;
| + | |
| - | width:90px;
| + | |
| - | height:90px;
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -205px -164px;
| + | |
| - | }
| + | |
| - | #twitterbutton:hover{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -205px -72px;
| + | |
| - | }
| + | |
| - | | + | |
| - | // #sponsored_links{
| + | |
| - | position:absolute;
| + | |
| - | left:50%;
| + | |
| - | top:270px;
| + | |
| - | margin-left:520px;
| + | |
| - | width:160px;
| + | |
| - | height:600px;
| + | |
| - | } //
| + | |
| - | | + | |
| - | #link_english{cursor:pointer;
| + | |
| - | cursor:hand;
| + | |
| - | }
| + | |
| - | #link_chinese{cursor:pointer;
| + | |
| - | cursor:hand;
| + | |
| - | }
| + | |
| - | #link_dutch{cursor:pointer;
| + | |
| - | cursor:hand;
| + | |
| - | }
| + | |
| - | #link_finnish{cursor:pointer;
| + | |
| - | cursor:hand;
| + | |
| - | }
| + | |
| - | #link_french{cursor:pointer;
| + | |
| - | cursor:hand;
| + | |
| - | }
| + | |
| - | #link_hindi{cursor:pointer;
| + | |
| - | cursor:hand;
| + | |
| - | }
| + | |
| - | #link_norwegian{cursor:pointer;
| + | |
| - | cursor:hand;
| + | |
| - | }
| + | |
| - | #link_polish{cursor:pointer;
| + | |
| - | cursor:hand;
| + | |
| - | }
| + | |
| - | #link_portuguese{cursor:pointer;
| + | |
| - | cursor:hand;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | #virginiabadge{
| + | |
| - | background: url("https://static.igem.org/mediawiki/2014/6/6a/Virginia_Badge2.png");
| + | |
| - | background-size:250px;
| + | |
| - | width: 250px;
| + | |
| - | height: 185px;
| + | |
| - | background-repeat:no-repeat;
| + | |
| - | }
| + | |
| - |
| + | |
| - | #virginiabadge:hover{
| + | |
| - | background: url("https://static.igem.org/mediawiki/2014/2/2b/File-Virginia-Images-Badge1.png");
| + | |
| - | background-repeat:no-repeat;
| + | |
| - | width: 250px;
| + | |
| - | height: 185px;
| + | |
| - | background-size:250px;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | /*Everything related to the banner, and the carousel inside it.*/
| + | |
| - | #bannerbox{
| + | |
| - | width:800px;
| + | |
| - | height:200px;
| + | |
| - | position:absolute;
| + | |
| - | left:220px;
| + | |
| - | top:0px;
| + | |
| - | }
| + | |
| - | .hideable{
| + | |
| - | display:none
| + | |
| - | }
| + | |
| - | #carouselbox{
| + | |
| - | position:absolute;
| + | |
| - | top:0px;
| + | |
| - | left:0px;
| + | |
| - | background-color:#ffffff;
| + | |
| - | height:100%;
| + | |
| - | width:100%;
| + | |
| - | }
| + | |
| - | #carouselbox ul{
| + | |
| - | background-color:#ffffff;
| + | |
| - | }
| + | |
| - | #carouselbox li{
| + | |
| - | position:absolute;
| + | |
| - | top:0px;
| + | |
| - | left:0px;
| + | |
| - | height:100%;
| + | |
| - | width:100%;
| + | |
| - | }
| + | |
| - | #carouselbox #carousel1{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/6/66/CarouselIwide.png') 0px 0%;
| + | |
| - | }
| + | |
| - | #carouselbox #carousel2{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/6/66/CarouselIwide.png') 0px 100%;
| + | |
| - | }
| + | |
| - | #carouselbox #carousel3{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/6/66/CarouselIwide.png') 0px 200%;
| + | |
| - | }
| + | |
| - | #carouselbox #carousel4{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/6/66/CarouselIwide.png') 0px 300%;
| + | |
| - | }
| + | |
| - | #carouselnextbutton{
| + | |
| - | position:absolute;
| + | |
| - | top:100px;
| + | |
| - | left:98%;
| + | |
| - | z-index:999;
| + | |
| - | width: 19px;
| + | |
| - | height: 30px;
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -62px 0px;
| + | |
| - | }
| + | |
| - | #carouselnextbutton:hover{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -62px -32px;
| + | |
| - | }
| + | |
| - | #carouselprevbutton{
| + | |
| - | position:absolute;
| + | |
| - | top:100px;
| + | |
| - | left:5px;
| + | |
| - | z-index:999;
| + | |
| - | width: 19px;
| + | |
| - | height: 30px;
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -82px 0px;
| + | |
| - | }
| + | |
| - | #carouselprevbutton:hover{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -82px -32px;
| + | |
| - | }
| + | |
| - | #carousel_quick_jump_buttons{
| + | |
| - | position:absolute;
| + | |
| - | bottom:0px;
| + | |
| - | left:47%;
| + | |
| - | }
| + | |
| - | .carouselquickjumpbutton{
| + | |
| - | position:relative;
| + | |
| - | z-index:999;
| + | |
| - | width:21px;
| + | |
| - | height:21px;
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -32px -5px;
| + | |
| - | }
| + | |
| - | .carouselquickjumpbutton:hover{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -32px -37px;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*Everything related to the contents.*/
| + | |
| - | #contentbox{
| + | |
| - | width:800px;
| + | |
| - | height:0px;
| + | |
| - | position:absolute;
| + | |
| - | left:220px;
| + | |
| - | top:240px;
| + | |
| - | }
| + | |
| - | #contentbox .visibilitytoggle{
| + | |
| - | padding: 10px 20px 10px 10px;
| + | |
| - | position:absolute;
| + | |
| - | top:0px;
| + | |
| - | left:0px;
| + | |
| - | width:770px;
| + | |
| - | }
| + | |
| - | .italic{
| + | |
| - | font-style:italic;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*Everything related to the container where we put the entire not scrollable part of the site in. Inside this container are the language menu, the navigation menu and the title of the content. The idea is that this part only scrolls a little bit, and after that, it stays on top of the page.*/
| + | |
| - | #noscroll{
| + | |
| - | position:absolute;
| + | |
| - | width:730px;
| + | |
| - | left:50%;
| + | |
| - | top:217px;
| + | |
| - | margin-left:-510px;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*Everything related to the languagemenu*/
| + | |
| - | #languagemenubox{
| + | |
| - | width:1020px;
| + | |
| - | height:32px;
| + | |
| - | position:absolute;
| + | |
| - | left:0px;
| + | |
| - | top:0px;
| + | |
| - | backgound:#ffff;
| + | |
| - | border-top:4px solid #003f87;
| + | |
| - | border-bottom:4px solid #003f87;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*Everything related to the content title box*/
| + | |
| - | #titlebox{
| + | |
| - | width:1020px;
| + | |
| - | height:32px;
| + | |
| - | position:absolute;
| + | |
| - | left:0px;
| + | |
| - | top:0px;
| + | |
| - | background:#ffffff;
| + | |
| - | border-top:4px solid #003f87;
| + | |
| - | border-bottom:4px solid #003f87;
| + | |
| - | }
| + | |
| - | #titlebox h1{
| + | |
| - | position:absolute;
| + | |
| - | left:220px;
| + | |
| - | top:-22px;
| + | |
| - | color:#003f87;
| + | |
| - | font-family: Impact, Charcoal;
| + | |
| - | font-size:30px;
| + | |
| - | }
| + | |
| - | #titlebox .nextpagebutton{
| + | |
| - | position:absolute;
| + | |
| - | top:0px;
| + | |
| - | right:60px;
| + | |
| - | height:32px;
| + | |
| - | width:20px;
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -62px 0px;
| + | |
| - | }
| + | |
| - | #titlebox .nextpagebutton:hover{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -62px -32px;
| + | |
| - | }
| + | |
| - | #titlebox .nextchapterbutton{
| + | |
| - | position:absolute;
| + | |
| - | top:0px;
| + | |
| - | right:5px;
| + | |
| - | height:32px;
| + | |
| - | width:30px;
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -102px 0px;
| + | |
| - | }
| + | |
| - | #titlebox .nextchapterbutton:hover{
| + | |
| - | background: url('https://static.igem.org/mediawiki/2014/a/a0/Carouselbuttonssprites.png') -102px -32px;
| + | |
| - | }
| + | |
| - | | + | |
| - | /*Everything related to the navigation menu*/
| + | |
| - | #navigationmenubox{
| + | |
| - | width:220px;
| + | |
| - | position:absolute;
| + | |
| - | left:0px;
| + | |
| - | top:40px;
| + | |
| - | visibility:visible;
| + | |
| - | }
| + | |
| - | #navigationmenu{
| + | |
| - | text-align:left;
| + | |
| - | position:absolute;
| + | |
| - | top:10px;
| + | |
| - | left:10px;
| + | |
| - | width:200px;
| + | |
| - | }
| + | |
| - | .menu-item{
| + | |
| - | color:#000000;
| + | |
| - | position:relative;
| + | |
| - | border-bottom: 2px solid #003f87;
| + | |
| - | line-height: 25px;
| + | |
| - | font-size: 100%;
| + | |
| - | cursor:pointer;
| + | |
| - | }
| + | |
| - | .menu-item span{
| + | |
| - | display:block;
| + | |
| - | text-indent:30px;
| + | |
| - | }
| + | |
| - | .sub-menu{
| + | |
| - | margin: 0px 0px 0px 0px;
| + | |
| - | color:#000000;
| + | |
| - | font-style: italic;
| + | |
| - | }
| + | |
| - | .sub-menu-item{
| + | |
| - | font-size: 12px;
| + | |
| - | position:relative;
| + | |
| - | border-bottom: 0px solid #ffffff;
| + | |
| - | line-height: 25px;
| + | |
| - | }
| + | |
| - | .menu-item a {
| + | |
| - | text-decoration:none;
| + | |
| - | color:#000000;
| + | |
| - | }
| + | |
| - | .menu-selected{
| + | |
| - | background:#82c2ea;
| + | |
| - | color:#ffffff;
| + | |
| - | border-bottom:2px solid #003f87;
| + | |
| - | }
| + | |
| - | .sub-menu-selected{
| + | |
| - | color:#ffffff;
| + | |
| - | }
| + | |
| - | #menu_home{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px 0px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_project{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -50px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_modelling{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -100px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_policyandpractice{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -150px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_education{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -450px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_team{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -400px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_parts{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -200px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_notebook{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -250px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_safety{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -500px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_awards{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -300px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_acknowledgements{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -350px no-repeat;
| + | |
| - | }
| + | |
| - | #menu_artanddesign{
| + | |
| - | background:url('https://static.igem.org/mediawiki/2014/a/a2/Groningen_2014_Newmenusprites.png') 0px -600px no-repeat;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | /*On start, a lot of things must be set invisible, and only the home page info needs to be visible. This piece of style might be redefined later, if we add more languages. In that case, .home will become something like .home_english.*/
| + | |
| - | .visibilitytoggle{
| + | |
| - | visibility:hidden;
| + | |
| - | }
| + | |
| - | | + | |
| - | .content_home{
| + | |
| - | visibility:visible;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | #thomas{
| + | |
| - | position:absolute;
| + | |
| - | top:0px;
| + | |
| - | left:0px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px 0px no-repeat;
| + | |
| - | }
| + | |
| - | #lisa{
| + | |
| - | position:absolute;
| + | |
| - | top:97px;
| + | |
| - | left:0px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -194px no-repeat;
| + | |
| - | }
| + | |
| - | #rick{
| + | |
| - | position:absolute;
| + | |
| - | top:194px;
| + | |
| - | left:0px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -388px no-repeat;
| + | |
| - | }
| + | |
| - | #chandhuru{
| + | |
| - | position:absolute;
| + | |
| - | top:291px;
| + | |
| - | left:0px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -582px no-repeat;
| + | |
| - | }
| + | |
| - | #sandra{
| + | |
| - | position:absolute;
| + | |
| - | top:388px;
| + | |
| - | left:0px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -776px no-repeat;
| + | |
| - | }
| + | |
| - | #otto{
| + | |
| - | position:absolute;
| + | |
| - | top:485px;
| + | |
| - | left:0px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -970px no-repeat;
| + | |
| - | }
| + | |
| - | #lianne{
| + | |
| - | position:absolute;
| + | |
| - | top:0px;
| + | |
| - | left:195px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -1164px no-repeat;
| + | |
| - | }
| + | |
| - | #oscar{
| + | |
| - | position:absolute;
| + | |
| - | top:97px;
| + | |
| - | left:195px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -1358px no-repeat;
| + | |
| - | }
| + | |
| - | #freek{
| + | |
| - | position:absolute;
| + | |
| - | top:194px;
| + | |
| - | left:195px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -1552px no-repeat;
| + | |
| - | }
| + | |
| - | #anna{
| + | |
| - | position:absolute;
| + | |
| - | top:291px;
| + | |
| - | left:195px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -1746px no-repeat;
| + | |
| - | }
| + | |
| - | #andries{
| + | |
| - | position:absolute;
| + | |
| - | top:388px;
| + | |
| - | left:195px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -1940px no-repeat;
| + | |
| - | }
| + | |
| - | #aakanksha{
| + | |
| - | position:absolute;
| + | |
| - | top:485px;
| + | |
| - | left:195px;
| + | |
| - | background:url(https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png) 0px -2134px no-repeat;
| + | |
| - | }
| + | |
| - | | + | |
| - | </style>
| + | |
| - | | + | |
| - | <body>
| + | |
| - | | + | |
| - | <div id="ourentirewebsite">
| + | |
| - | | + | |
| - | <div id="topmenubarbackground"></div>
| + | |
| - | <div id="backgroundimagebox"></div>
| + | |
| - | <div id="shadowbox"></div>
| + | |
| - | <div id="titlebaroverlay"></div>
| + | |
| - | | + | |
| - | <div id="external_links">
| + | |
| - | <a href="https://2014.igem.org/Main_Page" target="_blank"><img id="igembutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" /></a>
| + | |
| - | <a href="https://www.facebook.com/IGEMRUG2014" target="_blank"><img id="facebookbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" /></a>
| + | |
| - | <a href="https://twitter.com/iGEMRUG2014" target="_blank"><img id="twitterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" /></a>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | <div id="scrollablecontent">
| + | |
| - | | + | |
| - | <div id="logobox"><img src="https://static.igem.org/mediawiki/2014/3/30/Groningen_2014_logo.png" Height=180px></img></div>
| + | |
| - | | + | |
| - | <div id="bannerbox">
| + | |
| - | <div id="carouselbox" onmouseover="toggleInterval()" onmouseout="toggleInterval()">
| + | |
| - | <ul style="list-style-type: none; margin-left: -2em;">
| + | |
| - | <li id="carousel1" class="hideable" style="display: block;"></li>
| + | |
| - | <li id="carousel2" class="hideable"></li>
| + | |
| - | <li id="carousel3" class="hideable"></li>
| + | |
| - | <li id="carousel4" class="hideable"></li>
| + | |
| - | </ul>
| + | |
| - | <div id="carouselmenu">
| + | |
| - | <div id="carousel_prev_next_buttons">
| + | |
| - | <img id="carouselnextbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" onclick="toggleSlide(true);" />
| + | |
| - | <img id="carouselprevbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" onclick="toggleSlide(false);" />
| + | |
| - | </div>
| + | |
| - | <div id="carousel_quick_jump_buttons">
| + | |
| - | <img class="carouselquickjumpbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" onclick="goToEdge('firstimage')" />
| + | |
| - | <img class="carouselquickjumpbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" onclick="goToEdge('secondimage')" />
| + | |
| - | <img class="carouselquickjumpbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" onclick="goToEdge('thirdimage')" />
| + | |
| - | <img class="carouselquickjumpbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="30px" height="30px" onclick="goToEdge('fourthimage')" />
| + | |
| - | </div>
| + | |
| - | <form>
| + | |
| - | <input type="button" value="Back" onclick="toggleSlide(false);" />
| + | |
| - | <input id="jumptofirstimagebutton" type="button" value="one" onclick="goToEdge('firstimage')" />
| + | |
| - | <input id="jumptosecondimagebutton" type="button" value="two" onclick="goToEdge('secondimage')" />
| + | |
| - | <input id="jumptothirdimagebutton" type="button" value="three" onclick="goToEdge('thirdimage')" />
| + | |
| - | <input id="jumptofourthimagebutton" type="button" value="four" onclick="goToEdge('fourthimage')" />
| + | |
| - | <input type="button" value="Forward" onclick="toggleSlide(true);" />
| + | |
| - | </form>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="contentbox">
| + | |
| - | | + | |
| - | <span id="content_home" class="visibilitytoggle content_home">
| + | |
| - | <b>We're still looking for sponsors!</b><br>
| + | |
| - | If you want to sponsor us, please contact our acquisition team via <i>annalauxen</i><i>@igemgroningen.com</i>.
| + | |
| - | </p>
| + | |
| - | | + | |
| - | <table cellpadding="3px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/1/12/Manual_button.png" onclick="changevisibility(' content_buildingmanual')" style="box-shadow: 3px 3px 7px black" width="255px"></img></div>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/0/00/Abstractbutton.png" onclick="changevisibility('content_home_english')" style="box-shadow: 3px 3px 7px black" width="255px"></img></div>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/9/9e/Checklistbutton.png" onclick="changevisibility(' content_awards_checklist')" style="box-shadow: 3px 3px 7px black" width="255px"></img></div>
| + | |
| - | </td>
| + | |
| - | <tr height="100px">
| + | |
| - | <td valign="top">
| + | |
| - | <iframe width="200%" height="160%" src="https://tinkercad.com/embed/69bAjH6R54F" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="box-shadow: 3px 3px 7px black"></iframe>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | </td>
| + | |
| - | <td valign="top">
| + | |
| - | <div class="menubutton">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/6/63/TEDxbutton.png" onclick="changevisibility('content_policyandpractice_ted')" style="box-shadow: 3px 3px 7px black" width="255px"></img></div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | </td>
| + | |
| - | <td valign="top">
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/0/08/Overviewbutton.png" onclick="changevisibility(' content_project_overview')" style="box-shadow: 3px 3px 7px black" width="255px"></img></div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | | + | |
| - | <div id="sponsored_links">
| + | |
| - | <table align="center">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <a href="http://www.rug.nl/research/gbb/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/0/02/GBBlolo.jpg" width="150px"></img></a>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <a href="http://www.bebasic.org" target="_blank">Be Basic</a>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <a href="http://www.synenergene.eu//" target="_blank">Synenergene</a>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <a href="http://www.rug.nl/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/a/af/Rug400-logo-rood-rgb.png" width="150px"></img></a>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <a href="http://www.rug.nl/sciencelinx" target="_blank"><img src="https://static.igem.org/mediawiki/2014/2/23/Sciencelinxlogo.png" width="100px"</img></a>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <a href="http://www.dsm.com/corporate/home.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/d/d6/Banner-cworld-logonobg.png" width="150px"></img></a>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <a href="http://www.rug.nl/about-us/support-the-university/groninger-university-fund/?lang=en" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/96/GUFlogo.png" width="150px"></img></a>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <a href="https://www.erasynbio.eu/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/58/Logo_ERASynBio.png" width="150px"></img></a>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <a href="http://www.rug.nl/research/zernike/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/90/ZIAMlogo.png" width="150px"></img></a>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <td>
| + | |
| - | <a href="http://www.genscript.com/index.html/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/f/f4/Genscriptlogo.png" width="150px"></img></a>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <a href="www.megazyme.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/6/66/Copy_of_RGB_megazyme_full_logo_high_res_%281%29.png" width="100px"></img></a>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </div>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_buildingmanual" class="visibilitytoggle content_buildingmanual">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/1/12/Voorbeeld.png"></img>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_home_english" class="visibilitytoggle content_home_english">
| + | |
| - | | + | |
| - | <table width="770px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <b>LactoAid – A smart bandage for burn wounds</b>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div style="text-align: right;">
| + | |
| - | <span id="link_chinese" onclick="changevisibility('content_chinese')"><img src="https://static.igem.org/mediawiki/2014/3/37/Chinese.png" title="Chinese, by courtesy of @ Sun's"></img></span>
| + | |
| - | <span id="link_dutch" onclick="changevisibility('content_dutch')"><img src="https://static.igem.org/mediawiki/2014/4/47/Dutch.png" title="Dutch"></img></span>
| + | |
| - | <span id="link_finnish" onclick="changevisibility('content_home_finnish')"><img src="https://static.igem.org/mediawiki/2014/3/33/Finnish.png" title="Finnish by courtesy of the university of Helsinki"></img></span>
| + | |
| - | <span id="link_french" onclick="changevisibility('content_home_french')"><img src="https://static.igem.org/mediawiki/2014/c/cf/French.png" title="French by courtesy of the university of Paris Saclay"></span>
| + | |
| - | <span id="link_german" onclick="changevisibility('content_home_german')"><img src="https://static.igem.org/mediawiki/2014/7/7e/Tempgermanflag.png" title="German"></span>
| + | |
| - | <span id="link_hindi" onclick="changevisibility('content_home_hindi')"><img src="https://static.igem.org/mediawiki/2014/8/87/Hindi.png" title="Hindi"></span>
| + | |
| - | <span id="link_norwegian" onclick="changevisibility('content_home_norwegian')"><img src="https://static.igem.org/mediawiki/2014/3/32/Norwegian.png" title="Norwegian by courtesy of the university of Oslo"></img></span>
| + | |
| - | <span id="link_polish" onclick="changevisibility('content_home_polish')"><img src="https://static.igem.org/mediawiki/2014/1/18/Polish.png" title="Polish by courtesy of the university of Warsaw"></img>
| + | |
| - | </span>
| + | |
| - | <span id="link_portuguese" onclick="changevisibility('content_home_portuguese')"><img src="https://static.igem.org/mediawiki/2014/3/3a/Portuguese.png" title="Portuguese by courtesy of the university of São Paulo"></img>
| + | |
| - | </span>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | <p>
| + | |
| - | Infections caused by <i>Staphylococcus aureus</i> and <i>Pseudomonas aeruginosa</i> often pose problems for burn wound treatments. We developed a new kind of bandage that prevents these infections and reduces the use of antibiotics, thereby lowering the risk of developing antibiotic resistance. The bandage consists of a hydrogel that contains genetically engineered <i>Lactococcus lactis</i> with nutrients. The engineered strain of <i>L. lactis</i> detects the quorum sensing molecules of the two pathogens in the wound and subsequently produces the antimicrobial nisin as well as some other Infection-Preventing-Molecules (IPMs). These IPMs are the anti-biofilm protein Dispersin B and the quorum quenching protein AHLase. The gel is placed between two layers, a top layer to allow diffusion of gases and a bottom layer to contain the bacteria within the bandage. Hydrating the gel by breaking adjacent water pockets initiates the growth of the bacteria, thereby activating the bandage.
| + | |
| - | </p>
| + | |
| - | | + | |
| - | | + | |
| - | <span id="content_home" class="visibilitytoggle content_chinese">
| + | |
| - | <p>
| + | |
| - | | + | |
| - | <table width="770px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <b>LactoAid-给灼伤一个聪明的敷料</b>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div style="text-align: right;">
| + | |
| - | <span id="link_english" onclick="changevisibility('content_home_english')"><img
| + | |
| - | src="https://static.igem.org/mediawiki/2014/0/0a/English.png" title="Back to English"></img></span>
| + | |
| - | <span id="link_dutch" onclick="changevisibility('content_dutch')"><img src="https://static.igem.org/mediawiki/2014/4/47/Dutch.png" title="Dutch"></img></span>
| + | |
| - | <span id="link_finnish" onclick="changevisibility('content_home_finnish')"><img src="https://static.igem.org/mediawiki/2014/3/33/Finnish.png" title="Finnish by courtesy of the university of Helsinki"></img></span>
| + | |
| - | <span id="link_french" onclick="changevisibility('content_home_french')"><img src="https://static.igem.org/mediawiki/2014/c/cf/French.png" title="French by courtesy of the university of Paris Saclay"></span>
| + | |
| - | <span id="link_german" onclick="changevisibility('content_home_german')"><img src="https://static.igem.org/mediawiki/2014/7/7e/Tempgermanflag.png" title="German"></span>
| + | |
| - | <span id="link_hindi" onclick="changevisibility('content_home_hindi')"><img src="https://static.igem.org/mediawiki/2014/8/87/Hindi.png" title="Hindi"></span>
| + | |
| - | <span id="link_norwegian" onclick="changevisibility('content_home_norwegian')"><img src="https://static.igem.org/mediawiki/2014/3/32/Norwegian.png" title="Norwegian by courtesy of the university of Oslo"></img></span>
| + | |
| - | <span id="link_polish" onclick="changevisibility('content_home_polish')"><img src="https://static.igem.org/mediawiki/2014/1/18/Polish.png" title="Polish by courtesy of the university of Warsaw"></img>
| + | |
| - | </span>
| + | |
| - | <span id="link_portuguese" onclick="changevisibility('content_home_portuguese')"><img src="https://static.igem.org/mediawiki/2014/3/3a/Portuguese.png" title="Portuguese by courtesy of the university of São Paulo"></img></span>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | <p>
| + | |
| - | 金黄色葡萄球菌和绿脓杆菌经常导致灼伤伤口感染,影响治疗。本研究研制了一种敷料,既
| + | |
| - | | + | |
| - | 可以预防此类感染,又能减少抗生素的使用,因此降低抗生素抗药性的发生。此敷料带有一
| + | |
| - | | + | |
| - | 种水凝胶,里面含有转基因乳酸乳球菌和它所需要的营养成分。转基因的乳酸乳球菌能够探
| + | |
| - | | + | |
| - | 测到灼伤伤口里两种病原体的群体感应分子,并发出乳酸链球菌肽以及另外两种抗感染分子
| + | |
| - | | + | |
| - | (Infection Preventing Molecules, IPMs)。这两种抗感染分子分别是分散蛋白(Dispersin B)和群
| + | |
| - | | + | |
| - | 体感应淬灭酶酰基高丝氨酸内酯酶。水凝胶夹在两层中间,上层使敷料透气,下层控制敷料
| + | |
| - | | + | |
| - | 里的细菌。通过把邻近的水包穿破,使水凝胶产生水合反应,因而使细菌开始生长,这样就
| + | |
| - | | + | |
| - | 可以激活此敷料了。
| + | |
| - | </p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_home" class="visibilitytoggle content_dutch">
| + | |
| - | <p>
| + | |
| - | See us on the <a href="http://www.nu.nl/groningen/3886276/studenten-willen-brandwonden-genezen-met-yoghurtbacterien.html">Dutch national news!</a>
| + | |
| - | </p>
| + | |
| - | | + | |
| - | <table width="770px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <b>LactoAid - Een slim verband voor brandwonden</b>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div style="text-align: right;">
| + | |
| - | <span id="link_english" onclick="changevisibility('content_home_english')"><img src="https://static.igem.org/mediawiki/2014/0/0a/English.png" title="Back to English"></img></span>
| + | |
| - | <span id="link_chinese" onclick="changevisibility('content_chinese')"><img src="https://static.igem.org/mediawiki/2014/3/37/Chinese.png" title="Chinese, by courtesy of @ Sun's"></img></span>
| + | |
| - | <span id="link_finnish" onclick="changevisibility('content_home_finnish')"><img src="https://static.igem.org/mediawiki/2014/3/33/Finnish.png" title="Finnish by courtesy of the university of Helsinki"></img></span>
| + | |
| - | <span id="link_french" onclick="changevisibility('content_home_french')"><img src="https://static.igem.org/mediawiki/2014/c/cf/French.png" title="French by courtesy of the university of Paris Saclay"></span>
| + | |
| - | <span id="link_german" onclick="changevisibility('content_home_german')"><img src="https://static.igem.org/mediawiki/2014/7/7e/Tempgermanflag.png" title="German"></span>
| + | |
| - | <span id="link_hindi" onclick="changevisibility('content_home_hindi')"><img src="https://static.igem.org/mediawiki/2014/8/87/Hindi.png" title="Hindi"></span>
| + | |
| - | <span id="link_norwegian" onclick="changevisibility('content_home_norwegian')"><img src="https://static.igem.org/mediawiki/2014/3/32/Norwegian.png" title="Norwegian by courtesy of the university of Oslo"></img></span>
| + | |
| - | <span id="link_polish" onclick="changevisibility('content_home_polish')"><img src="https://static.igem.org/mediawiki/2014/1/18/Polish.png" title="Polish by courtesy of the university of Warsaw"></img>
| + | |
| - | </span>
| + | |
| - | <span id="link_portuguese" onclick="changevisibility('content_home_portuguese')"><img src="https://static.igem.org/mediawiki/2014/3/3a/Portuguese.png" title="Portuguese by courtesy of the university of São Paulo"></img></span>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </p>
| + | |
| - | | + | |
| - | Infecties door <i>Staphylococcus aureus</i> en <i>Pseudomonas aeruginosa</i> zorgen vaak voor complicaties bij de behandeling van brandwonden. We hebben een nieuw soort verband ontwikkeld dat deze infecties tegengaat en het gebruik van antibiotica terugdringt waardoor het risico op de ontwikkeling van antibiotica resistentie verminderd wordt. Het verband bestaat uit een hydrogel die genetisch gemodificeerde <i>Lactococcus lactis</i> bevat met nutriënten. Deze gemodificeerde stam van <i>L. lactis</i> detecteert 'quorum sensing' moleculen van de twee pathogenen in de wond en produceert vervolgens zowel het antimicrobiële nisine als enkele andere Infection-Preventing-Molecules (IPMs). Deze IPMs zijn het anti-biofilm eiwit Dispersin B en het quorum quenching eiwit AHLase. The gel zit tussen twee lagen, een bovenlaag die de diffusie van gassen accomodeert en een onderlaag om de bacteriën in het verband vast te houden. De groei van bacteriën begint als de gel bevochtigd wordt door naastliggende waterzakjes te breken, zodat het verband geactiveerd wordt.
| + | |
| - | </p>
| + | |
| - |
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_home" class="visibilitytoggle content_home_finnish">
| + | |
| - | <p>
| + | |
| - | | + | |
| - | | + | |
| - | <table width="770px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <b>LactoAid/LaktoApu Älyside palovammoille</b>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div style="text-align: right;">
| + | |
| - | <span id="link_english" onclick="changevisibility('content_home_english')"><img src="https://static.igem.org/mediawiki/2014/0/0a/English.png" title="Back to English"></img></span>
| + | |
| - | <span id="link_chinese" onclick="changevisibility('content_chinese')"><img src="https://static.igem.org/mediawiki/2014/3/37/Chinese.png" title="Chinese, by courtesy of @ Sun's"></img></span>
| + | |
| - | <span id="link_dutch" onclick="changevisibility('content_dutch')"><img src="https://static.igem.org/mediawiki/2014/4/47/Dutch.png" title="Dutch"></img></span>
| + | |
| - | <span id="link_french" onclick="changevisibility('content_home_french')"><img src="https://static.igem.org/mediawiki/2014/c/cf/French.png" title="French by courtesy of the university of Paris Saclay"></span>
| + | |
| - | <span id="link_german" onclick="changevisibility('content_home_german')"><img src="https://static.igem.org/mediawiki/2014/7/7e/Tempgermanflag.png" title="German"></span>
| + | |
| - | <span id="link_hindi" onclick="changevisibility('content_home_hindi')"><img src="https://static.igem.org/mediawiki/2014/8/87/Hindi.png" title="Hindi"></span>
| + | |
| - | <span id="link_norwegian" onclick="changevisibility('content_home_norwegian')"><img src="https://static.igem.org/mediawiki/2014/3/32/Norwegian.png" title="Norwegian by courtesy of the university of Oslo"></img></span>
| + | |
| - | <span id="link_polish" onclick="changevisibility('content_home_polish')"><img src="https://static.igem.org/mediawiki/2014/1/18/Polish.png" title="Polish by courtesy of the university of Warsaw"></img>
| + | |
| - | </span>
| + | |
| - | <span id="link_portuguese" onclick="changevisibility('content_home_portuguese')"><img src="https://static.igem.org/mediawiki/2014/3/3a/Portuguese.png" title="Portuguese by courtesy of the university of São Paulo"></img></span>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <i>Staphylococcus aureus</i> ja <i>Pseudomonas aeruginosa</i> bakteerien infektiot aiheuttavat usein ongelmia
| + | |
| - | palovammojen hoidossa. Me kehitimme uudenlaisen siteen, joka ehkäisee näitä infektioita ja vähentää
| + | |
| - | antibioottien käyttöä, ja siten vähentää antibioottiresistenssin kehittymisen riskiä. Siteessä on ravinteita
| + | |
| - | sisältävää hydrogeeliä, jossa on geneettisesti paranneltua <i>Lactococcus lactis</i> bakteeria. Tämä paranneltu
| + | |
| - | kanta tunnistaa näiden kahden patogeenin erittämiä viestimolekyylejä haavassa, minkä seurauksena se
| + | |
| - | tuottaa antimikrobista nisiiniä sekä infektiota estäviä molekyylejä, biofilminestäjäproteiini Dispersiini B:tä
| + | |
| - | sekä patogeenien viestintää tukahduttavaa AHLaasia. Geeli sijaitsee kahden kerroksen välissä;
| + | |
| - | päällimmäinen kerros hengittää ja alempi kerros estää bakteerien pääsyn geeliltä iholle. Kun siteessä olevat
| + | |
| - | vesitaskut puhkaisee, geeli kostuu ja käynnistää bakteerien kasvun, jolloin älyside aktivoituu.
| + | |
| - | </p>
| + | |
| - | | + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_home" class="visibilitytoggle content_home_french">
| + | |
| - | | + | |
| - | <table width="770px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <b>LactoAid - Un pansement intelligent pour des brûlures.</b>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div style="text-align: right;">
| + | |
| - | <span id="link_english" onclick="changevisibility('content_home_english')"><img src="https://static.igem.org/mediawiki/2014/0/0a/English.png" title="Back to English"></img></span>
| + | |
| - | <span id="link_chinese" onclick="changevisibility('content_chinese')"><img src="https://static.igem.org/mediawiki/2014/3/37/Chinese.png" title="Chinese, by courtesy of @ Sun's"></img></span>
| + | |
| - | <span id="link_dutch" onclick="changevisibility('content_dutch')"><img src="https://static.igem.org/mediawiki/2014/4/47/Dutch.png" title="Dutch"></img></span>
| + | |
| - | <span id="link_finnish" onclick="changevisibility('content_home_finnish')"><img src="https://static.igem.org/mediawiki/2014/3/33/Finnish.png" title="Finnish by courtesy of the university of Helsinki"></img></span>
| + | |
| - | <span id="link_german" onclick="changevisibility('content_home_german')"><img src="https://static.igem.org/mediawiki/2014/7/7e/Tempgermanflag.png" title="German"></span>
| + | |
| - | <span id="link_hindi" onclick="changevisibility('content_home_hindi')"><img src="https://static.igem.org/mediawiki/2014/8/87/Hindi.png" title="Hindi"></span>
| + | |
| - | <span id="link_norwegian" onclick="changevisibility('content_home_norwegian')"><img src="https://static.igem.org/mediawiki/2014/3/32/Norwegian.png" title="Norwegian by courtesy of the university of Oslo"></img></span>
| + | |
| - | <span id="link_polish" onclick="changevisibility('content_home_polish')"><img src="https://static.igem.org/mediawiki/2014/1/18/Polish.png" title="Polish by courtesy of the university of Warsaw"></img>
| + | |
| - | </span>
| + | |
| - | <span id="link_portuguese" onclick="changevisibility('content_home_portuguese')"><img src="https://static.igem.org/mediawiki/2014/3/3a/Portuguese.png" title="Portuguese by courtesy of the university of São Paulo"></img></span>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | Les infections causées par <i>Staphylococcus aureus</i> et <i>Pseudomonas aeruginosa</i> posent souvent
| + | |
| - | problème dans le traitement des brûlures. Nous avons développé un nouveau type de bandage qui
| + | |
| - | prévient ces infections et permet de réduire l’utilisation d’antibiotiques et donc le développement
| + | |
| - | de résistance à ces antibiotiques. Le pansement consiste en un hydrogel qui contient des
| + | |
| - | <i>Lactococcus lactis</i> génétiquement modifiées ainsi qu’une source de nutriments. <i>L.lactis</i> a été
| + | |
| - | génétiquement modifiée pour détecter les molécules de quorum sensing des deux pathogènes
| + | |
| - | dans la plaie et ensuite sécréter la nisin, un antimicrobien et deux autres molécules préventives
| + | |
| - | d'infection, la Disperine B -une protéine anti-biofilm- et l'AHLase impliquée dans le quorum
| + | |
| - | quenching (dégradation du biofilm).Le gel est placé entre deux couches, une couche supérieure
| + | |
| - | pour permettre la diffusion des gaz et une couche inférieure pour contenir les bactéries à l'intérieur
| + | |
| - | du bandage. L’hydratation du gel - en cassant les poches d'eau adjacentes - initie la croissance des
| + | |
| - | bactéries, ce qui active le bandage.
| + | |
| - | </p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_home" class="visibilitytoggle content_home_german">
| + | |
| - | <table width="770px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <b>LactoAid – Ein intelligenter Verband für Wunden</b>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div style="text-align: right;">
| + | |
| - | <span id="link_english" onclick="changevisibility('content_home_english')"><img src="https://static.igem.org/mediawiki/2014/0/0a/English.png" title="Back to English"></img></span>
| + | |
| - | <span id="link_chinese" onclick="changevisibility('content_chinese')"><img src="https://static.igem.org/mediawiki/2014/3/37/Chinese.png" title="Chinese, by courtesy of @ Sun's"></img></span>
| + | |
| - | <span id="link_dutch" onclick="changevisibility('content_dutch')"><img src="https://static.igem.org/mediawiki/2014/4/47/Dutch.png" title="Dutch"></img></span>
| + | |
| - | <span id="link_finnish" onclick="changevisibility('content_home_finnish')"><img src="https://static.igem.org/mediawiki/2014/3/33/Finnish.png" title="Finnish by courtesy of the university of Helsinki"></img></span>
| + | |
| - | <span id="link_french" onclick="changevisibility('content_home_french')"><img src="https://static.igem.org/mediawiki/2014/c/cf/French.png" title="French by courtesy of the university of Paris Saclay"></span>
| + | |
| - | <span id="link_hindi" onclick="changevisibility('content_home_hindi')"><img src="https://static.igem.org/mediawiki/2014/8/87/Hindi.png" title="Hindi"></span>
| + | |
| - | <span id="link_norwegian" onclick="changevisibility('content_home_norwegian')"><img src="https://static.igem.org/mediawiki/2014/3/32/Norwegian.png" title="Norwegian by courtesy of the university of Oslo"></img></span>
| + | |
| - | <span id="link_polish" onclick="changevisibility('content_home_polish')"><img src="https://static.igem.org/mediawiki/2014/1/18/Polish.png" title="Polish by courtesy of the university of Warsaw"></img>
| + | |
| - | </span>
| + | |
| - | <span id="link_portuguese" onclick="changevisibility('content_home_portuguese')"><img src="https://static.igem.org/mediawiki/2014/3/3a/Portuguese.png" title="Portuguese by courtesy of the university of São Paulo"></img></span>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | <p>
| + | |
| - | Infektionen, ausgelöst durch Staphylococcus aureus und Pseudomonas aeruginosa
| + | |
| - | stellen oft Probleme für die Wundbehandlung dar. Wir haben eine neue Form des
| + | |
| - | Wundverbands entwickelt, der diese Infektionen verhindert und die Gabe von
| + | |
| - | Antibiotika reduziert, wodurch wiederum das Risiko einer Antibiotikaresistenz
| + | |
| - | verringert wird. Der Wundverband besteht aus einem Hydrogel, welches gentechnisch
| + | |
| - | verändertes Lactococcus lactis (L. lactis) und verschiedene Nährstoffe beinhaltet.
| + | |
| - | Der gentechnisch veränderte L. lactis Strang detektiert die Quorum-Sensing-fähigen
| + | |
| - | Moleküle der zwei Pathogene in der Wunde und bildet daraufhin antimikrobiotisches
| + | |
| - | Nisin, sowie andere infektionsverhindernde Moleküle (Infection-Preventing-
| + | |
| - | Molecules, IPMs). Diese IPMs sind zum einen das Anti-Biofilm Protein Dispersin
| + | |
| - | B und zum anderen das Quorum Quenching Protein AHLase. Das Hydrogel wird
| + | |
| - | zwischen zwei Lagen positioniert, eine obere Lage um Diffusion von Gasen zu
| + | |
| - | erlauben und eine untere Lage, welches die Bakterien in dem Verband beinhalten
| + | |
| - | kann. Hydratation des Gels durch das Lösen von angrenzenden Wassertaschen
| + | |
| - | initialisiert das Wachstum von Bakterien, welches den Wundverband aktiviert.
| + | |
| - | </p>
| + | |
| - | <span id="content_home" class="visibilitytoggle content_home_hindi">
| + | |
| - | | + | |
| - | | + | |
| - | <table width="770px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <b>LactoAid - Un pansement intelligent pour des brûlures.</b>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div style="text-align: right;">
| + | |
| - | <span id="link_english" onclick="changevisibility('content_home_english')"><img src="https://static.igem.org/mediawiki/2014/0/0a/English.png" title="Back to English"></img></span>
| + | |
| - | <span id="link_chinese" onclick="changevisibility('content_chinese')"><img src="https://static.igem.org/mediawiki/2014/3/37/Chinese.png" title="Chinese, by courtesy of @ Sun's"></img></span>
| + | |
| - | <span id="link_dutch" onclick="changevisibility('content_dutch')"><img src="https://static.igem.org/mediawiki/2014/4/47/Dutch.png" title="Dutch"></img></span>
| + | |
| - | <span id="link_finnish" onclick="changevisibility('content_home_finnish')"><img src="https://static.igem.org/mediawiki/2014/3/33/Finnish.png" title="Finnish by courtesy of the university of Helsinki"></img></span>
| + | |
| - | <span id="link_french" onclick="changevisibility('content_home_french')"><img src="https://static.igem.org/mediawiki/2014/c/cf/French.png" title="French by courtesy of the university of Paris Saclay"></span>
| + | |
| - | <span id="link_german" onclick="changevisibility('content_home_german')"><img src="https://static.igem.org/mediawiki/2014/7/7e/Tempgermanflag.png" title="German"></span>
| + | |
| - | <span id="link_norwegian" onclick="changevisibility('content_home_norwegian')"><img src="https://static.igem.org/mediawiki/2014/3/32/Norwegian.png" title="Norwegian by courtesy of the university of Oslo"></img></span>
| + | |
| - | <span id="link_polish" onclick="changevisibility('content_home_polish')"><img src="https://static.igem.org/mediawiki/2014/1/18/Polish.png" title="Polish by courtesy of the university of Warsaw"></img>
| + | |
| - | </span>
| + | |
| - | <span id="link_portuguese" onclick="changevisibility('content_home_portuguese')"><img src="https://static.igem.org/mediawiki/2014/3/3a/Portuguese.png" title="Portuguese by courtesy of the university of São Paulo"></img></span>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | स्टेफाईलोकॉकस औरीयस और सूडोमोनस एरोगिनोसा की वजह से संक्रमण अक्सर जला घाव उपचार के लिए समस्या पैदा कऱता है। हमने एक नए प्रकार की पट्टी का विकास किया है, जो संक्रमणों से बचाता है और एंटीबायोटिक दवाओं के उपयोग को कम कर देता है और इस तरह एंटीबायोटिक प्रतिरोध विकसित होने का खतरा कम कर देता है | पट्टी हाइड्रोजेल की होती है जिसमे पोषक तत्वों के साथ आनुवंशिक रूप से विकसित लक्टोकॉकस लैक्टिस होता है। जिसमें एक एल लैक्टिस में उभरा तनाव घाव में दो रोगजनकों का कोरम संवेदन अणुओं का पता लगाता है और बाद में रोगाणुरोधी नाइसिन साथ ही कुछ अन्य संक्रमण के रोकथाम अणुओं (आईपीएमएस) को पैदा करता है । ये आईपीएमएस विरोधी जैव झिल्ली प्रोटीन डिस्पेरसिन बी कोरम शमन प्रोटीन एएचएलऐस हैं , जेल दो परतों के बीच रखा गया है, शीर्ष परत गैसों के प्रसार और नीचे की परत पट्टी के भीतर जीवाणु को रोकने के लिए रखा गया है ।, आसन्न पानी जेब टूटने से जेल पोषित होता है जिससे
| + | |
| - | जीवाणु की वृद्धि होती है और पट्टी सक्रिय होती है
| + | |
| - | </p>
| + | |
| - |
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_home" class="visibilitytoggle content_home_norwegian">
| + | |
| - | | + | |
| - | <table width="770px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <b>LactoAid – En lur bandage for brannsår</b>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div style="text-align: right;">
| + | |
| - | <span id="link_english" onclick="changevisibility('content_home_english')"><img src="https://static.igem.org/mediawiki/2014/0/0a/English.png" title="Back to English"></img></span>
| + | |
| - | <span id="link_chinese" onclick="changevisibility('content_chinese')"><img src="https://static.igem.org/mediawiki/2014/3/37/Chinese.png" title="Chinese, by courtesy of @ Sun's"></img></span>
| + | |
| - | <span id="link_dutch" onclick="changevisibility('content_dutch')"><img src="https://static.igem.org/mediawiki/2014/4/47/Dutch.png" title="Dutch"></img></span>
| + | |
| - | <span id="link_finnish" onclick="changevisibility('content_home_finnish')"><img src="https://static.igem.org/mediawiki/2014/3/33/Finnish.png" title="Finnish by courtesy of the university of Helsinki"></img></span>
| + | |
| - | <span id="link_french" onclick="changevisibility('content_home_french')"><img src="https://static.igem.org/mediawiki/2014/c/cf/French.png" title="French by courtesy of the university of Paris Saclay"></span>
| + | |
| - | <span id="link_german" onclick="changevisibility('content_home_german')"><img src="https://static.igem.org/mediawiki/2014/7/7e/Tempgermanflag.png" title="German"></span>
| + | |
| - | <span id="link_hindi" onclick="changevisibility('content_home_hindi')"><img src="https://static.igem.org/mediawiki/2014/8/87/Hindi.png" title="Hindi"></span>
| + | |
| - | <span id="link_polish" onclick="changevisibility('content_home_polish')"><img src="https://static.igem.org/mediawiki/2014/1/18/Polish.png" title="Polish by courtesy of the university of Warsaw"></img>
| + | |
| - | </span>
| + | |
| - | <span id="link_portuguese" onclick="changevisibility('content_home_portuguese')"><img src="https://static.igem.org/mediawiki/2014/3/3a/Portuguese.png" title="Portuguese by courtesy of the university of São Paulo"></img></span>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | Innfeksjoner forårsaket av <i>Staphylococcus aureus</i> og <i>Pseudomonas aeruginosa</i> medfører ofte
| + | |
| - | problemer ved behandling av brannskader. Vi har utviklet en ny type bandasje som hindrer
| + | |
| - | disse innfeksjonene og reduserer bruken av antibiotika og dermed også risikoen for å utvikle
| + | |
| - | antibiotikaresistens. Bandasjen er en hydrogel med genetisk modifiserte <i>Lactococcus lactis</i> og
| + | |
| - | næringsstoffer. <i>L. Lactis</i> responderer på quorom sensing molekyler fra de to patogenene med å
| + | |
| - | produsere antimikrobielt nisin sammen med andre infeksjonshemmende molekyler(IPM). Blant
| + | |
| - | disse er anti-biofilm proteinet Dispersin B og quorum quenching proteinet AHLase. Gelen er
| + | |
| - | plassert mellom to lag, et lag på toppen som tillater diffusjon av gasser og et lag på bånn som
| + | |
| - | inneholder bandasjens bakterier. Ved å knuse små vannlommer fuktes gelen og dette initierer bakterieveksten, således aktiveres bandasjen.
| + | |
| - | </p>
| + | |
| - | | + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_home" class="visibilitytoggle content_home_polish">
| + | |
| - | | + | |
| - | <table width="770px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <b>LactoAid – sprytny opatrunek na oparzenia</b>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div style="text-align: right;">
| + | |
| - | <span id="link_english" onclick="changevisibility('content_home_english')"><img src="https://static.igem.org/mediawiki/2014/0/0a/English.png" title="Back to English"></img></span>
| + | |
| - | <span id="link_chinese" onclick="changevisibility('content_chinese')"><img src="https://static.igem.org/mediawiki/2014/3/37/Chinese.png" title="Chinese, by courtesy of @ Sun's"></img></span>
| + | |
| - | <span id="link_dutch" onclick="changevisibility('content_dutch')"><img src="https://static.igem.org/mediawiki/2014/4/47/Dutch.png" title="Dutch"></img></span>
| + | |
| - | <span id="link_finnish" onclick="changevisibility('content_home_finnish')"><img src="https://static.igem.org/mediawiki/2014/3/33/Finnish.png" title="Finnish by courtesy of the university of Helsinki"></img></span>
| + | |
| - | <span id="link_french" onclick="changevisibility('content_home_french')"><img src="https://static.igem.org/mediawiki/2014/c/cf/French.png" title="French by courtesy of the university of Paris Saclay"></span>
| + | |
| - | <span id="link_german" onclick="changevisibility('content_home_german')"><img src="https://static.igem.org/mediawiki/2014/7/7e/Tempgermanflag.png" title="German"></span>
| + | |
| - | <span id="link_hindi" onclick="changevisibility('content_home_hindi')"><img src="https://static.igem.org/mediawiki/2014/8/87/Hindi.png" title="Hindi"></span>
| + | |
| - | <span id="link_norwegian" onclick="changevisibility('content_home_norwegian')"><img src="https://static.igem.org/mediawiki/2014/3/32/Norwegian.png" title="Norwegian by courtesy of the university of Oslo"></img></span>
| + | |
| - | <span id="link_portuguese" onclick="changevisibility('content_home_portuguese')"><img src="https://static.igem.org/mediawiki/2014/3/3a/Portuguese.png" title="Portuguese by courtesy of the university of São Paulo"></img>
| + | |
| - | </span>
| + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table></p>
| + | |
| - | <p>
| + | |
| - | Infekcje spowodowane przez Staphylococcus aureus i Pseudomonas aeruginosa często stanowią
| + | |
| - | problem przy leczeniu ran pooparzeniowych. Zaprojektowaliśmy nowy rodzaj opatrunku, który chroni
| + | |
| - | przed takimi infekcjami i ogranicza stosowanie antybiotyków, co obniża ryzyko rozwoju odporności
| + | |
| - | na antybiotyki u bakterii. Na opatrunek składa się hydrożel zawierający genetycznie zmodyfikowany
| + | |
| - | szczep Lactococcus lactis wraz z pożywką. Zmodyfikowany szczep L. lactis rozpoznaje cząsteczki
| + | |
| - | wytwarzane przez bakterie patogenne podczas wyczuwania liczebności (quorum sensing) i następnie
| + | |
| - | wytwarza antybakteryjną nizynę wraz z innymi cząsteczkami chroniącymi przed infekcją (Infection-
| + | |
| - | Preventing Molecules, IPMs). Do tych innych cząsteczek należą białko anty-biofilmowe Dispersin
| + | |
| - | B i białko zmniejszające liczebność – AHLiaza. Żel znajduje się pomiędzy dwoma warstwami: górna
| + | |
| - | warstwa umożliwia dyfuzję gazów, a dolna zawiera bakterie umieszczone wewnątrz opatrunku.
| + | |
| - | Uwodnienie żelu poprzez łamanie sąsiednich kieszonek wodnych inicjuje wzrost bakterii, w ten
| + | |
| - | sposób aktywując działanie opatrunku.
| + | |
| - | </p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_home" class="visibilitytoggle content_home_portuguese">
| + | |
| - | | + | |
| - | <table width="770px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <b>LactoAid – Um curativo inteligente para queimaduras</b>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div style="text-align: right;">
| + | |
| - | <span id="link_english" onclick="changevisibility('content_home_english')"><img src="https://static.igem.org/mediawiki/2014/0/0a/English.png" title="Back to English"></img></span>
| + | |
| - | <span id="link_chinese" onclick="changevisibility('content_chinese')"><img src="https://static.igem.org/mediawiki/2014/3/37/Chinese.png" title="Chinese, by courtesy of @ Sun's"></img></span>
| + | |
| - | <span id="link_dutch" onclick="changevisibility('content_dutch')"><img src="https://static.igem.org/mediawiki/2014/4/47/Dutch.png" title="Dutch"></img></span>
| + | |
| - | <span id="link_finnish" onclick="changevisibility('content_home_finnish')"><img src="https://static.igem.org/mediawiki/2014/3/33/Finnish.png" title="Finnish by courtesy of the university of Helsinki"></img></span>
| + | |
| - | <span id="link_french" onclick="changevisibility('content_home_french')"><img src="https://static.igem.org/mediawiki/2014/c/cf/French.png" title="French by courtesy of the university of Paris Saclay"></span>
| + | |
| - | <span id="link_german" onclick="changevisibility('content_home_german')"><img src="https://static.igem.org/mediawiki/2014/7/7e/Tempgermanflag.png" title="German"></span>
| + | |
| - | <span id="link_hindi" onclick="changevisibility('content_home_hindi')"><img src="https://static.igem.org/mediawiki/2014/8/87/Hindi.png" title="Hindi"></span>
| + | |
| - | <span id="link_norwegian" onclick="changevisibility('content_home_norwegian')"><img src="https://static.igem.org/mediawiki/2014/3/32/Norwegian.png" title="Norwegian by courtesy of the university of Oslo"></img></span>
| + | |
| - | <span id="link_polish" onclick="changevisibility('content_home_polish')"><img src="https://static.igem.org/mediawiki/2014/1/18/Polish.png" title="Polish by courtesy of the university of Warsaw"></img>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table></p>
| + | |
| - | <p>
| + | |
| - | Infecções causadas por <i>Staphylococcus aureus</i> e <i>Pseudomonas aerugionosa</i> são problemas
| + | |
| - | recorrentes no tratamento de queimaduras. Nós desenvolvemos um novo tipo de curativo que
| + | |
| - | previne essas infecções e reduz o uso de antibióticos, diminuindo o risco de desenvolvimento de
| + | |
| - | resistência a estes medicamentos. O curativo consiste em um hidrogel que contém <i>Lactococcus
| + | |
| - | lactis</i> geneticamente modificadas com nutrientes. A cepa modificada de <i>L. Lactis</i> detecta as
| + | |
| - | moléculas quorum sensing dos dois patógenos na ferida e subsequentemente produz o antimicrobial
| + | |
| - | nisina, como também outras moléculas preventivas de infecção (IPMs). Estas IPMs são as proteínas
| + | |
| - | anti-biofilme Dispersina B e a proteína de quorum quenching AHLase. O gel é posicionado entre
| + | |
| - | duas camadas, uma camada superior para permitir a difusão de gases e uma camada inferior para
| + | |
| - | conter as bactérias no curativo. A hidratação do gel através da quebra de bolsos de água adjacentes
| + | |
| - | inicia o crescimento da bactéria, ativando assim o curativo.
| + | |
| - | </p>
| + | |
| - | </span>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_project_overview" class="visibilitytoggle content_project_overview">
| + | |
| - | <p>
| + | |
| - | <div Style="text-align:center;"><img src="https://static.igem.org/mediawiki/2014/1/10/Thelactoaid.png" width=400px></img><br>
| + | |
| - | <i>Figure 1: The lactoAid is a bandage containing Lactococcus lactis</i></div>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>
| + | |
| - | The iGEM Groningen team 2014 is creating a bandage containing <span class="italic">Lactococcus lactis</span> that produces nisin to destroy gram-positive bacteria. The bandage consists of a top layer that permits air to flow through and keeps the bandage clean, a middle layer of hydrogel that holds the <span class="italic">L. lactis</span>, and a bottom layer of higher density hydrogel that allows proteins to pass through but contains the <span class="italic">L. lactis</span> to the middle layer. Additionally we wll introduce the excretion of AHL lactonase and Dispersin B, compounds that disrupt quorum sensing and biofilm formation respectively of <span class="italic">Staphylococcus aureus</span> and <span class="italic">Pseudomonas aeruginosa</span>. To take it even further, the bandage will detect quorum sensing molecules produced by <span class="italic">S. aureus</span> and <span class="italic">P. aeruginosa.</span> Thus the bandage will excrete nisin and Dispersin B when <span class="italic">S. aureus</span> is present and AHL lactonase when <span class="italic">P. aeruginosa</span> is present.
| + | |
| - | </b>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | Infections in burn wounds are currently only treatable with antibiotics. An increase in antibiotic resistance makes it harder every day to fight these bacteria. In our system <span class="italic">L. lactis</span> produces a so-called lantibiotic, nisin. Nisin is effective against a group of gram-positive bacteria such as <span class="italic">Staphylococcus aureus</span> and resistance against nisin is hardly ever found and if found, the resistance does not last.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | Beside nisin the <span class="italic">L. lactis</span> will be able to produce the infection preventing molecules (IPMs) AiiA and DspB. AiiA will disrupt the communication mechanism of the harmful bacteria, this way the bacteria will not cause any trouble because it 'thinks' it is alone. DspB is a molecule that prevents the harmful bacteria to form a layer (biofilm) on the wound. Additionally we want to try to make the bandage 'active' (producing nisin, DspB and AiiA) only when harmful bacteria are present in the wound. The bandage targets <span class="italic">Staphyolococcus aureus</span> and <span class="italic">Pseudomonas aeruginosa</span> specifically, two bactefria that are a problem in burn wound centres.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/5/54/ThelactoaidII.png" width=400></img><br>
| + | |
| - | <i>Figure 2: Quorum sensing molecules pass from the wound to the lactococcus lactis, in turn IPMs pass from the bandage into the wound.</i>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | The design of the bandage is important as well. <span class="italic">L. lactis</span> should not be able to get out of the bandage, but the IPMs should be able to reach the wound (See figure 2). Besides containing <span class="italic">L. lactis</span> the bandage should allow sufficient oxygen to reach the wound.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | Finally, the whole package needs to be able to be stored for quite a while and still work. Therefore <span class="italic">L. lactis</span> will be stored as a powder and can be activated with water when the bandage is needed.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | We are also investigating the possibilities of having <span class="italic">L. lactis</span> produce growth factors to aid in wound healing and to link the detection to the production of a chromoprotein to show when the bandage detects harmful bacteria.</p>
| + | |
| - | </font>
| + | |
| - | </span>
| + | |
| - | <span id="content_project_detection" class="visibilitytoggle content_project_detection"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | <span id="content_project_secretion" class="visibilitytoggle content_project_secretion"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | <span id="content_project_The Bandage" class="visibilitytoggle content_project_bandage"><p>Because it is important for GMOs to be contained to where it is used we had to start by thinking how we could keep our bacteria contained inside the bandage, while still making sure it can perform its functions. We had many discussions about all the parts to make sure they meet our needs</p>
| + | |
| - | <p>Since we were already sure we were working with <i>Lactococcus lactis</i> our needs were clear from the start. </p>
| + | |
| - | | + | |
| - | <p>Very soon we thought of a gel like material to put our bacteria in with a top and bottom membrane to keep everything inside. The top membrane needed to allow for the diffusion of gases to maintain oxygen levels in the wound, while the bottom needed to allow all the peptides and proteins to diffuse outside to kill or hamper our target bacteria while immobilising our bacterium. </p>
| + | |
| - | | + | |
| - | <p>Design requirements: </p>
| + | |
| - | <b>Materials: </b>
| + | |
| - | <p>The materials should not be toxic to humans or bacteria. </p>
| + | |
| - | <p>The materials should be permeable to gasses</p>
| + | |
| - | <p>It should be durable and preferably inexpensive</p>
| + | |
| - | <p>Since it is a bandage it should not break too easily and it should be flexible. </p>
| + | |
| - | <b>Appearance </b>
| + | |
| - | <p>We prefer the bandage to be transparent so that you can look through it and judge whether it should be changed or it can stay on for another day. </p>
| + | |
| - | <b> Safety </b>
| + | |
| - | <p> since we use the bandage on a wound we really had to make sure our bacteria stays inside the gel. If the bacteria does not stay in the gel this can make another infection happen. </p>
| + | |
| - | <p>We will give the bottom layer a pore size where Lactococcus lactis stays finside while the other peptides and proteins diffuse inside and outside the gel. </p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_modeling_model1" class="visibilitytoggle content_modelling_model1"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | <span id="content_modeling_model2" class="visibilitytoggle content_modelling_model2"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_overview" class="visibilitytoggle content_policyandpractice_overview">
| + | |
| - | <table cellpadding="3px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/8/8e/Futureperspectivesbutton.png" onclick="changevisibility('content_policyandpractice_futureperspectives')" style="box-shadow: 3px 3px 7px black" width="252px" height="189px"></img></div>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/2/2b/Martinibutton.png" onclick="changevisibility('content_policyandpractice_martinihospital')" style="box-shadow: 3px 3px 7px black" width="252px" Height="189px"></img></div>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/7/79/Eventsbutton.png" onclick="changevisibility('content_policyandpractice_events')" style="box-shadow: 3px 3px 7px black" width="252px" height="189px"></img></div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | <table cellpadding="3px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/0/0f/Newcoveragebutton.png" onclick="changevisibility(' content_policyandpractice_newscoverage')" style="box-shadow: 3px 3px 3px black" width="381px" height="100px"></img></div>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" onclick="changevisibility('content_policyandpractice_survey')" style="box-shadow: 3px 3px 3px black" width="381px" height="100px"></img></div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table></span>
| + | |
| - | | + | |
| - | | + | |
| - | <span id="content_policyandpractice_futureperspectives" class="visibilitytoggle content_policyandpractice_futureperspectives"><table cellpadding="3px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/a/a9/Scenariobutton.png" onclick="changevisibility(' content_policyandpractice_scenario')" style="box-shadow: 3px 3px 3px black" width="380px" height="100px"></img></div>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" onclick="changevisibility('content_policyandpractice_vignette')" style="box-shadow: 3px 3px 3px black" width="380px" height="100px"></img></div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table></span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_scenario" class="visibilitytoggle content_policyandpractice_scenario">
| + | |
| - | <iframe src='http://cdn.knightlab.com/libs/timeline/latest/embed/index.html?source=0AhltIeCJdvPudDFfZmtjS3ZRdUZZS25DMVBKNzJ1Rmc&font=Bevan-PotanoSans&maptype=toner&lang=en&height=650' width='100%' Height='800px' frameborder='0'></iframe>
| + | |
| - | <p><b>Synenergene project</b><br/>
| + | |
| - | Synenergene asked us to make an implementation scenario for our project. Below you can read the desired future 'history' of the LactoAid.</p>
| + | |
| - | <p><b>Application scenario</b><br/>
| + | |
| - | We are now in the year 2028, the world population has increased to over 8 billion people, putting an ever increasing pressure on healthcare to maintain a good health for all. After facing major problems regarding antibiotic resistance in the early tens, a different kind of product was developed and marketed that could regulate the use of antibiotics and prevented the development of any resistant strains. Due to a well-defined implementation strategy of this technology in society, and by creating specific safeguards in the product, the rise of resistant strains has been brought to a halt. This story outlines the history of LactoAid, explaining how this product came to be and why it is such a success in modern healthcare.
| + | |
| - | </p>
| + | |
| - | <p>It all started with the development of the concept by a group of students: to have a bandage that only produces antimicrobial compounds when needed, contrary to applying loads of antimicrobial compounds in advance (thus increasing the risk of developing resistant strains). A bandage that gradually releases antibiotics was one of the first ideas. Although this might prolong the use of a single bandage, thereby reducing the risk of infection, it still applied antibiotics in a preventive way. Also, electronic systems could be a carrier for this concept, but these were quickly discarded due to their limited applicability on the relatively small burn wounds, and given the high manufacturing costs involved. After this, it was argued that a perfect host to hold such a system would be a single-celled organism; a bacterium. Bacteria are small, easy to produce, and can be engineered to fulfil specific functions. However, the field of synthetic biology was just starting to emerge. Not much was known about the implications of messing around with the DNA of living organisms, resulting in societal hesitance to accept this new technology. To reduce the scope of the project, it was decided to take burn wounds as a case-study for such a concept. At a later stage in the product development, the bandage was also developed to fit other types of wounds.</p>
| + | |
| - | <p>The initial arguments against the implementation of GMO bacteria in a healthcare environment were mainly related to ethical and societal issues. Questions like; do the bacteria go into the wound? What is the risk of the bacteria getting out of the bandage into the environment? Is there a safeguard in case the bacteria leak out of the bandage? What are the chances of the bacteria mutating into a harmful pathogen? And many more. After these issues were addressed in the design of the bandage, as well as in the genetic design of the organism itself, the further development of the product was initiated. First of all, investors and strategic partners needed to be found to allow the full-scale deployment of this bandage. These were particularly important with regard to the scale of this project and to acquire funding (see timeline). These partners and investors were found by contacting research institutes and global health organizations (WHO, Red Cross).</p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/1/1a/Groningen2014_Synenergene_scheme1.png"></img>
| + | |
| - | <p>The full programme – from the concept generation to the product launch – was organized as a joint venture. Many parties from different industries were involved, and these were led by the group of students that started the project. It must be noted the large pharmaceutical companies (Bayer, GlaxoSmithKline, Astrazeneca) were hesitant in the initial stage of product development, but contributed at a later stage when the demand for novel antibiotic moderators became crystal clear. A list of all parties involved in the final stage of the product development:</p>
| + | |
| - | <ul>
| + | |
| - | <li>Healthcare related organizations</li>
| + | |
| - | <ul>
| + | |
| - | <li>Hospitals</li>
| + | |
| - | <li>Burn wound centers</li>
| + | |
| - | <li>WHO</li>
| + | |
| - | <li>International Red Cross and Red Half Moon movement</li>
| + | |
| - | <li>Health insurance companies</li>
| + | |
| - | <li>Big pharma (at a later stage)</li>
| + | |
| - | </ul>
| + | |
| - | <li>Consumer organizations</li>
| + | |
| - | <ul>
| + | |
| - | <li>First aid kits including infection detection systems</li>
| + | |
| - | <li>The bandage to be sold in pharmacies</li>
| + | |
| - | </ul>
| + | |
| - | </ul>
| + | |
| - | <p>The final product development, as described in the timeline, started in 2015 by generating different designs and testing their techno-economic feasibility. By 2018 the primary research and development was finalized, and the functionality of the best 5 designs could be tested in the lab (e.g. animal experiments) in the preclinical stage. The clinical trials were held between 2020-2026, after which all documentation was submitted to the EMA and FDA for approval regarding safety, risk and quality of the bandage. In 2027, both the FDA and EMA granted their approval for the LactoAid. </p>
| + | |
| - | <p>It was a difficult road to market, especially regarding regulatory and safety issues, but finally the worldwide demand of this type of bandage was sufficient to drive the final development and make it through trials. Nowadays, the bandage is used in hospitals all over the world to treat open wounds. A consortium of companies and research institutes has been tasked to oversee the production and regulate the use of this bandage. This consortium is led by the WHO. There is no problem anymore with multi-resistant strains, and wounds can easily be kept clean throughout a patient’s stay. There is even talk of a LactoAid 2.0 (now in trials) that is genetically tweaked to produce growth factors. These are substances that stimulate cell growth. The result will be a super bandage that has the ability to heal certain wounds even faster.</p>
| + | |
| - | <p>The application of LactoAid is best explained through an exemplary patient that enters a regular hospital:</p>
| + | |
| - | <ol>
| + | |
| - | <li>A patient enters the hospital, is heavily burned all over his/her body with 2nd and 3rd degree burn wounds.</li>
| + | |
| - | <li>The wounds are cleaned and then left to rest for three days to assess the severity of the wounds.</li>
| + | |
| - | <li>During these three days, the wound is protected by LactoAid.</li>
| + | |
| - | <li>After three days the wounds are found to be severe, and a skin transplant is needed.</li>
| + | |
| - | <li>The wound is rinsed again, and the skin transplant takes place. This needs to be done in multiple sessions due to the heavy impact the operation has on the body. This leads to a lot of time in which the wounds need to be kept clean. Therefore, LactoAid is again applied to the wound in the time between the operations.</li>
| + | |
| - | <li>As a result; A) patients suffer less because there is no free air flow over the wounds, B) the wound is protected by the bandage from environmental pathogens, C) pathogens already in the wound are killed by the bandage, reducing the number of times the bandage needs to be replaced, D) wounds are healed quicker, cutting costs.</li>
| + | |
| - | <li>After every use (3-4 days), the bandage is deactivated and all modified bacteria are killed. Two systems are used to ensure no modified bacteria survive: A) after 3-4 days all nutrients are gone, B) a kill switch is activated by releasing an inducing compound within the bandage.</li>
| + | |
| - | <br>
| + | |
| - | Flick through the timeline to see the development of the LactoAid, from concept to product launch.
| + | |
| - | <br>
| + | |
| - | </ol>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_vignette" class="visibilitytoggle content_policyandpractice_vignette"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_martinihospital" class="visibilitytoggle content_policyandpractice_martinihospital">
| + | |
| - | | + | |
| - | <table cellpadding="3px">
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" onclick="changevisibility(' content_policyandpractice_martinihospital_interview1')" style="box-shadow: 3px 3px 3px black" width="380px" height="100px"></img></div>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" onclick="changevisibility('content_policyandpractice_martinihospital_interview2')" style="box-shadow: 3px 3px 3px black" width="380px" height="100px"></img></div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" onclick="changevisibility(' content_policyandpractice_martinihospital_visit1')" style="box-shadow: 3px 3px 3px black" width="380px" height="100px"></img></div>
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | <div class="menubutton"><img src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" onclick="changevisibility('content_policyandpractice_martinihospital_visit2')" style="box-shadow: 3px 3px 3px black" width="380px" height="100px"></img></div>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_martinihospital" class="visibilitytoggle content_policyandpractice_martinihospital_interview1">
| + | |
| - | <p><font size="36" color="#1f4052">Towards an application scenario </font></p>
| + | |
| - | <p><font color="#468499">Interview burn centre at the Martini-hospital in Groningen, the Netherlands</font></p>
| + | |
| - | <p>Nearly halfway through our iGEM-adventure of creating an infection-detection-protection dressing for (burn) wounds, we got the opportunity to talk with some experts
| + | |
| - | | + | |
| - | in the field. Of course, creating a ‘genetically engineered machine’ is what we do, but we want to explore the application further. Having a talk with people who could
| + | |
| - | | + | |
| - | eventually use our concept in real-life was therefore essential; if there is no need for this type of dressing, then there is no need to develop it!
| + | |
| - | Marianne Nieuwenhuis is the head of clinical research for the three cooperating burn centres in the Netherlands and is based at the burn centre of the Martini hospital
| + | |
| - | | + | |
| - | in Groningen. Jakob Hiddingh is also affiliated to the burn centre and is working on clinical research trials. Whenever a researcher is not around, Jakob takes over
| + | |
| - | | + | |
| - | the responsibilities, making him an expert on the practical side of clinical research trials. </p>
| + | |
| - | <p><b>Can you explain something about the burn centres? How do they work? What kind of research should we imagine when you talk about clinical research trials?</b></p>
| + | |
| - | <p> ‘In the Netherlands there are about 600-800 recordings (annually) of patients in the three burn -centres; Beverwijk, Rotterdam and Groningen. Rotterdam is the
| + | |
| - | | + | |
| - | largest of these three. The time patients stay at the centre varies from one day to several months. We do research in everything ranging from psychological research to
| + | |
| - | | + | |
| - | physical issues like itching. On average, patients remain at the centre for 14 days, but as said, this varies a lot depending on the patient and severity of the
| + | |
| - | | + | |
| - | injury.’</p>
| + | |
| - | <p><b>As you may know, we are developing a dressing that is aimed at protecting burn wounds, specifically to detect an infection of S. aureus or P. aeruginosa. Do many
| + | |
| - | | + | |
| - | problems with infections occur when treating burn wound patients? How do you handle these?</b></p>
| + | |
| - | <p> ‘There is a clear distinction between an infection and a wound that has some pathogen (harmful bacteria) in it; a colonization. Colonization is when the pathogen
| + | |
| - | | + | |
| - | is there, but you do not get ill from the presence of these bacteria. When you talk about an infection, many of the classical features occur and these are very harmful
| + | |
| - | | + | |
| - | for the healing process. In this centre, we typically take a sample of all the wounds once a week to see if there are any harmful bacteria on them. We also take a
| + | |
| - | | + | |
| - | sample of the throat and nose. ‘ </p>
| + | |
| - | <p><b>Groningen, and the Netherlands in general, does not have many problematic infections. How is this problem of infection prevention taken care of in the rest of
| + | |
| - | | + | |
| - | the world?</b></p>
| + | |
| - | <p> ‘It’s hard to compare numbers because every centre and hospital has its own way of detecting infections. There is a large range of pathogens, but especially S.
| + | |
| - | | + | |
| - | aureus and P. aeruginosa are the pathogens that cause most problems.’ </p>
| + | |
| - | <p><b>If we understood well, Flammacerium (a cream-like substance) is used mostly to keep the wound clean and improve wound healing. How does this treatment work and
| + | |
| - | | + | |
| - | is it used in other parts of the world?</b></p>
| + | |
| - | <p>‘Flammacerium consists of two components, the silver sulphadiazine (also known as Flammazine), and cerium nitrate. The silver sulphadiazine keeps the wound clean,
| + | |
| - | | + | |
| - | but a serious downside is that it induces hypergranulation after a while (the overproduction of tissue). People have been looking for an alternative for quite some
| + | |
| - | | + | |
| - | time, but so far nothing realy superior is on the market yet. We believe that the cerium nitrate does have a positive impact on the treatment of burn wounds, therefore
| + | |
| - | | + | |
| - | we keep using Flammacerium. In other parts of the world this treatment method is used to a lesser extent.’</p>
| + | |
| - | <p><b>For our dressing, we would like to think a step further than only developing it and then putting the prototype in the fridge. What are the main hurdles to be
| + | |
| - | | + | |
| - | taken when developing this dressing for burn patients?</b></p>
| + | |
| - | <p> ‘Keep in mind that for every minor step you want to do when dealing with a clinical research trial, you should write a protocol and all actions should be cleared
| + | |
| - | | + | |
| - | by the medical-ethical commission. In the Netherlands, this is the case for every WMO-research (research involving humans). For the testing of a new product, such as
| + | |
| - | | + | |
| - | your dressing, you would need to fill out many forms involving a complete description, how it works, what could go wrong, what is the goal and added value etc. etc.
| + | |
| - | | + | |
| - | .’</p>
| + | |
| - | <p><b>As we are speaking about regulation issues regarding new products, what do you think of our idea once it has gone through all the clinical trials and been proven
| + | |
| - | | + | |
| - | to work, say in 10 years? Do you see the relevance of having such a dressing? Do you foresee any ethical issues that might arise in the practical application of GMO’s
| + | |
| - | | + | |
| - | in healthcare?</b></p>
| + | |
| - | <p>‘The funny thing is, I never heard of synthetic biology before you came along. I did not realize this project would involve any moral dilemmas that needed to be so
| + | |
| - | | + | |
| - | seriously addressed. I just thought: that’s great, they are “playing around” to make bacteria do a specific task! As long as the added value is clear, in other words,
| + | |
| - | | + | |
| - | if it helps the patients to get better, there will be not so much resistance against it. It should be very well regulated though, but this is already under debate. I
| + | |
| - | | + | |
| - | understand that genetically modified organisms are a bit difficult to use and there is some resistance, but to me this project seems very worthwhile.’</p>
| + | |
| - | <p><b>Do you have any advice for us that could help us in the development of our dressing?</b></p>
| + | |
| - | <p>‘We are enthusiastic about your idea and think that this is an innovative approach to treating wounds. The idea I like so much is that it goes beyond normal
| + | |
| - | | + | |
| - | theoretical research, but you are actually making it. It is a quite appealing concept. There is also possibly less resistance as you are trying to make a better
| + | |
| - | | + | |
| - | treatment for patients with burn wounds. You should have a talk with our medical microbiologist and medical director!’</p></span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_martinihospital" class="visibilitytoggle content_policyandpractice_martinihospital_interview2">
| + | |
| - | <p>Sorry, nothing here yet!</p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_martinihospital" class="visibilitytoggle content_policyandpractice_martinihospital_visit1">
| + | |
| - | <p>Sorry, nothing here yet!</p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_martinihospital" class="visibilitytoggle content_policyandpractice_martinihospital_visit2">
| + | |
| - | <p>Sorry, nothing here yet!</p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_events" class="visibilitytoggle content_policyandpractice_events">
| + | |
| - | <div style="position: relative; left: 0; top: 0;"">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/3/38/400px-Netherlands_location_map.svg.png" style="position: relative; top: 0; left: 0;" width="780px"></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/d/da/Rivm.jpg" onclick="changevisibility('content_policyandpractice_rivm')" width="150px" height="50px" style="position: absolute; top: 410px; left: 350px; cursor:pointer; cursor:hand; box-shadow: 3px 3px 3px black">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/b/b6/Discovery-Festival_logo_RGB.gif" onclick="changevisibility('content_policyandpractice_discoveryfestival')" width="150px" height="50px" style="position: absolute; top: 350px; left: 300px; cursor:pointer; cursor:hand; box-shadow: 3px 3px 3px black">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/a/ac/Tedx.png" onclick="changevisibility('content_policyandpractice_ted')" width="150px" height="50px" style="position: absolute; top: 350px; left: 600px; cursor:pointer; cursor:hand; box-shadow: 3px 3px 3px black">
| + | |
| - | <span onclick="changevisibility('content_policyandpractice_groningenevents')" width="150px" height="50px" style="position: absolute; top: 100px; left: 650px; cursor:pointer; cursor:hand; background:#ffffff; box-shadow: 3px 3px 3px black"><b>Events<br>Groningen</b></span>
| + | |
| - | </div>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/5/5a/WageningenII.jpg" onclick="changevisibility('content_policyandpractice_1stmeetup')" width="150px" height="50px" style="position: absolute; top: 470px; left: 450px; cursor:pointer; cursor:hand; box-shadow: 3px 3px 3px black">
| + | |
| - | | + | |
| - | | + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_groningenevents" class="visibilitytoggle content_policyandpractice_groningenevents">
| + | |
| - | <div style="position: relative; left: 0; top: 0;">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/9/93/Groningen-md.png" style="position: relative; top: 0; left: 0;" width="780px"> </img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/9/95/Fallingwalls.jpg" onclick="changevisibility('content_policyandpractice_fallingwalls')" width="150px" height="50px" style="position: absolute; top: 300px; left: 300px; cursor:pointer; cursor:hand; box-shadow: 3px 3px 3px black"></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/b/b4/Nacht_van_kunst_en_wetenschap_foto.jpg" onclick="changevisibility('content_policyandpractice_nightofartandscience')" width="150px" height="50px" style="position: absolute; top: 350px; left: 300px; cursor:pointer; cursor:hand; box-shadow: 3px 3px 3px black"></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/b/b6/Sciencelinxlogobg.png" onclick="changevisibility('content_policyandpractice_highschoolvisit')" width="150px" height="50px" style="position: absolute; top: 300px; left: 450px; cursor:pointer; cursor:hand; box-shadow: 3px 3px 3px black" background="#ffffff"></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/b/b4/Nacht_van_kunst_en_wetenschap_foto.jpg" onclick="changevisibility('content_policyandpractice_3highschoolers')" width="150px" height="50px" style="position: absolute; top: 350px; left: 450px; cursor:pointer; cursor:hand; box-shadow: 3px 3px 3px black"></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/2/28/2ndmeetup.png" onclick="changevisibility('content_policyandpractice_2ndmeetup')" width="150px" height="50px" style="position: absolute; top: 400px; left: 300px; cursor:pointer; cursor:hand; box-shadow: 3px 3px 3px black"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_rivm" class="visibilitytoggle content_policyandpractice_rivm"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_ted" class="visibilitytoggle content_policyandpractice_ted">
| + | |
| - | <p>
| + | |
| - | TEDxTwenteU – Ideas worth spreading. In the spirit of TED.com, a TEDx event will be organized at the 10th of October at the University of Twente. At a TEDx event, speakers will talk about their vision, ideas and inspirations in order to inspire the attendees and viewers. We will also be speaking at TEDx, and we hope to inspire many minds to think outside the box when tackling the problem of infections.
| + | |
| - | </p>
| + | |
| - | <p>Get ready to be inspired at http://www.tedxtwenteu.nl/ ...!</p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_fallingwalls" class="visibilitytoggle content_policyandpractice_fallingwalls"><p>Falling walls is a yearly science event in Berlin where researchers can tell how their walls breaks the
| + | |
| - | walls of humanity’s big problems. The day before the Falling walls conference, the falling walls lab is
| + | |
| - | organized, where young researchers can present their work. Speakers get three minutes to tell the
| + | |
| - | audience about their project, and convince them of its importance.<br>
| + | |
| - | Andries went to the qualifying round in Groningen where he won us the first prize. After the iGEM
| + | |
| - | finale in Boston, he will fly back to Amsterdam, take the train to Berlin, and tell a large international
| + | |
| - | audience about our bandage on November 8.</p><br>
| + | |
| - | See our
| + | |
| - | <a href="https://static.igem.org/mediawiki/2014/3/32/Falling_walls_lab_Groningen.pdf"> presentation!</a><br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/d/d9/FallingwallsII.jpg">
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_sciencelinx" class="visibilitytoggle content_policyandpractice_sciencelinx"><p>Sorry, nothing here yet, but check out our discovery festival piece!</p></span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_discoveryfestival" class="visibilitytoggle content_policyandpractice_discoveryfestival"> <p>September the 26th the iGEM team 2014 will present at <a href="https://www.facebook.com/events/295227773991153/?ref_dashboard_filter=upcoming">Discovery festival Amsterdam 2014</a>.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <a href="http://www.discoveryfestival.nl">Discovery festival</a> is, as the name says, a festival celebrating science and music. It was started in Amsterdam in 2006 because the founders of Discovery festival observed a lack of events combining these two cornerstones of civilisation.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | Dicoveryfestival was great!<br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/5/59/IMG_63876679243278.jpeg" width="380px"></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/e/e1/IMG_63884638380239.jpeg" width="380px"></img> <br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/6/64/17.jpg" width="380px"></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/6/64/23.jpg" width="380px"></img><br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/e/eb/26.jpg" width="380px"></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/6/63/85.1.jpg" width="380px"></img><br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/2/22/89.jpg" width="380px"></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/0/02/124.jpg" width="380px"></img><br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/2/2d/154.jpg" width="380px"></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/6/6e/159.jpg" width="380px"></img>
| + | |
| - | </p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_nightofartandscience" class="visibilitytoggle content_policyandpractice_nightofartandscience">
| + | |
| - | <p>
| + | |
| - | Due to the 400th anniversary of the University of Groningen, ScienceLinX organized several
| + | |
| - | expositions throughout Groningen, and one spectacular evening, with all kinds of artists and events.
| + | |
| - | The evening, better known as the “Night of Arts and Sciences” took place at the 24th of May.<br>
| + | |
| - | We were lucky enough to get a spot in the Der Aa-Kerk in the centre of the city during the “Night
| + | |
| - | of Arts and Sciences”. Throughout the exposition, the project of the iGEM 2012 team of Groningen
| + | |
| - | was shown to warm the public. At the night itself, we introduced synthetic biology, the iGEM
| + | |
| - | competition, and our bandage to the public. People were able to win a small consumable prize if they
| + | |
| - | answered a sufficient amount of question of our quiz correctly. All in all a successful night!
| + | |
| - | </p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/9/9d/Nightofans.jpg" width="380px"> <img src="https://static.igem.org/mediawiki/2014/d/d1/Igem_2014_002_1.JPG" width="380px">
| + | |
| - | </img>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_events_highschoolvisit" class="visibilitytoggle content_policyandpractice_highschoolvisit">
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_events_3highschoolers" class="visibilitytoggle content_policyandpractice_3highschoolers">
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_events_2ndmeetup" class="visibilitytoggle content_policyandpractice_2ndmeetup">
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_events_1stmeetup" class="visibilitytoggle content_policyandpractice_fundraiser">
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_events_1stmeetup" class="visibilitytoggle content_policyandpractice_1stmeetup">
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_newscoverage" class="visibilitytoggle content_policyandpractice_newscoverage">
| + | |
| - | <table>
| + | |
| - | <tr>
| + | |
| - | <td width="25%">
| + | |
| - | 12-06-2014
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | The university newpaper places an article on this year's iGEM team on their website: <a href="http://www.ukrant.nl/nieuws/igem-team-wil-superverband-maken">iGEM team wil superverband maken</a>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td width="25%">
| + | |
| - | 17-09-2014
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | Andries of our team won the national preliminaries of falling walls lab: <a href="http://www.rug.nl/news/2014/09/andries-de-vries-wint-nederlandse-voorronde-falling-walls">RUG-student Andries de Vries wint Nederlandse voorronde Falling Walls</a>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | 24-09-2014
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | Unifocus reports on the project through a short video clip: <a href="http://unifocus.nl/site/pagina.php?id_item=452&tab=journaals&pag=1">Unifocus website</a>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | 24-09-2014
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | ANP (Algemeen Nederlands Persbureau or General Dutch Press) picked up our story. It is presented on sites like nu.nl: <a href="http://www.nu.nl/groningen/3886276/studenten-willen-brandwonden-genezen-met-yoghurtbacterien.html">Studenten willen brandwonden genezen met yoghurtbacterieën</a><br>
| + | |
| - | Other sites like <a href="http://www.hartvannederland.nl/top-nieuws/2014/studenten-ontwerpen-speciaal-brandwondenverband/">Hart van Nederland</a> placed the report.
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | 26-09-2014
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | The university paper reports again on our project: <a href="http://www.ukrant.nl/uncategorized/deadline-nadert-voor-igem-team.html">Deadline approaches for iGEM team.</a>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | <tr>
| + | |
| - | <td>
| + | |
| - | 26-09-2014
| + | |
| - | </td>
| + | |
| - | <td>
| + | |
| - | The Dutch biological society reports on all the dutch iGEM teams in their newsletter: <a href="http://nbv.kncv.nl/nbv-nieuwsbrief/nbv-news.157047.lynkx">iGEM: Teams full of confidence at work</a>
| + | |
| - | </td>
| + | |
| - | </tr>
| + | |
| - | </table>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_policyandpractice_survey" class="visibilitytoggle content_policyandpractice_survey"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | | + | |
| - | <span id="content_education_syntheticbiology" class="visibilitytoggle content_education_syntheticbiology">
| + | |
| - | <p><b>What is Synthetic biology?</b></p>
| + | |
| - | <p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/c/ce/Synbio.png" width=300></img><br>
| + | |
| - | <i>Figure 1: A plasmid (A) with an antibiotics resistance gene (in green) can be cut by restriction enzymes (dark red) (B). A new piece of DNA (bright red) can be insterted into the gap (C). The insertion is 'glued' into place by ligases (D). We then have our product to insert into bacteria (E).</i></p>
| + | |
| - | <p>
| + | |
| - | Synthetic biology is the science of constructing biological systems and devices through application of biological knowledge and synthetic chemistry. In the case of the iGEM competition, the basic idea is to make relatively simple genetic constructs and apply those constructs to a task through bacteria. We go through a simplified example here. The reality has a lot more steps but the broad strokes remain the same.</p>
| + | |
| - | <p>
| + | |
| - | Bacteria have their own tools with which they can read genetic code, and translate that code into proteins; the molecules that perform nearly all functions within a living cell. We can use these tools when we insert custom-made DNA sequences into the bacteria in the form of plasmids. Plasmids are 'rings' of DNA, which bacteria can pick up and use. In nature, bacteria share plasmids to gain new functions.</p>
| + | |
| - | <p>
| + | |
| - | Before we have our plasmid with the desired DNA sequence, we will have to design it. Usually, one starts with a 'backbone' plasmid, and the desired piece of DNA. Such plasmids are often isolated from bacteria found in nature and contain a DNA sequence with an ability that makes the bacteria able to survive conditions that other bacteria cannot. The most common are antibiotic resistance genes.</p>
| + | |
| - | <p>
| + | |
| - | If we have a backbone, we can insert a sequence of DNA into the plasmid by cutting it with restriction enzymes, and pasting in the DNA sequence with DNA ligases. Restriction enzymes are molecules that can recognize very specific parts of DNA, called restriction sites, and cut them (see figure 1: A, B). DNA ligases are molecules that can 'glue' together two large molecules, such as two ends of DNA.</p>
| + | |
| - | <p>
| + | |
| - | Restriction enzymes can be used to cut a desired piece of DNA from another bacteria, to transplant into our backbone. Then the backbone is cut, the desired seqeunce is inserted and our plasmid is ready to be inserted into a bacteria (see figure 1: C, D, E).</p>
| + | |
| - | <p>
| + | |
| - | When we insert our plasmid, the bacteria will read the DNA, and produce the product. We can abuse the bacteria's own system to make bacteria produce molecules like DspB, a molecule which is already used in nature by bacteria that make biofilms, a kind of 'reef' of bacteria. They use this molecule to cut themselves loose. When we flood the area with DspB, the bacteria will not be able to make the biofilm, because they will be cut loose as soon as they try to attach themselves.</p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_education_lactococcuslactis" class="visibilitytoggle content_education_lactococcuslactis">
| + | |
| - | <p><b>What is <i>L. lactis</i> (and other bacteria)?</b><br>
| + | |
| - | <br>
| + | |
| - | <i>Lactococcus lactis</i> is a gram-positive bacteria. Gram negative bacteria have a cell wall sandwiched in between two cell membranes. Gram positive bacteria have a thick cell wall around their membrane (Figure).
| + | |
| - | <i>Lactococcus lactis</i> is usually shortened to <i>L. lactis</i>. This a bacterium is found in many food products such as cheese and beer and does not make us sick. Contrary to popular belief, most bacteria do not make us sick. In fact, many bacteria benefit us and some are necessary for us to live. Your gut is filled with bacteria that break down your food into molecules that your intestines can take up. Without these bacteria, you would not be able to eat anything! In return, our bodies are a safe home for these bacteria. Such an arrangement is called symbiosis, literally translated this means 'living together'.</p>
| + | |
| - | <p>
| + | |
| - | We do not 'live together' with <i>L. lactis</i> in nature, but we can make <i>L. lactis</i> work for us in the bandage.
| + | |
| - | Like <i>L. lactis</i>, <i>Staphylococcus aureus</i> (<i>S. aureus</i> for short) is gram positive. <i>S. aureus</i> produces toxins that are damaging to humans.</p>
| + | |
| - | <p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/3/3d/Whatislactis1.png" width=300></img><br>
| + | |
| - | <i>Figure 2: Bacteria are made of DNA and proteins encapsulated in a membrane. They use the proteins to multiply the DNA and make new bacteria. Gram negative bacteria have a thin cell wall and a second membrane. Gram positive bacteria have a very thick cell wall.</i></p>
| + | |
| - | </span>
| + | |
| - | <span id="content_education_burnwounds" class="visibilitytoggle content_education_burnwounds">
| + | |
| - | <b><font face="verdana">What are burn wounds?</font></b><br>
| + | |
| - | <br>
| + | |
| - | <p>
| + | |
| - | | + | |
| - | Burn wounds happen when the skin becomes too hot or too cold. This means that if you touch
| + | |
| - | something in a freezer that is -80°C, you can burn your hand just as if you would touch boiling water. Because temperatures so low that you would burn yourself are very rare in nature, they were not recognized as burns until relatively recently and we associate burns with high temperatures.<br>
| + | |
| - | There are several degrees that you can get burnt.</p>
| + | |
| - | <p><b>First degree burns</b> barely damage your skin, but functions of your skin start getting affected and the skin can dry out. In response the skin gets swollen and can start to itch or even become painful.</p>
| + | |
| - | <p><b>Superficial second degree burns</b> damage the top layer of the skin, the epidermis (See figure 1). In this part of the skin, there are no blood vessels or nerves. Blood still flows through the skin, and you still feel pain in the burnt skin. Superficial second-degree burns do not damage the basal lamina. The skin regenerates from the basal lamina upward.</p>
| + | |
| - | <p><b>Deep second degree burns</b> go down to the middle layer of the skin, the dermis (See figure 1). The dermis contains nerves and blood vessels. Deep second degree burns partially damage the basal lamina. Thus nerves, blood vessels and the regenerating part of the skin are damaged. The sense of touch is lost in the burn, the skin loses fluid through blood loss and regeneration is slowed.</p>
| + | |
| - | <p><b>Third degree burns</b> go all the way to the subcutan tissue (See figure 1). The basal lamina is lost, and regeneration is not possible except for the edges of the wound where there still is some basal lamina.</p>
| + | |
| - | <p><b>Fourth degree burns</b> go furter down into muscles and organs.</p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/2/27/Skin.png" width=500px></img>
| + | |
| - | <p><i>Figure 3: The skin has four layers. The subcutan tissue lies between the skin and muscles in your body. The basal lamina forms the basis of the skin. The dermis contains many live cells and many nerve endings, hair follicles and glands suchas sweat glands. The epidermis is made of mostly dead cells and forms a protective layer all around your body.</i></p>
| + | |
| - | </p>
| + | |
| - | </span>
| + | |
| - | <span id="content_education_antibioticresistance" class="visibilitytoggle content_education_antibioticresistance"><p>Sorry, nothing here yet, but check out our burn wound education!</p></span>
| + | |
| - | | + | |
| - | </* @ Andries: Ik heb nog niet helemaal door hoe ik die sprite moet maken met mouse-over tekst dus tot ik dat door heb staat hier alleen het .png plaatje. <img src="https://static.igem.org/mediawiki/2014/c/c9/Teamspritein400x325squares.png" width=780px></img>
| + | |
| - | | + | |
| - | <span id="content_team_teammembers" class="visibilitytoggle content_team_teammembers">
| + | |
| - | <div id="thomas"><a href="mailto:thomasmeijer@igemgroningen.com">
| + | |
| - | <img id="thomas" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="Thomas joined iGEM for he challenge and experience that challenge comes with. Thomas takes life as it comes, grabbing opportunities as he sees them. This attitude makes him the life of the team. The team likes his antics, as long as he doesn't burn down the lab."></img></a></div>
| + | |
| - | <div id="lianne">
| + | |
| - | <a href="mailto:liannewieske@igemgroningen.com">
| + | |
| - | <img id="lianne" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="Lianne joined iGEM to challenge herself and couldn't wait to do practical work beyond practical classes. She loves he french language and would like to speak it fluently. She has dreams of Thomas, our team captain and enjoys legumes."></img></div><br>
| + | |
| - | <div id="lisa"><img id="lisa" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="Lisa heard great stories about iGEM and joined to see if the truth matched the tall stories. After her masters', Lisa would like to go on until she becomes a professor. She is a scientist, and will not let vapid things like vanity come in the way of doing some nice scienceing."></img></a></div>
| + | |
| - | <div id="oscar">
| + | |
| - | <a href="mailto:oscarsmits@igemgroningen.com">
| + | |
| - | <img id="oscar" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="Oscar loves the idea of having your own lab, your own goals, with peers, and iGEM can provide him with just that. His life is about creating nice things and having fun doing it. He also has fun playing underwater hockey in his home of 'Twente' where they speak with a very typical accent."></img></a></div><br>
| + | |
| - | <div id="rick">
| + | |
| - | <a href="mailto:rickelbert@igemgroningen.com">
| + | |
| - | <img id="rick" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="When a tree sheds his leaves and sheep will bring our infants to rest then someone on this world will say: F***, I'm a grasshopper. In the far future he hopes to be Herr Doktor Elbert who will rule the world with his bioengineered giant amoeba. Until such a time comes, he will walk his computer mouse in the hallway."></img></a></div>
| + | |
| - | <div id="freek">
| + | |
| - | <a href="mailto:freekdewijs@igemgroningen.com">
| + | |
| - | <img id="freek" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="IGEM gives Freek the opportunity to work in a team towards an ambitious goal. His main goal is to have fun, in iGEM and in life. Apparently, he has two eyes. Coincidentally he seems to have but one nose and is rumoured to have two ears."></img></a></div><br>
| + | |
| - | <div id="chandhuru">
| + | |
| - | <a href="mailto:chandhurujagadeesan@igemgroningen.com">
| + | |
| - | <img id="chandhuru" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="Chandhuru would like to see through iGEM if synthetic biology is up to the task of realizing the great works of his imagination. If these works also contribute to society, that would make his dream complete. He is so engrossed in the project that he sometimes forgets the lab keys in his pockets, and even took them home once."></img></a></div>
| + | |
| - | <div id="anna">
| + | |
| - | <a href="mailto:annalauxen@igemgroningen.com">
| + | |
| - | <img id="anna" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="Anna joined iGEM to be able to express her own ideas in science. She also really wants to go to Boston. Like many aspiring young scientists, she would really like to win a nobel prize one day. If that fails, she can always sell mustaches out of her labcoat. "></img></a></div><br>
| + | |
| - | <div id="sandra">
| + | |
| - | <a href="mailto:sandramous@igemgroningen.com">
| + | |
| - | <img id="sandra" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="Sandra is a fan of synthetic biology and she likes the idea of spending her summer in the lab. In addition to solar protection, the lab allows her to spend time with bacteria. She thinks they are cute when se sees them crawling around."></img></a></div>
| + | |
| - | <div id="andries">
| + | |
| - | <a href="mailto:andriesdevries@igemgroningen.com">
| + | |
| - | <img id="andries" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="Andries has joined the team to become better professionally and maybe make the world a bit better. The goal of iGEM groningen 2014 to reduce antibiotics helps him to make the world a cleaner, healthier place. Andries always takes off his shoes in the office and he is sometimes so hungry that he will eat his bread without condiments."></img></a></div><br>
| + | |
| - | <div id="otto">
| + | |
| - | <a href="mailto:ottoschepers@igemgroningen.com">
| + | |
| - | <img id="otto" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="Otto wants to find out how synthetic biology can affect everyday life and joined iGEM to work with a very diverse team. He always wants to keep learning and trying new things. All this learning can distract him from keeping an eye on his house key so he keeps it around his neck. If you want to keep an eye on him, keep in mind that even facebook doesn't know where he is and still thinks Otto lives in Kuala Lumpur."></img></a></div>
| + | |
| - | <div id="aakanksha">
| + | |
| - | <a href="mailto:aakankshasaraf@igemgroningen.com">
| + | |
| - | <img id="aakanksha" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" width="390px" height="194px" title="Aakanksha wants to learn through iGEM novel applications of synthetic biology. Aakanksha wishes to improve the wellbeing of mankind through the 'wonder elixir' of life science. Even for an indian, Aakanksha really likes very spicy food, as long as it is vegetarian food. Her vegetarianism does not prevent her from revelling in barbecuing meat."></img></a></div>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_team_instructors_and_supervisors" class="visibilitytoggle content_team_instructors_and_supervisors">
| + | |
| - | <p>For now, a list of our supervisors, more info will follow.<br><br>
| + | |
| - | <b>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/0/06/Oscar_K.jpg" width="120px"></img>Oscar Kuipers<br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/7/71/Jan-willem.png" width="120px"></img>Jan-Willem Veening<br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/4/48/AD_20120819_Renske.png" width="120px"></img>Renske van Raaphorst<br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/6/6f/Ruud.jpg" width="120px"></img>Ruud Detert Oude Weme <br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/6/6c/Bayu.JPG" width="120px"></img>Bayu Jayawardhana
| + | |
| - | </b>
| + | |
| - | </p>
| + | |
| - | </span>
| + | |
| - | | + | |
| - | <span id="content_team_photogallery" class="visibilitytoggle content_team_photogallery">
| + | |
| | Sorry, nothing here yet! | | Sorry, nothing here yet! |
| - | </span>
| + | {{:Team:Groningen/Template/Footer| }} |
| - | | + | |
| - | <span id="content_parts_biobricks" class="visibilitytoggle content_parts_biobricks"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | <span id="content_notebook_detection" class="visibilitytoggle content_notebook_detection"><p>Sorry, nothing here yet, but look at the bandage and biobrick notebooks!</p></span>
| + | |
| - | <span id="content_notebook_secretion" class="visibilitytoggle content_notebook_secretion"><p><b>Week 1 (21-25 july)</b><br>
| + | |
| - | In silico preparation of primers for the Gibson assembly between signal sequence USP45 and modified version of <i>Aiia</i>.
| + | |
| - | In silico production of synthetic gene <i>ssUSP45DspB</i>.
| + | |
| - | General preparation of lab necessities.<br>
| + | |
| - | <br>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>week 2 (28 july-3 august)</b><br>
| + | |
| - | designing primers for the synthetic gene.<br>
| + | |
| - | <br>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 3 (6 – 8 august):</b><br>
| + | |
| - | | + | |
| - | <b>goal:</b> obtain all the biobricks necessary for the secreting systems of <i>P. aeruginosa</i> and <i>S. aureus.</i> <br>
| + | |
| - | <br>
| + | |
| - | <i>E. coli</i> was chemically transformed with 3 biobricks in order to obtain them: <br>
| + | |
| - | <br>
| + | |
| - | BBa_I746104: <i>P2</i>.<br>
| + | |
| - | BBa_K081009: <i>LasI</i> (for the Detection part).<br>
| + | |
| - | BBa_C0060: <i>aiiA</i>.<br>
| + | |
| - | After which 1, 10, 20, 50% was inoculated on Chloramphenicol LB-agar plates. <br>
| + | |
| - | <br>
| + | |
| - | The RBS, Double Terminators, and the promotor LAS biobricks were already transformed and isolated.<br>
| + | |
| - | <br>
| + | |
| - | The clones were inoculated in liquid media were they would be prepared for miniprep. <br>
| + | |
| - | <br>
| + | |
| - | The O/N culture was miniprepped and checked on gel, giving a positive result.<br>
| + | |
| - | <br>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>week 4 ( 11 – 17 august): </b><br>
| + | |
| - | <b>goal:</b> assemble the promotors with <i>RBS</i> and <i>gfp</i> (BBa_E0040) with double terminator.<br>
| + | |
| - | <br>
| + | |
| - | Biobricks <i>pLAS</i>, <i>P2</i>, <i>gfp</i>, RBS and Double terminator were assembled accordingly to their place in the construct with 3A assembly, ligated, chemically transformed and inoculated on kanamycine agar plates.<br>
| + | |
| - | <br>
| + | |
| - | The O/N grown colorless clones were picked and grown on their own individual plate. Afterwards, colony PCR on all the colonies showed a positive result for assembled: <i>P2+RBS</i>, <i>pLAS+RBS</i>, <i>GFP+Dterm</i>.<br>
| + | |
| - | <br>
| + | |
| - | After the colony PCR, another one was done with phusion DNA polymerase, so that the product could be used for a second assembly with <i>(P2+RBS)+(GFP+Dterm)</i> and <i>(pLAS+RBS)+(GFP+Dterm)</i>
| + | |
| - | corresponding in only a few clones which gave negative results after colony PCR.<br>
| + | |
| - | Therefore, another assembly with the constructs should be done.
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - | Primers came in and were prepared accordingly.<br>
| + | |
| - | <br>
| + | |
| - | The synthetic gene <i>ssUSP45dspB</i>, which arrived from IDT, was prepared according to the protocol made by IDT.
| + | |
| - | 1 µl of pSB1C3 was cut with <i>EcoRI</i> & <i>PstI</i>. The digestion mix ran on a agarose gel, afterwhich gel purification of the linearized backbone occurred.
| + | |
| - | 70ng of vector was used to ligate <i>ssUSP45dspB</i>. <br>
| + | |
| - | <br>
| + | |
| - | The yield of transformants was very low after transforming the ligation mixture and growing the bacteria.
| + | |
| - | Only one colony contained the ssUSP45dspB according to gel.<br>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 5 (25 – 29 august):</b> <br>
| + | |
| - | <b>goal:</b> obtaining a construct with the promotors and GFP for promotor analysis in <i>L. lactis</i>.<br>
| + | |
| - | <br>
| + | |
| - | All the clones containing the constructs with <i>p2+rbs, pLAS+rbs</i> and<i> gfp+Dterm</i>were grown again to be miniprepped. After this, these products, including <i>ssUSP45dspB</i> ran on a gel showing that <i>p2+rbs</i> and <i>pLAS+rbs</i> had the correct size, but <i>ssUSP45dspB</i> and <i>gfp+Dterm</i> didn’t had the correct size.<br>
| + | |
| - | <br>
| + | |
| - | Again, the gblock of <i>ssUSP45dspB</i> was cloned with the digestion mix, and again rendering negative results.<br>
| + | |
| - | <br>
| + | |
| - | After a couple of failures with the small amount of gblocks which has been given, PCR was done on 1µl of the digestion mixture. The products which were produced were: <i>ssUSP45</i> and <i>ssUSP45dspB</i> without his-tag. <br>
| + | |
| - | <br>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>week 6: (1 – 5 september)</b><br>
| + | |
| - | <b>goal:</b> obtain <i>ssUSP45dspB</i> in pSB1C3 biobrick and <i>ssUSP45aiiA</i> in pSB1C3 biobrick.<br>
| + | |
| - | <br>
| + | |
| - | Because of the very low amount of gblocks given, a decision was made to do a PCR directly on the product itself, therefor multiplying it exponentially. <br>
| + | |
| - | 2 series of PCR ran: <br>
| + | |
| - | <br>
| + | |
| - | <b>1.</b> Amplification of gblock in 50µl reaction.<br>
| + | |
| - | <b>2.</b> amplification of product: 10*50 µl reaction.<br>
| + | |
| - | The products were ligated into 70ng of pSB1C3 and transformed into <i>E. coli </i>.
| + | |
| - | Another PCR was done with the amplificated PCR product of <i>ssUSPdspB</i>, these products were:<br>
| + | |
| - | <br>
| + | |
| - | <b>1.</b> the signal sequence of <i>USP45</i><br>
| + | |
| - | <b>2.</b> the gblock without HIS-tag.<br>
| + | |
| - | These products were also ligated into pSB1C3 and transformed into <i>E. coli</i>.<br>
| + | |
| - | <br>
| + | |
| - | 20 nucleotide overhangs were created on <i>aiiA</i>, making it ready for Gibson assembly<br>
| + | |
| - | Afterwards, Gibson assembly had been done with modified <i>aiiA</i> and the signal sequence of <i>USP45</i> making <i>ssUSP45aiiA</i>. to enhance the chances of successfully ligating the Gibson product into pSB1C3, PCR was done on the final gibson product. <br>
| + | |
| - | The PCR product was checked on gel, giving positive results for presence of <i>ssUSP45aiiA</i>, then it got ligated into pSB1C3 and transformed Into <i>E. coli</i> as well.
| + | |
| - | <br>
| + | |
| - | Results of the transformed <i>E. coli </i>gave a yield of 40% of possible clones.<br>
| + | |
| - | Colony PCR was done on them with the regular pSB1C3 test primers, but no product was seen. Therefor 40 possible clones were grown O/N and miniprepped the next week.<br>
| + | |
| - | <br>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 7 (8 – 12 september)</b><br>
| + | |
| - | <b>Goal:</b> analysis of the possible made Biobricks. <br>
| + | |
| - | <br>
| + | |
| - | All the O/N cultures were miniprepped. The possible plasmids were cut with EcoRI and SpeI. After running on gel, the result showed us that 20 of the 40 clones contained all the biobricks, though with a low yield of plasmids.<br>
| + | |
| - | <br>
| + | |
| - | A new strategy of assembling has been prepared and primers for this strategy have been made. <br>
| + | |
| - | <br>
| + | |
| - | All the Biobricks were send for sequencing. <br>
| + | |
| - | | + | |
| - | </p>
| + | |
| - | | + | |
| - | | + | |
| - | </span>
| + | |
| - | <span id="content_notebook_bandage" class="visibilitytoggle content_notebook_bandage">
| + | |
| - | <p><b>Week 1 (2-4 July)</b><br>
| + | |
| - | Two strains of <i>L. lactis</i> (NZ9800 & NZ9700) were freeze dried and kept in -80 to see if they could be revived the next week.
| + | |
| - | <p>
| + | |
| - | </p>
| + | |
| - | <b>Week 2 (7-11 July)</b><br>
| + | |
| - | Growth of the two <i>L. lactis</i> strains was tested by resuspending them in medium and letting them grow overnight. They grew very fast. The experiment was repeated with a lower starting concentration, and they still grew very fast.
| + | |
| - | <p>
| + | |
| - | </p>
| + | |
| - | <b>Week 3 (14-18 July)</b><br>
| + | |
| - | (Nothing)
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 4 (21-25 July)</b><br>
| + | |
| - | A culture of <i>L. lactis</i> was made to put in polyacrylamide gels.<br>
| + | |
| - | Polyacrylamide gels were made at 15, 20, 25 and 30% polyacrylamide with <i>L. lactis</i> in it to see if the bacteria grow in the gel. They grew best in 20% polyacrylamide, thus a new gel with bacteria in it was made. A quarter was freeze dried immediately, another quarter was incubated for 45 minutes at 37 degrees, ther other two quarters were incubated overnight.<br>
| + | |
| - | Cells were found in all quarters.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/b/b6/Beforefreezedry.jpg" width=500px></img><br>
| + | |
| - | <i>Image 1: One quarter of PAA gel before freezedrying</i>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/a/a9/Afterfreezedry.jpg" width=500px></img>
| + | |
| - | <i>Image 2: One quarter of PAA gel after freeze drying</i>
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 5 (28 July-1 August)</b><br>
| + | |
| - | A stock solution was made of pNZ8048G, a strain containing GFP. It was tested by activating the GFP with ZnSO4.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 6 (4-8 August)</b><br>
| + | |
| - | To increase survival of <i>L. lactis</i>, a new gel was made on ice. The gel did not solidify. Another gel was made with the GFP strain inside, but the GFP did not show when activated with ZnSO4.</p>
| + | |
| - | </span>
| + | |
| - | <span id="content_notebook_biobricks" class="visibilitytoggle content_notebook_biobricks">
| + | |
| - | <p><b>Week 1 (2-4 July)</b><br>
| + | |
| - | An overview of necessities was made.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 2 (7-11 July)</b><br>
| + | |
| - | Primers were designed for the Nisin operon and superfolded GFP.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 3 (14-18 July)</b><br>
| + | |
| - | The plasmid pSB1C3 containing the CP promotor was isolated.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 4 (21-25 July)</b><br>
| + | |
| - | Gibson assembly primers were designed for the removal of illegal sites from biobricked genes.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 5 (28 July-1 August)</b><br>
| + | |
| - | The insertsize of the pSB1C3 plasmid was verified.<br>
| + | |
| - | The genes PNisA, NisA and sfGFP(Bs) were successfully amplified according to their product size.<br>
| + | |
| - | PNisI, NisA and sfGFP(Bs) were purified. PNisI, NisA, sfGFP(Bs) and pSB1C3 were then restricted to create overhangs.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 6 (4-8 August)</b><br>
| + | |
| - | A PCR was performed with a longer elongation time and turned into a ‘touch up’ PCR, in which the first 20 steps let the annealing temperature rise from 40 to 60 °C and the PCR ends with 20 cycles with an annealing temperature of 65 °C. Also two further series of PCRs was performed, one with GC buffer and one with GC buffer and 1.5% DMSO. Now all the genes got amplified.
| + | |
| - | </p>
| + | |
| - | <p>
| + | |
| - | <b>Week 7 (11-15 August)</b><br>
| + | |
| - | The PCR of NisRK was repeated twice, the first failed because of an overload of template DNA. The diluted version did work.
| + | |
| - | </p></span>
| + | |
| - | <span id="content_notebook_protocols" class="visibilitytoggle content_notebook_protocols"><p>Sorry, nothing here yet, but look at the bandage and biobrick notebooks!</p></span>
| + | |
| - |
| + | |
| - | <span id="content_safety_safety" class="visibilitytoggle content_safety_safety"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | | + | |
| - | <span id="content_artanddesign_art" class="visibilitytoggle content_artanddesign_art"><p>
| + | |
| - | An early sketch for a logo and the first name/combo idea:<br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/0/0b/Quick_sketch.jpg" width=350px></img>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/e/e4/Logo_v4_transparent.png" width=350px></img><br>
| + | |
| - | The first appearance of our distinctive phoenix:<br>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2014/c/c1/Phoenix.png" width=350px></img><br>
| + | |
| - | </p></span>
| + | |
| - | | + | |
| - | <span id="content_awards_awards" class="visibilitytoggle content_awards_awards">
| + | |
| - | <div id="virginiabadge">
| + | |
| - | <a href=
| + | |
| - | "https://2014.igem.org/Team:Virginia/HumanPractices"><img height="180"
| + | |
| - | src="https://static.igem.org/mediawiki/2014/b/b0/Virginia_Transparent.png"
| + | |
| - | width="250"></a>
| + | |
| - | </div></span>
| + | |
| - | <span id="content_awards_checklist" class="visibilitytoggle content_awards_checklist"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | <span id="content_acknowledgements_acknowledgements" class="visibilitytoggle content_acknowledgements_acknowledgements"><p>Sorry, nothing here yet!</p></span>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="noscroll">
| + | |
| - | <div id="languagemenubox"></div>
| + | |
| - | <div id="titlebox">
| + | |
| - | <div id="title_home" class="visibilitytoggle content_home">
| + | |
| - | <h1>Home</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_home_english" class="visibilitytoggle content_home_english">
| + | |
| - | <h1>Abstract/English</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_chinese" class="visibilitytoggle content_chinese">
| + | |
| - | <h1>Abstract/Chinese</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_dutch" class="visibilitytoggle content_dutch">
| + | |
| - | <h1>Abstract/Dutch</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_finnish" class="visibilitytoggle content_home_finnish">
| + | |
| - | <h1>Abstract/Finnish</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_french" class="visibilitytoggle content_home_french">
| + | |
| - | <h1>Abstract/French</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_hindi" class="visibilitytoggle content_home_hindi">
| + | |
| - | <h1>Abstract/Hindi</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_norwegian" class="visibilitytoggle content_home_norwegian">
| + | |
| - | <h1>Abstract/Norwegian</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_polish" class="visibilitytoggle content_home_polish">
| + | |
| - | <h1>Abstract/Polish</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_portuguese" class="visibilitytoggle content_home_portuguese">
| + | |
| - | <h1>Abstract/Portuguese</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="title_buildingmaual" class="visibilitytoggle content_buildingmanual">
| + | |
| - | <h1>The building manual</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_project')[0].click();jQuery('#menu_project_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="title_project_overview" class="visibilitytoggle content_project_overview">
| + | |
| - | <h1>Project/Overview</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project_detection')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_modelling')[0].click();jQuery('#menu_modelling_model1')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_project_detection" class="visibilitytoggle content_project_detection">
| + | |
| - | <h1>Project/Detection</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project_secretion')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_modelling')[0].click();jQuery('#menu_modelling_model1')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_project_secretion" class="visibilitytoggle content_project_secretion">
| + | |
| - | <h1>Project/Secretion</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_project_bandage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_modelling')[0].click();jQuery('#menu_modelling_model1')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_project_bandage" class="visibilitytoggle content_project_bandage">
| + | |
| - | <h1>Project/The Bandage</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_modelling')[0].click();jQuery('#menu_modelling_model1')[0].click();""></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_modelling')[0].click();jQuery('#menu_modelling_model1')[0].click();""></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="title_modelling_model1" class="visibilitytoggle content_modelling_model1">
| + | |
| - | <h1>Modelling/Model 1</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_modelling_model2')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_policyandpractice')[0].click();jQuery('#menu_policyandpractice_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_modelling_model2" class="visibilitytoggle content_modelling_model2">
| + | |
| - | <h1>Modelling/Model 2</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice')[0].click();jQuery('#menu_policyandpractice_overview')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_policyandpractice')[0].click();jQuery('#menu_policyandpractice_overview')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | <div id="title_policyandpractice_overview" class="visibilitytoggle content_policyandpractice_overview">
| + | |
| - | <h1>Policy & practice/Overview</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_futureperspectives')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_futureperspectives" class="visibilitytoggle content_policyandpractice_futureperspectives">
| + | |
| - | <h1>Policy & practice/Future Perspectives</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_martinihospital')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_futureperspectives" class="visibilitytoggle content_policyandpractice_scenario">
| + | |
| - | <h1>Policy & practice/Future Perspectives/Scenario</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_martinihospital')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_futureperspectives" class="visibilitytoggle content_policyandpractice_vignette">
| + | |
| - | <h1>Policy & practice/Future Perspectives/Vignette</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_martinihospital')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_martinihospital" class="visibilitytoggle content_policyandpractice_martinihospital">
| + | |
| - | <h1>Policy & practice/Martinihospital</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_events')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_martinihospital" class="visibilitytoggle content_policyandpractice_martinihospital_interview1">
| + | |
| - | <h1>Policy & practice/Martinihospital/Interview one</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_events')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_martinihospital" class="visibilitytoggle content_policyandpractice_martinihospital_interview2">
| + | |
| - | <h1>Policy & practice/Martinihospital/Interview two</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_events')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_martinihospital" class="visibilitytoggle content_policyandpractice_martinihospital_visit1">
| + | |
| - | <h1>Policy & practice/Martinihospital/Visit one</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_events')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_martinihospital" class="visibilitytoggle content_policyandpractice_martinihospital_visit2">
| + | |
| - | <h1>Policy & practice/Martinihospital/Visit two</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_events')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_events">
| + | |
| - | <h1>Policy & practice/Events</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_rivm">
| + | |
| - | <h1>Policy & practice/Events/RIVM</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_fallingwalls">
| + | |
| - | <h1>Policy & practice/Events/Falling walls</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_discoveryfestival">
| + | |
| - | <h1>Policy & practice/Events/Discovery Festival</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_ted">
| + | |
| - | <h1>Policy & practice/Events/TEDx</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_1stmeetup">
| + | |
| - | <h1>Policy & practice/Events/First national meetup</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_nightofartandscience">
| + | |
| - | <h1>Policy & practice/Events/Night of art and science</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_highschoolvisit">
| + | |
| - | <h1>Policy & practice/Events/High school visit</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_3highschoolers">
| + | |
| - | <h1>Policy & practice/Events/Three high school students</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_2ndmeetup">
| + | |
| - | <h1>Policy & practice/Events/Second national meetup</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_events" class="visibilitytoggle content_policyandpractice_fundraiser">
| + | |
| - | <h1>Policy & practice/Events/fundraiser</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_newscoverage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="title_policyandpractice_newscoverage" class="visibilitytoggle content_policyandpractice_newscoverage">
| + | |
| - | <h1>Policy & practice/Media coverage</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_policyandpractice_survey')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_policyandpractice_survey" class="visibilitytoggle content_policyandpractice_survey">
| + | |
| - | <h1>Policy & practice/Survey</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_education')[0].click();jQuery('#menu_education_syntheticbiology')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="title_education_syntheticbiology" class="visibilitytoggle content_education_syntheticbiology">
| + | |
| - | <h1>Education/Synthetic biology</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_education_lactococcuslactis')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_team')[0].click();jQuery('#menu_team_teammembers')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_education_burnwounds" class="visibilitytoggle content_education_lactococcuslactis">
| + | |
| - | <h1>Education/<i>Lactococcus lactis</i></h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_education_burnwounds')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_team')[0].click();jQuery('#menu_team_teammembers')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_education_burnwounds" class="visibilitytoggle content_education_burnwounds">
| + | |
| - | <h1>Education/Burn wounds</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page"
| + | |
| - | onclick="jQuery('#menu_education_antibioticresistance')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_team')[0].click();jQuery('#menu_team_teammembers')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_education_antibioticresistance" class="visibilitytoggle content_education_antibioticresistance">
| + | |
| - | <h1>Education/Antibiotic resistance</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_team')[0].click();jQuery('#menu_team_teammembers')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_team')[0].click();jQuery('#menu_team_teammembers')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="title_team_teammembers" class="visibilitytoggle content_team_teammembers">
| + | |
| - | <h1>Team/Team members</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_team_instructors_and_supervisors')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_parts')[0].click();jQuery('#menu_parts_biobricks')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_team_instructors_and_supervisors" class="visibilitytoggle content_team_instructors_and_supervisors">
| + | |
| - | <h1>Team/Instructors_and_supervisors</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_team')[0].click();jQuery('#menu_team_photogallery')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_parts')[0].click();jQuery('#menu_parts_biobricks')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_team_photogallery" class="visibilitytoggle content_team_photogallery">
| + | |
| - | <h1>Team/Photogallery</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_parts')[0].click();jQuery('#menu_parts_biobricks')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_parts')[0].click();jQuery('#menu_parts_biobricks')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | <div id="title_parts_biobricks" class="visibilitytoggle content_parts_biobricks">
| + | |
| - | <h1>Parts/Biobricks</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_notebook')[0].click();jQuery('#menu_notebook_detection')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_notebook')[0].click();jQuery('#menu_notebook_detection')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="title_notebook_detection" class="visibilitytoggle content_notebook_detection">
| + | |
| - | <h1>Notebook/Detection</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_notebook_secretion')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_safety')[0].click();jQuery('#menu_safety_safety')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_notebook_secretion" class="visibilitytoggle content_notebook_secretion">
| + | |
| - | <h1>Notebook/Secretion</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_notebook_bandage')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_safety')[0].click();jQuery('#menu_safety_safety')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_notebook_bandage" class="visibilitytoggle content_notebook_bandage">
| + | |
| - | <h1>Notebook/The bandage</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_notebook_biobricks')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_safety')[0].click();jQuery('#menu_safety_safety')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_notebook_biobricks" class="visibilitytoggle content_notebook_biobricks">
| + | |
| - | <h1>Notebook/biobricks</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_notebook_protocols')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_safety')[0].click();jQuery('#menu_safety_safety')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_notebook_protocols" class="visibilitytoggle content_notebook_protocols">
| + | |
| - | <h1>Notebook/Protocols</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_safety')[0].click();jQuery('#menu_safety_safety')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_safety')[0].click();jQuery('#menu_safety_safety')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="title_safety_safety" class="visibilitytoggle content_safety_safety">
| + | |
| - | <h1>Safety</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_artanddesign')[0].click();jQuery('#menu_artanddesign_art')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_artanddesign')[0].click();jQuery('#menu_artanddesign_art')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | <div id="title_artanddesign_art" class="visibilitytoggle content_artanddesign_art">
| + | |
| - | <h1>Art and design</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_awards')[0].click();jQuery('#menu_awards_awards')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_awards')[0].click();jQuery('#menu_awards_awards')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="title_awards_awards" class="visibilitytoggle content_awards_awards">
| + | |
| - | <h1>Awards/Awards</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_awards_checklist')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_acknowledgements')[0].click();jQuery('#menu_acknowledgements_acknowledgements')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | <div id="title_awards" class="visibilitytoggle content_awards_checklist">
| + | |
| - | <h1>Awards/Checklist</h1>
| + | |
| - | <img class="nextpagebutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="next page" onclick="jQuery('#menu_acknowledgements_acknowledgements')[0].click();"></img>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="fast forward" onclick="jQuery('#menu_acknowledgements')[0].click();jQuery('#menu_acknowledgements_acknowledgements')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | <div id="title_acknowledgements_acknowledgements" class="visibilitytoggle content_acknowledgements_acknowledgements">
| + | |
| - | <h1>Acknowledgements</h1>
| + | |
| - | <img class="nextchapterbutton" src="https://static.igem.org/mediawiki/2014/1/17/Emptyimage.png" title="Home" onclick="jQuery('#menu_home')[0].click();"></img>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="navigationmenubox">
| + | |
| - | <font face="verdana">
| + | |
| - | <div id="navigationmenu">
| + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_home" onclick="changevisibility('content_home')">Home</span>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_project">Project</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_project_overview" class="sub-menu-item" onclick="changevisibility('content_project_overview')">
| + | |
| - | Overview
| + | |
| - | </div>
| + | |
| - | <div id="menu_project_detection" class="sub-menu-item" onclick="changevisibility('content_project_detection')">
| + | |
| - | Detection
| + | |
| - | </div>
| + | |
| - | <div id="menu_project_secretion" class="sub-menu-item" onclick="changevisibility('content_project_secretion')">
| + | |
| - | Secretion
| + | |
| - | </div>
| + | |
| - | <div id="menu_project_bandage" class="sub-menu-item" onclick="changevisibility('content_project_bandage')">
| + | |
| - | The bandage
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_modelling">Modelling</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_modelling_model1" class="sub-menu-item" onclick="changevisibility('content_modelling_model1')">
| + | |
| - | Model 1
| + | |
| - | </div>
| + | |
| - | <div id="menu_modelling_model2" class="sub-menu-item" onclick="changevisibility('content_modelling_model2')">
| + | |
| - | Model 2
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_policyandpractice">Policy and practice</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_policyandpractice_overview" class="sub-menu-item" onclick="changevisibility('content_policyandpractice_overview')">
| + | |
| - | Overview
| + | |
| - | </div>
| + | |
| - | <div id="menu_policyandpractice_futureperspectives" class="sub-menu-item" onclick="changevisibility('content_policyandpractice_futureperspectives')">
| + | |
| - | Future perspectives
| + | |
| - | </div>
| + | |
| - | <div id="menu_policyandpractice_martinihospital" class="sub-menu-item" onclick="changevisibility('content_policyandpractice_martinihospital')">
| + | |
| - | Martini Hospital
| + | |
| - | </div>
| + | |
| - | <div id="menu_policyandpractice_events" class="sub-menu-item" onclick="changevisibility('content_policyandpractice_events')">
| + | |
| - | Events
| + | |
| - | </div>
| + | |
| - | <div id="menu_policyandpractice_newscoverage" class="sub-menu-item" onclick="changevisibility('content_policyandpractice_newscoverage')">
| + | |
| - | Media Coverage
| + | |
| - | </div>
| + | |
| - | <div id="menu_policyandpractice_survey" class="sub-menu-item" onclick="changevisibility('content_policyandpractice_survey')">
| + | |
| - | Survey
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_education"> Education</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_education_syntheticbiology" class="sub-menu-item" onclick="changevisibility('content_education_syntheticbiology')">
| + | |
| - | Synthetic biology
| + | |
| - | </div>
| + | |
| - | <div id="menu_education_lactococcuslactis" class="sub-menu-item" onclick="changevisibility('content_education_lactococcuslactis')">
| + | |
| - | Lactococcus lactis
| + | |
| - | </div>
| + | |
| - | <div id="menu_education_burnwounds" class="sub-menu-item" onclick="changevisibility('content_education_burnwounds')">
| + | |
| - | Burn wounds
| + | |
| - | </div>
| + | |
| - | <div id="menu_education_antibioticresistance" class="sub-menu-item" onclick="changevisibility('content_education_antibioticresistance')">
| + | |
| - | Antibiotic resistance
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_team">Team</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_team_teammembers" class="sub-menu-item" onclick="changevisibility('content_team_teammembers')">
| + | |
| - | Team members
| + | |
| - | </div>
| + | |
| - | <div id="menu_team_instructors_and_supervisors" class="sub-menu-item" onclick="changevisibility('content_team_instructors_and_supervisors')">
| + | |
| - | Instructors & supervisors
| + | |
| - | </div>
| + | |
| - | <div id="menu_team_photogallery" class="sub-menu-item" onclick="changevisibility('content_team_photogallery')">
| + | |
| - | Photogallery
| + | |
| - | </div>
| + | |
| - | <div class="sub-menu-item">
| + | |
| - | <a href="https://igem.org/Team.cgi?year=2014&team_name=Groningen">iGEM team profile</a>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_parts">Parts</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_parts_biobricks" class="sub-menu-item" onclick="changevisibility('content_parts_biobricks')">
| + | |
| - | Biobricks
| + | |
| - | </div>
| + | |
| - | <div class="sub-menu-item">
| + | |
| - | iGEM parts page
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_notebook">Notebook</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_notebook_detection" class="sub-menu-item" onclick="changevisibility('content_notebook_detection')">
| + | |
| - | Detection
| + | |
| - | </div>
| + | |
| - | <div id="menu_notebook_secretion" class="sub-menu-item" onclick="changevisibility('content_notebook_secretion')">
| + | |
| - | Secretion
| + | |
| - | </div>
| + | |
| - | <div id="menu_notebook_bandage" class="sub-menu-item" onclick="changevisibility('content_notebook_bandage')">
| + | |
| - | The bandage
| + | |
| - | </div>
| + | |
| - | <div id="menu_notebook_biobricks" class="sub-menu-item" onclick="changevisibility('content_notebook_biobricks')">
| + | |
| - | Biobricks
| + | |
| - | </div>
| + | |
| - | <div id="menu_notebook_protocols" class="sub-menu-item" onclick="changevisibility('content_notebook_protocols')">
| + | |
| - | Protocols
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item"">
| + | |
| - | <span id="menu_safety">Safety</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_safety_safety" class="sub-menu-item" onclick="changevisibility('content_safety_safety')">
| + | |
| - | Safety
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_artanddesign">Art and design</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_artanddesign_art" class="sub-menu-item" onclick="changevisibility('content_artanddesign_art')">
| + | |
| - | Art
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_awards">Awards</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_awards_awards" class="sub-menu-item" onclick="changevisibility('content_awards_awards')">
| + | |
| - | Awards
| + | |
| - | </div>
| + | |
| - | <div id="menu_awards_checklist" class="sub-menu-item" onclick="changevisibility('content_awards_checklist')">
| + | |
| - | Checklist
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="menu-item">
| + | |
| - | <span id="menu_acknowledgements">Acknowledgements</span>
| + | |
| - | <div class="sub-menu">
| + | |
| - | <div id="menu_acknowledgements_acknowledgements" class="sub-menu-item" onclick="changevisibility('content_acknowledgements_acknowledgements')">
| + | |
| - | Acknowledgements
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </font>
| + | |
| - | | + | |
| - | <script type="text/javascript">
| + | |
| - | window.onload=setupMenu(0,0);
| + | |
| - | </script>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </body>
| + | |
| - | </html>
| + | |
"
