Team:Waterloo

From 2013.igem.org

(Difference between revisions)
(Trying out horizontal menu on top. Notebook parsing now works with any line endings.)
Line 99: Line 99:
       .pageStuff {
       .pageStuff {
         color: white;
         color: white;
-
         width: 685px;
+
         width: 900px;
-
         height: 750px;
+
         height: 650px;
-
         margin-left: 745px;
+
         margin-left: 500px;
         padding-top: 15px;
         padding-top: 15px;
       }
       }
Line 107: Line 107:
         color: white;
         color: white;
         font-size: 28px;
         font-size: 28px;
 +
      }
 +
      .pageStuff h2 {
 +
        color: white;
       }
       }
       .pageStuff p {
       .pageStuff p {
Line 113: Line 116:
       }
       }
       .navBar {
       .navBar {
-
        z-index: 20;
+
         width: 965px;
-
        position: absolute;
+
         height: 75px;
-
         width: 225px;
+
         /*padding: 20px 20px 20px 20px;*/
-
         height: 730px;
+
-
         /*left: 465px;*/
+
-
        padding: 10px 20px 10px 20px;
+
         color: white;
         color: white;
Line 162: Line 162:
       .largeLogo {
       .largeLogo {
         width: 575px;
         width: 575px;
-
         margin: 150px 0 0 50px;
+
         margin: 150px 0 0 155px;
       }
       }
       .pageLinks {
       .pageLinks {
-
         margin: 30px 0 10px 0;
+
         /*margin: 30px 0 10px 0;*/
       }
       }
Line 225: Line 225:
       }
       }
-
      .shownSublinks {
 
-
      }
 
-
      .hiddenSublinks {
 
-
      }
 
       .link {
       .link {
         font-size: 24px;
         font-size: 24px;
         line-height: 25px;
         line-height: 25px;
 +
        max-width: 150px;
 +
        margin: 0 10px;
 +
        float: left;
 +
      }
 +
      .selectedLink a {
 +
        color: yellow;
 +
      }
 +
      .hoverMenu {
 +
        padding: 5px;
 +
        position: absolute;
 +
        background-color: blue;
 +
        border-radius: 2px;
 +
        z-index: 15;
       }
       }
       .sublink {
       .sublink {
-
         margin: 0 0 14px 20px;
+
         margin: 0 0 14px 0;
         font-size: 20px;
         font-size: 20px;
         line-height: 23px;
         line-height: 23px;
-
      }
 
-
      /* TODO animate resizing this */
 
-
      .hiddenSublinks .sublink {
 
-
        display: none;
 
       }
       }
       .socialButtons {
       .socialButtons {
Line 272: Line 277:
       }
       }
 +
      #notebook h1 {
 +
        margin-bottom: 6px;
 +
      }
       .faceGallery {
       .faceGallery {
         position: relative;
         position: relative;
Line 374: Line 382:
     this.name = name;
     this.name = name;
     this.url = image_url;
     this.url = image_url;
-
     this.title = title ? title : '';
+
     //this.title = title ? title : '';
-
     this.team = team ? team : '';
+
     //this.team = team ? team : '';
     this.description = description ? description : '';
     this.description = description ? description : '';
   }
   }
Line 392: Line 400:
     this.links = [];
     this.links = [];
     this.sublinks = [];
     this.sublinks = [];
-
     this.linkWrappers = [];
+
     this.linkElements = [];
-
     this.focus = 0;
+
    this.hoverMenus = [];
 +
     this.focus = null;
 +
    this.shownHoverMenu = null;
   }
   }
   NavBar.prototype.addLink = function(link, sublinks) {
   NavBar.prototype.addLink = function(link, sublinks) {
Line 402: Line 412:
     this.sublinks.push(sublinks);
     this.sublinks.push(sublinks);
   };
   };
