Difference between revisions of "Team:CGU Taiwan/Notebook"

 
(30 intermediate revisions by 2 users not shown)
Line 16: Line 16:
 
<!-- nav start -->
 
<!-- nav start -->
 
<div class="head"></div>
 
<div class="head"></div>
 +
 
<nav>
 
<nav>
 
<ul>
 
<ul>
−
   <li class="logo" style="text-align:left;"><img src="https://static.igem.org/mediawiki/2017/7/7e/CGULOGO0930.png" height="100px" width="307px"/></li>
+
   <a href="https://2017.igem.org/Team:CGU_Taiwan"><li class="logo" style="text-align:left;"><img src="https://static.igem.org/mediawiki/2017/7/7e/CGULOGO0930.png" height="100px" width="307px"/></li></a>
 
   <!--<li><a href="index.html">HOME</a></li>
 
   <!--<li><a href="index.html">HOME</a></li>
 
   | -->
 
   | -->
−
   <li class="dropdown"><a href="">PROJECT</a>
+
   <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Description">PROJECT</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
 
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Description">DESCRIPTION</a>
 
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Description">DESCRIPTION</a>
−
       <a href="#">RESULTS</a>
+
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Results">RESULTS</a>
−
       <a href="#">PROOF</a>
+
       <a href="https://2017.igem.org/Team:CGU_Taiwan/InterLab">INTERLAB</a>
−
       <a href="#">PART</a>
+
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Demonstrate">PROOF AND DEMONSTRATION</a>
 +
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Model">MODEL</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Parts">PARTS</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Future">FUTURE WORK</a>     
 
       </div>
 
       </div>
 
   </li>
 
   </li>
Line 32: Line 36:
 
   <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a>
 
   <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
       <a href="#">LAB NOTE</a>
+
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">LAB NOTE</a>
−
       <a href="#">PROTOCOLS</a>
+
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Protocols">PROTOCOLS</a>
−
       <a href="#">SATEFY</a>
+
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a>
 
       </div>
 
       </div>
 
   </li>
 
   </li>
 
   |
 
   |
−
   <li class="dropdown"><a href="">TEAM</a>
+
   <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Team">TEAM</a>
 
       <div class="dropdown-content">
 
       <div class="dropdown-content">
−
       <a href="#">ATTRIBITION</a>
+
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a>
−
       <a href="#">MEMBER</a>
+
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Team">MEMBER</a>
−
       <a href="#">SPONSOR</a>
+
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Acknowledgement">ACKNOWLEDGEMENT</a>
−
       <a href="#">COLLBORATION</a>
+
       <a href="https://2017.igem.org/Team:CGU_Taiwan/Collaborations">COLLABORATION</a>
 
       </div>
 
       </div>
 
   </li>
 
   </li>
 
   |
 
   |
−
   <li class="dropdown"><a href="">HUMAN PRACTICE</a></li>
+
   <li class="dropdown"><a href="">HUMAN PRACTICE</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/HP/Silver">SILVER HP</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/HP/Gold_Integrated">INTERGRATED AND GOLD</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Engagement">PUBLIC ENGAGEMENT</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/TWConference">2017 iGEM TAIWAN CONFERENCE</a>
 +
      </div>
 +
  </li>
 
   |
 
   |
−
  <li><a href="">AWARD</a></li>
+
<li class="dropdown2"><a href="">AWARD</a>
−
    
+
      <div class="dropdown2-content">
 +
     
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Entrepreneurship">ENTREPRENEURSHIP</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Hardware">HARDWARE</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Measurement">MEASUREMENT</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Model">MODEL</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/InterLab">INTERLAB</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/HP/Gold_Integrated">INTERGRATED AND GOLD</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Engagement">PUBLIC ENGAGEMENT</a>
 +
      </div>
 +
  </li>
 +
   <li> &nbsp;&nbsp;&nbsp; </li>
 
</ul>
 
</ul>
 
</nav>
 
</nav>
Line 83: Line 105:
  
 
<!--background animation start -->
 
<!--background animation start -->
−
<div class="rightmenu">
+
<div class="leftMenuBack"></div>
 +
