Team:TU Delft/test2

From 2010.igem.org

(Difference between revisions)
Line 25: Line 25:
         </style>
         </style>
-
         <div id="panel_mask">
+
         <div id="content_panel">
-
        <!-- to load pages that are not in the main sliding pages -->
+
-
        <div id="subpage_panel" style="display:hidden;"></div>
+
-
        <div id="panel">
+
         <!-- CONTENT STARTS HERE /-->
         <!-- CONTENT STARTS HERE /-->
-
 
-
            <div id="page_home" class="page_panel">
 
             </html>{{:Team:TU_Delft/pages/home}}<html>
             </html>{{:Team:TU_Delft/pages/home}}<html>
-
            </div>
 
-
           
 
-
            <div id="page_blog" class="page_panel">
 
-
            </html>{{:Team:TU_Delft/pages/blogtest}}<html>
 
-
            </div>
 
-
 
-
            <div id="page_project" class="page_panel">
 
-
            </html>{{:Team:TU_Delft/pages/project}}<html>
 
-
            </div>
 
-
 
-
            <div id="page_team" class="page_panel">
 
-
            </html>{{:Team:TU_Delft/pages/team}}<html>
 
-
            </div>
 
-
 
-
            <div id="page_gallery" class="page_panel">
 
-
            </html>{{:Team:TU_Delft/pages/gallery}}<html>
 
-
            </div>
 
-
 
-
            <div id="page_education" class="page_panel">
 
-
            </html>{{:Team:TU_Delft/pages/education}}<html>
 
-
            </div>
 
-
           
 
-
            <div id="page_sponsors" class="page_panel">
 
-
            </html>{{:Team:TU_Delft/pages/sponsors}}<html>
 
-
            </div>
 
-
 
-
            <div id="page_contact" class="page_panel">
 
-
            </html>{{:Team:TU_Delft/pages/contact}}<html>
 
-
            </div>
 
-
 
         <!-- CONTENT ENDS HERE /-->
         <!-- CONTENT ENDS HERE /-->
-
        </div>
 
         </div>
         </div>
Line 89: Line 53:
var activePage = "</html>{{{contentpage|home}}}<html>";
var activePage = "</html>{{{contentpage|home}}}<html>";
-
var pageCache = {};
 
function setupTabButton(page) {
function setupTabButton(page) {
Line 121: Line 84:
       this.href = this.href.replace("Team:TU_Delft/", wgPageName+ "#/");
       this.href = this.href.replace("Team:TU_Delft/", wgPageName+ "#/");
   });
   });
-
}
 
-
 
-
 
-
var pages = [ "home", "blog", "project", "team", "gallery", "education", "sponsors", "contact" ];
 
-
 
-
function updatePageMaskHeight()
 
-
{
 
-
    var maxHeight = 0;
 
-
    for(var i=0; i<pages.length;i++) {
 
-
      var page=pages[i];
 
-
 
-
      var pgHeight = $("#page_"+page).height();
 
-
      if(pgHeight > maxHeight) maxHeight = pgHeight;
 
-
    }
 
-
 
-
//  $('#panel_mask').height(maxHeight);
 
-
  // $('.page_panel').height(maxHeight);
 
-
  $("#panel_mask").height(2000);
 
}
}
Line 144: Line 89:
// this runs when page is loaded
// this runs when page is loaded
$(function() {  
$(function() {  
-
 
-
    for(var i=0; i<pages.length;i++) {
 
-
      var page=pages[i];
 
-
      setupTabButton(page);
 
/*      if(wgUserName != null) {
/*      if(wgUserName != null) {
Line 154: Line 95:
       }*/
       }*/
     }
     }
-
     $(".page_panel").each(function() { rewriteLinks(this); });
+
     $("#content_panel").each(function() { rewriteLinks(this); });
-
    updatePageMaskHeight();
+
-
 
+
-
    //Set the sub-panel width according to the #mask width (width of #mask and sub-panel must be same)
+
-
    $('#panel .page_panel').width($('#panel_mask').width());
+
// REWRITE SUBMENU ITEM LINKS
// REWRITE SUBMENU ITEM LINKS
Line 164: Line 101:
this.href = this.href.replace("Team:TU_Delft/", wgPageName+ "#/");
this.href = this.href.replace("Team:TU_Delft/", wgPageName+ "#/");
});
});
-
 
