"
Team:BU Wellesley Software/Wet Lab
From 2011.igem.org
(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> body {background:#FFFFFF; width: 800px; margin: auto;} - →hide default igem banner and reformat style into blank slate: #globalWrapper {wi...") |
|||
| Line 37: | Line 37: | ||
<br> | <br> | ||
| - | <!--Wet | + | <!-- "previous page" action --> |
| + | <a class="prev browse left"></a> | ||
| + | <!-- root element for scrollable --> | ||
| + | <div class="scrollable" width="800px"> | ||
| + | <div class="items"> | ||
| + | <div id="comp"> | ||
| + | <h1>Introduction</h1> | ||
| + | <!-- Wet Lab Intro content here--> | ||
| + | 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. | ||
| + | <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 | ||
| + | eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien | ||
| + | eu neque. | ||
| + | <br><br> | ||
| + | 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. | ||
| + | <br><br><br> | ||
| + | <h5>Results:</h5> | ||
| + | Ut eu nunc eget ante egestas egestas at eu metus. Integer quam justo, | ||
| + | vehicula non sodales id, consequat vitae eros.<br> | ||
| + | Aenean egestas, ipsum sed fringilla porta, erat mi facilisis lectus, quis elementum quam felis nec elit. | ||
| + | |||
| + | <br><br> | ||
| + | <h5>Ethical User Study practices:</h5> | ||
| + | Aliquam in felis sit amet eros pharetra volutpat. | ||
| + | </div> | ||
| + | <div id="overview"> | ||
| + | <h1>Results</h1> | ||
| + | |||
| + | <br><br> | ||
| + | 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. | ||
| + | <br><br> | ||
| + | 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. | ||
| + | <br><br> | ||
| + | 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. | ||
| + | |||
| + | |||
| + | </div> | ||
| + | <div> | ||
| + | <h1>Approach</h1> | ||
| + | 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. | ||
| + | <img style="width:400px; height:300px" 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 | ||
| + | eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien | ||
| + | eu neque. | ||
| + | <br><br> | ||
| + | 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. | ||
| + | <br><br><br> | ||
| + | <h5>Results:</h5> | ||
| + | Ut eu nunc eget ante egestas egestas at eu metus. Integer quam justo, | ||
| + | vehicula non sodales id, consequat vitae eros.<br> | ||
| + | Aenean egestas, ipsum sed fringilla porta, erat mi facilisis lectus, quis elementum quam felis nec elit. | ||
| + | |||
| + | <br><br> | ||
| + | <h5>Safety practices:</h5> | ||
| + | Aliquam in felis sit amet eros pharetra volutpat. | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | <!-- "next page" action --> | ||
| + | <a class="next browse right"></a> | ||
| + | |||
| + | <script> | ||
| + | // execute your scripts when the DOM is ready. this is mostly a good habit | ||
| + | $(function() { | ||
| + | |||
| + | // initialize scrollable | ||
| + | $(".scrollable").scrollable(); | ||
| + | |||
| + | //move the scrollable content to show the middle section | ||
| + | var api = $(".scrollable").data("scrollable"); | ||
| + | api.seekTo(1, 500); | ||
| + | }); | ||
| + | </script> | ||
</div><!--end bu-wellesley_wiki_content div--> | </div><!--end bu-wellesley_wiki_content div--> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 12:53, 10 September 2011
Introduction
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.Results
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.
Approach
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.
