Team:uOttawa

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(39 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";
-
 
+
    $(function() {
-
 
+
        var currentTileset = 0;
-
<!--welcome box -->
+
        var duration = 500;
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:uOttawa&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</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 &mdash; 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>

Latest revision as of 23:44, 17 October 2014

iGEMuOttawa

The project!

uOttawa iGEM has a project of epic proportions in store for this year.

Promoters

Eukaryotic, dual-input promoters.

Results

Measurement

Interlab study

Biobricks

Modelling

How to explain tri-stability with math

Equations

and parameters

Results

Brick Builder

Let's Talk Science

Talking synbio to Ottawa's youth.

The Synthetic Biology course

How to build a new university-level program for synthetic biology at uOttawa.

iGEM in the classroom

Fairs and Festivals

iGEM Mini-Enrichment

oGEM and SynBio Ontario

Genetics and patent law

The hardest-working team in iGEM.

Working hard Hardly working 24/7 since 2008.

Safety

Notebook

Collaborations

Retrieved from "http://2014.igem.org/Team:uOttawa"