-
    //Calculate the total width - sum of all sub-panels width 
 
-
    //Width is generated according to the width of #mask * total of sub-panels
 
-
    $('#panel').width(parseInt($('#panel_mask').width() * $('#panel div').length));
 
   // instead of button click handler, all actions pass through the address bar so history works too
   // instead of button click handler, all actions pass through the address bar so history works too
   $.address.change(function(event) {
   $.address.change(function(event) {
-
       var page = event.value.substring(1);
+
       var page = event.path.substring(1);
       if(page=='') page = activePage;
       if(page=='') page = activePage;
       $(".menu_button_" + activePage).removeClass("menu_button_" + activePage + "_sel");
       $(".menu_button_" + activePage).removeClass("menu_button_" + activePage + "_sel");
       activePage = page;
       activePage = page;
-
 
-
      if($.inArray(page, pages) < 0) {
 
-
        // hide tab content, and load new page
 
-
        var url = wgServer+"/Team:TU_Delft/"+page+"?action=render";
 
-
 
-
        $("#panel").hide(200);
 
         $.get(url, function(data) {
         $.get(url, function(data) {
-
           $("#subpage_panel").html(data).show(200);
+
           $("#content_panel").html(data).show(200);
-
           rewriteLinks($("#subpage_panel"));
+
           rewriteLinks($("#content_panel"));
         });
         });
-
      } else {
 
-
        $("#subpage_panel").hide(200, function() {
 
-
          $("#panel").show(200);
 
-
        });
 
-
 
-
        // remove old page if any, show tab content
 
-
        $(".menu_button_" + activePage).addClass("menu_button_" + activePage + "_sel");
 
-
 
-
        //Get the height of the sub-panel 
 
-
        var panelheight = $("#page_" + page).height();
 
-
 
-
        //Scroll to the correct panel, the panel id is grabbed from the href attribute of the anchor 
 
-
        $('#panel_mask').scrollTo("#page_" + page, 400);
 
-
 
-
        //Resize the height
 
-
//        $('#panel_mask').animate({ 'height': panelheight }, { duration: 50 });
 
       }
       }
   });
   });

Revision as of 13:08, 13 July 2010


 

Our Project

ProjectPic.jpg

This year the TU Delft team will take a more worldly approach by making an attempt on improving the environment by creating biobricks that will facilitate hydrocarbon degradation in aqueous environments. See our project description or follow us on our blog.


TU Delft iGEM Team 2010

I-GEM TU 2010-08-26 32.jpg

We've got our team together! 9 undergraduate students of the Delft Technical University have cleared their schedules until (at least) September in order to work on iGEM. Most of us have backgrounds in Life Sciences and Biotechnology, but we also have a Bioinformatician on our side. Besides Synthetic Biology we also share a passion for playing music. Want to get to know us? Have a look at our team page

Media attention

IGEMTUDELFT2010Nightofthenerds.PNG
TU Delft DSC4826.jpg
TU Delft Pieter.jpg

The iGEM TU Delft team is getting more and more popular!

2010-10-09: Eva & Nadine in the Dutch national newspaper 'Volkskrant' [http://www.volkskrant.nl/vk-online/VK/20101011___/1_010/VK_20101011_section1_page010_article4.html#original Read here (dutch)]

2010-06-17: A short video was recorded about our team and synthetic biology by Nanopodium, a platform for exchanging thoughts, ideas, opinions and best practices on nanotechnology. The video is coming soon on youtube, to read more on Nanopodium itself, click here

2010-06-16: iGEM TU Delft on Dutch national TV (NOS news)! Watch [http://nos.nl/video/165297-studenten-onderzoeken-olieruimende-bacterie.html here] in Dutch and [http://www.youtube.com/watch?v=Xl26Z3RWZAo here] with English subtitles.

2010-06-16: Dutch national radio. Listen here, or go to the [http://headlines.nos.nl/forum.php/list_messages/20585 NOS news item].

2010-05-27: The TU Delta, a weekly magazine of the Delft Technical University, published an article about our team. You can find the article [http://www.delta.tudelft.nl/nl/wetenschap/green-solution-for-oil-spills/21312 here]

Oil Sands Initiative

Our project is sponsored by a grant from Oil Sands Initiative. We are grateful to the following sponsors:

 

Retrieved from "http://2010.igem.org/Team:TU_Delft/test2"