|
|
(36 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{CSS/Main}} | + | {{ Template:uo2014_common }} |
- | | + | |
| | | |
| <html> | | <html> |
| + | <style type="text/css"> |
| + | /* gplay background */ |
| + | html { background-image: url("https://static.igem.org/mediawiki/2014/9/98/Uo2014-gplay.png"); |
| + | </style> |
| | | |
- | <!--main content --> | + | <script> |
- | <table width="70%" align="center">
| + | document.title = "uOttawa iGEM 2014"; |
- | <tr><td>
| + | $(function() { |
- | | + | var currentTileset = 0; |
- | <!-- DYLAN REPLACE THIS LINE WITH TEXT -->
| + | var duration = 500; |
- | Throughout the life cycle of any given cell, many pre-programmed genetic decisions are made by cells in order for the cells to develop normally or to respond appropriately to external stimuli. This is especially true in complex multi-cellular organisms, where various cell types have to work in tandem in a multitude of cellular tasks. For instance, the apoptotic pathway allows for controlled cell death, which is essential for the continued function of many multicellular organisms. Stem cells must make vital cellular decisions during early development of multicellular organisms about when to differentiate and into what cell type. Thus, it is through understanding the complexities of these ‘decisions’ that scientists may be able to design independent cells that will change its own cellular fate in order to better accomplish whatever its given task. With that in mind, the uOttawa iGEM team is attempting to recreate synthetically one particular cellular decision mechanism within a simply eukaryote (Saccharomyces cerevisiae), taking a step towards controlling entire decision pathways and possibly creating unique cell fates within existing cells.
| + | |
- |
| + | |
- | The mechanism behind pluripotency -- stem cells’ potential to differentiate into all different cell types-- has been a significant focus of modern research. In 2009, Sui Hang et al. theorized that pluripotency is controlled by a cascade of tri-stable switches, a type of genetic network motif that maintains three unique expression states simultaneously. This year, the uOttawa iGEM team is constructing iGEM’s first functional tri-stable switch based upon this theoretical premise in order to ascertain the potential for tri-stable switches to function as a differentiation mechanism. By doing so, we hope to create genetically engineered cells that are capable of making autonomous cellular decision in reaction to a multitude of internal and external stimuli, allowing us to study this dynamic cellular decision mechanism.
| + | |
- | | + | |
- | </td</tr><tr> <td colspan="3" height="5px"> </td></tr>
| + | |
- | <!-- end welcome box -->
| + | |
- | <tr>
| + | |
- | | + | |
- | <!--navigation menu -->
| + | |
- | <td align="center" colspan="3">
| + | |
- | | + | |
- | <table width="100%">
| + | |
- | <tr heigth="15px"></tr>
| + | |
- | <tr heigth="75px">
| + | |
- | | + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:uOttawa"style="color:#000000">Home </a> </td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:uOttawa/Team"style="color:#000000"> Team </a> </td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://igem.org/Team.cgi?year=2014&team_name=uOttawa"style="color:#000000"> Official Team Profile </a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:uOttawa/Project"style="color:#000000"> Project</a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:uOttawa/Parts"style="color:#000000"> Parts</a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:uOttawa/Modeling"style="color:#000000"> Modeling</a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:uOttawa/Notebook"style="color:#000000"> Notebook</a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:uOttawa/Safety"style=" color:#000000"> Safety </a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:uOttawa/Attributions"style="color:#000000"> Attributions </a></td>
| + | |
- | | + | |
- | | + | |
- | <td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
- | | + | |
- | <!--end navigation menu -->
| + | |
- | </tr>
| + | |
- | | + | |
- | | + | |
- | </tr>
| + | |
- |
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <tr> <td colspan="3" height="15px"> </td></tr>
| + | |
- | <tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
| + | |
- | <tr> <td colspan="3" height="5px"> </td></tr>
| + | |
- | | + | |
- | | + | |
- | <!--requirements section -->
| + | |
- | <tr><td colspan="3"> <h3> Requirements </h3></td></tr>
| + | |
- | <tr>
| + | |
- | <td width="45%" valign="top">
| + | |
| | | |
- | <p> Please be sure to keep these links, your audience will want to find your: </p>
| + | $(".hover").parents(".ig-tile").hover(function() { |
| + | $(this).find(".hover").slideDown(300); |
| + | }, function() { |
| + | $(this).find(".hover").slideUp(300); |
| + | }); |
| | | |
- | <!-- Links to other team pages -->
| + | $(".leftarrow").click(function(e) { |
- | <ul>
| + | scrollTo(currentTileset - 1); |
- | <li><a href="https://2014.igem.org/Team:uOttawa">Home</a> </li>
| + | }); |
- | <li><a href="https://2014.igem.org/Team:uOttawa/Team">Team</a> </li>
| + | $(".rightarrow").click(function(e) { |
- | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=uOttawa">Official Team Profile</a> </li>
| + | scrollTo(currentTileset + 1); |
- | <li><a href="https://2014.igem.org/Team:uOttawa/Project">Project</a> </li>
| + | }); |
- | <li><a href="https://2014.igem.org/Team:uOttawa/Parts">Parts</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:uOttawa/Modeling">Modeling</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:uOttawa/Notebook">Notebook</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:uOttawa/Safety">Safety</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:uOttawa/Attributions">Attributions</a> </li>
| + | |
| | | |
- | </ul>
| + | $(window).resize(function() { |
| + | scrollTo(currentTileset, true); |
| + | }); |
| | | |
- | </td>
| + | function scrollTo(tileset, instant) { |
| + | if (!instant) instant = false; |
| | | |
- | <td > </td> | + | if (tileset < 0 || tileset > 3) return; |
- | <td width="45%">
| + | |
| | | |
- | <p>There are a few wiki requirements teams must follow:</p>
| + | // Scroll to the chosen tile |
- | <ul>
| + | currentTileset = tileset; |
- | <li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
| + | var tileWidth = $(".ig-tileset-outer").width() |
- | <li>All pages must be created under the team’s name space.</li>
| + | + 2 * parseInt($(".ig-tileset-outer").css("margin-left")); |
- | <li>As part of your documentation, keep the links from the menu to the left. </li>
| + | var scrollTarget = -tileset * tileWidth; |
- | <li>Do not use flash in wiki code. </li>
| + | var t = instant ? 0 : duration; |
- | <li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
| + | $(".ig-scroller").animate({ left: scrollTarget }, t); |
- | </ul>
| + | |
- | <p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
| + | |
| | | |
- | </td>
| + | // Hide the arrows |
- | </tr>
| + | if (tileset == 0) |
| + | $(".leftarrow").fadeOut(300); |
| + | else |
| + | $(".leftarrow").fadeIn(300); |
| + | if (tileset == 3) |
| + | $(".rightarrow").fadeOut(300); |
| + | else |
| + | $(".rightarrow").fadeIn(300); |
| + | } |
| | | |
| + | setTimeout(function(){ |
| + | $(".ig-tile").each(function() { |
| + | if (Math.random() < 0.5) |
| + | $(this).fadeIn(700); |
| + | else |
| + | $(this).slideDown(700); |
| + | }); |
| + | }, 400); |
| | | |
- | <tr> <td colspan="3" height="15px"> </td></tr>
| + | $(".ig-tile").click(function() { |
- | <tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
| + | window.location.href = $(this).data("href"); |
| + | }); |
| + | }); |
| + | </script> |
| | | |
| + | <header class="ig-main-header"> |
| + | <div class="row"> |
| + | <a href="#" class="title"><span class="igem">iGEM</span>uOttawa</a> |
| + | <nav> |
| + | <a href="/Team:uOttawa/project">project</a> |
| + | <a href="/Team:uOttawa/drylab">dry lab</a> |
| + | <a href="/Team:uOttawa/policy">policy</a> |
| + | <a href="/Team:uOttawa/team">team</a> |
| + | </nav> |
| + | <a href="https://2014.igem.org" target="_blank"><img src="https://static.igem.org/mediawiki/2014/8/81/Uo2014-igemlogo.png" alt="" class="igem-logo no-k"></a> |
| + | </div> |
| + | </header> |
| | | |
- | <!--tips --> | + | <img src="https://static.igem.org/mediawiki/2014/e/ea/Uo2014-arrow-left.png" alt="" class="ig-arrow leftarrow no-k" hidden> |
- | <tr><td colspan="3" > <h3> Tips </h3></td></tr> | + | <img src="https://static.igem.org/mediawiki/2014/5/59/Uo2014-arrow-right.png" alt="" class="ig-arrow rightarrow no-k"> |
| | | |
- | <tr> | + | <div class="ig-scroll-wrapper"> |
- | <td width="45%" valign="top"> | + | <div class="ig-scroller"> |
- | <p>We are currently working on providing teams with some easy to use design templates.
| + | |
- | <br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
| + | |
| | | |
- | <ul> | + | <!-- ====== WET LAB ====== --> |
- | <li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li> | + | <div class="ig-tileset-outer"><div class="ig-tileset-inner"> |
- | <li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li> | + | <div class="ig-tile wl-1" data-href="https://2014.igem.org/Team:uOttawa/project"> |
- | <li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li> | + | <img src="https://static.igem.org/mediawiki/2014/1/1b/Uo2014-tile-front.jpg" alt=""> |
- | <li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li> | + | <div class="text"> |
- | <li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li> | + | <h2>The project!</h2> |
- | </ul> | + | <p>uOttawa iGEM has a project of epic proportions in store for this year.</p> |
| + | <p class="hover" hidden>Let us take you through our creative and scientific process of building one of the most interesting proposed genetic networks — one that may shed light on how stem cells specialize and allow us to create similar behaviour in a lab.</p> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile wl-2" data-href="https://2014.igem.org/Team:uOttawa/project#promoters"> |
| + | <img src="https://static.igem.org/mediawiki/2014/0/03/Uo2014-tile-promoters.jpg" alt=""> |
| + | <div class="text"> |
| + | <h2>Promoters</h2> |
| + | <p>Eukaryotic, dual-input promoters.</p> |
| + | <p class="hover" hidden>See our yeast-optimized inducible and repressible promoters that we used in our network.</p> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile wl-3" data-href="https://2014.igem.org/Team:uOttawa/project#wres"> |
| + | <img src="https://static.igem.org/mediawiki/2014/d/d0/Uo2014-tile-results.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>Results</h3> |
| + | </div> |
| + | </div> |
| + | <!--<div class="ig-tile wl-4" data-href="https://2014.igem.org/Team:uOttawa/project"> |
| + | <img src="r/uo2014-tile4.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>Methods</h3> |
| + | </div> |
| + | </div>--> |
| + | <div class="ig-tile wl-5" data-href="https://2014.igem.org/Team:uOttawa/project#interlab"> |
| + | <img src="https://static.igem.org/mediawiki/2014/a/a0/Uo2014-tile-interlab.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>Measurement</h3> |
| + | <p>Interlab study</p> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile wl-6" data-href="https://2014.igem.org/Team:uOttawa/project#bricks"> |
| + | <img src="https://static.igem.org/mediawiki/2014/e/e5/Uo2014-tile-bricks.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>Biobricks</h3> |
| + | </div> |
| + | </div> |
| + | </div></div> |
| | | |
- | <p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p> | + | <!-- ====== DRY LAB ====== --> |
- | </td> | + | <div class="ig-tileset-outer"><div class="ig-tileset-inner"> |
| + | <div class="ig-tile dl-1" data-href="https://2014.igem.org/Team:uOttawa/drylab"> |
| + | <img src="https://static.igem.org/mediawiki/2014/5/5f/Uo2014-tile-model.png" alt=""> |
| + | <div class="text"> |
| + | <h2>Modelling</h2> |
| + | <p>How to explain tri-stability with math</p> |
| + | <p class="hover" hidden>Collaborating with Waterloo, we created different systems of differential equations to see if we can quantify how the tri-stable network behaves.</p> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile dl-2" data-href="https://2014.igem.org/Team:uOttawa/drylab#eqns"> |
| + | <img src="https://static.igem.org/mediawiki/2014/f/fa/Uo2014-tile-eqns.png" alt=""> |
| + | <div class="text"> |
| + | <h2>Equations</h2> |
| + | <p>and parameters</p> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile dl-3" data-href="https://2014.igem.org/Team:uOttawa/drylab#results"> |
| + | <img src="https://static.igem.org/mediawiki/2014/f/fd/Uo2014-tile-results.png" alt=""> |
| + | <div class="text"> |
| + | <h3>Results</h3> |
| + | </div> |
| + | </div> |
| + | <!--<div class="ig-tile dl-4" data-href="https://2014.igem.org/Team:uOttawa/drylab#refs"> |
| + | <img src="r/uo2014-tile8.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>References</h3> |
| + | </div> |
| + | </div>--> |
| + | <div class="ig-tile dl-5" data-href="https://2014.igem.org/Team:uOttawa/drylab#bricklayer"> |
| + | <img src="https://static.igem.org/mediawiki/2014/d/d2/Uo2014-tile-bb.png" alt=""> |
| + | <div class="text"> |
| + | <h3>Brick Builder</h3> |
| + | </div> |
| + | </div> |
| + | </div></div> |
| | | |
- | <td> </td> | + | <!-- ====== HP ====== --> |
- | <td width="45%">
| + | |
| | | |
- | <p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p> | + | <div class="ig-tileset-outer"><div class="ig-tileset-inner"> |
| + | <div class="ig-tile hp-1" data-href="https://2014.igem.org/Team:uOttawa/policy#lts"> |
| + | <img src="https://static.igem.org/mediawiki/2014/f/fa/Uo2014-tile-lts.jpg" alt=""> |
| + | <div class="text"> |
| + | <h2>Let's Talk Science</h2> |
| + | <p>Talking synbio to Ottawa's youth.</p> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile hp-2" data-href="https://2014.igem.org/Team:uOttawa/policy#course"> |
| + | <img src="https://static.igem.org/mediawiki/2014/e/ea/Uo2014-tile-course.jpg" alt=""> |
| + | <div class="text"> |
| + | <h2>The Synthetic Biology course</h2> |
| + | <p>How to build a new university-level program for synthetic biology at uOttawa.</p> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile hp-3" data-href="https://2014.igem.org/Team:uOttawa/policy#classroom"> |
| + | <img src="https://static.igem.org/mediawiki/2014/d/d5/Uo2014-tile-class.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>iGEM in the classroom</h3> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile hp-4" data-href="https://2014.igem.org/Team:uOttawa/policy#fairs"> |
| + | <img src="https://static.igem.org/mediawiki/2014/8/89/Uo2014-tile-fest.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>Fairs and Festivals</h3> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile hp-5" data-href="https://2014.igem.org/Team:uOttawa/policy#emcp"> |
| + | <img src="https://static.igem.org/mediawiki/2014/4/47/Uo2014-tile-emcp.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>iGEM Mini-Enrichment</h3> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile hp-6" data-href="https://2014.igem.org/Team:uOttawa/policy#ogem"> |
| + | <img src="https://static.igem.org/mediawiki/2014/9/95/Uo2014-tile-ogem.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>oGEM and SynBio Ontario</h3> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile hp-7" data-href="https://2014.igem.org/Team:uOttawa/policy#law"> |
| + | <img src="https://static.igem.org/mediawiki/2014/8/8d/Uo2014-tile-law.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>Genetics and patent law</h3> |
| + | </div> |
| + | </div> |
| + | </div></div> |
| | | |
- | <ul> | + | <!-- ====== Team ====== --> |
- | <li>State your accomplishments! Tell people what you have achieved from the start. </li> | + | <div class="ig-tileset-outer"><div class="ig-tileset-inner"> |
- | <li>Be clear about what you are doing and what you plan to do.</li> | + | <div class="ig-tile te-1" data-href="https://2014.igem.org/Team:uOttawa/team"> |
- | <li>You have a global audience! Consider the different backgrounds that your users come from.</li> | + | <video src="https://static.igem.org/mediawiki/2014/f/fd/Uo2014-timelapse.ogg" width="100%" autoplay loop preload="auto" muted> |
- | <li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li> | + | </video> |
- | <li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li> | + | <div class="text"> |
- | <li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li> | + | <h2>The hardest-working team in iGEM.</h2> |
- | <li>Have lots of fun! </li> | + | <p><s>Working hard</s> Hardly working 24/7 since 2008.</p> |
- | </ul> | + | </div> |
- | </br> | + | </div> |
- | </td> | + | <div class="ig-tile te-2" data-href="https://2014.igem.org/Team:uOttawa/team#safety"> |
- | </tr> | + | <img src="https://static.igem.org/mediawiki/2014/f/fb/Uo2014-tile-safety.jpg" alt=""> |
- | </table> | + | <div class="text"> |
| + | <h3>Safety</h3> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile te-3" data-href="https://2014.igem.org/Team:uOttawa/team#notebook"> |
| + | <img src="https://static.igem.org/mediawiki/2014/2/2c/Uo2014-tile-notebook.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>Notebook</h3> |
| + | </div> |
| + | </div> |
| + | <div class="ig-tile te-4" data-href="https://2014.igem.org/Team:uOttawa/team#collab"> |
| + | <img src="https://static.igem.org/mediawiki/2014/5/56/Uo2014-tile-attrs.jpg" alt=""> |
| + | <div class="text"> |
| + | <h3>Collaborations</h3> |
| + | </div> |
| + | </div> |
| + | </div></div> |
| + | </div> |
| + | </div> |
| + | </html> |