<div class="leftMenu">
 
<ul>
 
<ul>
−
<li class="right1"><a href=""></a></li>
+
<li class="left1"><a href="#biolist"></a></li>
−
<li class="right2"><a href=""></a></li>
+
<li class="left2"><a href="#modellist"></a></li>
−
<li class="right3"><a href=""></a></li>
+
<li class="left3"><a href="#engineeringlist"></a></li>
 +
<li class="left4"><a href="#marketinglist"></a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 94: Line 118:
  
 
<!-- notebook start -->
 
<!-- notebook start -->
−
<div class="notebooklist">
+
<div class="notebook">
−
<ul class="week">
+
<div class="notebooktitle"><h2>NOTEBOOK | LAB NOTE</h2></div>
−
<li class="select">
+
<!-- BIO-DEVELOPMENT內容開始 -->
−
    <div>
+
<div class="biolist"><h2>BIO-DEVELOPMENT</h2></div>
−
    <button id="btngeneral" type="button">General</button>
+
<div class="biocontent">
−
<button id="btnmarketing" type="button">Marketing</button>
+
<div class="biobutton">
−
    <button id="btnbiology" type="button">Biology Science</button>
+
<button id="ConstructionPlasmids" type="button" style="width:140px;height:45px;font-size:13px;background-color:#205e87;color:white;border-radius: 10px;vertical-align:middle;">Construction of Plasmids</button>
−
<button id="btninformation" type="button">Information Science</button>
+
<button id="Yeast" type="button" style="width:140px;height:45px;font-size:13px;background-color:#205e87;color:white;border-radius:10px;vertical-align:middle;">Yeast</button>
−
    <button id="btnengineering" type="button">Engineering Science</button>   
+
−
    </div>
+
−
    </li>
+
−
    <li class="week1">
+
−
<div>Week 1 (Feb 19~Feb 25)</div>
+
−
    <br>
+
−
<div><b>General note 1 :<button id="btn1" type="button">Collapse</button>
+
−
<button id="btn2" type="button">Expand</button></b>
+
−
    <p class="generalcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week1 General內容結束 -->
+
−
    <div><b>Marketing note 1 :<button id="btn3" type="button">Collapse</button>
+
−
<button id="btn4" type="button">Expand</button></b>
+
−
    <p class="marketingcontent" style="display: block;">text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week1 Marketing內容結束 -->
+
−
    <div><b>Biology Science note 1 :<button id="btn5" type="button">Collapse</button>
+
−
<button id="btn6" type="button">Expand</button></b>
+
−
    <p class="biologycontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week1 Biology Science內容結束 -->
+
−
    <div><b>Information Science note 1 :<button id="btn7" type="button">Collapse</button>
+
−
<button id="btn8" type="button">Expand</button></b>
+
−
    <p class="informationcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week1 Information Science內容結束 -->
+
−
    <div><b>Engineering Science note 1 :<button id="btn9" type="button">Collapse</button>
+
−
<button id="btn10" type="button">Expand</button></b>
+
−
    <p class="engineeringcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week1 Engineering Science內容結束 -->
+
−
    <div><button id="btn11" type="button">Collapse</button>
+
−
<button id="btn12" type="button">Expand</button></div>
+
−
</li>
+
−
    <!-- week1所有內容結束 -->
+
−
    <br>
+
−
    <li class="week2">
+
−
<div>Week 2 (Feb 26~Mar 4)</div>
+
−
    <br>
+
−
<div><b>General note 2 :<button id="btn13" type="button">Collapse</button>
+
−
<button id="btn14" type="button">Expand</button></b>
+
−
    <p class="generalcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week2 General內容結束 -->
+
−
    <div><b>Marketing note 2 :<button id="btn15" type="button">Collapse</button>
+
−
<button id="btn16" type="button">Expand</button></b>
+
−
    <p class="marketingcontent" style="display: block;">text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week2 Marketing內容結束 -->
+
−
    <div><b>Biology Science note 2 :<button id="btn17" type="button">Collapse</button>
