Team:BU Wellesley Software/Puppetshow

From 2011.igem.org

(Difference between revisions)
Line 23: Line 23:
/*actual content styles*/
/*actual content styles*/
-
body {width: 800px; margin:auto;background:#FFFFFF;}
+
body {width: 860px; margin:auto;}
-
#bu-wellesley_wiki_content {height:auto; line-height:100%; font-size:12pt;}
+
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
#bu-wellesley_wiki_content a {color:#69d01d;}
#bu-wellesley_wiki_content a {color:#69d01d;}
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#bababa;}
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#bababa;}
Line 36: Line 36:
</head>
</head>
<body class="basiclayout">
<body class="basiclayout">
 +
<div id="bu-wellesley_wiki_content">
<div id="bu-wellesley_wiki_content">
-
<a href="https://2011.igem.org/Team:BU_Wellesley_Software"><img src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/banner.png" width="100%"></a>
+
<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>
-
<br>
+
<!-- "previous page" action -->
-
<div id="container">
+
-
+
-
<!-- "previous page" action -->
+
<a class="prev browse left"></a>
<a class="prev browse left"></a>
-
 
-
 
<!-- root element for scrollable -->
<!-- root element for scrollable -->
-
<div class="scrollable">   
+
<div class="scrollable" width="800px">   
  <div class="items">
  <div class="items">
  <div id="comp">
  <div id="comp">
-
<h1>Software Component</h1>
+
<h1>Computational Team</h1>
-
<div class="project_specific_content">
+
<!-- Comp people's content here-->
-
<!-- Comp people's content here-->
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum  
leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at  
leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at  
dictum augue. Proin eget odio ac mi tristique scelerisque.  
dictum augue. Proin eget odio ac mi tristique scelerisque.  
-
<img style="width:400px; height:300px" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_placeholder.png"/>Integer at  
+
<img style="float:right; width:280px; height:200px" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_placeholder.png"/>Integer at  
nisl nec purus laoreet condimentum sed semper dui. Duis feugiat, ligula  
nisl nec purus laoreet condimentum sed semper dui. Duis feugiat, ligula  
eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien  
eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien  
Line 63: Line 58:
tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque
tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque
vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum  
vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum  
-
laoreet sapien at vehicula. <img style="float:right" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_placeholder.png"/>
+
laoreet sapien at vehicula.  
Donec ac sapien erat. Proin id enim sed  
Donec ac sapien erat. Proin id enim sed  
dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae
dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae
Line 76: Line 71:
<h5>Ethical User Study practices:</h5>
<h5>Ethical User Study practices:</h5>
Aliquam in felis sit amet eros pharetra volutpat.
Aliquam in felis sit amet eros pharetra volutpat.
-
</div>
+
</div>
-
  </div>
+
<div id="overview">
-
 
+
<h1>Overview: Puppet Show</h1>
-
  <div id="advisers">
+
<h5>Hypothesis Forming</h5>
-
<h1>Overview</h1>
+
-
<div class="project_specific_content">
+
-
<!--put in REAL text here-->
+
-
<h5>Physical Assembly</h5>
+
<br><br>
<br><br>
Overview of this stage of the cycle. What are we trying to  
Overview of this stage of the cycle. What are we trying to  
Line 112: Line 103:
<a href="#"><img id="download_button" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_download_button.jpg"/></a>
<a href="#"><img id="download_button" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_download_button.jpg"/></a>
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br>
-
<a href="#">Demo Video</a>
+
<h5>Demo Video</h5>
-
+
</div>
-
</div>
+
<div id="wetlab">
-
  </div>
+
<h1>Wetlab</h1>
-
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum  
-
+
-
  <div id="wetlab">
+
-
<h1>Wet Lab Component</h1>
+
-
<div class="project_specific_content">
+
-
<!-- Wet lab people, please put in your content here :) -->
+
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum  
+
leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at  
leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at  
dictum augue. Proin eget odio ac mi tristique scelerisque.  
dictum augue. Proin eget odio ac mi tristique scelerisque.  
Line 133: Line 118:
tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque
tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque
vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum  
vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum  
-
laoreet sapien at vehicula.  <img style="float:right" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_placeholder.png"/>
 
