Team:Alberta

From 2013.igem.org

(Difference between revisions)
 
(98 intermediate revisions not shown)
Line 1: Line 1:
-
<!--<html>
 
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #000000;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
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!
 
-
</div>
 
-
</div>
 
-
</html>
 
-
 
-
 
-
[[Image:Alberta_logo.png|500px|center]]
 
-
 
-
 
-
<html><p><font size=4><strong><center>
 
-
Team Alberta represents the University of Alberta, from Edmonton. Our project, "The Littlest Mapmakers", is an attempt to create a biological computer capable of solving the Traveling Salesman Problem</p></center></font></strong></html>
 
-
 
-
----
 
-
 
-
 
-
<html>
 
-
<font size=3>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:
 
-
<html>
 
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; background-color: #ffffff;">
 
-
<div id="template" style="text-align: center; color: #000000; padding: 5px;">
 
-
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?</div>
 
-
</div>
 
-
</html>
 
-
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. 
 
-
{|align="center"
 
-
|[[Image:sample_product.png|300px]][[Image:sample_route.png|650px]]
 
-
|}
 
-
<html><font size=3>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!</font></html>
 
-
 
-
 
-
 
-
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[[Team:Alberta|Home]]
 
-
!align="center"|[[Team:Alberta/Team|Team]]
 
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Alberta Official Team Profile]
 
-
!align="center"|[[Team:Alberta/Project|Project]]
 
-
!align="center"|[[Team:Alberta/Parts|Parts Submitted to the Registry]]
 
-
!align="center"|[[Team:Alberta/Modeling|Modeling]]
 
-
!align="center"|[[Team:Alberta/Notebook|Notebook]]
 
-
!align="center"|[[Team:Alberta/Safety|Safety]]
 
-
!align="center"|[[Team:Alberta/Attributions|Attributions]]
 
-
|}
 
-
 
-
<html><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></html>
 
-
 
-
---------- -->
 
-
<cfheader name="X-XSS-Protection" value="0">
 
<html>
<html>
   <head>
   <head>