+
−
<button id="btn18" type="button">Expand</button></b>
+
−
    <p class="biologycontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week2 Biology Science內容結束 -->
+
−
    <div><b>Information Science note 2 :<button id="btn19" type="button">Collapse</button>
+
−
<button id="btn20" type="button">Expand</button></b>
+
−
    <p class="informationcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week2 Information Science內容結束 -->
+
−
    <div><b>Engineering Science note 2 :<button id="btn21" type="button">Collapse</button>
+
−
<button id="btn22" type="button">Expand</button></b>
+
−
    <p class="engineeringcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week2 Engineering Science內容結束 -->
+
−
    <div><button id="btn23" type="button">Collapse</button>
+
−
<button id="btn24" type="button">Expand</button></div>
+
−
</li>
+
−
    <!-- week2所有內容結束 -->
+
−
    <br>
+
−
    <li class="week3">
+
−
<div>Week 3 (Mar 5~Mar 11)</div>
+
−
    <br>
+
−
<div><b>General note 3 :<button id="btn25" type="button">Collapse</button>
+
−
<button id="btn26" type="button">Expand</button></b>
+
−
    <p class="generalcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week3 General內容結束 -->
+
−
    <div><b>Marketing note 3 :<button id="btn27" type="button">Collapse</button>
+
−
<button id="btn28" type="button">Expand</button></b>
+
−
    <p class="marketingcontent" style="display: block;">text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week3 Marketing內容結束 -->
+
−
    <div><b>Biology Science note 3 :<button id="btn29" type="button">Collapse</button>
+
−
<button id="btn30" type="button">Expand</button></b>
+
−
    <p class="biologycontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week3 Biology Science內容結束 -->
+
−
    <div><b>Information Science note 3 :<button id="btn31" type="button">Collapse</button>
+
−
<button id="btn32" type="button">Expand</button></b>
+
−
    <p class="informationcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week3 Information Science內容結束 -->
+
−
    <div><b>Engineering Science note 3 :<button id="btn33" type="button">Collapse</button>
+
−
<button id="btn34" type="button">Expand</button></b>
+
−
    <p class="engineeringcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week3 Engineering Science內容結束 -->
+
−
    <div><button id="btn35" type="button">Collapse</button>
+
−
<button id="btn36" type="button">Expand</button></div>
+
−
</li>
+
−
    <!-- week3所有內容結束 -->
+
−
    <br>
+
−
    <li class="week4">
+
−
<div>Week 4 (Mar 12~Mar 18)</div>
+
−
    <br>
+
−
<div><b>General note 4 :<button id="btn37" type="button">Collapse</button>
+
−
<button id="btn38" type="button">Expand</button></b>
+
−
    <p class="generalcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week4 General內容結束 -->
+
−
    <div><b>Marketing note 4 :<button id="btn39" type="button">Collapse</button>
+
−
<button id="btn40" type="button">Expand</button></b>
+
−
    <p class="marketingcontent" style="display: block;">text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week4 Marketing內容結束 -->
+
−
    <div><b>Biology Science note 4 :<button id="btn41" type="button">Collapse</button>
+
−
<button id="btn42" type="button">Expand</button></b>
+
−
    <p class="biologycontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week4 Biology Science內容結束 -->
+
−
    <div><b>Information Science note 4 :<button id="btn43" type="button">Collapse</button>
+
−
<button id="btn44" type="button">Expand</button></b>
+
−
    <p class="informationcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week4 Information Science內容結束 -->
+
−
    <div><b>Engineering Science note 4 :<button id="btn45" type="button">Collapse</button>
+
−
<button id="btn46" type="button">Expand</button></b>
+
−
    <p class="engineeringcontent" style="display: block;"> text text text text text text text</p>
+
−
    </div>
+
−
    <!-- week4 Engineering Science內容結束 -->
+
−
    <div><button id="btn47" type="button">Collapse</button>
+
−
<button id="btn48" type="button">Expand</button></div>
+
−
</li>
+
−
    <!-- week4所有內容結束 -->
+
−
   
+
−
</ul>
+
 
</div>
 
</div>
 +
