Team:Hong Kong HKUST/notebook

From 2013.igem.org

(Difference between revisions)

Latest revision as of 23:06, 27 September 2013

Notebook

Module 1

Cell Viability & Fatty Acid Quantification

Module 2

Fatty Acid Sensing Mechanism

Module 3

Protein Trafficking

Module 4

Glyoxylate Shunt

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

@@ Line 1: / Line 1: @@
 <html>
 <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>
 <script type="text/javascript">
 $(document).ready(function(){
@@ Line 29: / Line 11: @@
 });
 </script>
 <script>
-$(document).ready(function()
+  $(document).ready(function()
    {
    $('#menubar').mouseover(function(){
@@ Line 46: / Line 29: @@
 });
 </script>
 <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
 {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;}
 #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
 {height:2px;border:none;background-color:#494042;}
@@ Line 71: / Line 55: @@
 {display:none}
 #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
 {
@@ Line 108: / Line 64: @@
 list-style:none;
 width:100%;
-z-index:11;
 }
 ul.first>li
 {
 float:left;
-width:16.6667%;
+width:16.66%;
-z-index:11;
 }
 ul.first>li>a:link,ul.first>li>a:visited
@@ Line 126: / Line 80: @@
 text-decoration:none;
 text-transform:uppercase;
-z-index:11;
 }
 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;
-width:100%;z-index:11;
+width:100%;
 }
@@ Line 150: / Line 103: @@
 text-decoration:none;
 text-transform:uppercase;
-z-index:11;
 }
 ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
 {
-background-color:#f87790;z-index:11;
+background-color:#f87790;
 }
 .menu
@@ Line 163: / Line 115: @@
 top:141px;
 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 {
+line-height: 1.6;
 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>
 </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">
 <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/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>
 </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>
 <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/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>
 </li>
@@ Line 270: / Line 195: @@
 <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/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>
 </li>
@@ Line 285: / Line 211: @@
 <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/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>
 </li>
 </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 id="satu" align="center"> <h1>July 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>
-      <a href='#' class='head'>Week 3</a>
-      <div class='content'>Content 1
-      </div>
-      <a href='#' class='head'>Week 4</a>
-      <div class='content'>Content 1
-      </div>
-      <a href='#' class='head'>Week 5</a>
-      <div class='content'>Content 1
-      </div>
- </div>
-<div id="satu" align="center"> <h1>August 2013</h1>
-   <br><br>
-   <ul>
-    <li>
-      <a href='#' class='head'>Week 1</a>
-      <div class='content'>Content 1
-      </div>
-    </li>
-    <li>
-      <a href='#' class='head'>Week 2</a>
-      <div class='content'>Content 1
-      </div>
-    </li>
-    <li>
-      <a href='#' class='head'>Week 3</a>
-      <div class='content'>Content 1
-      </div>
-    </li>
-    <li>
-      <a href='#' class='head'>Week 4</a>
-      <div class='content'>Content 1
-      </div>
-    </li>
-  </ul>
- </div><div id="satu" align="center"> <h1>September 2013</h1>
-   <ul>
-    <li>
-      <a href='#' class='head'>Week 1</a>
-      <div class='content'>Content 1
-      </div>
-    </li>
-    <li>
-      <a href='#' class='head'>Week 2</a>
-      <div class='content'>Content 1
-      </div>
-    </li>
-    <li>
-      <a href='#' class='head'>Week 3</a>
-      <div class='content'>Content 1
-      </div>
-    </li>
-    <li>
-      <a href='#' class='head'>Week 4</a>
-      <div class='content'>Content 1
-      </div>
-    </li>
-    <li>
-      <a href='#' class='head'>Week 5</a>
-      <div class='content'>Content 1
-      </div>
-    </li>
-  </ul>
- </div>
 </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>
 </html>