Team:Waterloo

From 2013.igem.org

(Difference between revisions)
(Link formatting and navbar colour changes. Fetching notebook from an uploaded file now and dynamically generating sublinks.)
(Added lab photos.)
Line 64: Line 64:
       }
       }
       #pageContainer {
       #pageContainer {
 +
      }
 +
      .pageScrolling .page img {
 +
        visibility: hidden;
       }
       }
       .page {
       .page {
Line 196: Line 199:
       .headshot {
       .headshot {
         /*width: 100px;*/
         /*width: 100px;*/
-
         height: 150px;
+
         /*height: 150px;*/
       }
       }
       .headshotCaption {
       .headshotCaption {
Line 250: Line 253:
   var NUM_PAGES = 9;
   var NUM_PAGES = 9;
   var NUM_LAYERS = 2;
   var NUM_LAYERS = 2;
 +
  var is_scrolling = false;
   // TODO - put all asset urls in one place
   // TODO - put all asset urls in one place
Line 302: Line 306:
   };
   };
   NavBar.prototype.render = function() {
   NavBar.prototype.render = function() {
-
    //var container = $('<div class="navBar" />');
 
     var page_links = $('<ul class="pageLinks" />');
     var page_links = $('<ul class="pageLinks" />');
     for (var i = 0; i < this.links.length; i++) {
     for (var i = 0; i < this.links.length; i++) {
Line 321: Line 324:
       page_links.append(link_wrapper);
       page_links.append(link_wrapper);
     }
     }
-
    //container.append(page_links);
 
     return page_links;
     return page_links;
   };
   };
Line 409: Line 411:
   }
   }
-
   function createPhotoGrid(names_to_urls, cols) {
+
   function createPhotoGrid(names_to_urls, cols, img_height) {
     var root = $('<div><div/>');
     var root = $('<div><div/>');
     var oncol = 0;
     var oncol = 0;
Line 419: Line 421:
       }
       }
       var url = names_to_urls[name];
       var url = names_to_urls[name];
-
       root.append($('<div class="headshotWrapper"><img class="headshot" src="{1}" /><div class="headshotCaption">{0}</div></div>'.format(name, url)));
+
      var showing_name = name[0] !== '_';
 +
       root.append($('<div class="headshotWrapper"><img class="headshot" style="height: {2}px" src="{1}" />{0}</div>'.format(showing_name ? '<div class="headshotCaption">{0}</div>'.format(name) : '', url, img_height)));
       oncol++;
       oncol++;
     }
     }