<div class="biopdf1" style="border-width:7px;border-style:solid;border-radius:10px;border-color:#8acfd9;padding:5px;">
 +
<object data="https://static.igem.org/mediawiki/2017/e/e4/Cguconstructionnotebook.pdf" type="application/pdf" width="100%" height="900px">
 +
  <p>It appears you don't have a PDF plugin for this browser.
 +
  No biggie... you can <a href="https://static.igem.org/mediawiki/2017/e/e4/Cguconstructionnotebook.pdf">click here to
 +
  download the PDF file.</a></p> 
 +
</object>
 +
</div>
 +
<div class="biopdf2" style="border-width:7px;border-style:solid;border-radius:10px;border-color:#8acfd9;padding:5px;">
 +
<object data="https://static.igem.org/mediawiki/2017/c/c7/Yeastnotebook.pdf" type="application/pdf" width="100%" height="900px">
 +
  <p>It appears you don't have a PDF plugin for this browser.
 +
  No biggie... you can <a href="https://static.igem.org/mediawiki/2017/c/c7/Yeastnotebook.pdf">click here to
 +
  download the PDF file.</a></p> 
 +
</object>
 +
</div>
 +
</div>
 +
<!-- BIO-DEVELOPMENT內容結束 -->
 +
 +
<!-- MODELING內容開始 -->
 +
<div class="modellist"><h2>MODELING</h2></div>
 +
<div class="modelcontent">
 +
<div class="modelpdf" style="border-width:7px;border-style:solid;border-radius:10px;border-color:#8acfd9;padding:5px;">
 +
<object data="https://static.igem.org/mediawiki/2017/5/58/Cguinformationnotebook.pdf" type="application/pdf" width="100%" height="900px">
 +
  <p>It appears you don't have a PDF plugin for this browser.
 +
  No biggie... you can <a href="https://static.igem.org/mediawiki/2017/5/58/Cguinformationnotebook.pdf">click here to
 +
  download the PDF file.</a></p> 
 +
</object>
 +
</div>
 +
</div>
 +
<!-- MODELING內容結束 -->
 +
 +
<!-- Engineering內容開始 -->
 +
<div class="engineeringlist"><h2>ENGINEERING</h2></div>
 +
<div class="engineeringcontent">
 +
<div class="engineeringpdf" style="border-width:7px;border-style:solid;border-radius:10px;border-color:#8acfd9;padding:5px;">
 +
<object data="https://static.igem.org/mediawiki/2017/a/a0/Cguenineeringnotebook.pdf" type="application/pdf" width="100%" height="900px">
 +
  <p>It appears you don't have a PDF plugin for this browser.
 +
  No biggie... you can <a href="https://static.igem.org/mediawiki/2017/a/a0/Cguenineeringnotebook.pdf">click here to
 +
  download the PDF file.</a></p> 
 +
</object>
 +
</div>
 +
</div>
 +
<!-- Engineering內容結束 -->
 +
 +
</div>
 +
<!-- notebook end -->
 +
<!-- javascript code start -->
 
<script type="text/javascript">
 
<script type="text/javascript">
 
var temp=0;
 
var temp=0;
 
