Team:Alberta

From 2013.igem.org

(Difference between revisions)
 
(84 intermediate revisions not shown)
Line 7: Line 7:
     }
     }
     .bin {
     .bin {
-
       background:url('/wiki/images/thumb/2/26/Background.png/541px-Background.png');
+
       background:url('/wiki/images/e/e4/2013AlbertaBackground.png');
       background-size:100% auto;
       background-size:100% auto;
       padding-top:20px;
       padding-top:20px;
 +
    }
 +
    @-moz-document url-prefix() {
 +
      .nav-icon {
 +
        background-image:url('/wiki/images/6/69/Nav-icon.png');
 +
        display:inline-block;
 +
        position:fixed;
 +
        width:23px;
 +
        height:37px;
 +
        margin-top:-17px;
 +
        margin-left:-90px;
 +
      }
     }
     }
     .nav-icon {
     .nav-icon {
Line 18: Line 29:
       height:37px;
       height:37px;
       margin-top:-17px;
       margin-top:-17px;
-
      margin-left:-20px;
 
     }
     }
     .block {
     .block {
Line 38: Line 48:
     }
     }
     .titlebar h3, h4 {
     .titlebar h3, h4 {
-
       text-align:center;
+
       text-align:left;
     }
     }
     .sidebar {
     .sidebar {
-
       position:fixed;
+
       position: fixed;
-
       top:190px;
+
       top: 157px;
-
       float:left;
+
       float: left;
-
       z-index:3;
+
       z-index: 3;
-
       padding: 0 0px 0px 40px;
+
       padding: 10px 10px 10px 10px;
 +
      width: 230px;
     }
     }
 +
    .sidebar_block {
 +
      background-color:white;
 +
      margin:1px;
 +
      border:1px grey solid;
 +
      padding:5px 10px 5px 10px;
 +
      border-radius:5px;
 +
      box-shadow: 0px 0px 20px #444444;
 +
    }
     .main {
     .main {
       position:relative;
       position:relative;
Line 57: Line 76:
   .ualberta-logo {
   .ualberta-logo {
       position:fixed;
       position:fixed;
-
       margin-left:-410px;
+
       margin-left:70px;
-
       margin-top:-60px;
+
       margin-top:-70px;
-
      left:50%;
+
       width:180px;
       width:180px;
     }
     }
Line 65: Line 83:
       position:fixed;
       position:fixed;
       margin-left:650px;
       margin-left:650px;
-
       margin-top:-90px;
+
       margin-top:-95px;
       width: 150px;
       width: 150px;
 +
    }
 +
    .igem-logo img {
 +
      width:210px;
     }
     }
     .igem-bar {
     .igem-bar {
       position:relative;
       position:relative;
-
       left:340px;
+
       float:right;
     }
     }
     .igem-bar a {
     .igem-bar a {
Line 345: Line 366:
         -moz-transform:scale(4,4);
         -moz-transform:scale(4,4);
         -ms-transform:scale(4,4);
         -ms-transform:scale(4,4);
-
           -0-transform:scale(4,4);
+
           -o-transform:scale(4,4);
-
      transform-origin:0 0;
+
-
      -webkit-transform-origin:0 0;
+
-
        -moz-transform-origin:0 0;
+
-
        -ms-transform-origin:0 0;
+
-
          -o-transform-origin:0 0;
+
       z-index:999;
       z-index:999;
       background-color:white;
       background-color:white;
Line 363: Line 379:
       box-shadow: 0px 0px 30px #000;
       box-shadow: 0px 0px 30px #000;
        
        
 +
    }
 +
    a.anchor{
 +
      display: block;
 +
      position: relative;
 +
      top: -180px;
 +
      visibility: hidden;
     }
     }
   </style>
   </style>
Line 368: Line 390:
   <body>
   <body>
     <div class="titlebar">
     <div class="titlebar">
-
      <h3>The Littlest Mapmaker</h3>
+
<br/>
-
      <h4>"Exploration into the world of <a href="#">DNA Computing</a>"<br/>
+
<img src="/wiki/images/4/41/Ab_mapmen_title.png" width="600" height="95"></img><img src="/wiki/images/a/a5/2013-igem-logo.png" width="198" height="95"></img>
-
        Team Alberta: University of Alberta</h4>
+
 
-
      <a href="http://www.ualberta.ca" class="ualberta-logo"><img src="/wiki/images/b/b3/Ualberta-logo.png" alt="University of Alberta"></img></a>