-
   NavBar.prototype.showSectionOnly = function(section_idx) {
+
   NavBar.prototype.sectionSelected = function(section_idx) {
-
     for (var i = 0; i < this.linkWrappers.length; i++) {
+
     if (this.focus !== null) {
-
       var wrapper = this.linkWrappers[i];
+
       this.linkElements[this.focus].removeClass('selectedLink');
-
      if (i === section_idx) {
+
    }
-
         wrapper.removeClass('hiddenSublinks');
+
    if (section_idx >= 0) { // Why do they html-escape &&
-
         wrapper.addClass('shownSublinks');
+
      if (section_idx < this.linkElements.length) {
 +
         this.focus = section_idx;
 +
         this.linkElements[this.focus].addClass('selectedLink');
       } else {
       } else {
-
         wrapper.removeClass('shownSublinks');
+
         this.focus = null;
-
        wrapper.addClass('hiddenSublinks');
+
       }
       }
 +
    } else {
 +
      this.focus = null;
     }
     }
 +
  };
 +
  NavBar.prototype.showHoverMenu = function(idx) {
 +
    this.hideHoverMenu();
 +
 +
    var hover_menu = this.hoverMenus[idx];
 +
    if (hover_menu == null) {
 +
      return;
 +
    }
 +
    var link = this.linkElements[idx];
 +
    hover_menu.css('top', link.position().top + link.height() + 'px');
 +
    hover_menu.css('left', link.position().left);
 +
    hover_menu.removeClass('hiddenElement');
 +
    this.shownHoverMenu = idx;
 +
  };
 +
  NavBar.prototype.hideHoverMenu = function() {
 +
    if (this.shownHoverMenu === null) {
 +
      return;
 +
    }
 +
    var hover_menu = this.hoverMenus[this.shownHoverMenu];
 +
    if (hover_menu != null) {
 +
      hover_menu.addClass('hiddenElement');
 +
    }
 +
    this.shownHoverMenu = null;
   };
   };
   NavBar.prototype.render = function() {
   NavBar.prototype.render = function() {
-
     var page_links = $('<ul class="pageLinks" />');
+
     var page_links = $('<div class="pageLinks" />');
     for (var i = 0; i < this.links.length; i++) {
     for (var i = 0; i < this.links.length; i++) {
-
       var link_wrapper = $('<li class="hiddenSublinks"/>');
+
       var link_name_lines = this.links[i].text.split(' ');
 +
      var link_name_string = '';
 +
      for (var link_name_i = 0; link_name_i < link_name_lines.length; link_name_i++) {
 +
        link_name_string += '<div>{0}</div>'.format(link_name_lines[link_name_i]);
 +
      }
       var link_string = '<div class="link"><a href="{0}">{1}</a></div>';
       var link_string = '<div class="link"><a href="{0}">{1}</a></div>';
-
       var link = $(link_string.format(this.links[i].link, this.links[i].text));
+
       var link = $(link_string.format(this.links[i].link, link_name_string));
-
       link_wrapper.append(link);
+
       var hover_menu = $('<div class="hoverMenu hiddenElement"></div>');
       var sublinks = this.sublinks[i];
       var sublinks = this.sublinks[i];
Line 426: Line 466:
         var sublink_string = '<div class="sublink"><a href="{0}">{1}</a></div>';
         var sublink_string = '<div class="sublink"><a href="{0}">{1}</a></div>';
         var sublink = $(sublink_string.format(sublinks[j].link, sublinks[j].text));
         var sublink = $(sublink_string.format(sublinks[j].link, sublinks[j].text));
-
         link_wrapper.append(sublink);
+
         hover_menu.append(sublink);
 +
      }
 +
      link.click(this.sectionSelected.bind(this, i));
 +
      link.hover(
 +
        this.showHoverMenu.bind(this, i)
 +
        //this.hideHoverMenu.bind(this, i)
 +
      );
 +
      this.linkElements.push(link);
 +
      if (this.sublinks[i].length > 0) {
 +
        hover_menu.hover(null, this.hideHoverMenu.bind(this)); // Hide on blur.
 +
        this.hoverMenus.push(hover_menu);
 +
      } else {
 +
        this.hoverMenus.push(null); // Don't show blank menu.
       }
       }
-
       link.click(this.showSectionOnly.bind(this, i));
+
       page_links.append(link);
-
      this.linkWrappers.push(link_wrapper);
+
       page_links.append(hover_menu);
-
       page_links.append(link_wrapper);
+
     }
     }
     return page_links;
     return page_links;