$(document).ready(function(){
 
$(document).ready(function(){
−
$("p").toggle("100");
+
$(".biopdf1").toggle("100");
−
$("b").toggle("100");
+
$(".biopdf2").toggle("100");
−
///////////////////////////////////////////////////////////////////////
+
///////////////////////////////bio click////////////////////////////////////////
−
$("#btngeneral").click(function(){
+
$("#ConstructionPlasmids").click(function(){
 
if(temp==1)
 
if(temp==1)
 
{
 
{
−
$("div ul li.week1 p.generalcontent").hide("100");
+
$(".biopdf1").hide("100");
−
    $("div ul li.week2 p.generalcontent").hide("100");
+
−
$("div ul li.week3 p.generalcontent").hide("100");
+
−
$("div ul li.week4 p.generalcontent").hide("100");
+
 
temp = 0;
 
temp = 0;
 
}
 
}
 
else
 
else
 
{
 
{
−
$("div ul li.week1 p.generalcontent").fadeIn("100");
+
$(".biopdf1").fadeIn("100");
−
    $("div ul li.week2 p.generalcontent").fadeIn("100");
+
−
$("div ul li.week3 p.generalcontent").fadeIn("100");
+
−
$("div ul li.week4 p.generalcontent").fadeIn("100");
+
 
temp = 1;
 
temp = 1;
 
}
 
}
−
    });
 
−
    $("#btnmarketing").click(function(){
 
−
if(temp==1)
 
−
{
 
−
$("div ul li.week1 p.marketingcontent").hide("100");
 
−
    $("div ul li.week2 p.marketingcontent").hide("100");
 
−
$("div ul li.week3 p.marketingcontent").hide("100");
 
−
$("div ul li.week4 p.marketingcontent").hide("100");
 
−
temp = 0;
 
−
}
 
−
else
 
−
{
 
−
$("div ul li.week1 p.marketingcontent").fadeIn("100");
 
−
    $("div ul li.week2 p.marketingcontent").fadeIn("100");
 
−
$("div ul li.week3 p.marketingcontent").fadeIn("100");
 
−
$("div ul li.week4 p.marketingcontent").fadeIn("100");
 
−
temp = 1;
 
−
}
 
−
    });
 
−
 
−
$("#btnbiology").click(function(){
 
−
if(temp==1)
 
−
{
 
−
$("div ul li.week1 p.biologycontent").hide("100");
 
−
$("div ul li.week2 p.biologycontent").hide("100");
 
−
$("div ul li.week3 p.biologycontent").hide("100");
 
−
$("div ul li.week4 p.biologycontent").hide("100");
 
−
temp = 0;
 
−
}
 
−
else
 
−
{
 
−
    $("div ul li.week1 p.biologycontent").fadeIn("100");
 
−
$("div ul li.week2 p.biologycontent").fadeIn("100");
 
−
$("div ul li.week3 p.biologycontent").fadeIn("100");
 
−
$("div ul li.week4 p.biologycontent").fadeIn("100");
 
−
temp = 1;
 
−
}
 
 
     });
 
     });
 
 
−
    $("#btninformation").click(function(){
+
$("#Yeast").click(function(){
−
if(temp==1)
+
if(temp==1)
−
{
+
{
−
$("div ul li.week1 p.informationcontent").hide("100");
+
$(".biopdf2").hide("100");
−
$("div ul li.week2 p.informationcontent").hide("100");
+
temp = 0;
−
$("div ul li.week3 p.informationcontent").hide("100");
+
}
−
$("div ul li.week4 p.informationcontent").hide("100");
+
else
−
temp = 0;
+
{
−
}
+
$(".biopdf2").fadeIn("100");
−
else
+
temp = 1;
−
{
+
}
−
    $("div ul li.week1 p.informationcontent").fadeIn("100");
+
−
$("div ul li.week2 p.informationcontent").fadeIn("100");
+
−
$("div ul li.week3 p.informationcontent").fadeIn("100");
+
−
$("div ul li.week4 p.informationcontent").fadeIn("100");
+
−
temp = 1;
+
−
}
+
 
     });
 
     });
 
 
−
$("#btnengineering").click(function(){
 
−
if(temp==1)
 
−
{
 
−
$("div ul li.week1 p.engineeringcontent").hide("100");
 
−
$("div ul li.week2 p.engineeringcontent").hide("100");
 
−
$("div ul li.week3 p.engineeringcontent").hide("100");
 
−
$("div ul li.week4 p.engineeringcontent").hide("100");
 
−
temp = 0;
 
−
}
 
−
else
 
−
{
 
−
    $("div ul li.week1 p.engineeringcontent").fadeIn("100");
 
−
$("div ul li.week2 p.engineeringcontent").fadeIn("100");
 
−
$("div ul li.week3 p.engineeringcontent").fadeIn("100");
 
−
$("div ul li.week4 p.engineeringcontent").fadeIn("100");
 
−
temp = 1;
 
−
}
 
−
    });
 
−
 
−
/////////////////week btn//////////////////////////////////////////////
 
−
 
−
 
−
$("#btn1").click(function(){
 
−
if(temp==1){
 
−
    $("div ul li.week1 p.generalcontent").hide("100");
 
−
temp = 0;
 
−
$("btn1").text("Expand");
 
−
}
 
−
else{
 
−
 
−
    $("div ul li.week1 p.generalcontent").fadeIn("100");
 
−
    temp = 1;
 
−
$("btn1").text("Collapse");
 
−
}
 
−
    });
 
−
/*
 
−
$("#btn1").click(function(){
 
−
    $("div ul li.week1 p.generalcontent").hide("100");
 
−
    });
 
−
    $("#btn2").click(function(){
 
−
    $("div ul li.week1 p.generalcontent").fadeIn("100");
 
−
    });
 
−
*/
 
−
 
−
$("#btn3").click(function(){
 
−
    $("div ul li.week1 p.marketingcontent").hide("100");
 
−
    });
 
−
    $("#btn4").click(function(){
 
−
    $("div ul li.week1 p.marketingcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn5").click(function(){
 
−
    $("div ul li.week1 p.biologycontent").hide("100");
 
−
    });
 
−
    $("#btn6").click(function(){
 
−
    $("div ul li.week1 p.biologycontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn7").click(function(){
 
−
    $("div ul li.week1 p.informationcontent").hide("100");
 
−
    });
 
−
    $("#btn8").click(function(){
 
−
    $("div ul li.week1 p.informationcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn9").click(function(){
 
−
    $("div ul li.week1 p.engineeringcontent").hide("100");
 
−
    });
 
−
    $("#btn10").click(function(){
 
−
    $("div ul li.week1 p.engineeringcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn11").click(function(){
 
−
    $("div ul li.week1 b").hide("100");
 
−
$("div ul li.week1 p.generalcontent").hide("100");
 
−
$("div ul li.week1 p.marketingcontent").hide("100");
 
−
$("div ul li.week1 p.biologycontent").hide("100");
 
−
$("div ul li.week1 p.informationcontent").hide("100");
 
−
$("div ul li.week1 p.engineeringcontent").hide("100");
 
−
    });
 
−
    $("#btn12").click(function(){
 
−
    $("div ul li.week1 b").fadeIn("100");
 
−
    });
 
−
////////////////////////////////////////////////////////////////////////
 
−
$("#btn13").click(function(){
 
−
    $("div ul li.week2 p.generalcontent").hide("100");
 
−
    });
 
−
    $("#btn14").click(function(){
 
−
    $("div ul li.week2 p.generalcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn15").click(function(){
 
−
    $("div ul li.week2 p.marketingcontent").hide("100");
 
−
    });
 
−
    $("#btn16").click(function(){
 
−
    $("div ul li.week2 p.marketingcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn17").click(function(){
 
−
    $("div ul li.week2 p.biologycontent").hide("100");
 
−
    });
 
−
    $("#btn18").click(function(){
 
−
    $("div ul li.week2 p.biologycontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn19").click(function(){
 
−
    $("div ul li.week2 p.informationcontent").hide("100");
 
−
    });
 
−
    $("#btn20").click(function(){
 
−
    $("div ul li.week2 p.informationcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn21").click(function(){
 
−
    $("div ul li.week2 p.engineeringcontent").hide("100");
 
−
    });
 
−
    $("#btn22").click(function(){
 
−
    $("div ul li.week2 p.engineeringcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn23").click(function(){
 
−
    $("div ul li.week2 b").hide("100");
 
−
$("div ul li.week2 p.generalcontent").hide("100");
 
−
$("div ul li.week2 p.marketingcontent").hide("100");
 
−
$("div ul li.week2 p.biologycontent").hide("100");
 
−
$("div ul li.week2 p.informationcontent").hide("100");
 
−
$("div ul li.week2 p.engineeringcontent").hide("100");
 
−
    });
 
−
    $("#btn24").click(function(){
 
−
    $("div ul li.week2 b").fadeIn("100");
 
−
    });
 
 
///////////////////////////////////////////////////////////////////////
 
///////////////////////////////////////////////////////////////////////
−
$("#btn25").click(function(){
 
−
    $("div ul li.week3 p.generalcontent").hide("100");
 
−
    });
 
−
    $("#btn26").click(function(){
 
−
    $("div ul li.week3 p.generalcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn27").click(function(){
 
−
    $("div ul li.week3 p.marketingcontent").hide("100");
 
−
    });
 
−
    $("#btn28").click(function(){
 
−
    $("div ul li.week3 p.marketingcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn29").click(function(){
 
−
    $("div ul li.week3 p.biologycontent").hide("100");
 
−
    });
 
−
    $("#btn30").click(function(){
 
−
    $("div ul li.week3 p.biologycontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn31").click(function(){
 
−
    $("div ul li.week3 p.informationcontent").hide("100");
 
−
    });
 
−
    $("#btn32").click(function(){
 
−
    $("div ul li.week3 p.informationcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn33").click(function(){
 
−
    $("div ul li.week3 p.engineeringcontent").hide("100");
 
−
    });
 
−
    $("#btn34").click(function(){
 
−
    $("div ul li.week3 p.engineeringcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn35").click(function(){
 
−
    $("div ul li.week3 b").hide("100");
 
−
$("div ul li.week3 p.generalcontent").hide("100");
 
−
$("div ul li.week3 p.marketingcontent").hide("100");
 
−
$("div ul li.week3 p.biologycontent").hide("100");
 
−
$("div ul li.week3 p.informationcontent").hide("100");
 
−
$("div ul li.week3 p.engineeringcontent").hide("100");
 
−
    });
 
−
    $("#btn36").click(function(){
 
−
    $("div ul li.week3 b").fadeIn("100");
 
−
    });
 
−
///////////////////////////////////////////////////////////////////////
 
−
$("#btn37").click(function(){
 
−
    $("div ul li.week4 p.generalcontent").hide("100");
 
−
    });
 
−
    $("#btn38").click(function(){
 
−
    $("div ul li.week4 p.generalcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn39").click(function(){
 
−
    $("div ul li.week4 p.marketingcontent").hide("100");
 
−
    });
 
−
    $("#btn40").click(function(){
 
−
    $("div ul li.week4 p.marketingcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn41").click(function(){
 
−
    $("div ul li.week4 p.biologycontent").hide("100");
 
−
    });
 
−
    $("#btn42").click(function(){
 
−
    $("div ul li.week4 p.biologycontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn43").click(function(){
 
−
    $("div ul li.week4 p.informationcontent").hide("100");
 
−
    });
 
−
    $("#btn44").click(function(){
 
−
    $("div ul li.week4 p.informationcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn45").click(function(){
 
−
    $("div ul li.week4 p.engineeringcontent").hide("100");
 
−
    });
 
−
    $("#btn46").click(function(){
 
−
    $("div ul li.week4 p.engineeringcontent").fadeIn("100");
 
−
    });
 
−
 
−
$("#btn47").click(function(){
 
−
    $("div ul li.week4 b").hide("100");
 
−
    });
 
−
    $("#btn48").click(function(){
 
−
    $("div ul li.week4 b").fadeIn("100");
 
−
    });
 
 
});
 
});
 
</script>
 
</script>
−
<!-- notebook end -->
+
<!-- javascript code end -->
  
 
<!-- footer start -->
 
<!-- footer start -->
−
<footer align="right">   
+
<footer align="center">   
 
<ul>
 
<ul>
−
<li><a href="http://www.cgu.edu.tw"><img src="https://static.igem.org/mediawiki/2017/1/13/Cgucopyright0915.png" width="40%"></a></li>
+
<li><a href="http://www.cgu.edu.tw"><img src="https://static.igem.org/mediawiki/2017/d/d6/Cguwikifooter.png" width="100%"></a></li>
 
</ul>     
 
</ul>     
 
</footer>
 
</footer>

Latest revision as of 03:16, 16 December 2017

iGem CGU_Taiwan 2017 - Notebook

NOTEBOOK | LAB NOTE

BIO-DEVELOPMENT

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

MODELING

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

ENGINEERING

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.