+
-
      <a href="https://2013.igem.org" class="igem-logo"><img src="/wiki/images/a/ad/IGem-logo.png" alt="iGem Main Page"></img></a>
+
     </div>
     </div>
     <div class="bin">
     <div class="bin">
       <ul class="navbar">
       <ul class="navbar">
-
         <li><a  href="home.html" class="active">Home</a></li>
+
         <li><i class="nav-icon"></i><a  href="/Team:Alberta" class="active">Home</a></li>
-
         <li><a id="project" href="/Team:Alberta/Project">Project</a>
+
         <li><a id="project" href="#"">Project</a>
           <ul>
           <ul>
-
             <li><a href=>Overview</a></li>
+
             <li><a href="/Team:Alberta/Background">Background</a></li>
-
             <li><a href="/Team:Alberta/Methodology">Methodology</a></li>
+
            <li><a href="/Team:Alberta/Overview">Overview</a></li>
-
             <li><a href="/Team:Alberta/Applications">Applications</a></li>
+
            <li><a href="/Team:Alberta/Results">Results</a></li>
 +
            <li><a href="/Team:Alberta/Protocols">Protocols</a></li>
 +
             <li><a href="/Team:Alberta/Parts">Submitted Parts</a></li>
 +
             <li><a href="/Team:Alberta/Accomplishments">Accomplishments</a></li>
           </ul>
           </ul>
         </li>
         </li>
-
         <li><a id="notebook" href="/Team:Alberta/Notebook">Notebook</a>
+
         <li><a id="team" href="#">Team</a>
           <ul>
           <ul>
-
             <li><a href="/Team:Alberta/Timeline">Timeline</a></li>
+
             <li><a href="/Team:Alberta/Team">Roster</a></li>
-
             <li><a href="/Team:Alberta/Results">Results</a></li>
+
            <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Alberta">Official Profile</a></li>
-
             <li><a href="/Team:Alberta/BioBricks">BioBricks</a></li>
+
             <li><a href="/Team:Alberta/Sponsors">Sponsors</a></li>
 +
             <li><a href="/Team:Alberta/Attributions">Attributions</a></li>
           </ul>
           </ul>
         </li>
         </li>
-
         <li><a id="team" href="/Team:Alberta/Team">Team</a>
+
         <li><a id="humanpractices" href="#">Human Practices</a>
           <ul>
           <ul>
-
             <li><a href>Roster</a></li>
+
             <li><a href="/Team:Alberta/Outreach">Outreach</a></li>
-
             <li><a href>Sponsers</a></li>
+
             <li><a href="/Team:Alberta/Community">Community</a></li>
           </ul>
           </ul>
         </li>
         </li>
-
         <li><a id="humanpractices" href>Human Practices</a>
+
         <li><a href="/Team:Alberta/MainSafety">Safety</a>
           <ul>
           <ul>
-
             <li><a href>Safety</a></li>
+
             <li><a href="/Team:Alberta/SafetyForm">Safety Form</a></li>
-
             <li><a href\>Community</a></li>
+
             <li><a href="/Team:Alberta/FAQ">FAQ</a></li>
 +
            <li><a href="/Team:Alberta/Resources">Resources</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 406: Line 431:
       </ul>
       </ul>
       <div class="sidebar">
       <div class="sidebar">
-
         <div href class="tooltip"><img src="/wiki/images/7/7d/SideChar.png"></img>  
+
         <div class="sidebar_block">
-
          <span class="saying">Welcome to the Team Alberta Wiki!
+
<br>
-
            <div id="box" style="width: 450px; padding: 5px; border: 3px solid #000; background-color: #000000;">
+
<img src=" /wiki/images/2/2d/Background_icon.png " align="left" width="50" height="50"></img>Curious about the possibilities of biocomputing? Need of a crash course on travelling salesman problems? Visit our <a href="https://2013.igem.org/Team:Alberta/Background">background page</a> for more information on the real-world applications of our project.
-
            <div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<br>
-
              For visitors: this site is currently under construction. Please contact our Student Liason, Dawson at                  daocun@ualberta.ca, for more information on our current project and how to support us!
+
<br>
-
            </div>
+
<img src="/wiki/images/thumb/b/bf/Workings_icon.png/610px-Workings_icon.png " align="left" width="50" height="50"></img>
-
            </div>
+
Want to get straight to the details of what Team Alberta has been working on this summer? Read up in the <a href="https://2013.igem.org/Team:Alberta/Overview">overview</a> and <a href="https://2013.igem.org/Team:Alberta/Results">results</a> pages to see what we've achieved.
-
          </span>
+
<br>
 +
