Team:Colorado State

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSU Header}}
 
<html>
<html>
-
<div id="wowslider-container1" style="z-index:0;">
+
<head>
-
<div class="ws_images">
+
<title>BU-Wellesley iGEM Team: Welcome</title>  
-
<a href="http://2012.igem.org/Team:Colorado_State/Team"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/CSU_The_Oval.jpg/1024px-CSU_The_Oval.jpg" alt="Boulder-landscape2012-team" title="Team" id="wows0"/></a>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
<a href="http://2012.igem.org/Team:Colorado_State/Project"><img src="http://farm4.static.flickr.com/3043/3027929224_cf54d1e689_o.jpg" alt="Bielefeld-Germany2011-project" title="Project" id="wows1"/></a>
+
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
-
<a href="http://2012.igem.org/Team:Colorado_State/Notebook"><img src="http://wac.450f.edgecastcdn.net/80450F/999thepoint.com/files/2012/05/Old-town-Christmas-Lights-BEANO.jpg" alt="Bielefeld-Germany2011-results" title="Notebook" id="wows2"/></a>
+
<style type="text/css">
-
<a href="http://2012.igem.org/Team:Colorado_State/Parts"><img src="http://upload.wikimedia.org/wikipedia/commons/5/57/CSU_The_Oval4.jpg" alt="Bielefeld-Germany2011-model" title="Model" id="wows3"/></a>
+
/*hide default igem banner and reformat style into blank slate*/
-
<a href="http://2012.igem.org/Team:Colorado_State/Safety"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/CSU_The_Oval.jpg/1024px-CSU_The_Oval.jpg" title="Safety" id="wows4"/></a>
+
#globalWrapper {width: 100%;}
-
<a href="http://2012.igem.org/Team:Colorado_State/Attributions"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/CSULagoon.jpg/800px-CSULagoon.jpg" alt="CSU Lagoon" title="Attributions" id="wows5"/></a>
+
#top-section {width: 100%; height:30px; border:none;}
-
</div>
+
#p-logo {display:none;}
-
<div class="ws_bullets"><div>
+
#search-controls {display:none;}
-
<a href="#wows0" title="Ram Team"><img src="http://2011.igem.org/wiki/images/a/a2/Bielefeld-Germany2011-team-small.jpg" alt="Bielefeld-Germany2011-team"/>1</a>
+
#menubar a {color:#000000;}
-
<a href="#wows1" title="Project"><img src="http://2011.igem.org/wiki/images/2/27/Bielefeld-Germany2011-project-small.jpg" alt="Bielefeld-Germany2011-project"/>2</a>
+
#menubar a:hover{text-decoration:none; color:#52749C;}
-
<a href="#wows2" title="Results"><img src="http://2011.igem.org/wiki/images/8/8a/Bielefeld-Germany2011-results-small.jpg" alt="Bielefeld-Germany2011-results"/>3</a>
+
.left-menu {background-color:#FFFFFF; margin:5px 0px 0px 0px; padding:0;}
-
<a href="#wows3" title="Model"><img src="http://2011.igem.org/wiki/images/1/18/Bielefeld-Germany2011-model-small.jpg" alt="Bielefeld-Germany2011-model"/>4</a>
+
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
-
<a href="#wows4" title="Human-practices"><img src="http://2011.igem.org/wiki/images/1/16/Bielefeld-Germany2011-human-practices-small.jpg" alt="Bielefeld-Germany2011-human-practices"/>5</a>
+
.right-menu ul li a {background-color:#FFFFFF;}
-
<a href="#wows5" title="Safety"><img src="http://2011.igem.org/wiki/images/b/b0/Bielefeld-Germany2011-safety-small.jpg" alt="Bielefeld-Germany2011-safety"/>6</a>
+
.printfooter {display:none;}
-
</div></div>
+
#footer-box {border:none;}
-
<div class="ws_shadow"></div>
+
#catlinks {display:none;}
-
</div>
+
.firstHeading {display:none;}
-
<script type="text/javascript" src="http://2011.igem-bielefeld.de/includes/wiki/wow-slider-script.js"></script>
+
#content {width: 100%; border:none;}
 +
#bodyContent {border:none;}
 +
/*actual content styles*/
 +
body {width: 800px; margin:auto;}
 +
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
 +
/*#bu-wellesley_wiki_content a {color:#69d01d;}*/
 +
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
-
<div id="instructions" style="text-align: right; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
.navbar li {color: #ffffff;}
 +
.navbar li a {color: #ffffff;}
 +
.navbar li a:hover {background:#69d01d; color: #ffffff;}
 +
/*only use for current page content header (i.e. Team, G-nomeSurferPro, etc)*/
 +
H6 {
 +
      font-family: Helvetica;
 +
      text-transform: uppercase;
 +
      text-decoration: none;
 +
      text-align: center;
 +
      color: #3d3f3c;
 +
      font-size: 32pt;
 +
    }
-
</br>
+
H3 {
 +
      font-family: Helvetica;
 +
      text-decoration: none;
 +
      text-align: left;
 +
          line-height:120%;
 +
      color: #958E8E;
 +
      font-size: 12pt;
 +
    }
 +
</style>
-
</div>
+
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/Team.css">
 +
 
 +
<style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style>
 +
 
 +
</head>
 +
<body class="basiclayout">
 +
<div id="bu-wellesley_wiki_content">
 +
 
 +
<p  style="text-align:center;"><a href="http://2011.igem.org/Team:BU_Wellesley_Software"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/banner.png" width="800px"></a></p>
 +
 
 +
<ul id="nav">
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a></li>
 +
<li><a href="#">Project</a>
 +
<ul>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Overview</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Clotho">Clotho</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/G-nomeSurferPro">G-nome Surfer Pro</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/OptimusPrimer">Optimus Primer</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Trumpet">Trumpet</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Puppetshow">Puppetshow</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/eLabNotebook">eLabNotebook</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Wet_Lab">Wet Lab</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads and Tutorials</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Process</a>
 +
<ul>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Methodology">Methodology</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Safety">Safety</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Notebook">Notebook</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Outreach">Outreach</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Tips">Tips and Tricks</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Gold">Medal Fulfillment</a></li>
 +
<li><a href="#">Additional Info</a>
 +
<ul>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Acknowledgement">Acknowledgement</a></li>
 +
<li><a href="http://2011.igem.org/Team:BU_Wellesley_Software/Social">Fun</a></li>
 +
</ul>
 +
</li>
 +
</ul>  
<br>
<br>
-
<p style="text-align: center;"> We proudly roam the steepest and most treacherous mountain sides, looking for adventure, and exploring whatever comes our way. We do not back down from challenges, instead we charge them head on. Although we do occasionally clash heads, we power through our disagreements, because...
+
<h6>Welcome!</h6>
-
we are the CSU Rams!!!
+
-
<a href="http://www.colostate.edu"><img src="http://iddsummit.org/wp-content/uploads/2010/05/colorado-state-university-logo.jpg" alt="CSU" title="Team" id="wows0"/></a>
+
-
</p>
+
-
<hr>
+
<div id="comp" class="team_box">
 +
<!--<br>
 +
<div class="intro_greeting">Hi! We are a joint software team between Boston University and Wellesley College. We have created a suite of software tools that run on a desktop interface for individual research and on a tabletop multi-touch interface for collaborative brainstorming and hypothesis forming.
 +
<br>
 +
Check out what we have so far on the site. More content will be coming soon!~<br></div>-->
-
<table width="100%" cellpadding="0" cellspacing="10" border="0">
 
-
    <tr>
 
-
        <td width="50%" valign="top">
 
-
            <div align=center> <b> Gluten-Free </b> </div> <br>
+
<!--
 +
<br>
 +
<a href="http://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a>
 +
<br>
 +
<a href="http://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Project Overview</a>
 +
<br>
 +
<a href="http://2011.igem.org/Team:BU_Wellesley_Software/Notebook">Notebook</a>
 +
<br>
 +
<a href="http://2011.igem.org/Team:BU_Wellesley_Software/Safety">Safety</a>
 +
<br>
 +
<a href="http://2011.igem.org/Team:BU_Wellesley_Software/Acknowledgement">Acknowledgments</a>
 +
<br>
 +
<a href="http://2011.igem.org/Team:BU_Wellesley_Software/Gold">Give Us Gold</a>
 +
<br>
 +
<a href="http://2011.igem.org/Team:BU_Wellesley_Software/Outreach">Outreach</a>
 +
<br>
 +
<a href="http://2011.igem.org/Team:BU_Wellesley_Software/Tips">Tips and Tricks</a>
 +
<br>
 +
<a href="http://2011.igem.org/Team:BU_Wellesley_Software/Social">Social Events</a>
 +
<br>
 +
<a href=http://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads/Tutorials</a>
-
            <div align=center> <IMG SRC="http://www.lakemichiganceliacs.com/web_images/logo-for-web_000_000_000.gif"></div>
+
-->
 +
<br><br>
 +
<p  style="text-align:center;"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/finaltlogoForWebsite.jpg" width="800px"></p>
-
            <p>We are working at this time</b></p>
+
<br>
-
     
+
<h3><div class="intro_greeting">Synthetic biology will require a <a href="http://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview"> multidisciplinary, collaborative design environment </a> in order to engineer the complex biological systems of the future. Our team has created a collection of software tools which address specific technical synthetic biology challenges while simultaneously advancing the way in which users interact with computing environments. Our software workflow comprises <a href="http://2011.igem.org/Team:BU_Wellesley_Software/G-nomeSurferPro"> "G-Nome Surfer Pro" </a> for research, <a href="http://2011.igem.org/Team:BU_Wellesley_Software/Trumpet"> "Trumpet" </a> and <a href="http://2011.igem.org/Team:BU_Wellesley_Software/OptimusPrimer"> "Optimus Primer" </a>  for design, and <a href="http://2011.igem.org/Team:BU_Wellesley_Software/Puppetshow"> "Puppetshow" </a>  and <a href="http://2011.igem.org/Team:BU_Wellesley_Software/eLabNotebook"> "eLabNotebook" </a> for the construction of those designs. In addition, we incorporated <a href="http://2011.igem.org/Team:BU_Wellesley_Software/Wet_Lab"> wetlab experimentation </a> into our project to apply these tools to create novel biological systems to investigate Tuberculosis. The combination of human computer interaction, bio-design automation, and experimental design makes our effort unique in the iGEM experience and closes the loop on the design-build-test methodology.
-
          <p> If you have Celiac Disease or are Gluten-Intolerant (and are over 21), stop what you are doing right now. Your prayers for a great tasting gluten-free beer have finally been answered, or at least are in the process of being answered. Think of it as a delay in the mailroom. All of those nights when your friends were taunting you with the ice cold, delicious, golden liquid that gives courage to even the most faint of heart are quickly coming to an end. Your desire to enjoy a "cold one" without having a gut-wrenching reaction should be fullfilled by the end of the summer. The CSU iGEM team is working on producing a "gluten-free" beer that can be brewed from wheat or barley so you can savor that same great taste you know and love. So cross your fingers, bust out your lucky rabbits foot, and watch out for black cats because we are gearing up for something big, and it has never been done before.
+
<br></h3>
-
</p>
+
-
        </td>
+
-
        <td width="50%" valign="top">
+
-
        <div align=center> <b> Under Construction! </b> </div> <br>
+
-
  <div align=center> <img src="http://farm3.static.flickr.com/2324/1858548370_ccc9856016.jpg" width="306" height="208"> </div>
+
<!--trying a vid box-->
-
                 
+
<h2>Videos</h2>
 +
<div class="videobox">
 +
  <ul>
 +
<li><a href="http://www.youtube.com/watch?v=ms4EIkvIHyo">G-nome Surfer Pro & Optimus Prime</a></li>
 +
<li><a href="http://www.youtube.com/watch?v=UjO7HGFZ1sQ&feature=player_embedded">Trumpet</a></li>
 +
  <li><a href="http://www.youtube.com/watch?v=QVR1NaciNmo">PuppetShow</a></li>
 +
 
 +
  </ul>
 +
</div>
 +
<script type="text/javascript" src="http://cs.wellesley.edu/~oshaer/prototype.js"></script>
 +
<script type="text/javascript" src="http://cs.wellesley.edu/~oshaer/videobox.js"></script>
-
            <p>We are also working on… To be Continued. 
+
<!--Welcome to our site!--><br></div>
-
''''Hello CSU iGEM team! I hope our joke wasn't too obtrusive. Nice website by the way! Though on a more serious note, we at CU were thinking it would be a great idea to meet up sometime in the coming weeks because we are the only Colorado teams. CO represent! We can help each other out, which would be great for the both of us as it is a requirement for the gold medal. Also we would appreciate it if you didn't use the same code for your website as we are the only Colorado teams. Drop us a line mjacobs8891@gmail.com thanks!''''</p>
+
-
        </td>
+
-
    </tr>
+
-
</table>
+
-
</html>
+
<!--<br><br><br><br><br><br>-->
 +
<p>
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/Autodesk_logo_blk_L.png" width="90px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/BBN2.png" width="100px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/HHMILogo.jpg" width="90px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/master-logo.gif" width="100px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/NEB_logo 1.jpg" width="100px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/NSFLogo.GIF" width="90px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/Qiagen.png" width="90px">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/sponsorlogos/WellesleyLogo.PNG" width="100px">
-
{| style="color:#000000;background-color:#00FFFF;" cellpadding="3" cellspacing="1" border="2" bordercolor="#800000" width="62%" align="center"
+
<br><br><br><br><br>
-
!align="center"|[[Team:Colorado_State|Home]]
+
</div><!--end bu-wellesley_wiki_content div-->
-
!align="center"|[[Team:Colorado_State/Team|Team]]
+
</div>
-
!align="center"|[http://igem.org/Team.cgi?year=2012&team_name=Colorado_State Official Team Profile]
+
</body>
-
!align="center"|[[Team:Colorado_State/Project|Project]]
+
</html>
-
!align="center"|[[Team:Colorado_State/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Colorado_State/Modeling|Modeling]]
+
-
!align="center"|[[Team:Colorado_State/Notebook|Notebook]]
+
-
!align="center"|[[Team:Colorado_State/Safety|Safety]]
+
-
!align="center"|[[Team:Colorado_State/Sponsors|Sponsors]]
+
-
!align="center"|[[Team:Colorado_State/Attributions|Attributions]]
+
-
|}
+

Revision as of 21:59, 25 June 2012

BU-Wellesley iGEM Team: Welcome


Welcome!



Synthetic biology will require a multidisciplinary, collaborative design environment in order to engineer the complex biological systems of the future. Our team has created a collection of software tools which address specific technical synthetic biology challenges while simultaneously advancing the way in which users interact with computing environments. Our software workflow comprises "G-Nome Surfer Pro" for research, "Trumpet" and "Optimus Primer" for design, and "Puppetshow" and "eLabNotebook" for the construction of those designs. In addition, we incorporated wetlab experimentation into our project to apply these tools to create novel biological systems to investigate Tuberculosis. The combination of human computer interaction, bio-design automation, and experimental design makes our effort unique in the iGEM experience and closes the loop on the design-build-test methodology.

Videos