Line 503: Line 554:
     var nav_bar_element = $('.navBar');
     var nav_bar_element = $('.navBar');
     nav_bar_element.append(navBar.render());
     nav_bar_element.append(navBar.render());
 +
    nav_bar_element.append($('<div class="clearFix"></div>'));
     nav_bar_element.append(socialButtons(
     nav_bar_element.append(socialButtons(
       [
       [
Line 522: Line 574:
   }
   }
-
   function createPhotoGrid(names_to_urls, cols, img_height) {
+
   function createPersonPhotoGrid(people, cols, img_height) {
     var root = $('<div><div/>');
     var root = $('<div><div/>');
     var oncol = 0;
     var oncol = 0;
-
     for (var name in names_to_urls) {
+
     for (var i = 0; i < people.length; i++) {
-
       if (!names_to_urls.hasOwnProperty(name)) continue;
+
       var person = people[i];
       if (oncol >= cols) {
       if (oncol >= cols) {
         root.append($('<div class="clearFix"></div>'));
         root.append($('<div class="clearFix"></div>'));
         oncol = 0;
         oncol = 0;
       }
       }
-
      var url = names_to_urls[name];
+
       var showing_name = person.name[0] !== '_';
-
       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(person.name) : '', person.url, img_height)));
-
       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 599: Line 650:
       var root = $('<div class="faceGalleryFullPerson fadeIn"></div>');
       var root = $('<div class="faceGalleryFullPerson fadeIn"></div>');
       var large_img = $('<img class="faceGalleryLargeFace" src="{0}" style="width: {1}px;"/>'.format(this.person.url, 200));
       var large_img = $('<img class="faceGalleryLargeFace" src="{0}" style="width: {1}px;"/>'.format(this.person.url, 200));
-
       var info = $('<div class="faceGalleryInfo"><h2>{0}</h2><h3>{1}</h3><p>{2}</p></div>'.format(this.person.name, this.person.title, this.person.description));
+
       var info = $('<div class="faceGalleryInfo"><h2>{0}</h2><p>{1}</p></div>'.format(this.person.name, this.person.description));
       root.append(large_img);
       root.append(large_img);
       root.append(info);
       root.append(info);
Line 697: Line 748:
   function setupPhotos() {
   function setupPhotos() {
     var admins = [
     var admins = [
-
       new Person('Peter Hong', 'https://static.igem.org/mediawiki/2013/5/5b/Waterloo_Peter_Hong.jpg'),
+
       {
-
       new Person('Linda Yang', 'https://static.igem.org/mediawiki/2013/d/d1/Waterloo_Linda_Yang.jpg')
+
        name: 'Peter Hong',
 +
        url: 'https://static.igem.org/mediawiki/2013/5/5b/Waterloo_Peter_Hong.jpg',
 +
        description: "Hello everyone, I am Chemical Engineering student going into fourth year! I have been part of and have been leading the Waterloo iGEM team as the Director for the past three years. I am enthralled by the enormous potential that Biotechnology and Synthetic Biology has in impacting our future. When I am not running around, meeting with people and trying to keep the team afloat, I like to squander my time playing Sim City 5. Or, go to the 'gym'..."
 +
       },
 +
      {
 +
        name: 'Linda Yang',
 +
        url: 'https://static.igem.org/mediawiki/2013/d/d1/Waterloo_Linda_Yang.jpg',
 +
        description: "As the Assistant Director of Waterloo iGEM, I oversee the team’s operation by communicating with team members, professors, and others who contribute to our team. I lead team meetings, plan the trips to the jamborees, handle recruitment, handle finances, and ensure that deadlines are met. I also assist with tasks in the Lab and Design and Human Practices subdivisions of the team. I am a third-year student majoring in Biomedical Sciences as well as a candidate for the Psychology minor and Global Experience Certificate."
 +
      }
     ];
     ];
-
     var team = [
+
 
-
       new Person('Paul Reginato', 'https://static.igem.org/mediawiki/2013/b/bd/Waterloo_paul.JPG'),
+
     var team_m13 = [
-
      new Person('Aaron Bender', 'https://static.igem.org/mediawiki/2013/5/59/Waterloo_aaron.JPG'),
+
       {
-
      new Person('Hina Bandukwala', 'https://static.igem.org/mediawiki/2013/0/0b/Waterloo_hina.JPG'),
+
        name: 'Paul Reginato',
-
       new Person('Emily Li', 'https://static.igem.org/mediawiki/2013/b/bd/Waterloo_emily.JPG'),
+
        url: 'https://static.igem.org/mediawiki/2013/b/bd/Waterloo_paul.JPG',
-
      new Person('Rummy Chowdhury', 'https://static.igem.org/mediawiki/2013/0/07/Waterloo_rummy.JPG'),
+
        description: "As the Assistant Director of Waterloo iGEM, I oversee the team’s operation by communicating with team members, professors, and others who contribute to our team. I lead team meetings, plan the trips to the jamborees, handle recruitment, handle finances, and ensure that deadlines are met. I also assist with tasks in the Lab and Design and Human Practices subdivisions of the team. I am a third-year student majoring in Biomedical Sciences as well as a candidate for the Psychology minor and Global Experience Certificate."
-
       new Person('Julia Manalil', 'https://static.igem.org/mediawiki/2013/a/ae/Waterloo_julia.JPG'),
+
      },
-
      new Person('Steven ten Holder', 'https://static.igem.org/mediawiki/2013/4/4f/Waterloo_steven.JPG'),
+
       {
-
       new Person('Urooj Kishor', 'https://static.igem.org/mediawiki/2013/0/04/Waterloo_Urooj_2.jpg'),
+
        name: 'Emily Li',
-
      new Person('Jama Hagi-Yusuf', 'https://static.igem.org/mediawiki/2013/a/a1/Waterloo_jama.jpg'),
+
        url: 'https://static.igem.org/mediawiki/2013/b/bd/Waterloo_emily.JPG',
-
      new Person('Chris Morcos', 'https://static.igem.org/mediawiki/2013/6/65/Waterloo_chris.JPG'),
+
        description: "My name is Emily and I'm currently in 4A Biomedical Sciences at University of Waterloo. I am one of leader for lab and design team. During my spare time, I like hanging out with friends and play my musical instruments.  I love synthetic biology and it's been an absolute pleasure working with the intelligent, hardworking young scientists around me. You guys are my inspiration!"
-
       new Person('Peivand Sadat Mousavi', 'https://static.igem.org/mediawiki/2013/7/7a/Waterloo_Peivand_2.jpg')
+
       },
 +
      {
 +
        name: 'Julia Manalil',
 +
        url: 'https://static.igem.org/mediawiki/2013/a/ae/Waterloo_julia.JPG',
 +
        description: "I am in my 4th year of an Honours Biochemistry Program with a Biotechnology Specialization. When I’m not studying, I spend most of my days slaving away in the lab as part of the Lab and Design Team of UW iGEM."
 +
      },
 +
       {
 +
        name: 'Peivand Sadat Mousavi',
 +
        url: 'https://static.igem.org/mediawiki/2013/7/7a/Waterloo_Peivand_2.jpg',
 +
        description: "I'm starting 3rd year in Biomedical Sciences at the University of Waterloo. I am interested in synthetic biology and working in microbiology laboratory setting. Being part of iGEM gives me a chance to apply my theoretical knowledge to solve a real world problem and get involved in synthetic biology research environment. Taking scientific challenges has always been one of my personal academic goals and working with iGEM provides me with this privilege. I would like to work in a healthcare environment in my future career and continuing research in this field."
 +
       }
     ];
     ];
 +
    var team_bxb1 = [
 +
      {
 +
        name: 'Aaron Bender',
 +
        url: 'https://static.igem.org/mediawiki/2013/5/59/Waterloo_aaron.JPG',
 +
        description: "My name is Aaron Bender and I am currently in Biomed 4B. I am part of the Lab team. iGEM gives undergraduates the opportunity to take on their own project as well as make a real contribution to the rapidly growing synthetic biology community. I enjoy Snowboarding and mountain biking."
 +
      },
 +
      {
 +
        name: 'Urooj Kishor',
 +
        url: 'https://static.igem.org/mediawiki/2013/0/04/Waterloo_Urooj_2.jpg',
 +
        description: "I am a third year Biology student who is working towards constructing BXB1 switch and integrase related constructs and testing them. Besides working in the lab I also design the team wiki in collaboration with our website developer and I like helping the Human Practices group as a videographer. I enjoy learning about synthetic biology with our enthusiastic Waterloo team. Outside of working I enjoy learning new languages and cultures."
 +
      },
 +
      {
 +
        name: 'Jama Hagi-Yusuf',
 +
        url: 'https://static.igem.org/mediawiki/2013/a/a1/Waterloo_jama.jpg',
 +
        description: "Hello World, I'm Jama. I'm on the lab and design team; specifically, I work with the switches and integrases in the lab. As a biology student, working in the lab is a great experience, because it is an application of what I'm learning in my classes! On my spare time, I watch TV and movies, read books and occasionally play basketball or volleyball."
 +
      },
 +
      {
 +
        name: 'Chris Morcos',
 +
        url: 'https://static.igem.org/mediawiki/2013/6/65/Waterloo_chris.JPG',
 +
        description: "Hi, my name is Chris Morcos and am finishing up with my Biology BSc. I helped build several of the constructs involved within BXB1 group. I enjoy iGEM team because it allows me to explore biological systems and their functions within a consortium. Outside of working as a lab and design team member I enjoy playing and watching soccer."
 +
      },
 +
    ];
 +
    var team_phic31 = [
 +
      {
 +
        name: 'Hina Bandukwala',
 +
        url: 'https://static.igem.org/mediawiki/2013/0/0b/Waterloo_hina.JPG',
 +
        description: "Hello, My name is Hina Bandukwala and I recently graduated from the University of Waterloo for Honors Biology. I joined iGEM two years ago, because the idea of an undergraduate team taking on synthetic biology hands on was impressive. Synthetic biology is the future of genetic engineering as we know it, and to contribute to an evolving field such as this and be relevant in the world of science is more than what I could ask for. I hope to be a part of academia for a long time in the future and hopefully open up my own biotechnology company one day, iGEM was a great to start."
 +
      },
 +
      {
 +
        name: 'Steven ten Holder',
 +
        url: 'https://static.igem.org/mediawiki/2013/4/4f/Waterloo_steven.JPG',
 +
        description: "My role in the iGEM team was to assist Hina Bandukwala, one of the project leads, assemble the Phi C31 Integrase Switch along with Rumi Akthar. My program is a specialization within biology called Molecular Biology and Biotechnology, Coop. Aside from the enthusiasm for synthetic biology I share with every member of the iGEM team, I'm also interested in skateboarding, piano, and philosophy."
 +
      },
 +
      {
 +
        name: 'Rummy Chowdhury',
 +
        url: 'https://static.igem.org/mediawiki/2013/0/07/Waterloo_rummy.JPG',
 +
        description: ""
 +
      },
 +
    ];
 +
     var math_team = [
     var math_team = [
-
       new Person('Drew Neish', 'https://static.igem.org/mediawiki/igem.org/2/21/Waterloo_Drew_Neish.png'),
+
       {
-
       new Person('James Hawley', 'https://static.igem.org/mediawiki/igem.org/1/10/Waterloo_James_Hawley.jpg'),
+
        name: 'Drew Neish',
-
       new Person('Matt Smart', 'https://static.igem.org/mediawiki/igem.org/5/54/Waterloo_Matt_Smart.jpg'),
+
        url: 'https://static.igem.org/mediawiki/igem.org/2/21/Waterloo_Drew_Neish.png',
-
       new Person('Paul Reginato', 'https://static.igem.org/mediawiki/2013/b/bd/Waterloo_paul.JPG'),
+
        description: "I'm in 4B Statistics minoring in biology and this is my first season as a part of iGEM. I assist in mathematical model formulation, present ideas, and research relevant papers."
-
       new Person('Seyed Ali Madani Tonekaboni', 'https://static.igem.org/mediawiki/igem.org/e/eb/Waterloo_Seyed_Ali_Madani_Tonekaboni.jpg'),
+
       },
-
       new Person('Vedang Vyas', 'https://static.igem.org/mediawiki/igem.org/2/2b/Waterloo_Vedang_Vyas.jpg')
+
      {
 +
        name: 'James Hawley',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/1/10/Waterloo_James_Hawley.jpg',
 +
        description: "My role on the team is to aid in the development of a model of the packaging process of the M13 bacteriophage, and provide background on the morphogenetic genes involved with this process. My interesting fact is that I have black belt in karate."
 +
       },
 +
      {
 +
        name: 'Matt Smart',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/5/54/Waterloo_Matt_Smart.jpg',
 +
        description: "I'm in the Viral Packaging group. We're trying to develop a mathematical model of M13 assembly inside bacteria. "
 +
       },
 +
      {
 +
        name: 'Paul Reginato',
 +
        url: 'https://static.igem.org/mediawiki/2013/b/bd/Waterloo_paul.JPG',
 +
        description: ""
 +
       },
 +
      {
 +
        name: 'Seyed Ali Madani Tonekaboni',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/e/eb/Waterloo_Seyed_Ali_Madani_Tonekaboni.jpg',
 +
        description: "My name is Seyed Ali Madani Tonekaboni. As a master student in the modelling group of UW iGEM team, I help the switch model team in modeling, numerical analysis and coding and stochastic analysis to do the work faster and object-oriented. In addition, I work on robustness analysis of the stochastic results to obtain appropriate values of the parameters of the model based on the fact that the natural systems try to be robust."
 +
       },
 +
      {
 +
        name: 'Vedang Vyas',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/2/2b/Waterloo_Vedang_Vyas.jpg',
 +
        description: "Currently, we are trying to test various designs of genetic switches and as a starting step, we have used a model from the Endy lab as a template. I use Matlab and Maple to test and control the amount of leak resulting from possible theoretical designs. I apply my knowledge of differential equations to modelling the switch, and have learned plenty of numerical tools of analysis in the process. I have committed an unforgivable blasphemous sin as a Toronto Maple Leafs fan, as my 2nd and 3rd favourite team are the Boston Bruins and Montreal Canadiens, respectively. In short, I love hockey."
 +
      },
     ];
     ];
     var hp_team = [
     var hp_team = [
-
       new Person('Anjali Arya', 'https://static.igem.org/mediawiki/igem.org/b/b6/Anjali_Arya.jpg'),
+
       {
-
       new Person('Daniel Zhang', 'https://static.igem.org/mediawiki/igem.org/a/a2/Waterloo_Daniel_Zhang.jpg'),
+
        name: 'Anjali Arya',
-
       new Person('Lucy Hu', 'https://static.igem.org/mediawiki/igem.org/9/9f/Waterloo_Lucy_Hu.jpeg'),
+
        url: 'https://static.igem.org/mediawiki/igem.org/b/b6/Anjali_Arya.jpg',
-
       new Person('Mudit Kalia', 'https://static.igem.org/mediawiki/igem.org/2/22/Waterloo_Mudit_Kalia.jpg'),
+
        description: "4B biomedical sciences and minor in management studies. UWaterloo iGEM Human Practices/Outreach Team Lead. As the Human Practices and Outreach Team Lead my job is to ensure that my team and I are introducing science enthusiasts, students of various age groups and educational backgrounds as well as the public to the idea of synthetic biology through various innovative ways. We are bridging together the idea of science and business, showing our viewers the potential and benefits of synthetic biology along with connecting them with industry experts."
-
      new Person('Suzie Alexander', 'https://static.igem.org/mediawiki/igem.org/c/c3/Waterloo_Suzie_Alexander.jpg')
+
       },
 +
      {
 +
        name: 'Daniel Zhang',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/a/a2/Waterloo_Daniel_Zhang.jpg',
 +
        description: "Daniel is one of the business hustlers of Human Practices within iGEM.  He tends to tie together loose ends on various projects throughout the term, touching on aspects of professor outreach, video logistics, and the occasional social media post, but usually just adding ideas as he sees fit."
 +
       },
 +
      {
 +
        name: 'Lucy Hu',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/9/9f/Waterloo_Lucy_Hu.jpeg',
 +
        description: "HP Team Social Media Co-Leader. As a social media co-leader on the human practices team, we are responsible for creating awareness in the university about what iGEM and synthetic biology is. This includes updating Facebook and twitter with the latest synthetic biology news and running a blog updating everyone with all the news and events ran by the Human Practices team."
 +
       },
 +
      {
 +
        name: 'Suzie Alexander',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/c/c3/Waterloo_Suzie_Alexander.jpg',
 +
        description: "Suzie Alexander. Biomedical Science, 3rd year. I enjoy staying active and exploring new foods! I also enjoy reading about new papers and research; so when I heard about iGEM Waterloo on my campus, I knew this was a team I wanted to join! The community of passionate people within iGEM is what drew me to join the team. I work within the Human Practices and Outreach team organizing events and managing social media in order to engage more people about synthetic biology.  I hope the team's work will inspire more leaders to take part and contribute to the advances in synthetic biology, regardless of their academic or professional background."
 +
      },
 +
      {
 +
        name: 'Mudit Kalia',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/2/22/Waterloo_Mudit_Kalia.jpg',
 +
        description: "My job is to promote the iGEM team as well as showcase what synthetic biology is and how it can apply to any field of work. SynBio has come a long way from where it started and it has great potential to change the world we live in today. My interest in this field is what compelled me to join this club and I have learned much more about it throughout my time spent at iGEM. I am currently in my 4A term in Life Sciences with a major in Biology and a minor in Human Nutrition."
 +
      },
     ];
     ];
-
     faceGallery = new FaceGallery(441, 960, art_url, [admins, team, hp_team, math_team]);
+
     var advisors = [
-
    $('#teamPhotos').append(faceGallery.render());
+
-
 
+
-
    var setupGroup = function(id, cols, img_height, grid_data) {
+
-
      $(id).append(createPhotoGrid(grid_data, cols, img_height));
+
-
    };
+
-
    setupGroup('#advisorPhotos', 3, 150,
+
       {
       {
-
         'Trevor Charles': 'https://static.igem.org/mediawiki/2013/7/74/Trevor_Charles.jpg',
+
         name: 'Trevor Charles',
-
         'Brian Ingalls': 'https://static.igem.org/mediawiki/2013/b/be/Brian_Ingalls.jpg',
+
        url: 'https://static.igem.org/mediawiki/2013/7/74/Trevor_Charles.jpg',
-
        'Marc Aucoin': 'https://static.igem.org/mediawiki/2013/b/ba/Marc_Aucoin.jpg',
+
         description: ""
-
        'Andrew Doxey': 'https://static.igem.org/mediawiki/igem.org/f/f5/Waterloo_Andrew_Doxey.jpg',
+
       },
-
        'Barbara Moffatt': 'https://static.igem.org/mediawiki/igem.org/e/e3/Barbara_Moffatt.jpg'
+
-
       }
+
-
    );
+
-
    setupGroup('#gradStudentPhotos', 2, 150,
+
       {
       {
-
         'John Heil': 'https://static.igem.org/mediawiki/igem.org/6/62/Waterloo_John_Heil.jpg',
+
         name: 'Brian Ingalls',
-
         'Maya D\'Alessio': 'https://static.igem.org/mediawiki/igem.org/0/0c/Waterloo_Maya_D%27Alessio.jpg'
+
        url: 'https://static.igem.org/mediawiki/2013/b/be/Brian_Ingalls.jpg',
-
       }
+
        description: ""
-
     );
+
      },
-
     setupGroup('#intentToInventPhotos', 2, 400, {});
+
      {
 +
        name: 'Marc Aucoin',
 +
        url: 'https://static.igem.org/mediawiki/2013/b/ba/Marc_Aucoin.jpg',
 +
        description: ""
 +
      },
 +
      {
 +
        name: 'Andrew Doxey',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/f/f5/Waterloo_Andrew_Doxey.jpg',
 +
        description: ""
 +
      },
 +
      {
 +
        name: 'Barbara Moffatt',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/e/e3/Barbara_Moffatt.jpg',
 +
        description: ""
 +
      },
 +
    ];
 +
    var grad_students = [
 +
      {
 +
        name: 'John Heil',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/6/62/Waterloo_John_Heil.jpg',
 +
         description: ""
 +
      },
 +
      {
 +
        name: 'Maya D\'Alessio',
 +
        url: 'https://static.igem.org/mediawiki/igem.org/0/0c/Waterloo_Maya_D%27Alessio.jpg',
 +
        description: ""
 +
       },
 +
     ];
 +
 
 +
    $('#administratorPhotos').append(createPersonPhotoGrid(admins, 4, 150));
 +
 
 +
     $('#teamM13Photos').append(createPersonPhotoGrid(team_m13, 4, 150));
 +
    $('#teamBxB1Photos').append(createPersonPhotoGrid(team_bxb1, 4, 150));
 +
    $('#teamPhiC31Photos').append(createPersonPhotoGrid(team_phic31, 4, 150));
 +
 
 +
    $('#humanPracticesTeamPhotos').append(createPersonPhotoGrid(math_team, 4, 150));
 +
    $('#mathModellingTeamPhotos').append(createPersonPhotoGrid(hp_team, 5, 150));
 +
 
 +
    $('#advisorPhotos').append(createPersonPhotoGrid(advisors, 5, 150));
 +
    $('#gradStudentPhotos').append(createPersonPhotoGrid(grad_students, 2, 150));
 +
 
 +
    //setupGroup('#intentToInventPhotos', 2, 400, {});
 +
 
     var lab_photos =  
     var lab_photos =  
       {
       {
Line 769: Line 954:
         _15: 'https://static.igem.org/mediawiki/igem.org/0/0e/Waterloo_lab-15.jpg'
         _15: 'https://static.igem.org/mediawiki/igem.org/0/0e/Waterloo_lab-15.jpg'
       };
       };
-
    //);
 
     $('#labPhotos').append(createPhotoSlideshow(lab_photos, 3000, 650));
     $('#labPhotos').append(createPhotoSlideshow(lab_photos, 3000, 650));
   }
   }
 +
 +
  var canonicalizeNewlines = function(str) {
 +
    return str.replace(/(\r\n|\r|\n)/g, '\n');
 +
  };
   /**
   /**
Line 783: Line 971:
     var current_month = null;
     var current_month = null;
-
     var lines = raw.split('\n');
+
     var lines = canonicalizeNewlines(raw).split('\n');
     for (var i = 0; i < lines.length; i++) {
     for (var i = 0; i < lines.length; i++) {
       var line = lines[i].trim();
       var line = lines[i].trim();
Line 884: Line 1,072:
     trans(idx, complete_f);
     trans(idx, complete_f);
     // Open correct Nav Bar section  
     // Open correct Nav Bar section  
-
     if (navBar) navBar.showSectionOnly(idx - 1); // TODO fix hack
+
     if (navBar) navBar.sectionSelected(idx - 1); // TODO fix hack
     // Special logo swapping for homepage
     // Special logo swapping for homepage
Line 1,132: Line 1,320:
       <div id="p8" class="page">
       <div id="p8" class="page">
         <div class="pageStuff">
         <div class="pageStuff">
-
          <div id="teamPhotos"></div>
 
-
 
-
        <!--
 
           <h1 id="s_Team_Administrators">Administrators</h1>
           <h1 id="s_Team_Administrators">Administrators</h1>
           <div id="administratorPhotos" class="photoSection"></div>
           <div id="administratorPhotos" class="photoSection"></div>
-
 
           <div class="clearFix"></div>
           <div class="clearFix"></div>
 +
           <h1 id="s_Team_LabDesign">Lab &amp; Design</h1>
           <h1 id="s_Team_LabDesign">Lab &amp; Design</h1>
-
          <div id="labTeamPhotos" class="photoSection"></div>
+
            <h2>M13 Group</h2>
 +
            <div id="teamM13Photos" class="photoSection"></div>
 +
            <div class="clearFix"></div>
 +
 
 +
            <h2>BxB1 Group</h2>
 +
            <div id="teamBxB1Photos" class="photoSection"></div>
 +
            <div class="clearFix"></div>
 +
 
 +
            <h2>Φ C31 Group</h2>
 +
            <div id="teamPhiC31Photos" class="photoSection"></div>
 +
            <div class="clearFix"></div>
-
          <div class="clearFix"></div>
 
           <h1 id="s_Team_HumanPractices">Human Practices</h1>
           <h1 id="s_Team_HumanPractices">Human Practices</h1>
           <div id="humanPracticesTeamPhotos" class="photoSection"></div>
           <div id="humanPracticesTeamPhotos" class="photoSection"></div>
-
 
           <div class="clearFix"></div>
           <div class="clearFix"></div>
 +
           <h1 id="s_Team_MathModelling">Mathematical Modelling</h1>
           <h1 id="s_Team_MathModelling">Mathematical Modelling</h1>
           <div id="mathModellingTeamPhotos" class="photoSection"></div>
           <div id="mathModellingTeamPhotos" class="photoSection"></div>
 +
          <div class="clearFix"></div>
-
           -->
+
           <!--<div style="height: 20px;">&nbsp;</div>-->
-
          <div style="height: 20px;">&nbsp;</div>
 
-
 
-
          <div class="clearFix"></div>
 
           <h1 id="s_Team_Advisors">Advisors</h1>
           <h1 id="s_Team_Advisors">Advisors</h1>
           <div id="advisorPhotos" class="photoSection"></div>
           <div id="advisorPhotos" class="photoSection"></div>
-
 
           <div class="clearFix"></div>
           <div class="clearFix"></div>
 +
           <h1 id="s_Team_GradStudentAdvisors">Graduate Student Advisors</h1>
           <h1 id="s_Team_GradStudentAdvisors">Graduate Student Advisors</h1>
           <div id="gradStudentPhotos" class="photoSection"></div>
           <div id="gradStudentPhotos" class="photoSection"></div>
 +
          <div class="clearFix"></div>
         </div>
         </div>

Revision as of 20:12, 4 September 2013

Abstract

Due to its nature as an information-encoding molecule, the use of DNA as an intercellular messaging molecule would enable more information-rich communication between populations of cells than traditional AHL-based messaging. The first demonstration of DNA messaging was published by the Endy group at Stanford University in late 2012, wherein DNA encoding instructions for expression of fluorescence and antibiotic resistance were transmitted from one bacterial population to another, carried by M13 bacteriophage particles.

Incorporation of well-established in vivo DNA modification techniques into DNA messaging will diversify and extend potential intercellular communication programs, and will enable the integration of recent developments in DNA digital logic with DNA messaging.

The goal of our project is to place on a DNA message a switch that can be flipped in receiver cells under inducible conditions, and whose state determines whether or not the DNA message is retransmitted from receiver cells to a population of secondary receiver cells. The switch consists of a promoter that can be inverted using a serine integrase, leading to transcription of different genes. It is directly inspired by the recombinase addressable data (RAD) module published by the Endy group in early 2012.

We have synthesized four such DNA switches and will soon test the ability of PhiC31 and Bxb1 serine integrases, along with the respective recombination directionality factors (RDFs), to control their states. We have also produced constructs that we will use to attempt to control the production of M13 viral particles containing a DNA message and we will test these soon. We will integrate these efforts to demonstrate our goal of incorporating digital DNA logic into DNA messaging. Through this work, we will broaden the horizons of engineered intercellular communication.

Design

Ottawa's Collaboration

Video

Results

Future Aspirations

BioBricks

  • Hpdo with no gene 8
  • Bxb1 rdf
  • Bxb1 int
  • Bxb1 switch
  • BXB1 switch flipped
  • ΦC31 rdf
  • ΦC31 int
  • ΦC31 switch
  • ΦC31 switch flipped

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

Lab & Design

M13 Group

BxB1 Group

Φ C31 Group

Human Practices

Mathematical Modelling

Advisors

Graduate Student Advisors

 

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