Team:BU Wellesley Software/Wet Lab

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<title>BU-Wellesley iGEM Team: Wet Lab</title>  
+
<title>BU-Wellesley iGEM Wet Lab</title>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
Line 31: Line 31:
</style>
</style>
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/WetLab.css">
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/WetLab.css">
-
 
+
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/scrollable-navigator.css">
-
 
+
</head>
</head>
<body class="basiclayout">
<body class="basiclayout">
-
 
<div id="bu-wellesley_wiki_content">
<div id="bu-wellesley_wiki_content">
 +
<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>
<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>
 +
 +
<h6>Wet Lab</h6>
 +
 +
<!--wrapper for navigator elements-->
 +
<p style="text-align:center;"><div class="navi" ></div></p>
 +
<!-- "previous page" action -->
<!-- "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" width="800px">   
+
<div class="scrollable" id="browsable" width="800px">   
  <div class="items">
  <div class="items">
  <div id="comp">
  <div id="comp">
-
<h1>Introduction</h1>
+
<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.
+
-
+
-
+
-
</div>
+
-
<div id="overview">
+
-
<h1>Result</h1>
+
-
+
                        <!-- Intro content in here-->
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut tincidunt quam.
-
leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at
+
                          Praesent in sodales mi. In hac habitasse platea dictumst. Nunc magna massa, gravida in
-
dictum augue. Proin eget odio ac mi tristique scelerisque. Integer at
+
                          euismod nec, rutrum sed dolor. Sed accumsan ullamcorper quam nec feugiat. Nam interdum 
-
nisl nec purus laoreet condimentum sed semper dui. Duis feugiat, ligula
+
                          volutpat nibh nec ultrices. Pellentesque habitant morbi tristique senectus et netus et
-
eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien
+
                          malesuada fames ac turpis egestas. Donec eget nibh leo. Nullam euismod vulputate leo, eu  
-
eu neque.  
+
                          egestas dolor volutpat at. Vivamus ac purus mi, vitae consequat enim.
-
<br><br>
+
                        </p>
-
Vestibulum gravida, turpis tempus suscipit euismod, ipsum mi
+
  </div>
-
tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque
+
 
-
vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum
+
  <div id="advisers">
-
laoreet sapien at vehicula. Donec ac sapien erat. Proin id enim sed
+
<h1>Results</h1>
-
dolor suscipit laoreet vitae sit amet ligula. Nam ultricies orci vitae
+
-
mauris egestas tincidunt. Vestibulum sit amet est dolor.  
+
                        <!-- Results content in here-->
-
<br><br>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut tincidunt quam.  
-
Sed tincidunt,  
+
                          Praesent in sodales mi. In hac habitasse platea dictumst. Nunc magna massa, gravida in
-
tellus id feugiat bibendum, ipsum enim bibendum libero, sed congue nibh
+
                          euismod nec, rutrum sed dolor. Sed accumsan ullamcorper quam nec feugiat. Nam interdum 
-
lorem eget sapien. Suspendisse faucibus arcu vel nisi rutrum ut
+
                          volutpat nibh nec ultrices. Pellentesque habitant morbi tristique senectus et netus et
-
imperdiet libero gravida. Proin consequat aliquam pharetra. Phasellus
+
                          malesuada fames ac turpis egestas. Donec eget nibh leo. Nullam euismod vulputate leo, eu
-
leo purus, commodo ac laoreet eget, bibendum ut nisi. Donec tincidunt
+
                          egestas dolor volutpat at. Vivamus ac purus mi, vitae consequat enim.
-
velit ante, vel blandit nisi.
+
                        </p>
-
+
  </div>
-
</div>
+
-
<div id="wetlab">
+
-
<h1>Approach</h1>
+
  <div id="wetlab">
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et dictum
+
<h1>Approach</h1>
-
leo. Maecenas porttitor augue nec arcu lacinia ultricies. Maecenas at
+
                     
-
dictum augue. Proin eget odio ac mi tristique scelerisque.  
+
                        <!-- Approach content in here-->
-
<img style="width:400px; height:300px" src="http://cs.wellesley.edu/~hcilab/iGEM_wiki/images/temp_placeholder.png"/>Integer at
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut tincidunt quam.  
-
nisl nec purus laoreet condimentum sed semper dui. Duis feugiat, ligula
+
                          Praesent in sodales mi. In hac habitasse platea dictumst. Nunc magna massa, gravida in
-
eu vehicula vulputate, sem nisl ornare neque, eu dictum lacus sapien
+
                          euismod nec, rutrum sed dolor. Sed accumsan ullamcorper quam nec feugiat. Nam interdum 
-
eu neque.  
+
                          volutpat nibh nec ultrices. Pellentesque habitant morbi tristique senectus et netus et
-
<br><br>
+
                          malesuada fames ac turpis egestas. Donec eget nibh leo. Nullam euismod vulputate leo, eu
-
Vestibulum gravida, turpis tempus suscipit euismod, ipsum mi
+
                          egestas dolor volutpat at. Vivamus ac purus mi, vitae consequat enim.
-
tristique nibh, sed sagittis ante felis at urna. Suspendisse eu neque
+
                        </p>
-
vitae lorem elementum elementum sit amet ac ligula. Mauris vestibulum
+
  </div>
-
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.
+
-
+
-
+
-
</div>
+
   
   
  </div>
  </div>
Line 132: Line 100:
// initialize scrollable
// initialize scrollable
-
$(".scrollable").scrollable();
+
$(".scrollable").scrollable().navigator();
-
 
+
   
-
  //move the scrollable content to show the middle section
+
                        //move the scrollable content to show the middle section
                         var api = $(".scrollable").data("scrollable");
                         var api = $(".scrollable").data("scrollable");
                         api.seekTo(1, 500);
                         api.seekTo(1, 500);
 +
                       
});
});
 +
 +
</script>
</script>

Revision as of 14:15, 10 September 2011

BU-Wellesley iGEM Wet Lab

Wet Lab

Introduction

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut tincidunt quam. Praesent in sodales mi. In hac habitasse platea dictumst. Nunc magna massa, gravida in euismod nec, rutrum sed dolor. Sed accumsan ullamcorper quam nec feugiat. Nam interdum volutpat nibh nec ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eget nibh leo. Nullam euismod vulputate leo, eu egestas dolor volutpat at. Vivamus ac purus mi, vitae consequat enim.

Results

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut tincidunt quam. Praesent in sodales mi. In hac habitasse platea dictumst. Nunc magna massa, gravida in euismod nec, rutrum sed dolor. Sed accumsan ullamcorper quam nec feugiat. Nam interdum volutpat nibh nec ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eget nibh leo. Nullam euismod vulputate leo, eu egestas dolor volutpat at. Vivamus ac purus mi, vitae consequat enim.

Approach

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut tincidunt quam. Praesent in sodales mi. In hac habitasse platea dictumst. Nunc magna massa, gravida in euismod nec, rutrum sed dolor. Sed accumsan ullamcorper quam nec feugiat. Nam interdum volutpat nibh nec ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec eget nibh leo. Nullam euismod vulputate leo, eu egestas dolor volutpat at. Vivamus ac purus mi, vitae consequat enim.

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