Team:BU Wellesley Software

From 2011.igem.org

(Difference between revisions)
(Prototype team page)
 
(197 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<title>BU-Wellesley iGEM Team: Welcome</title>
-
This is a template page. READ THESE INSTRUCTIONS.
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
</div>
+
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<style type="text/css">
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
/*hide default igem banner and reformat style into blank slate*/
-
</div>
+
#globalWrapper {width: 100%;}
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
#top-section {width: 100%; height:30px; border:none;}
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
#p-logo {display:none;}
-
</div>
+
#search-controls {display:none;}
-
</div>
+
#menubar a {color:#000000;}
-
</html>
+
#menubar a:hover{text-decoration:none; color:#52749C;}
 +
.left-menu {background-color:#FFFFFF; margin:5px 0px 0px 0px; padding:0;}
 +
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
 +
.right-menu ul li a {background-color:#FFFFFF;}
 +
.printfooter {display:none;}
 +
#footer-box {border:none;}
 +
#catlinks {display:none;}
 +
.firstHeading {display:none;}
 +
#content {width: 100%; border:none;}
 +
#bodyContent {border:none;}
-
<!-- *** End of the alert box *** -->
+
/*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;}
 +
.navbar li {color: #ffffff;}
 +
.navbar li a {color: #ffffff;}
 +
.navbar li a:hover {background:#69d01d; color: #ffffff;}
-
{|align="justify"
+
/*only use for current page content header (i.e. Team, G-nomeSurferPro, etc)*/
-
|You can write a background of your team here. Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
H6 {
-
|[[Image:BU_Wellesley_Software_logo.png|200px|right|frame]]
+
      font-family: Helvetica;
-
|-
+
      text-transform: uppercase;
-
|
+
      text-decoration: none;
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
      text-align: center;
-
|[[Image:BU_Wellesley_Software_team.png|right|frame|Your team picture]]
+
      color: #3d3f3c;
-
|-
+
      font-size: 32pt;
-
|
+
    }
-
|align="center"|[[Team:BU_Wellesley_Software | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
H3 {
 +
      font-family: Helvetica;
 +
      text-decoration: none;
 +
      text-align: left;
 +
          line-height:120%;
 +
      color: #958E8E;
 +
      font-size: 12pt;
 +
    }
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
</style>
-
!align="center"|[[Team:BU_Wellesley_Software|Home]]
+
 
-
!align="center"|[[Team:BU_Wellesley_Software/Team|Team]]
+
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/Team.css">
-
!align="center"|[https://igem.org/Team.cgi?year=2011&team_name=BU_Wellesley_Software Official Team Profile]
+
 
-
!align="center"|[[Team:BU_Wellesley_Software/Project|Project]]
+
<style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style>
-
!align="center"|[[Team:BU_Wellesley_Software/Parts|Parts Submitted to the Registry]]
+
 
-
!align="center"|[[Team:BU_Wellesley_Software/Modeling|Modeling]]
+
</head>
-
!align="center"|[[Team:BU_Wellesley_Software/Notebook|Notebook]]
+
<body class="basiclayout">
-
!align="center"|[[Team:BU_Wellesley_Software/Safety|Safety]]
+
<div id="bu-wellesley_wiki_content">
-
!align="center"|[[Team:BU_Wellesley_Software/Attributions|Attributions]]
+
 
-
|}
+
<p  style="text-align:center;"><a href="https://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="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a></li>
 +
<li><a href="#">Project</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Overview</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Clotho">Clotho</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/G-nomeSurferPro">G-nome Surfer Pro</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/OptimusPrimer">Optimus Primer</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Trumpet">Trumpet</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Puppetshow">Puppetshow</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/eLabNotebook">eLabNotebook</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Wet_Lab">Wet Lab</a></li>
 +
<li><a href="https://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="https://2011.igem.org/Team:BU_Wellesley_Software/Methodology">Methodology</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Safety">Safety</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Notebook">Notebook</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Outreach">Outreach</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Tips">Tips and Tricks</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Gold">Medal Fulfillment</a></li>
 +
<li><a href="#">Additional Info</a>
 +
<ul>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Acknowledgement">Acknowledgement</a></li>
 +
<li><a href="https://2011.igem.org/Team:BU_Wellesley_Software/Social">Fun</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
 
 +
<br>
 +
<h6>Welcome!</h6>
 +
 
 +
<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>-->
 +
 
 +
 
 +
<!--
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Team">Team</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Project_Overview">Project Overview</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Notebook">Notebook</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Safety">Safety</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Acknowledgement">Acknowledgments</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Gold">Give Us Gold</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Outreach">Outreach</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Tips">Tips and Tricks</a>
 +
<br>
 +
<a href="https://2011.igem.org/Team:BU_Wellesley_Software/Social">Social Events</a>
 +
<br>
 +
<a href=https://2011.igem.org/Team:BU_Wellesley_Software/Downloads_and_Tutorials">Downloads/Tutorials</a>
 +
 
 +
-->
 +
<br><br>
 +
<p  style="text-align:center;"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/finaltlogoForWebsite.jpg" width="800px"></p>
 +
 
 +
<br>
 +
<h3><div class="intro_greeting">Synthetic biology will require a <a href="https://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="https://2011.igem.org/Team:BU_Wellesley_Software/G-nomeSurferPro"> "G-Nome Surfer Pro" </a> for research, <a href="https://2011.igem.org/Team:BU_Wellesley_Software/Trumpet"> "Trumpet" </a> and <a href="https://2011.igem.org/Team:BU_Wellesley_Software/OptimusPrimer"> "Optimus Primer" </a>  for design, and <a href="https://2011.igem.org/Team:BU_Wellesley_Software/Puppetshow"> "Puppetshow" </a>  and <a href="https://2011.igem.org/Team:BU_Wellesley_Software/eLabNotebook"> "eLabNotebook" </a> for the construction of those designs. In addition, we incorporated <a href="https://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.
 +
<br></h3>
 +
 
 +
<!--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>
 +
 
 +
<!--Welcome to our site!--><br></div>
 +
 
 +
<!--<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">
 +
 
 +
<br><br><br><br><br>
 +
</div><!--end bu-wellesley_wiki_content div-->
 +
</div>
 +
</body>
 +
</html>

Latest revision as of 17:19, 27 October 2011

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







Retrieved from "http://2011.igem.org/Team:BU_Wellesley_Software"