Team:Hong Kong HKUST/notebook

From 2013.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
  <style>
 
-
    * { margin:0; padding:0; } /* a simple reset */
 
-
    .head, li, h2 { margin-bottom:15px;z-index:-11; }
 
-
    .head { display:block; background:#35BB91;border-radius:500px;margin-bottom:5px;align:center;width:90%;z-index:-3; }
 
-
    .content { display:none; background:#8FF5D5;border-radius:500px;margin-bottom:5px;align:center;width:90%;z-index:-3;}
 
-
    li { position:relative;overflow:hidden; }
 
-
  </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>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</script>
 +
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$(document).ready(function(){
Line 29: Line 11:
});
});
</script>   
</script>   
 +
<script>
<script>
-
$(document).ready(function()
+
  $(document).ready(function()
   {
   {
   $('#menubar').mouseover(function(){
   $('#menubar').mouseover(function(){
Line 46: Line 29:
});
});
</script>
</script>
 +
<style type="text/css">
<style type="text/css">
-
body{background-color:#d5cfbf;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;font: x-small sans-serif;}
+
body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;}
#menubar  
#menubar  
{background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
{background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
Line 63: Line 47:
{position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;}
{position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;}
#content
#content
-
{width: 1000px;border:none;background-color:#ffffff;padding:0px;margin-top:0px;line-height: 1.5em;color: black;}
+
{width: 1000px;border:none;background-color:#494042;padding:0px;margin-top:0px;line-height: 1.5em;color: black;}
#top-section
#top-section
{height:2px;border:none;background-color:#494042;}
{height:2px;border:none;background-color:#494042;}
Line 71: Line 55:
{display:none}
{display:none}
#kepala
#kepala
-
{position:absolute;top:15px;background-color:#F0A5BE;}
+
{position:absolute;top:15px;background-color:#F0A5BE;height:121px;width:100%;}
-
#cover
+
#copyright
-
{position:absolute;top:0px;height:168px;width:100%;background:#494042;z-index:-1;}
+
{position:absolute;left:325px;top:630px;}
-
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
+
-
margin: 0;
+
-
padding: 0;
+
-
font-size: 14px;
+
-
}
+
-
* {
+
-
-webkit-box-sizing: border-box;
+
-
-moz-box-sizing: border-box;
+
-
box-sizing: border-box;
+
-
}
+
-
div.menu
+
-
{
+
-
width:100%;
+
-
}
+
-
.row {
+
-
width: 940px;
+
-
max-width: 100%;
+
-
min-width: 768px;
+
-
margin: 0 auto;
+
-
 
+
-
}
+
-
.row:after {
+
-
clear: both;
+
-
}
+
-
.row:before, .row:after {
+
-
content: "";
+
-
display: table;
+
-
}
+
.menu ul,li
.menu ul,li
{
{
Line 108: Line 64:
list-style:none;
list-style:none;
width:100%;
width:100%;
-
z-index:11;
 
}
}
ul.first>li
ul.first>li
{
{
float:left;
float:left;
-
width:16.6667%;
+
width:16.66%;
-
z-index:11;
+
}
}
ul.first>li>a:link,ul.first>li>a:visited
ul.first>li>a:link,ul.first>li>a:visited
Line 126: Line 80:
text-decoration:none;
text-decoration:none;
text-transform:uppercase;
text-transform:uppercase;
-
z-index:11;
 
}
}
ul.first>li>a:hover,ul.first>li>a:active
ul.first>li>a:hover,ul.first>li>a:active
{
{
-
background-color:#e32e51;z-index:11;
+
background-color:#e32e51;
}
}
Line 137: Line 90:
{
{
display:none;
display:none;
-
width:100%;z-index:11;
+
width:100%;
}
}
Line 150: Line 103:
text-decoration:none;
text-decoration:none;
text-transform:uppercase;
text-transform:uppercase;
-
z-index:11;
 
}
}
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
{
{
-
background-color:#f87790;z-index:11;
+
background-color:#f87790;
}
}
.menu
.menu
Line 163: Line 115:
top:141px;
top:141px;
width:100%;
width:100%;
-
z-index:11;
 
-
}
 
-
ul.side-nav {
 
-
display: block;
 
-
list-style: none;
 
-
margin: 0;
 
-
padding: 17px 0;
 
-
}
 
-
ul.side-nav h6 {
 
-
margin: 47px 0px 0px;
 
-
}
 
-
ul.side-nav li.divider {
 
-
border-top: 1px solid #ddd;
 
-
}
 
-
.two, .row .two {
 
-
width: 16.66667%;
 
-
top:160px;
 
}
}
ul, ol {
ul, ol {
 +
line-height: 1.6;
font-size: 14px;
font-size: 14px;
-
line-height: 1.6;
 
}
}
-
[class*="column"] + [class*="column"]:last-child {
+
#slide{width:96%;left:20px;height:auto;background-color:#F4DFC0;margin-top:80px;border-radius:15px;border:2px solid;font-family:"Trebuchet MS", Helvetica, sans-serif}
-
float: right;
+
#slide2{width:96%;margin-left:20px;height:auto;background-color:#F4DFC0;margin-top:280px;border-radius:15px;border:2px solid;padding-left:10px;font-family:"Trebuchet MS", Helvetica, sans-serif}
 +
.center
 +
{
 +
margin:auto;
 +
width:70%;
 +
background-color:#b0e0e6;
}
}
-
.ten, .row .ten {
+
.circ
-
width: 83.33333%;
+
{margin-top:20px;width:200px;margin-right:20px;float:left;height:200px; border:2px solid;
-
top:192px;
+
border-radius:50%;font-family:"Trebuchet MS", Helvetica, sans-serif}
-
z-index:-2;
+
#circ1
 +
{margin-left:65px;background:#e32e51;}
 +
#circ2,#circ4
 +
{background:#35bb91;}
 +
#circ3
 +
{background:#e32e51;}
 +
p{color:black;}
 +
 
 +
#iGEM_Logo{
 +
width:100px;
 +
height:80px;
 +
position:absolute;
 +
right:10px;
 +
top:60px;
 +
z-index:+15;
}
}
-
.column, .columns {
+
#hkust_Logo{
-
float: left;
+
width:60px;
-
min-height: 1px;
+
height:80px;
-
padding: 0 15px;
+
position:absolute;
-
position: relative;
+
right:110px;
 +
top:60px;
 +
z-index:+15;
}
}
-
.twelve, .row .twelve {
+
 
-
width: 100%;
+
-
}
+
-
h1, h2, h3, h4, h5, h6 {
+
-
font-family: 'Bitter', serif;
+
-
font-weight: normal;
+
-
color: #000;
+
-
border-bottom: none;
+
-
}
+
-
div.team-bios-container div.row {
+
-
padding: 0px 0px 10px;
+
-
border-bottom: 1px solid #ddd;
+
-
}
+
-
.row .row {
+
-
width: auto;
+
-
max-width: none;
+
-
min-width: 0;
+
-
margin: 0 -15px;
+
-
}
+
-
media="screen, projection"
+
-
#bodyContent h1, #bodyContent h2 {
+
-
margin-bottom: .6em;
+
-
}
+
-
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered {
+
-
text-align: center;
+
-
}
+
-
h2 {
+
-
font-size: 37px;
+
-
}
+
-
.nine, .row .nine {
+
-
width: 75%;
+
-
}
+
-
[class*="column"] + [class*="column"]:last-child {
+
-
float: right;
+
-
}
+
-
.three, .row .three {
+
-
width: 25%;
+
-
}
+
-
#flight{z-index:-2;}
+
</style>
</style>
</head>
</head>
 +
<body>
 +
          <a href="https://2013.igem.org/Main_Page"><img id="iGEM_Logo" src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png"></a>
 +
         
 +
 +
<a href="http://www.ust.hk/eng/index.htm"><img id="hkust_Logo" src="https://static.igem.org/mediawiki/2013/5/55/Hkust_logo.gif"></a>
 +
 +
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;"></div></center></a>
-
<body>
 
-
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala" style="height:121px;width:100%;"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;align:middle;"></div></center></a>
 
-
<div id="cover"></div>
 
<div class="menu">
<div class="menu">
<ul class="first">
<ul class="first">
Line 254: Line 176:
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors">Advisors</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors">Advisors</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors">Instructors</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors">Instructors</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/attribution">Attribution</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/acknowledge">Acknowledgement</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/project">Project</a>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project">Project</a>
<ul>
<ul>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract</a></li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modelling">Modelling</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modules">Modules Description</a></li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/data">Data Page</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Parts">Parts</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Parts">Parts</a></li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/datapage">Data Page</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Results</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Result</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/future">Future Work</a></li>
</ul>
</ul>
</li>
</li>
Line 270: Line 195:
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab">Wetlab</a>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab">Wetlab</a>
<ul>
<ul>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook">notebook</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook">Notebook</a></li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">protocols</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">Protocols</a></li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">safety</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">Safety</a></li>
 +
 
</ul>
</ul>
</li>
</li>
Line 285: Line 211:
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a>
<ul>
<ul>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Interviews">Interviews</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/cp">Country Profile</a></li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Presentation">Presentation</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/blog">Blog</a></li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Videos">Videos</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/interview">Interviews</a></li>
-
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/Article">Article</a></li>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/article/genet">Article</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/video">Videos</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/presentation">Presentations</a></li>
</ul>
</ul>
</li>
</li>
</ul>
</ul>
-
</div>
 
-
<br><br><br><br><br><br><br>
 
-
<div id="flight">
 
-
<div id="satu" align="center"> <h1>June 2013</h1>
 
-
 
 
-
      <div>
 
-
      <a href='#' class='head'>Week 4</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
      </div>
 
-
</div>
 
</div>
</div>
-
<div id="satu" align="center"> <h1>July 2013</h1>
+
<br><br><br><div id="slide" class="center"><center><h3 style="font-size:25px;">Notebook</p></center></div>
-
 
+
<div id="circ1" class="circ"><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook/mod1"><center><br><br><br><h3>Module 1</h3><p>Cell Viability & Fatty Acid Quantification</p></center></a></div>
-
  <div>
+
<div id="circ2" class="circ"><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook/mod2"><center><br><br><br><h3>Module 2</h3><p>Fatty Acid Sensing Mechanism</p></center></a></div>
-
      <a href='#' class='head'>Week 1</a>
+
<div id="circ3" class="circ"><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook/mod3"><center><br><br><br><h3>Module 3</h3><p>Protein Trafficking</p></center></a></div>
-
      <div class='content'>Content 1
+
<div id="circ4" class="circ"><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook/mod4"><center><br><br><br><h3>Module 4</h3><p>Glyoxylate Shunt</p></center></a></div>
-
      </div>
+
<div id="slide2"><p><b>To best maximize your browsing experience, we have compartmentalized our logbook based on our modules. You'll see, we have worked hard...</b></p></div>
-
  </div>
+
<div id="vids"></div>
-
 
+
</body>
-
  <div>
+
-
      <a href='#' class='head'>Week 2</a>
+
-
      <div class='content'>Content 1
+
-
      </div>
+
-
  </div>
+
-
  <div>
 
-
      <a href='#' class='head'>Week 3</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
  </div>
 
-
 
-
  <div>
 
-
      <a href='#' class='head'>Week 4</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
  </div>
 
-
 
-
  <div>
 
-
      <a href='#' class='head'>Week 5</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
  </div>
 
-
</div>
 
-
<div id="satu" align="center"> <h1>August 2013</h1>
 
-
 
 
-
<div>
 
-
      <a href='#' class='head'>Week 1</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
    </div>
 
-
    <div>
 
-
      <a href='#' class='head'>Week 2</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
    </div>
 
-
    <div>
 
-
      <a href='#' class='head'>Week 3</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
    </div>
 
-
    <div>
 
-
      <a href='#' class='head'>Week 4</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
    </div>
 
-
 
 
-
</div><div id="satu" align="center"> <h1>September 2013</h1>
 
-
 
 
-
    <div>
 
-
      <a href='#' class='head'>Week 1</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
    </div>
 
-
    <div>
 
-
      <a href='#' class='head'>Week 2</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
    </div>
 
-
    <div>
 
-
      <a href='#' class='head'>Week 3</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
    </div>
 
-
    <div>
 
-
      <a href='#' class='head'>Week 4</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
    </div>
 
-
    <div>
 
-
      <a href='#' class='head'>Week 5</a>
 
-
      <div class='content'>Content 1
 
-
      </div>
 
-
    </div>
 
-
 
 
-
</div>
 
-
</div>
 
-
</body>
 
</html>
</html>

Latest revision as of 23:06, 27 September 2013




Notebook

To best maximize your browsing experience, we have compartmentalized our logbook based on our modules. You'll see, we have worked hard...