<br>
 +
      <img src=" /wiki/images/thumb/f/f6/Peoples_icon.png/618px-Peoples_icon.png" align="left" width="50" height="50"></img>Or maybe you'd like to get to know the team itself, those who have helped us along and those we've helped in turn? See the <a href="https://2013.igem.org/Team:Alberta/Team">team roster</a>, <a href="https://2013.igem.org/Team:Alberta/Attributions">sponsors</a> and <a href="https://2013.igem.org/Team:Alberta/Outreach">outreach</a> pages to meet everyone who's participated.
         </div>
         </div>
       </div>
       </div>
Line 421: Line 448:
       </div-->
       </div-->
       <div class="block">
       <div class="block">
-
        <img src="/wiki/images/thumb/3/3a/Alberta_logo.png/500px-Alberta_logo.png"
 
-
          style="width:100%;"></img><br />
 
         <h3 class="centered">
         <h3 class="centered">
-
           Team Alberta represents the University of Alberta, from Edmonton.
+
           Welcome to the Team Alberta website! Our project pushes the limits of Synthetic Biology to create massively parallel, highly selective biological computers.
-
          Our project, "The Littlest Mapmakers", is an attempt to create a biological  
+
         </h3><br />
-
          computer capable of solving the Traveling Salesman Problem
+
         <img src="/wiki/images/e/e8/Mapmaker-banner.jpg"
-
         </h3>
+
           style="width:85%;"></img>
-
      </div>
+
-
      <div class="block">
+
-
      <p>
+
-
         The traveling salesman problem is a mathematical optimization problem that was
+
-
        first formally described in 1930, and has been intensively studied in the computer
+
-
        sciences as a benchmark for optimization algorithms. The problem asks:
+
-
      </p>
+
-
      <p class="centered-well">
+
-
        Given a set of cities (or other destinations), and a list of the distances
+
-
        (or the travel time, fuel consumption, et cetera) between each pair of those cities,
+
-
        what is the shortest possible route that travels to every city exactly once, and
+
-
        then returns to the origin city?
+
-
      </p>
+
-
      <p>
+
-
        In our project, we use DNA to compute solutions by converting all of the elements
+
-
        of the problem into representative sequences of DNA: cities become selectable marker
+
-
        genes (specifically, antibiotic resistance genes), paths between the cities become
+
-
        short, sticky-ended linkers (each of which is only able to ligate to two specific
+
-
        “city” strands), and the distance of a given path is represented by the concentration
+
-
        of the corresponding linker in solution. These pieces of DNA are successively ligated
+
-
        together to produce plasmids that signify “routes”, where the order in which the genes
+
-
        appear in the plasmid indicates the order in which the cities are visited.
+
-
      </p>
+
-
      <div class="thumbnails">
+
-
        <div class="thumbnail">
+
-
          <img src="/wiki/images/thumb/c/c7/Sample_product.png/300px-Sample_product.png"></img>
+
-
        </div>
+
-
        <div class="thumbnail">
+
-
           <img src="/wiki/images/thumb/4/45/Sample_route.png/650px-Sample_route.png"></img>
+
-
        </div>
+
-
      </div>
+
-
      <div class="clear"></div>
+
-
      <p>
+
-
        The resulting plasmids are transformed into a bacterial culture, so that we can select
+
-
        for only those plasmids that include every city in the list. Then, plasmid DNA is
+
-
        extracted from the surviving bacterial colonies and analyzed to determine which plasmid
+
-
        (and thus which route) occurred the most frequently. This route, the one most favoured
+
-
        by the ligation reactions, is the optimal route!
+
-
      </p>
+
-
      </div>
+
-
      <div class="block">
+
-
        <div class="centered">
+
-
        <a class="twitter-timeline" href="https://twitter.com/iGEMAlberta" data-widget-id="368908364702437377">Tweets by @iGEMAlberta</a>
+
-
        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+
-
        </div>
+
       </div>
       </div>
       </div>
       </div>

Latest revision as of 03:38, 29 October 2013



Curious about the possibilities of biocomputing? Need of a crash course on travelling salesman problems? Visit our background page for more information on the real-world applications of our project.

Want to get straight to the details of what Team Alberta has been working on this summer? Read up in the overview and results pages to see what we've achieved.

Or maybe you'd like to get to know the team itself, those who have helped us along and those we've helped in turn? See the team roster, sponsors and outreach pages to meet everyone who's participated.

Welcome to the Team Alberta website! Our project pushes the limits of Synthetic Biology to create massively parallel, highly selective biological computers.


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