-
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
 
   <style type="text/css">
   <style type="text/css">
     .titlebar {
     .titlebar {
Line 60: Line 7:
     }
     }
     .bin {
     .bin {
-
       background:url('/wiki/images/thumb/2/26/Background.png/541px-Background.png');
+
       background:url('/wiki/images/e/e4/2013AlbertaBackground.png');
-
      height:100%;
+
      background-size:100% auto;
 +
      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 {
-
       background-image:url('https://static.igem.org/mediawiki/2013/6/69/Nav-icon.png');
+
       background-image:url('/wiki/images/6/69/Nav-icon.png');
       display:inline-block;
       display:inline-block;
       position:fixed;
       position:fixed;
Line 70: Line 29:
       height:37px;
       height:37px;
       margin-top:-17px;
       margin-top:-17px;
-
      margin-left:-20px;
 
     }
     }
     .block {
     .block {
Line 80: Line 38:
       box-shadow: 0px 0px 30px #444444;
       box-shadow: 0px 0px 30px #444444;
     }
     }
-
     .titlebar h3, h4 {
+
     .titlebar {
-
       text-align:center;
+
       position:fixed;
-
    }
+
      top:0px;
-
    .opaque {
+
      height:130px;
-
       background-color:white;
+
       margin-left:-5px;
       width:975px;
       width:975px;
-
       margin: 0 auto;
+
       z-index:2;
 +
      background-color:#FFF;
 +
    }
 +
    .titlebar h3, h4 {
 +
      text-align:left;
     }
     }
     .sidebar {
     .sidebar {
-
       float:left;
+
      position: fixed;
-
       padding: 15px 0px 0px 40px;
+
      top: 157px;
 +
       float: left;
 +
      z-index: 3;
 +
       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 100: Line 74:
       clear:both;
       clear:both;
     }
     }
-
    .ualberta-logo {
+
  .ualberta-logo {
-
      padding: 10px;
+
       position:fixed;
       position:fixed;
-
       left:50%
+
       margin-left:70px;
-
       margin-left:-250px;
+
       margin-top:-70px;
       width:180px;
       width:180px;
     }
     }
     .igem-logo {
     .igem-logo {
-
       position:relative;
+
       position:fixed;
-
      left:50%;
+
       margin-left:650px;
-
       margin-left:250px;
+
       margin-top:-95px;
-
       margin-top:-100px;
+
       width: 150px;
       width: 150px;
 +
    }
 +
    .igem-logo img {
 +
      width:210px;
     }
     }
     .igem-bar {
     .igem-bar {
-
       postion:fixed;
+
       position:relative;
-
       height:40px;
+
      float:right;
 +
    }
 +
    .igem-bar a {
 +
      padding:0 !important;
 +
    }
 +
    .igem-bar img {
 +
      height:38px;
 +
    }
 +
    .tooltip {
 +
      width:100%;
 +
    }
 +
    .tooltip .saying {
 +
      background: #EEE;
 +
      color: #444;
 +
      left: 100px;
 +
      margin-bottom: 15px;
 +
      opacity: 0;
 +
      padding: 20px;
 +
      position: absolute;
 +
      visibility: hidden;
 +
      min-width:200px;
 +
      max-width:500px;
 +
      -webkit-transform: translateX(10px);
 +
        -moz-transform: translateX(10px);
 +
          -ms-transform: translateX(10px);
 +
          -o-transform: translateX(10px);
 +
              transform: translateX(10px);
 +
      -webkit-transition: all .25s ease-out;
 +
        -moz-transition: all .25s ease-out;
 +
          -ms-transition: all .25s ease-out;
 +
            -o-transition: all .25s ease-out;
 +
              transition: all .25s ease-out;
 +
      -webkit-border-radius:6px;
 +
        -moz-border-radius:6px;
 +
          -ms-border-radius:6px;
 +
            -o-border-radius:6px;
 +
              border-radius:6px;
 +
      -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 +
        -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 +
          -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 +
            -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 +
              box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
 +
    }
 +
    .tooltip .saying {
 +
      content: " ";
 +
      top:100px;
 +
      display:block;
 +
      left: 200px;
 +
      max-height:1000px;
 +
      position: absolute;
 +
    } 
 +
    .tooltip .saying:after {
 +
      border-bottom: solid transparent 10px;
 +
      border-top: solid transparent 10px;
 +
      border-right: solid #EEE 10px;
 +
      left: 10px;
 +
      top:10px;
 +
      content: "";
 +
      margin-left:-16px;
 +
      position: absolute;
 +
      width: 0;
 +
      max-height:1000px;
 +
      display:block;
 +
    }
 +
    .tooltip:hover .saying {
 +
      opacity: 1;
 +
      visibility: visible;
 +
      -webkit-transform: translateX(0px);
 +
        -moz-transform: translateX(0px);
 +
          -ms-transform: translateX(0px);
 +
            -o-transform: translateX(0px);
 +
              transform: translateX(0px);
 +
    }
 +
    .active {
 +
      color:#04acec !important;
 +
    }
 +
    .navbar, .navbar ul {
 +
      margin:0;
 +
      padding:0;
 +
      list-style:none;
 +
    }
 +
    .navbar {
 +
      width:963px;
 +
      margin:60px auto;
 +
      position:fixed;
 +
       top:70px;
 +
      z-index:4;
 +
      border: 1px solid #DDD;
 +
      background-color:#FFF;
 +
      background-image: -moz-linear-gradient(#FFF, #DDD);
 +
      background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
 +
      background-image: -webkit-linear-gradient(#FFF, #DDD);
 +
      background-image: -ms-linear-gradient(#FFF, #DDD);
 +
      background-image: linear-gradient(#FFF, #DDD);
 +
      -moz-box-shadow: 0 1px 1px #444, 0 1px 0 #444;
 +
      -webkit-box-shadow: 0 1px 1px #444, 0 1px 0 #444;
 +
      box-shadow: 0 1px 1px #444, 0 1px 0 #444;
 +
      zoom:1;
 +
    }
 +
    .navbar:before, .navbar:after {
 +
      content: "";
 +
      display: table;
 +
    }
 +
    .navbar:after {
 +
      clear:both;
 +
    }
 +
    .navbar li {
 +
      float:left;
 +
      border-right:1px solid #CCC;
 +
      -moz-box-shadow:1px 0 0 #EEE;
 +
      -webkit-box-shadow: 1px 0 0 #EEE;
 +
      box-shadow: 1px 0 0 #EEE;
 +
      position: relative;
 +
    }
 +
    .navbar a {
 +
      float: left;
 +
      padding: 12px 30px;
 +
      color: #444;
 +
      font: bold 12px Arial, Helvetica;
 +
      text-decoration:none;
 +
      /*text-shadow: 0 1px 0 #333;*/
 +
    }
 +
    .navbar li:hover > a {
 +
      color:#BBB;
 +
    }
 +
    .navbar li a:hover { /* IE6 only */
 +
      color:#BBB;
 +
    }
 +
    .navbar ul {
 +
      margin:20px 0 0 0;
 +
      _margin: 0; /* IE6 only */
 +
      opacity: 0;
 +
      visibility: hidden;
 +
      position:absolute;
 +
      top:38px;
 +
      left:0;
 +
      z-index:1;
 +
      background:#FFF;
 +
      background: -moz-linear-gradient(#FFF, #CCC);
 +
      background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
 +
      background: -webkit-linear-gradient(#FFF, #CCC);
 +
      background: -o-linear-gradient(#FFF, #CCC);
 +
      background: -ms-linear-gradient(#FFF, #CCC);
 +
      background: linear-gradient(#FFF, #CCC);
 +
      -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
 +
      -webkit-box-shadow: 0 -1px rgba(255,255,255,.3);
 +
      -box-shadow:0 -1px 0 rgba(255,255,255,.3);
 +
      -moz-border-radius: 3px;
 +
      -webkit-border-radius: 3px;
 +
      border-radius: 3px;
 +
      -webkit-transition: all .2s ease-in-out;
 +
      -moz-transition: all .2s ease-in-out;
 +
      -ms-transition: all .2s ease-in-out;
 +
      -o-transition: all .2s ease-in-out;
 +
      transition: all .2s ease-in-out;
 +
    }
 +
    .navbar li:hover > ul {
 +
      opacity: 1;
 +
      visibility: visible;
 +
      margin:0;
 +
    }
 +
    .navbar ul ul {
 +
      top:0;
 +
      left:150px;
 +
      margin:0 0 0 20px;
 +
      _margin:0;/*IE6 only*/
 +
      -moz-box-shadow:-1px 0 0 rgba(255,255,255,.3);
 +
      -webkit-box-shadow:-1px 0 0 rgba(255,255,255,.3);
 +
      box-shadow:-1px 0 0 rgba(255,255,255,.3);
 +
    }
 +
    .navbar ul li {
 +
      float:none;
 +
      display:block;
 +
      border:0;
 +
      _line-height:0; /*IE6 only*/
 +
      -moz-box-shadow: 0 1px 0 #AAA, 0 2px 0 #FFF;
 +
      -webkit-box-shadow: 0 1px 0 #AAA, 0 2px 0 #FFF;
 +
      box-shadow: 0 1px 0 #AAA, 0 2px 0 #FFF;
 +
    }
 +
    .navbar ul li:last-child {
 +
      -moz-box-shadow:none;
 +
      -webkit-box-shadow:none;
 +
      box-shadow:none;
 +
    }
 +
    .navbar ul a {
 +
      padding:10px;
 +
      width:130px;
 +
      _height:10px;/*IE6 only*/
 +
      display:block;
 +
      white-space:nowrap;
 +
      float:none;
 +
      text-transform:none;
 +
    }
 +
    .navbar ul a:hover {
 +
      background-color:#0186ba;
 +
      background-image: -moz-linear-gradient(#04acec, #0186ba);
 +
      background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
 +
      background-image: -webkit-linear-gradient(#04acec, #0186ba);
 +
      background-image: -ms-linear-gradient(#04acec, #0186ba);
 +
      background-image: linear-gradient(#04acec, #0186ba);
 +
    }
 +
    .navbar ul li:first-child > a {
 +
      -moz-border-radius: 3px 3px 0 0;
 +
      -webkit-border-radius: 3px 3px 0 0;
 +
      border-radius: 3px 3px 0 0;
 +
    }
 +
    .navbar ul li:first-child > a:after {
 +
      content:'';
 +
      position:absolute;
 +
      left:40px;
 +
      top:-6px;
 +
      border-left:6px solid transparent;
 +
      border-right:6px solid transparent;
 +
      border-bottom:6px solid #FFF;
 +
    }
 +
    .navbar ul ul li:first-child a:after {
 +
      left:-6px;
 +
      top:50%;
 +
      margin-top:-6px;
 +
      border-left:0;
 +
      border-bottom:6px solid transparent;
 +
      border-top: 6px solid transparent;
 +
      border-right:6px solid #3b3b3b;
 +
    }
 +
    .navbar ul li:first-child a:hover:after {
 +
      border-bottom-color: #04acec;
 +
    }
 +
    .navbar ul ul li:first-child a:hover:after {
 +
      border-right-color: #0299d3;
 +
      border-bottom-color:transparent;
 +
    }
 +
    .navbar ul li:last-child > a {
 +
      -moz-border-radius: 0 0 3px 3px;
 +
      -webkit-border-radius: 0 0 3px 3px;
 +
      border-radius: 0 0 3px 3px;
 +
    }
 +
    .centered {
 +
      text-align:center;
 +
    }
 +
    .centered-well {
 +
      text-align:center;
 +
      width:80%;
 +
      margin:0 auto;
 +
      padding:5px;
 +
      background-color:#CCC;
 +
      border-radius:6px;
 +
      -moz-border-radius:6px;
 +
      -o-border-radius:6px;
 +
      -webkit-border-radius:6px;
 +
    }
 +
    .thumbnails {
 +
      padding: 35px;
 +
      width:700px;
 +
      margin:0 auto;
 +
    }
 +
    .thumbnail {
 +
      position:relative;
 +
      display:inline-block;
 +
      left:180px;
 +
    }
 +
    .thumbnail img{
 +
      /* ... */
 +
      height:100px;
 +
      position:relative;
 +
      -webkit-transition: all .25s ease-out;
 +
        -moz-transition: all .25s ease-out;
 +
          -ms-transition: all .25s ease-out;
 +
            -o-transition: all .25s ease-out;
 +
              transition: all .25s ease-out;
 +
    }   
 +
    .thumbnail img:hover {
 +
      transform:scale(4,4);
 +
      -webkit-transform:scale(4,4);
 +
        -moz-transform:scale(4,4);
 +
        -ms-transform:scale(4,4);
 +
          -o-transform:scale(4,4);
 +
      z-index:999;
 +
      background-color:white;
 +
      border:solid 2px #CCC;
 +
      border-radius:1px;
 +
      -moz-border-radius:1px;
 +
      -o-border-radius:1px;
 +
      -webkit-border-radius:1px;
 +
      -moz-box-shadow: 0px 0px 30px #000;
 +
      -o-box-shadow: 0px 0px 30px #000;
 +
      -webkit-box-shadow: 0px 0px 30px #000;
 +
      box-shadow: 0px 0px 30px #000;
 +
     
 +
    }
 +
    a.anchor{
 +
      display: block;
 +
      position: relative;
 +
      top: -180px;
 +
      visibility: hidden;
     }
     }
   </style>
   </style>
   </head>
   </head>
   <body>
   <body>
 +
    <div class="titlebar">
 +
<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>
 +
 +
    </div>
     <div class="bin">
     <div class="bin">
-
       <div class="navbar navbar-fixed-top navbar-absolute opaque">
+
       <ul class="navbar">
-
         <div class="titlebar">
+
         <li><i class="nav-icon"></i><a href="/Team:Alberta" class="active">Home</a></li>
-
          <a href="#"><img src="/wiki/images/b/b3/Ualberta-logo.png" class="ualberta-logo"></img></a>
+
        <li><a id="project" href="#"">Project</a>
-
          <h3>The Littlest Mapmaker</h1>
+
          <ul>
-
          <h4>"Exploration into the world of <a href="#">DNA Computing</a>"<br/>
+
            <li><a href="/Team:Alberta/Background">Background</a></li>
-
            Team Alberta: University of Alberta</h4>
+
            <li><a href="/Team:Alberta/Overview">Overview</a></li>
-
          <a href="#"><img src="https://static.igem.org/mediawiki/2013/a/ad/IGem-logo.png" class="igem-logo"></img></a>
+
             <li><a href="/Team:Alberta/Results">Results</a></li>
-
        </div>
+
            <li><a href="/Team:Alberta/Protocols">Protocols</a></li>
-
        <div class="navbar-inner" >
+
             <li><a href="/Team:Alberta/Parts">Submitted Parts</a></li>
-
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
             <li><a href="/Team:Alberta/Accomplishments">Accomplishments</a></li>
-
            <span class="icon-bar"></span>
+
-
            <span class="icon-bar"></span>
+
-
            <span class="icon-bar"></span>
+
-
          </a>
+
-
          <div class="nav-collapse collapse">
+
-
          <ul class="nav">
+
-
            <li class="active"><a  href="home.html" style="margin-left:5px;"><i class="nav-icon"></i> Home</a></li>
+
-
            <li class="dropdown">
+
-
              <a id="project" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#">Project <b class="caret"></b></a>
+
-
              <ul class="dropdown-menu" role="menu" aria-labelledby="project">
+
-
                <li><a href="#">Overview</a></li>
+
-
                <li><a href="methodology.html">Methodology</a></li>
+
-
                <li><a href="#">Applications</a></li>
+
-
              </ul>
+
-
             </li>
+
-
            <li class="dropdown">
+
-
              <a id="notebook" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook <b class="caret"></b></a>
+
-
              <ul class="dropdown-menu" role="menu" aria-labelledby="notebook">
+
-
                <li><a href="#">Timeline</a></li>
+
-
                <li><a href="#">Results</a></li>
+
-
                <li><a href="#">BioBricks</a></li>
+
-
              </ul>
+
-
             </li>
+
-
            <li class="dropdown">
+
-
              <a id="team" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#">Team <b class="caret"></b></a>
+
-
              <ul class="dropdown-menu" role="menu" aria-labelledby="team">
+
-
                <li><a href="#">Roster</a></li>
+
-
                <li><a href="#">Sponsers</a></li>
+
-
              </ul>
+
-
             </li>
+
-
            <li class="dropdown">
+
-
              <a id="humanpractices" role="button" class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices <b class="caret"></b></a>
+
-
              <ul class="dropdown-menu" role="menu" aria-labelledby="humanpractices">
+
-
                <li><a href="#">Safety</a></li>
+
-
                <li><a href="#">Community</a></li>
+
-
              </ul>
+
-
            </li>
+
           </ul>
           </ul>
-
          <a href="#" class="pull-right"><img src="https://static.igem.org/mediawiki/2013/a/ad/IGem-logo.png" class="igem-bar"></img></a>
+
        </li>
-
           </div>
+
        <li><a id="team" href="#">Team</a>
-
         </div>
+
          <ul>
-
      </div>
+
            <li><a href="/Team:Alberta/Team">Roster</a></li>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #000000;">
+
            <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Alberta">Official Profile</a></li>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
            <li><a href="/Team:Alberta/Sponsors">Sponsors</a></li>
-
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!
+
            <li><a href="/Team:Alberta/Attributions">Attributions</a></li>
-
</div>
+
           </ul>
-
</div>
+
         </li>
 +
        <li><a id="humanpractices" href="#">Human Practices</a>
 +
          <ul>
 +
            <li><a href="/Team:Alberta/Outreach">Outreach</a></li>
 +
            <li><a href="/Team:Alberta/Community">Community</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="/Team:Alberta/MainSafety">Safety</a>
 +
          <ul>
 +
            <li><a href="/Team:Alberta/SafetyForm">Safety Form</a></li>
 +
            <li><a href="/Team:Alberta/FAQ">FAQ</a></li>
 +
            <li><a href="/Team:Alberta/Resources">Resources</a></li>
 +
          </ul>
 +
        </li>
 +
      <div class="igem-bar"><a href="https://2013.igem.org"><img src="/wiki/images/a/ad/IGem-logo.png"></img></a></div>
 +
      </ul>
       <div class="sidebar">
       <div class="sidebar">
-
          <a href="#">
+
        <div class="sidebar_block">
-
          <img id="saying" href="#" data-toggle="popover"  
+
<br>
-
          data-placement="right"  
+
<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.
-
          data-content="Welcome to the Team Alberta Wiki"
+
<br>
-
          data-trigger="hover focus" data-container="body" src="/wiki/images/7/7d/SideChar.png"
+
<br>
-
          ></img>  
+
<img src="/wiki/images/thumb/b/bf/Workings_icon.png/610px-Workings_icon.png " align="left" width="50" height="50"></img>
-
          </a>
+
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.
 +
<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 class="main">
       <div class="main">
-
       <div class="block">
+
       <!--div class="block">
         <img src="/wiki/images/e/e8/Mapmaker-banner.jpg"></img>
         <img src="/wiki/images/e/e8/Mapmaker-banner.jpg"></img>
-
       </div>
+
       </div-->
       <div class="block">
       <div class="block">
-
      <p>
+
        <h3 class="centered">
-
        Project abstract here - stating the nature of the project as simply and
+
          Welcome to the Team Alberta website! Our project pushes the limits of Synthetic Biology to create massively parallel, highly selective biological computers.  
-
        succinctly as possible. Lorem ipsum dolor sit amet, consectetuer
+
         </h3><br />
-
        adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum
+
        <img src="/wiki/images/e/e8/Mapmaker-banner.jpg"
-
         sociis natoque penatibus et magnis dis parturient montes, nascetur
+
          style="width:85%;"></img>
-
        ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium
+
-
        quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla
+
-
        vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
+
-
        imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis
+
-
        pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
+
-
      </p>
+
-
      </div>
+
-
      <div class="block">
+
-
      <p>
+
-
        Twitter Feed Widget - @iGEMAlberta
+
-
      </p>
+
-
      </div>
+
-
      <div class="block">
+
-
      <p>
+
-
        Project abstract here - stating the nature of the project as simply and
+
-
        succinctly as possible. Lorem ipsum dolor sit amet, consectetuer
+
-
        adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum
+
-
        sociis natoque penatibus et magnis dis parturient montes, nascetur
+
-
        ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium
+
-
        quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla
+
-
        vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut,
+
-
        imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis
+
-
        pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
+
-
      </p>
+
       </div>
       </div>
       </div>
       </div>
       <div class="clear"></div>
       <div class="clear"></div>
     </div>
     </div>
-
   
 
-
 
-
    <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
 
-
    <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
 
-
    <script>$(function (){ $("#saying").popover({html:true, delay: {hide:1000}});});</script>
 
   </body>
   </body>
</html>
</html>
 +
<!--
 +
--------
 +
 +
<html>
 +
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #000000;">
 +
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 +
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!
 +
</div>
 +
</div>
 +
</html>
 +
 +
 +
[[Image:Alberta_logo.png|500px|center]]
 +
 +
 +
<html><p><font size=4><strong><center>
 +
Team Alberta represents the University of Alberta, from Edmonton. Our project, "The Littlest Mapmakers", is an attempt to create a biological computer capable of solving the Traveling Salesman Problem</p></center></font></strong></html>
 +
 +
----
 +
 +
 +
<html>
 +
<font size=3>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:
 +
<html>
 +
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; background-color: #ffffff;">
 +
<div id="template" style="text-align: center; color: #000000; padding: 5px;">
 +
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?</div>
 +
</div>
 +
</html>
 +
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. 
 +
{|align="center"
 +
|[[Image:sample_product.png|300px]][[Image:sample_route.png|650px]]
 +
|}
 +
<html><font size=3>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!</font></html>
 +
 +
 +
 +
 +
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 +
!align="center"|[[Team:Alberta|Home]]
 +
!align="center"|[[Team:Alberta/Team|Team]]
 +
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Alberta Official Team Profile]
 +
!align="center"|[[Team:Alberta/Project|Project]]
 +
!align="center"|[[Team:Alberta/Parts|Parts Submitted to the Registry]]
 +
!align="center"|[[Team:Alberta/Modeling|Modeling]]
 +
!align="center"|[[Team:Alberta/Notebook|Notebook]]
 +
!align="center"|[[Team:Alberta/Safety|Safety]]
 +
!align="center"|[[Team:Alberta/Attributions|Attributions]]
 +
|}
 +
 +
<html><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></html>
 +
 +
-->

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"