Donec ac sapien erat. Proin id enim sed  
Donec ac sapien erat. Proin id enim sed  
dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae
dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae
Line 146: Line 130:
  <h5>Safety practices:</h5>
  <h5>Safety practices:</h5>
  Aliquam in felis sit amet eros pharetra volutpat.
  Aliquam in felis sit amet eros pharetra volutpat.
-
</div>
+
</div>
-
  </div>
+
   
   
-
  </div><!-- end of items div-->
+
  </div>
   
   
-
</div><!-- end of scrollable div-->
+
</div>
-
+
<!-- "next page" action -->
<!-- "next page" action -->
<a class="next browse right"></a>
<a class="next browse right"></a>
Line 166: Line 148:
</script>
</script>
-
+
 
-
</div><!--end of container div-->
+
</div><!--end bu-wellesley_wiki_content div-->
-
</div><!--end of bu_wellesley_wiki_content div-->
+
 
</body>
</body>
</html>
</html>

Revision as of 18:24, 10 August 2011

BU-Wellesley iGEM Team: Puppetshow

Computational Team

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at dictum augue. Proin eget odio ac mi tristique scelerisque. Integer at nisl nec purus laoreet condimentum sed semper dui. Duis feugiat, ligula eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien eu neque.

Vestibulum gravida, turpis tempus suscipit euismod, ipsum mi tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum laoreet sapien at vehicula. Donec ac sapien erat. Proin id enim sed dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae mauris egestas tincidunt. Vestibulum sit amet est dolor.


Results:
Ut eu nunc eget ante egestas egestas at eu metus. Integer quam justo, vehicula non sodales id, consequat vitae eros.
Aenean egestas, ipsum sed fringilla porta, erat mi facilisis lectus, quis elementum quam felis nec elit.

Ethical User Study practices:
Aliquam in felis sit amet eros pharetra volutpat.

Overview: Puppet Show

Hypothesis Forming


Overview of this stage of the cycle. What are we trying to accomplish, what tools are needed, how are we going to approach it, what do we want out of it?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at dictum augue. Proin eget odio ac mi tristique scelerisque. Integer at nisl nec purus laoreet condimentum sed semper dui. Duis feugiat, ligula eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien eu neque.

Vestibulum gravida, turpis tempus suscipit euismod, ipsum mi tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum laoreet sapien at vehicula. Donec ac sapien erat. Proin id enim sed dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae mauris egestas tincidunt. Vestibulum sit amet est dolor.

Sed tincidunt, tellus id feugiat bibendum, ipsum enim bibendum libero, sed congue nibh lorem eget sapien. Suspendisse faucibus arcu vel nisi rutrum ut imperdiet libero gravida. Proin consequat aliquam pharetra. Phasellus leo purus, commodo ac laoreet eget, bibendum ut nisi. Donec tincidunt velit ante, vel blandit nisi.









Demo Video

Wetlab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at dictum augue. Proin eget odio ac mi tristique scelerisque. Integer at nisl nec purus laoreet condimentum sed semper dui. Duis feugiat, ligula eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien eu neque.

Vestibulum gravida, turpis tempus suscipit euismod, ipsum mi tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum Donec ac sapien erat. Proin id enim sed dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae mauris egestas tincidunt. Vestibulum sit amet est dolor.


Results:
Ut eu nunc eget ante egestas egestas at eu metus. Integer quam justo, vehicula non sodales id, consequat vitae eros.
Aenean egestas, ipsum sed fringilla porta, erat mi facilisis lectus, quis elementum quam felis nec elit.

Safety practices:
Aliquam in felis sit amet eros pharetra volutpat.