Team:Hong Kong HKUST/notebook

From 2013.igem.org

(Difference between revisions)
 
(64 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
    <script type="text/javascript" src="javascript/jquery.cookie.js"></script> <!--required only if using cookies-->
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
-
    <script type="text/javascript" src="javascript/jquery.accordion.js"></script>
+
</script>
-
    <script type="text/javascript">
+
 
-
        $(document).ready(function() {
+
<script type="text/javascript">
-
            $('.accordion').accordion({defaultOpen: 'some_id'}); //some_id section1 in demo
+
$(document).ready(function(){
-
        });
+
$("ul.first > li").hover(function(){
-
     </script>
+
$(this).find("ul").stop().fadeToggle(10);
-
<style type="text/css">#left_nav {
+
});
-
        width:250px;
+
});
-
    }
+
</script>
-
    #body {
+
 
-
        width:90%;
+
<script>
-
        float:left;
+
  $(document).ready(function()
-
        margin:10px;
+
  {
-
    }
+
  $('#menubar').mouseover(function(){
-
    .accordion {
+
    $('#menubar').stop().animate({top:"0px"},500);
-
        margin: 0;
+
  });
-
        padding:10px;
+
  $('#menubar').mouseleave(function(){
-
        height:20px;
+
    $('#menubar').stop().animate({top:"-20px"},500);
-
        border-top:#f0f0f0 1px solid;
+
  });
-
        background: #cccccc;
+
  $('#menubar.right-menu').mouseover(function(){
-
        font-family: Arial, Helvetica, sans-serif;
+
     $('#menubar.right-menu').stop().animate({top:"0px"},500);
-
        text-decoration:none;
+
  });
-
        text-transform:uppercase;
+
  $('#menubar.right-menu').mouseleave(function(){
-
        color: #000;
+
    $('#menubar.right-menu').stop().animate({top:"-20px"},500);
-
        font-size:1em;
+
  });
-
    }
+
});
-
    .accordion-open {
+
</script>
-
        background:#000;
+
 
-
        color: #fff;
+
<style type="text/css">
-
    }
