Team:Hong Kong HKUST/wetlab/notebook

From 2014.igem.org

(Difference between revisions)
Line 93: Line 93:
<div id="content_container">
<div id="content_container">
<div class= "banner_area">
<div class= "banner_area">
-
<img src= "https://static.igem.org/mediawiki/2014/3/3c/HKUST_2014_pneumosensor_banner.jpg">
+
<img src= 'https://static.igem.org/mediawiki/2014/3/3c/HKUST_2014_pneumosensor_banner.jpg' />
<!--banner should be larger and height should be more than 400px-->
<!--banner should be larger and height should be more than 400px-->
</div>
</div>
Line 99: Line 99:
<div id="description_area">
<div id="description_area">
<h2>Notebook</h2>
<h2>Notebook</h2>
-
 
-
 
</div>
</div>
-
<style>
+
 +
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 +
  <script>
 +
    $(document).ready(function(){
 +
      $('.head').each(function(){
 +
        var $content = $(this).closest('div').find('.content');
 +
        $(this).click(function(e){
 +
          e.preventDefault();
 +
          $content.not(':animated').slideToggle();
 +
    });
 +
});
 +
});
 +
  </script>
 +
  <style>
     * { margin:0; padding:0; } /* a simple reset */
     * { margin:0; padding:0; } /* a simple reset */
-
     .head, li, h2 {
+
      
-
margin-bottom:15px;
+
-
z-index:-11;
+
-
}
+
     .head {  
     .head {  
Line 136: Line 144:
}
}
-
     li {
+
      
-
position:relative;
+
-
overflow:hidden; }
+
   </style>
   </style>
-
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+
    
-
  <script>
+
<div id="flight">
-
    $(document).ready(function(){
+
-
      $('.head').each(function(){
+
-
        var $content = $(this).closest('div').find('.content');
+
-
        $(this).click(function(e){
+
-
          e.preventDefault();
+
-
          $content.not(':animated').slideToggle();
+
-
    });
+
-
});
+
-
});
+
-
  </script>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<!--the content starts down there-->
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<div id="flight">
+
<div id="satu" align="center"> <h2>June 2013</h2>
-
<div id="satu" align="center"> <h1>June 2013</h1>
+
    
    
       <div>
       <div>
Line 248: Line 202:
  </div>
  </div>
</div>
</div>
-
<div id="satu" align="center"> <h1><center>July 2013</center></h1>
+
<div id="satu" align="center"> <h2><center>July 2013</center></h2>
    
    
   <div>
   <div>
Line 290: Line 244:
   <div>
   <div>
       <a href="#" class="head">Week 2</a>
       <a href="#" class="head">Week 2</a>
-
       <div class="content" align="left">
+
       <div class="content" align="left" style="display: none;">
<br> <b> July 8</b> <br>
<br> <b> July 8</b> <br>
Wet lab<br>
Wet lab<br>
Line 344: Line 298:
   <div>
   <div>
       <a href="#" class="head">Week 3</a>
       <a href="#" class="head">Week 3</a>
-
       <div class="content" align="left">
+
       <div class="content" align="left" style="display: none;">
<br><b>July 15</b> <br>
<br><b>July 15</b> <br>
Wet lab<br>
Wet lab<br>
Line 391: Line 345:
   <div>
   <div>
       <a href="#" class="head">Week 4</a>
       <a href="#" class="head">Week 4</a>
-
       <div class="content" align="left">
+
       <div class="content" align="left" style="display: none;">
<br><b>July 22</b> <br>
<br><b>July 22</b> <br>
Wet lab<br>
Wet lab<br>
Line 434: Line 388:
   <div>
   <div>
       <a href="#" class="head">Week 5</a>
       <a href="#" class="head">Week 5</a>
-
       <div class="content" align="left">
+
       <div class="content" align="left" style="display: none;">
<br><b>July 30</b> <br>
<br><b>July 30</b> <br>
Wet lab<br>
Wet lab<br>
Line 455: Line 409:
  </div>
  </div>
-
<div id="satu" align="center"> <h1>August 2013</h1>
+
<div id="satu" align="center"> <h2>August 2013</h2>
    
    
<div>
<div>
       <a href="#" class="head">Week 1</a>
       <a href="#" class="head">Week 1</a>
-
       <div class="content" align="left">
+
       <div class="content" align="left" style="display: none;">
<br><b>August 2</b> <br>
<br><b>August 2</b> <br>
Wet lab<br>
Wet lab<br>
Line 469: Line 423:
       </div>
       </div>
     </div>
     </div>
-
 
-
 
-
 
-
 
-
 
-
 
-
 
<hr>
<hr>
Line 550: Line 497:
</body>
</body>
 +
</html>

Revision as of 04:37, 1 October 2014


Notebook

June 2013

Week 4

July 2013

Week 1
Week 2
Week 3
Week 4
Week 5

August 2013

Week 1

Home

Team

Main Project

Side Project

Human Practice

Wetlab

Achievement