Team:Alberta

From 2013.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 48: 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 370: 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 376: Line 391:
     <div class="titlebar">
     <div class="titlebar">
<br/>
<br/>
-
      <h3><font color="#A80000"><font size="6">The Littlest Mapmaker</font></font></h3>
+
<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>
-
      <h4><i><font size="2">"Exploration into the world of <font color="#A80000">DNA Computing</font>"<br/>
+
 
-
        Team Alberta: University of Alberta</font></i></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/Team:Alberta" class="igem-logo"><img src="/wiki/images/a/a5/2013-igem-logo.png" alt="iGem Main Page"></img></a>
+
     </div>
     </div>
     <div class="bin">
     <div class="bin">
       <ul class="navbar">
       <ul class="navbar">
         <li><i class="nav-icon"></i><a  href="/Team:Alberta" 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="#">Project</a>
+
         <li><a id="project" href="#"">Project</a>
           <ul>
           <ul>
             <li><a href="/Team:Alberta/Background">Background</a></li>
             <li><a href="/Team:Alberta/Background">Background</a></li>
Line 399: Line 411:
             <li><a href="/Team:Alberta/Team">Roster</a></li>
             <li><a href="/Team:Alberta/Team">Roster</a></li>
             <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Alberta">Official Profile</a></li>
             <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Alberta">Official Profile</a></li>
-
             <li><a href="/Team:Alberta/Attributions">Sponsors</a></li>
+
             <li><a href="/Team:Alberta/Sponsors">Sponsors</a></li>
 +
            <li><a href="/Team:Alberta/Attributions">Attributions</a></li>
           </ul>
           </ul>
         </li>
         </li>
Line 418: 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>
-
            <p>Hover over me on other pages and I'll help you find what you need!</p>
+
<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.
-
          </span>
+
<br>
 +
<br>
 +
<img src="/wiki/images/thumb/b/bf/Workings_icon.png/610px-Workings_icon.png " align="left" width="50" height="50"></img>
 +
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>
Line 430: Line 449:
       <div class="block">
       <div class="block">
         <h3 class="centered">
         <h3 class="centered">
-
           Welcome to the Team Alberta website!
+
           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 MapMaker, is all about creating biological computers; training E. coli to solve tough mathematical puzzles, like the travelling salesman problem.  
+
         </h3><br />
         </h3><br />
         <img src="/wiki/images/e/e8/Mapmaker-banner.jpg"
         <img src="/wiki/images/e/e8/Mapmaker-banner.jpg"
-
           style="width:100%;"></img>
+
           style="width:85%;"></img>
-
      </div>
+
-
      <div class="block">
+
-
      <ul>
+
-
        <li>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.</li>
+
-
        <li>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.</li>
+
-
        <li>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.</li>
+
-
      </ul>
+
-
      <!--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"