+
body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;}
-
    .accordion-open span {
+
#menubar
-
        display:block;
+
{background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
-
        float:right;
+
#menubar ul li a
-
        padding:10px;
+
{ color:#8D1919;}
-
    }
+
#menubar.right-menu
-
    .accordion-open span {
+
{background-color:#EEECEC;opacity:0.8;top:-4px;width:240px;height:23px;position:absolute;top:-20px;}
-
        background:url(../images/minus.png) center center no-repeat;
+
.right-menu li a
-
    }
+
{color:#8D1919;background-color:#EEECEC;}
-
    .accordion-close span {
+
#p-logo
-
        display:block;
+
{visibility:hidden;}
-
        float:right;
+
.firstHeading
-
        background:url(../images/plus.png) center center no-repeat;
+
{visibility:hidden;}
-
        padding:10px;
+
#globalWrapper
-
    }
+
{position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;}
-
    div.container {
+
#content
-
        padding:0;
+
{width: 1000px;border:none;background-color:#494042;padding:0px;margin-top:0px;line-height: 1.5em;color: black;}
-
        margin:0;
+
#top-section
-
    }
+
{height:2px;border:none;background-color:#494042;}
-
    div.content {
+
#catlinks
-
        background:#f0f0f0;
+
{border-color:#494042;background-color:#494042;}
-
        margin: 0;
+
#footer-box
-
        padding:10px;
+
{display:none}
-
        font-size:.9em;
+
#kepala
-
        line-height:1.5em;
+
{position:absolute;top:15px;background-color:#F0A5BE;height:121px;width:100%;}
-
        font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+
#copyright
-
    }
+
{position:absolute;left:325px;top:630px;}
-
    div.content ul, div.content p {
+
.menu ul,li
-
        padding:0;
+
{
-
        margin:0;
+
margin:0;
-
        padding:3px;
+
padding:0;
-
    }
+
list-style:none;
-
    div.content ul li {
+
width:100%;
-
        list-style-position:inside;
+
}
-
        line-height:25px;
+
ul.first>li
-
    }
+
{
-
    div.content ul li a {
+
float:left;
-
        color:#555555;
+
width:16.66%;
-
    }
+
}
-
    code {
+
ul.first>li>a:link,ul.first>li>a:visited
-
        overflow:auto;
+
{
-
    }
+
display:block;
 +
font-weight:bold;
 +
color:#494042;
 +
background-color:#35bb91;
 +
text-align:center;
 +
padding:3%;
 +
text-decoration:none;
 +
text-transform:uppercase;
 +
}
 +
 
 +
ul.first>li>a:hover,ul.first>li>a:active
 +
{
 +
background-color:#e32e51;
 +
}
 +
 
 +
ul.first>li>ul
 +
{
 +
display:none;
 +
width:100%;
 +
}
 +
 
 +
ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited
 +
{
 +
display:block;
 +
font-weight:bold;
 +
color:#494042;
 +
background-color:#8ff5d5;
 +
text-align:center;
 +
padding:3%;
 +
text-decoration:none;
 +
text-transform:uppercase;
 +
}
 +
 
 +
ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
 +
{
 +
background-color:#f87790;
 +
}
 +
.menu
 +
{
 +
position:absolute;
 +
left:0px;
 +
top:141px;
 +
width:100%;
 +
}
 +
ul, ol {
 +
line-height: 1.6;
 +
font-size: 14px;
 +
}
 +
#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}
 +
#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;
 +
}
 +
.circ
 +
{margin-top:20px;width:200px;margin-right:20px;float:left;height:200px; border:2px solid;
 +
border-radius:50%;font-family:"Trebuchet MS", Helvetica, sans-serif}
 +
#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;
 +
}
 +
#hkust_Logo{
 +
width:60px;
 +
height:80px;
 +
position:absolute;
 +
right:110px;
 +
top:60px;
 +
z-index:+15;
 +
}
 +
 
</style>
</style>
</head>
</head>
<body>
<body>
-
<div class="accordion" id="section1">Heading<span></span></div>
+
          <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>
-
    <div class="container">
+
         
-
        <div class="content">
+
 
-
            <div>Sample Content</div>
+
<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>
-
            <p>Content here....</p>
+
 
-
        </div>
+
<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>
-
    </div>
+
 
-
    <div class="accordion" id="section2">Heading<span></span></div>
+
<div class="menu">
-
    <div class="container">
+
<ul class="first">
-
        <div class="content">
+
 
-
            <div>Sample Content</div>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li>
-
            <p>Content here....</p>
+
 
-
        </div>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/team">Team</a>
-
    </div>
+
<ul>
-
    <div class="accordion" id="section3">Heading<span></span></div>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/members">Members</a></li>
-
    <div class="container">
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors">Advisors</a></li>
-
        <div class="content">
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors">Instructors</a></li>
-
            <div>Sample Content</div>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/attribution">Attribution</a></li>
-
            <p>Content here....</p>
+
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/acknowledge">Acknowledgement</a></li>
-
        </div>
+
</ul>
-
    </div>
+
</li>
 +
 
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project">Project</a>
 +
<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/modules">Modules Description</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/characterization">Characterization</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>
 +
</li>
 +
 
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab">Wetlab</a>
 +
<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/protocols">Protocols</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">Safety</a></li>
 +
 
 +
</ul>
 +
</li>
 +
 
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/achievement">Achievement</a>
 +
<ul>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/medals">Medal Requirements</a></li>
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/prizes">Prizes</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a>
 +
<ul>
 +
<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/blog">Blog</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/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>
 +
</li>
 +
 
 +
</ul>
 +
 
 +
</div>
 +
<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 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>
 +
<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 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 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 id="vids"></div>
</body>
</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...