Line 426: Line 429:
   function setupPhotos() {
   function setupPhotos() {
-
     var setupGroup = function(id, grid_data) {
+
     var setupGroup = function(id, cols, img_height, grid_data) {
-
       $(id).append(createPhotoGrid(grid_data, 3));
+
       $(id).append(createPhotoGrid(grid_data, cols, img_height));
     };
     };
-
     setupGroup('#administratorPhotos',
+
     setupGroup('#administratorPhotos', 3, 150,
       {
       {
         'Peter': 'https://static.igem.org/mediawiki/2013/5/5b/Waterloo_Peter_Hong.jpg',
         'Peter': 'https://static.igem.org/mediawiki/2013/5/5b/Waterloo_Peter_Hong.jpg',
Line 435: Line 438:
       }
       }
     );
     );
-
     setupGroup('#advisorPhotos',
+
     setupGroup('#advisorPhotos', 4, 150,
       {
       {
         'Brian Ingalls': 'https://static.igem.org/mediawiki/2013/b/be/Brian_Ingalls.jpg',
         'Brian Ingalls': 'https://static.igem.org/mediawiki/2013/b/be/Brian_Ingalls.jpg',
         'Marc Aucoin': 'https://static.igem.org/mediawiki/2013/b/ba/Marc_Aucoin.jpg',
         'Marc Aucoin': 'https://static.igem.org/mediawiki/2013/b/ba/Marc_Aucoin.jpg',
-
         'Trevor Charles': 'https://static.igem.org/mediawiki/2013/7/74/Trevor_Charles.jpg'
+
         'Trevor Charles': 'https://static.igem.org/mediawiki/2013/7/74/Trevor_Charles.jpg',
 +
        'Barbara Moffet': 'https://static.igem.org/mediawiki/igem.org/e/e3/Barbara_Moffatt.jpg'
       }
       }
     );
     );
-
     setupGroup('#labTeamPhotos',
+
     setupGroup('#labTeamPhotos', 3, 150,
       {
       {
         'Paul': 'https://static.igem.org/mediawiki/2013/b/bd/Waterloo_paul.JPG',
         'Paul': 'https://static.igem.org/mediawiki/2013/b/bd/Waterloo_paul.JPG',
Line 458: Line 462:
       }
       }
     );
     );
-
    setupGroup('#mathModellingTeamPhotos', {});
 
-
    setupGroup('#humanPracticesTeamPhotos', {});
 
     // TODO
     // TODO
-
     setupGroup('#intentToInventPhotos', {});
+
    setupGroup('#mathModellingTeamPhotos', 1, 150, {});
-
     setupGroup('#labPhotos', {});
+
    setupGroup('#humanPracticesTeamPhotos', 1, 150, {});
 +
     setupGroup('#intentToInventPhotos', 1, 400, {});
 +
     setupGroup('#labPhotos', 1, 350,
 +
      {
 +
        _0: 'https://static.igem.org/mediawiki/igem.org/4/4c/Waterloo_lab-0.jpg',
 +
        _1: 'https://static.igem.org/mediawiki/igem.org/9/99/Waterloo_lab-1.jpg',
 +
        _2: 'https://static.igem.org/mediawiki/igem.org/4/4f/Waterloo_lab-2.jpg',
 +
        _3: 'https://static.igem.org/mediawiki/igem.org/5/57/Waterloo_lab-3.jpg',
 +
        _4: 'https://static.igem.org/mediawiki/igem.org/2/23/Waterloo_lab-4.jpg',
 +
        _5: 'https://static.igem.org/mediawiki/igem.org/8/87/Waterloo_lab-5.jpg',
 +
        _6: 'https://static.igem.org/mediawiki/igem.org/4/46/Waterloo_lab-6.jpg',
 +
        _8: 'https://static.igem.org/mediawiki/igem.org/c/cc/Waterloo_lab-8.jpg',
 +
        _9: 'https://static.igem.org/mediawiki/igem.org/a/a7/Waterloo_lab-9.jpg',
 +
        _10: 'https://static.igem.org/mediawiki/igem.org/0/0c/Waterloo_lab-10.jpg',
 +
        _11: 'https://static.igem.org/mediawiki/igem.org/7/7c/Waterloo_lab-11.jpg',
 +
        _12: 'https://static.igem.org/mediawiki/igem.org/5/5b/Waterloo_lab-12.jpg',
 +
        _13: 'https://static.igem.org/mediawiki/igem.org/5/55/Waterloo_lab-13.jpg',
 +
        _14: 'https://static.igem.org/mediawiki/igem.org/c/ce/Waterloo_lab-14.jpg',
 +
        _15: 'https://static.igem.org/mediawiki/igem.org/0/0e/Waterloo_lab-15.jpg'
 +
      }
 +
    );
   }
   }
Line 500: Line 522:
-
   $.fx.interval = 40;
+
   //$.fx.interval = 40;
   $.easing.easeOutCubic = function(x, t, b, c, d) {
   $.easing.easeOutCubic = function(x, t, b, c, d) {
     return c*((t=t/d-1)*t*t + 1) + b;
     return c*((t=t/d-1)*t*t + 1) + b;
Line 518: Line 540:
       */
       */
-
       $('#layer' + layer).animate({left: new_left_layer},  
+
      var hide_scrolling_images = false;
 +
 
 +
      if (!is_scrolling) {
 +
        is_scrolling = true;
 +
        if (hide_scrolling_images) {
 +
          $('#pageContainer').addClass('pageScrolling');
 +
        }
 +
      }
 +
       $('#layer' + layer).stop().animate(
 +
        {
 +
          left: new_left_layer
 +
        },
         {
         {
           'duration': 1000,
           'duration': 1000,
           'easing': 'easeOutCubic',
           'easing': 'easeOutCubic',
           'queue': false,
           'queue': false,
-
           'complete': complete
+
           'complete': function() {
 +
            if (is_scrolling) {
 +
              is_scrolling = false;
 +
              if (hide_scrolling_images) {
 +
                $('#pageContainer').removeClass('pageScrolling');
 +
              }
 +
            }
 +
            complete();
 +
          }
         }
         }
       );
       );
Line 612: Line 653:
     var logo = $('#p-logo')
     var logo = $('#p-logo')
     if (logo) {
     if (logo) {
-
    var new_logo_img = $('<img src="{0}"/>'.format(logo_url));
+
      var new_logo_img = $('<img src="{0}"/>'.format(logo_url));
       new_logo_img.css('height', '150px');
       new_logo_img.css('height', '150px');
       var new_logo = $('<a href="#/Home">');
       var new_logo = $('<a href="#/Home">');

Revision as of 06:41, 29 July 2013

Abstract

This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract. This is the abstract.

Video

Results

Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results Results.

Future Aspirations

Biobricks

Switch Modelling

x y z

Population & Infection Modelling

a b c

Phage Particle Production Modelling

a b c

Intent to Invent

Vlogs

Special Project

Intent to Invent

Laboratory

Safety

This page is still in progress

Sponsors

Administrators

Advisors

Lab & Design

Human Practices

Math & Modelling

 

Retrieved from "http://2013.igem.org/Team:Waterloo"