|
|
(94 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{:Team:Stanford-Brown/Templates/Main}} |
| + | |
| <html> | | <html> |
| | | |
- | | + | <head> |
- | | + | |
- | <!--
| + | |
- | * Markup for jQuery Orbit Plugin 1.2.3
| + | |
- | * www.ZURB.com/playground
| + | |
- | * Copyright 2010, ZURB
| + | |
- | * Free to use under the MIT license.
| + | |
- | * http://www.opensource.org/licenses/mit-license.php
| + | |
- | -->
| + | |
- |
| + | |
- |
| + | |
- |
| + | |
- | <head>
| + | |
- | <meta charset="utf-8" />
| + | |
- | <title>Orbit Demo</title>
| + | |
- |
| + | |
- | <!-- Attach our CSS -->
| + | |
- | <!-- <link rel="stylesheet" href="../orbit-1.2.3.css">
| + | |
- | <link rel="stylesheet" href="demo-style.css">
| + | |
- | -->
| + | |
- | <!-- Attach necessary JS --><!--
| + | |
- | <script type="text/javascript" src="../jquery-1.5.1.min.js"></script>
| + | |
- | <script type="text/javascript" src="../jquery.orbit-1.2.3.min.js"></script>
| + | |
- | -->
| + | |
- | | + | |
- | <!-- Attach our CSS -->
| + | |
- | <link rel="stylesheet" href="http://www.stanford.edu/~sryoung/cgi-bin/igem/orbit-1.2.3.css">
| + | |
- | <link rel="stylesheet" href="http://www.stanford.edu/~sryoung/cgi-bin/igem/demo/demo-style.css">
| + | |
- |
| + | |
- | <!-- Attach necessary JS -->
| + | |
- | <script type="text/javascript" src="http://www.stanford.edu/~sryoung/cgi-bin/igem/jquery-1.5.1.min.js"></script>
| + | |
- | <script type="text/javascript" src="http://www.stanford.edu/~sryoung/cgi-bin/igem/jquery.orbit-1.2.3.min.js"></script>
| + | |
- |
| + | |
- |
| + | |
- | <!--[if IE]>
| + | |
- | <style type="text/css">
| + | |
- | .timer { display: none !important; }
| + | |
- | div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
| + | |
- | </style>
| + | |
- | <![endif]-->
| + | |
- |
| + | |
- | <!-- Run the plugin -->
| + | |
- | <script type="text/javascript">
| + | |
- | $(window).load(function() {
| + | |
- | $('#featured').orbit();
| + | |
- | });
| + | |
- | </script>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <!-- Stuff from Calgary -->
| + | |
- | | + | |
- | <link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />
| + | |
- | | + | |
| <style> | | <style> |
- | /*======
| + | #content { |
- | Desktop Styling
| + | background: none; |
- | ======*/
| + | box-shadow: 0px 0px 0px 0px; |
- |
| + | |
- | /***Body styling***/
| + | |
- | h1{
| + | |
- | font-size: 2.5em;
| + | |
- | }
| + | |
- | h2{
| + | |
- | font-size: 1.8em;
| + | |
- | }
| + | |
| | | |
- | #box1{ | + | #bodyContent { |
- | width: 968px;
| + | margin-left: -1px; |
- | margin-top: -8px;
| + | |
- | background: threedface;
| + | |
- | float: left;
| + | |
- | padding-bottom: 20px;
| + | |
- | margin-bottom: 13px;
| + | |
- | }
| + | |
- | #box1 h2{
| + | |
- | padding: 20px 20px 20px 20px;
| + | |
- | }
| + | |
- | #box1 p{
| + | |
- | padding: 0px 20px 0px 20px;
| + | |
- | font-size: 1.1em;
| + | |
- | }
| + | |
| | | |
- | #FredOscarFlag{
| + | #footer-box { |
- | display: block;
| + | width: 965px; |
- | float: left;
| + | padding: 5px; |
- | width: 250px;
| + | background-color: white; |
- | height: 274px;
| + | margin: 0 auto; |
- | background: url('https://static.igem.org/mediawiki/2012/0/0b/UCalgary2012_FRED_and_OSCAR_Main_Page.png');
| + | border: 0px; |
- | background-position: top;
| + | border-radius: 5px 5px 5px 5px; |
- | margin: 15px;
| + | box-shadow: 0px 2px 6px 2px #222; |
- | } | + | |
- | #FredOscarFlag:hover{
| + | |
- | background-position: bottom;
| + | |
- | }
| + | |
- |
| + | |
| | | |
- | #box2{
| |
- | width: 968px;
| |
- | background: #C68DD8;
| |
- | float: left;
| |
- | margin-bottom: 13px;
| |
- | }
| |
- | #box2 h2{
| |
- | padding: 20px 20px 20px 20px;
| |
- | color: white;
| |
- | }
| |
- | #box2 p{
| |
- | padding: 0px 20px 0px 20px;
| |
- | font-size: 1.1em;
| |
- | color: white;
| |
- | }
| |
- | #box2 img{
| |
- | float: left;
| |
- | margin: 15px;
| |
- | height: 110px;
| |
- | }
| |
- | #box2:hover{
| |
- | background: #D79EE9;
| |
- | }
| |
- |
| |
- | /***positioning of elements in ZE EPIC BOX***/
| |
- | #epicbox{
| |
- | margin-top: 4px;
| |
- | }
| |
- |
| |
- | #boximgcontainer{
| |
- | float: left;
| |
- | width: 644px;
| |
- | height: 655px;
| |
- | }
| |
- | #boximgcontainer div{
| |
- | float: left;
| |
- | position: relative;
| |
- | }
| |
- | #orangebox{
| |
- | margin-bottom: 4px;
| |
- | }
| |
- | #orangebox .imgbox{
| |
- | width: 644px;
| |
- | height: 215px;
| |
- | top: 108px;
| |
- | // background: #F6A82D;
| |
- | //background: #33CC33;
| |
- | background: #555555;
| |
- | margin-bottom: 4px;
| |
- | }
| |
- | .oblank{
| |
- | width: 644px;
| |
- | height: 104px;
| |
- | //background: #FFE485;
| |
- | //background: #33EE33;
| |
- | background: #888888;
| |
- | position: relative;
| |
- | top: -219px;
| |
- | }
| |
- | #orangebox:hover .oblank, .oblank:hover{
| |
- | display: none;
| |
- | }
| |
- | #orangebox .iconcontainer{
| |
- | position: relative;
| |
- | display: none;
| |
- | left: auto;
| |
- | top: -219px;
| |
- | }
| |
- | .iconbox div, .iconbox{
| |
- | width: 104px;
| |
- | height: 104px;
| |
- | margin-right: 4px;
| |
- | }
| |
- | a.obox1 div{
| |
- | background: #BBBBBB;
| |
- | }
| |
- | a.obox2 div{
| |
- | background: #AAAAAA;
| |
- | }
| |
- | a.obox3 div{
| |
- | background: #999999;
| |
- | }
| |
- | a.obox4 div{
| |
- | background: #888888;
| |
- | }
| |
- | a.obox5 div{
| |
- | background: #777777;
| |
- | }
| |
- | a.obox6 div{
| |
- | background: #666666;
| |
- | margin-right: 0;
| |
- | }
| |
- | #orangebox div:hover, #orangebox div.iconbox:hover div{
| |
- | background: #DDDDDD;
| |
- | }
| |
- | #orangebox:hover .iconcontainer{
| |
- | display: block;
| |
- | background: transparent;
| |
- | }
| |
- |
| |
- |
| |
- | #greenbox .imgbox{
| |
- | width: 320px;
| |
- | height: 215px;
| |
- | //background: #58CD45;
| |
- | //background: #888888;
| |
- | //background: #33CC33;
| |
- | background: #663399;
| |
- | }
| |
- | .gblank{
| |
- | width: 320px;
| |
- | height: 104px;
| |
- | //background: #B6FFA3;
| |
- | //background: #BBBBBB;
| |
- | //background: #33EE33;
| |
- | background: #9933FF;
| |
- | position: relative;
| |
- | top: 219px;
| |
- | left: -320px;
| |
- | }
| |
- | #greenbox .iconcontainer{
| |
- | position: relative;
| |
- | margin-top: 4px;
| |
- | left: -999em;
| |
- | z-index: 1;
| |
- | }
| |
- | a.gbox1 div{
| |
- | background: #9933FF;
| |
- | }
| |
- | a.gbox2 div{
| |
- | background: #9900FF;
| |
- | }
| |
- | a.gbox3 div{
| |
- | background: #660099;
| |
- | }
| |
- | a.gbox4 div{
| |
- | background: #663399;
| |
- | }
| |
- | #greenbox div:hover, #greenbox div.iconbox:hover div{
| |
- | //background: #94FF7D;
| |
- | background: #9933FF;
| |
- | z-index: 99; /*hovers are not overridden by OSCAR boxes*/
| |
- | }
| |
- | #greenbox:hover .gblank, .gblank:hover{
| |
- | display: none;
| |
- | }
| |
- | #greenbox:hover .iconcontainer{
| |
- | left: auto;
| |
- | background: transparent;
| |
- | }
| |
- |
| |
- | #bluebox{
| |
- | position: relative;
| |
- | top: -323px;
| |
- | left: 320px;
| |
- | }
| |
- | #bluebox .imgbox{
| |
- | width: 320px;
| |
- | height: 215px;
| |
- | //background: #5BB5E8;
| |
- | background: #660000;
| |
- | margin-left: 4px;
| |
- | }
| |
- | .bblank{
| |
- | width: 320px;
| |
- | height: 104px;
| |
- | //background: #C5F0F0;
| |
- | background: #996666;
| |
- | position: relative;
| |
- | top: 219px;
| |
- | left: -320px;
| |
- | z-index: 0;
| |
- | }
| |
- | #bluebox .iconcontainer{
| |
- | position: relative;
| |
- | margin-top: 4px;
| |
- | left: -999em;
| |
- | z-index: 0;
| |
- | }
| |
- | a.bbox1 div{
| |
- | background: #993333;
| |
- | }
| |
- | a.bbox2 div{
| |
- | background: #993300;
| |
- | }
| |
- | a.bbox3 div{
| |
- | background: #990033;
| |
- | }
| |
- | a.bbox4 div{
| |
- | background: #990000;
| |
- | }
| |
- | a.bbox5 div{
| |
- | background: #990066;
| |
- | }
| |
- | a.bbox6 div{
| |
- | background: #993366;
| |
- | margin: 0;
| |
- | }
| |
- | #bluebox div:hover, #bluebox .iconbox:hover div{
| |
- | //background: #7DD7FF;
| |
- | background: #993333;
| |
- | z-index: 99; /*hovers are not overridden by FRED boxes*/
| |
- | }
| |
- | #bluebox:hover .bblank, .bblank:hover{
| |
- | display: none;
| |
- | }
| |
- | #bluebox:hover .iconcontainer{
| |
- | left: -212px;
| |
- | background: transparent;
| |
- | }
| |
- |
| |
- | #boxinfo{
| |
- | float: right;
| |
- | position: relative;
| |
- | width: 320px;
| |
- | left: 3px;
| |
- | // background: #555555;
| |
- | background: #33CC33;
| |
- | height: 650px;
| |
- | margin-bottom: 12px;
| |
- | }
| |
- | #boxinfo h2{
| |
- | color: white;
| |
- | padding: 20px 20px 0px;
| |
- | }
| |
- | #boxinfo p{
| |
- | color: white;
| |
- | padding: 10px 20px 20px;
| |
- | font-size: 1.2em;
| |
- | }
| |
- | /*initial boxinfo appearance settings*/
| |
- | #boxinfo div.orangebox, #boxinfo div.obox1, #boxinfo div.obox2, #boxinfo div.obox3, #boxinfo div.obox4, #boxinfo div.obox5, #boxinfo div.obox6{
| |
- | display: none;
| |
- | }
| |
- | #boxinfo div.greenbox, #boxinfo div.gbox1, #boxinfo div.gbox2, #boxinfo div.gbox3, #boxinfo div.gbox4,
| |
- | #boxinfo div.bluebox, #boxinfo div.bbox1, #boxinfo div.bbox2, #boxinfo div.bbox3, #boxinfo div.bbox4, #boxinfo div.bbox5{
| |
- | position: relative;
| |
- | padding-top: 320px;
| |
- | display: none;
| |
- | }
| |
- | /*bold colours for FRED and OSCAR*/
| |
- | #boxinfo div.greenbox b{
| |
- | color: #72E85B;
| |
- | }
| |
- | #boxinfo div.bluebox b{
| |
- | color: #5EB7F0;
| |
- | }
| |
- | .threeboxes{
| |
- | clear: both;
| |
- | position: relative;
| |
- | width: 968px;
| |
- | margin-bottom: 12px;
| |
- | }
| |
- | .threeboxes a, .threeboxes a div{
| |
- | width: 320px;
| |
- | height: 155px;
| |
- | float: left;
| |
- | margin-bottom: 12px;
| |
- | }
| |
- | .threeboxes div h2{
| |
- | padding: 20px 20px 0px;
| |
- | position: relative;
| |
- | top: -155px;
| |
- | }
| |
- | .threeboxes div p{
| |
- | padding: 0px 20px;
| |
- | position: relative;
| |
- | top: -155px;
| |
- | }
| |
- | #greybox1, #greybox6{
| |
- | margin-right: 4px;
| |
- | //background: #58CD45;
| |
- | background: #3399FF;
| |
- | }
| |
- | #greybox1:hover, #greybox6:hover{
| |
- | background: #94FF7D;
| |
- | }
| |
- | #greybox2, #greybox5{
| |
- | margin-right: 4px;
| |
- | background: #5BB5E8;
| |
- |
| |
- | }
| |
- | #greybox2:hover, #greybox5:hover{
| |
- | background: #7DD7FF;
| |
- | }
| |
- | #greybox3, #greybox4{
| |
- | margin: 0;
| |
- | //background: #F6A82D;
| |
- | background: #00CCFF;
| |
- | }
| |
- | #greybox3:hover, #greybox4:hover{
| |
- | background: #FFE44F;
| |
- | }
| |
- |
| |
- | #greybox4 {
| |
- | background: #CCFFFF;
| |
- | }
| |
- | #greybox5 {
| |
- | background: #CCFFFF;
| |
- | }
| |
- | #greybox6 {
| |
- | background: #CCFFFF;
| |
- | }
| |
- | #greybox1:hover, #greybox2:hover, #greybox3:hover {
| |
- | background: #00CC00;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | #greybox4:hover, #greybox5:hover, #greybox6:hover {
| |
- | background: #66FFFF;
| |
- | }
| |
- |
| |
- | #greybox1 {
| |
- | background: #CCFF99;
| |
- | }
| |
- | #greybox2 {
| |
- | background: #CCFF99;
| |
- | }
| |
- | #greybox3 {
| |
- | background: #CCFF99;
| |
- | }
| |
- |
| |
- | #sponsorsbox{
| |
- | clear: both;
| |
- | position: relative;
| |
- | width: 968px;
| |
- | margin: 4px 0px;
| |
- | background: #EEEEEE;
| |
- | }
| |
- | #sponsorsbox h2{
| |
- | padding: 20px 20px 0px 20px;
| |
- | }
| |
- | #sponsorsbox p{
| |
- | padding: 0px 20px;
| |
- | }
| |
- | #sponsorsbox table{
| |
- | width: 950px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | background: #EEEEEE;
| |
- | }
| |
- | #sponsorsbox td{
| |
- | padding: 15px 0px;
| |
- | width: 300px;
| |
- | }
| |
- | #sponsorsbox img{
| |
- | display: block;
| |
- | margin-right: auto;
| |
- | margin-left: auto;
| |
- | }
| |
| | | |
| </style> | | </style> |
| + | </head> |
| | | |
- | <script> | + | <body class="space"> |
- | jQuery(document).ready(function($){
| + | <div id="bottom-panel"> |
| + | <table> |
| + | <tr> |
| + | <td> |
| + | <span id="abs-title" style="margin-top:-30px;"><a href="/Team:Stanford-Brown/Team/Apply">JOIN US IN 2014! CLICK HERE!</a></span> |
| + | <div style="width: 550px; margin-top:0px;"> |
| + | <span id="abs-title">ABSTRACT</span> |
| + | <span style="float: left;"> |
| + | <p id="abs-text"> |
| + | Communication is an integral part of life as we know it. This summer, we pursued four synthetic biology projects with the goal of improving communication across different mediums. On the atomic level, our <b>BioWires</B> project has created silver-incorporating DNA strands to use as nanowires, which could improve the cost and effectiveness of electronics. Our <b>CRISPR</B> project worked on a system for passing DNA regulatory messages between cells, in effect creating transmissible vaccines. We also extrapolated proteins from the past to better understand early life on Earth for our <B>De-Extinction</B> project. Finally, we built a sucrose biosensor in <I>B. subtilis</I> that will be launched on the <b>EuCROPIS</B> satellite into low-Earth orbit. <br><br> |
| | | |
- | //eliminate jsnotice
| + | <big><B>We are the Stanford-Brown iGEM team, and we're connecting life on Earth to help us prepare for life beyond it.</B></big> |
- | $('#jsnotice').hide();
| + | |
| | | |
- |
| + | </p> |
- | /*epic box info functionality*/
| + | </span> |
- | //small icons
| + | </div> |
- | $('#boximgcontainer .iconbox').hover(
| + | </td> |
- | function(){
| + | <td> |
- | var className = $(this).attr('class').split(" ");
| + | <div class="accomps"> |
- | var box = className[0];
| + | <div style="margin-top:15px; text-align:center; font-weight: 600; font-size: 18px;">ACHIEVEMENTS</div> |
- | clearinfo();
| + | <ul> |
- | $('#boxinfo div.' + box).show();
| + | |
- | },
| + | <li> <a href="/Team:Stanford-Brown/Projects/BioWires">Demonstrated silver-ion incorporation in the DNA double-helix </a></li> |
- | function(){
| + | <li> <a href="/Team:Stanford-Brown/Projects/EuCROPIS">Worked with NASA and the German Space agency to develop BioBrick constructs for the EuCROPIS Satellite Mission</a></li> |
- | clearinfo();
| + | <li> <a href="/Team:Stanford-Brown/Projects/CRISPR">Isolated and bricked components of two CRISPR-Cas systems</a></li> |
- | $('#boxinfo_default').show();
| + | <li> <a href="/Team:Stanford-Brown/Projects/De-Extinction">Designed and modeled ancestral proteins to understand early conditions of earth</a></li> |
- | });
| + | <li> <a href="/Team:Stanford-Brown/Projects/De-Extinction#Evolutionary_Modeling">Collaborated with Dr. Rich Lenski to use 25 years of evolutionary data to model and text bioinformatics software </li> |
- | //large icons
| + | <li> <a href="/Team:Stanford-Brown/Projects/HumanPractices">Authored reports on the the ethics of de-extinction and the iGEM workflow </a></li> |
- | $('.imgbox').hover(
| + | <li> <a href="https://2013.igem.org/Team:UC_Davis/Database/Initial_Population">Collaborated with team UC Davis to characterize promoter strengths</a></li> |
- | function(){
| + | <li> <a href="https://2013.igem.org/Edinburgh_University">Consulted with Team Edinburgh on <i>B. subtilis</i> methods and protocols </li> |
- | var id = $(this).parent().parent().attr('id');
| + | <li> <a href="https://2013.igem.org/Team:Stanford-Brown/Team/Outreach#Teaching_a_BioEngineering_Bootcamp">Instructed high school seniors in the basics of synthetic biology and how to build an iGEM team </li> |
- | clearinfo();
| + | <li> <a href="https://2013.igem.org/Team:Stanford-Brown/Team/Outreach#Bay_Area_and_NYC_Maker_Faires">Demonstrated SynBio and iGEM to the public at Maker Faire in SF and NYC </li> |
- | $('#boxinfo div.' + id).show();
| + | <li> <a href="http://www.facebook.com/IgemMemes">Curated iGEM memes with additional social outreach via Instagram and Twitter </li> |
- | },
| + | <li> <a href="https://2013.igem.org/Team:Stanford-Brown/Team/Outreach#Podcasts_and_Memes">Produced iGEM podcast to discuss SynBio topics </li> |
- | function(){
| + | |
- | clearinfo();
| + | |
- | $('#boxinfo_default').show();
| + | |
- | });
| + | |
- |
| + | |
- | /*epic box FRED/OSCAR blank box disappearance*/
| + | |
- | $('#bluebox').hover(
| + | |
- | function(){
| + | |
- | $('.gblank').hide();
| + | |
- | $('.bblank').hide();
| + | |
- | },
| + | |
- | function(){
| + | |
- | $('.gblank').show();
| + | |
- | $('.bblank').show();
| + | |
- | });
| + | |
- |
| + | |
- | $('#greenbox').hover(
| + | |
- | function(){
| + | |
- | $('.gblank').hide();
| + | |
- | $('.bblank').hide();
| + | |
- | },
| + | |
- | function(){
| + | |
- | $('.gblank').show();
| + | |
- | $('.bblank').show();
| + | |
- | });
| + | |
- |
| + | |
- | });
| + | |
| | | |
- | function clearinfo(){
| + | </ul> |
- | $('#boxinfo div').hide(); | + | </div> |
- | }
| + | </div> |
- | </script> | + | </td> |
| + | </tr> |
| + | </table> |
| + | </div> <!-- bottom panel --> |
| + | |
| + | <div id="proj-panel"> |
| + | <div id="proj-row"> |
| + | <div class="feature"><iframe width="210" height="160" src="//www.youtube.com/embed/RNHHZBTr7Ow?rel=0" frameborder="0" allowfullscreen></iframe> |
| + | <p class="brief">Atomic Communication |
| + | </p> |
| + | </div> |
| | | |
- | <!-- End stuff from Calgary --> | + | <div class="feature"><iframe width="210" height="160" src="//www.youtube.com/embed/Zza9PVbyEbY?rel=0" frameborder="0" allowfullscreen></iframe> |
| + | <p class="brief">Cellular Communication |
| + | </p> |
| + | </div> |
| | | |
| + | <div class="feature"><iframe width="210" height="160" src="//www.youtube.com/embed/qaKvX7Z__0w?rel=0" frameborder="0" allowfullscreen></iframe> |
| + | <p class="brief">Temporal Communication |
| + | </p> |
| + | </div> |
| | | |
- | | + | <div class="feature"><iframe width="210" height="160" src="//www.youtube.com/embed/_kOq22MqGrk?rel=0" frameborder="0" allowfullscreen></iframe> |
- | | + | <p class="brief">Spatial Communication |
- | | + | </p> |
- | | + | </div> |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- |
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | | + | |
- | <h1>Stanford-Brown iGEM </h1>
| + | |
- |
| + | |
- | <!-- =======================================
| + | |
- | | + | |
- | THE ACTUAL ORBIT SLIDER CONTENT
| + | |
- | | + | |
- | ======================================= -->
| + | |
- | <div id="featured">
| + | |
- | <div class="content" style="">
| + | |
- | <h1>Orbit does content now.</h1>
| + | |
- | <h3>Highlight me...I'm text.</h3>
| + | |
- | </div>
| + | |
- | <a href=""><img src="http://www.stanford.edu/~sryoung/cgi-bin/igem/demo/dummy-images/overflow.jpg" /></a>
| + | |
- | <img src="http://www.stanford.edu/~sryoung/cgi-bin/igem/demo/dummy-images/captions.jpg" data-caption="#htmlCaption" />
| + | |
- | <img src="http://www.stanford.edu/~sryoung/cgi-bin/igem/demo/dummy-images/features.jpg" />
| + | |
- | </div>
| + | |
- | <!-- Captions for Orbit -->
| + | |
- | <span class="orbit-caption" id="htmlCaption"><strong>I'm A Badass Caption:</strong> I can haz <a href="#">links</a>, <em>style</em> or anything that is valid markup :)</span>
| + | |
- |
| + | |
- |
| + | |
- | | + | |
- | | + | |
- | | + | |
- |
| + | |
- | <!-- <div class="container"> -->
| + | |
- | <!-- <h4>ZURB's Orbit Slider</h4>
| + | |
- | <a href="http://www.zurb.com/playground/orbit-jquery-image-slider">View Docs + Playground for Orbit</a> -->
| + | |
- | | + | |
- | <br />
| + | |
- | <br />
| + | |
- | | + | |
- | <div class="threeboxes">
| + | |
- | <a id="greybox4" href="http://www.youtube.com/watch?v=KHhswxo6xow" style="margin-right:4px;">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/0/02/UCalgary2012_ThreeBoxMusic.png-"></img>
| + | |
- | <h2>Project #1</h2>
| + | |
- | <p>Description</p>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a id="greybox5" href="https://2012.igem.org/Team:Calgary/Project/Synergy-">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/2/20/UCalgary2012_ThreeBoxSynergy.png-"></img>
| + | |
- | <h2>Project #2</h2>
| + | |
- | <p>Description</p>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a id="greybox6" href="http://www.youtube.com/watch?v=vluDpf4ao6c" style="margin:0;">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/b/b1/UCalgary2012_ThreeBoxFilm.png-"></img>
| + | |
- | <h2>Project #3</h2>
| + | |
- | <p>Description</p>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- |
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="threeboxes">
| + | |
- | <a id="greybox1" href="https://2012.igem.org/Team:Calgary/Team">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/b/b8/UCalgary2012_ThreeBoxTeam.png-"></img>
| + | |
- | <h2>Team</h2>
| + | |
- | <p>Who are we?</p>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a id="greybox2" href="https://2012.igem.org/Team:Calgary/Project/DataPage">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/92/UCalgary2012_ThreeBoxData.png-"></img>
| + | |
- | <h2>Data Page</h2>
| + | |
- | <p>Click here to see a summary of all our data collected so far!</p>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a id="greybox3" href="https://2012.igem.org/Team:Calgary/Notebook">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/1/1b/UCalgary2012_ThreeBoxNotebook.png-"></img>
| + | |
- | <h2>Notebook</h2>
| + | |
- | <p>Here is a record of our summer's work. We also want to thank everybody who helped us along the way!</p>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <div id="epicbox">
| + | |
- | <div id="boximgcontainer">
| + | |
- | <div id="orangebox">
| + | |
- | <a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices">
| + | |
- | <div class="imgbox">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/9e/UCalgary2012_EpicBoxHP_-_Blank.png-"></img>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="oblank">
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="iconcontainer">
| + | |
- | <a class="obox1 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Collaborations">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/1/1b/UCalgary2012_IconHP8.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="obox2 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Interviews">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/d/d6/UCalgary2012_IconHP3.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="obox3 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Design">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/1/1c/UCalgary2012_IconHP4.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="obox4 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Killswitch">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/6/65/UCalgary2012_IconHP2.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="obox5 iconbox" href="https://2012.igem.org/Team:Calgary/Safety">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/c/c9/UCalgary2012_IconHP5.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="obox6 iconbox" href="https://2012.igem.org/Team:Calgary/Outreach">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/0/0e/UCalgary2012_IconHP6.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | | + | |
- |
| + | |
- | </a>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div id="greenbox">
| + | |
- | <a href="https://2012.igem.org/Team:Calgary/Project/FRED">
| + | |
- | <div class="imgbox">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/4/47/UCalgary2012_EpicBoxFRED_-_Blank.png-"></img>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="gblank">
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="iconcontainer">
| + | |
- | <a class="gbox1 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Detecting">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/0/0a/UCalgary2012_IconFRED1.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="gbox2 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Reporting">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/8/8d/UCalgary2012_IconFRED2.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="gbox3 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Modelling">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/c/c0/UCalgary2012_IconFRED3.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="gbox4 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Prototype">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/a/a7/UCalgary2012_IconFRED4.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div id="bluebox">
| + | |
- | <a href="https://2012.igem.org/Team:Calgary/Project/OSCAR">
| + | |
- | <div class="imgbox">
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/9/94/UCalgary2012_EpicBoxOSCAR_-_Blank.png-"></img>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="bblank">
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="iconcontainer">
| + | |
- | <a class="bbox1 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Decarboxylation">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/f/f1/UCalgary2012_IconOSCAR1.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="bbox2 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/CatecholDegradation">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/0/0c/UCalgary2012_IconOSCAR4.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="bbox3 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/FluxAnalysis">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/4/40/UCalgary2012_IconOSCAR6.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="bbox4 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Bioreactor">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/3/3e/UCalgary2012_IconOSCAR5.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | <a class="bbox5 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Upgrading">
| + | |
- | <div>
| + | |
- | <img src="https://static.igem.org/mediawiki/2012/4/44/UCalgary2012_IconOSCAR7.png-"></img>
| + | |
- | </div>
| + | |
- | </a>
| + | |
- | </div>
| + | |
- | </a>
| + | |
| </div> | | </div> |
| </div> | | </div> |
- | <div id="boxinfo">
| |
- | <div id="boxinfo_default">
| |
- | <h2>The Concept</h2>
| |
- | <p>The concept</p>
| |
- | </div>
| |
- | <div class="orangebox">
| |
- | <h2>Human Practices</h2>
| |
- | <p>Human Practices</p>
| |
- | </div>
| |
- | <div class="obox1">
| |
- | <h2>Initiative</h2>
| |
- | <p>Initiative</p>
| |
- | </div>
| |
- | <div class="obox2">
| |
- | <h2>Interviews</h2>
| |
- | <p>Interviews</p>
| |
- | </div>
| |
- | <div class="obox3">
| |
- | <h2>Design Considerations</h2>
| |
- | <p>Design Considerations</p>
| |
- | </div>
| |
- | <div class="obox4">
| |
- | <h2>Killswitch</h2>
| |
- | <p>Kill Switch</p>
| |
- | </div>
| |
- | <div class="obox5">
| |
- | <h2>Safety</h2>
| |
- | <p>Safety</p>
| |
- | </div>
| |
- | <div class="obox6">
| |
- | <h2>Community Outreach</h2>
| |
- | <p>Community Outreach</p>
| |
- | </div>
| |
- | <div class="greenbox">
| |
- | <h2>Project #1</h2>
| |
- | <p>Project #1</p>
| |
- | </div>
| |
- | <div class="gbox1">
| |
- | <h2>Detecting</h2>
| |
- | <p>Project #1 Detection</p>
| |
- | </div>
| |
- | <div class="gbox2">
| |
- | <h2>Reporting</h2>
| |
- | <p>Project #1 Reporting</p>
| |
- | </div>
| |
- | <div class="gbox3">
| |
- | <h2>Modelling</h2>
| |
- | <p>Modelling for Project #1</p>
| |
- | </div>
| |
- | <div class="gbox4">
| |
- | <h2>Prototyping</h2>
| |
- | <p>Prototyping for Project #1</p>
| |
- | </div>
| |
- | <div class="bluebox">
| |
- | <h2>Project #2</h2>
| |
- | <p>Project #2</p>
| |
- | </div>
| |
- | <div class="bbox1">
| |
- | <h2>Decarboxylation</h2>
| |
- | <p>Project #2</p>
| |
- | </div>
| |
- | <div class="bbox2">
| |
- | <h2>Catechol Degradation</h2>
| |
- | <p>Project #2</p>
| |
- | </div>
| |
- | <div class="bbox3">
| |
- | <h2>Flux-Variability Analysis</h2>
| |
- | <p>Project #2</p>
| |
- | </div>
| |
- | <div class="bbox4">
| |
- | <h2>Bioreactor</h2>
| |
- | <p>Project #2</p>
| |
- | </div>
| |
- | <div class="bbox5">
| |
- | <h2>Upgrading</h2>
| |
- | <p>Project #2</p>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
| | | |
| + | |
| + | </div> |
| | | |
- | <!-- </div> -->
| + | </body> |
- | </body>
| + | |
| </html> | | </html> |