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

(Prototype team page)
 
 
(39 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{CGU_Taiwan}}
+
{{CGU_Taiwan/clearwikiset}}
 +
{{CGU_Taiwan/cgustyle}}
 +
{{CGU_Taiwan/notebookstyle}}
 +
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="UTF-8">
 +
<title>iGem CGU_Taiwan 2017 - Notebook</title>
 +
<link href="cgustyle.css" rel="stylesheet" type="text/css" />
 +
<link href="notebookstyle.css" rel="stylesheet" type="text/css" />
 +
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
 +
</head>
  
 +
<body bgcolor="white">
  
−
<div class="column full_size">
+
<!-- nav start -->
 +
<div class="head"></div>
  
−
<h1>Notebook</h1>
+
<nav>
−
<p> Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.</p>
+
<ul>
 +
  <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 class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Description">PROJECT</a>
 +
      <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/Results">RESULTS</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/InterLab">INTERLAB</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>
 +
  </li>
 +
  |
 +
  <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">NOTEBOOK</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Notebook">LAB NOTE</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Protocols">PROTOCOLS</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Safety">SAFETY</a>
 +
      </div>
 +
  </li>
 +
  |
 +
  <li class="dropdown"><a href="https://2017.igem.org/Team:CGU_Taiwan/Team">TEAM</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Attributions">ATTRIBUTION</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Team">MEMBER</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Acknowledgement">ACKNOWLEDGEMENT</a>
 +
      <a href="https://2017.igem.org/Team:CGU_Taiwan/Collaborations">COLLABORATION</a>
 +
      </div>
 +
  </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 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>
 +
</nav>
  
−
</div>
+
<script type="text/javascript">
−
<div class="clear"></div>
+
$(window).scroll(function() {
  
 +
    //After scrolling 100px from the top...
 +
    if ( $(window).scrollTop() >= 75 ) {
 +
$('.head').css('transform-origin', 'right');
 +
        $('.head').css('transform', 'translateX(500px) rotate(20deg)');
 +
    //Otherwise remove inline styles and thereby revert to original stying
 +
    } else {
 +
        $('.head').css('transform', 'translateX(500px) ');
 +
    }
  
−
<div class="column half_size">
+
if ( $(window).scrollTop() >= 0 ) {
−
<h5>What should this page have?</h5>
+
        var d = "deg)";
 +
        var rot = "rotate(";
 +
        var rD = Math.floor(($(window).scrollTop())/200) * 90;
 +
        var rDC = rD.toString();
 +
        rot = rot.concat(rDC.concat(d));
 +
        $('.square').css('transform', rot);
 +
    } else {
 +
        $('.square').css('transform', 'none');
 +
    }
 +
 
 +
})
 +
;
 +
</script>
 +
<!-- nav end -->
 +
 
 +
<!--background animation start -->
 +
<div class="leftMenuBack"></div>
 +
<div class="leftMenu">
 
<ul>
 
<ul>
−
<li>Chronological notes of what your team is doing.</li>
+
<li class="left1"><a href="#biolist"></a></li>
−
<li> Brief descriptions of daily important events.</li>
+
<li class="left2"><a href="#modellist"></a></li>
−
<li>Pictures of your progress. </li>
+
<li class="left3"><a href="#engineeringlist"></a></li>
−
<li>Mention who participated in what task.</li>
+
<li class="left4"><a href="#marketinglist"></a></li>
 
</ul>
 
</ul>
 +
</div>
 +
<div class="square"></div>
 +
<!--background animation end -->
  
 +
<!-- notebook start -->
 +
<div class="notebook">
 +
<div class="notebooktitle"><h2>NOTEBOOK | LAB NOTE</h2></div>
 +
<!-- BIO-DEVELOPMENT內容開始 -->
 +
<div class="biolist"><h2>BIO-DEVELOPMENT</h2></div>
 +
<div class="biocontent">
 +
<div class="biobutton">
 +
<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="Yeast" type="button" style="width:140px;height:45px;font-size:13px;background-color:#205e87;color:white;border-radius:10px;vertical-align:middle;">Yeast</button>
 
</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內容結束 -->
  
−
<div class="column half_size">
+
<!-- MODELING內容開始 -->
−
<h5>Inspiration</h5>
+
<div class="modellist"><h2>MODELING</h2></div>
−
<p>You can see what others teams have done to organize their notes:</p>
+
<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內容結束 -->
  
−
<ul>  
+
<!-- Engineering內容開始 -->
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<div class="engineeringlist"><h2>ENGINEERING</h2></div>
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<div class="engineeringcontent">
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
<div class="engineeringpdf" style="border-width:7px;border-style:solid;border-radius:10px;border-color:#8acfd9;padding:5px;">
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
<object data="https://static.igem.org/mediawiki/2017/a/a0/Cguenineeringnotebook.pdf" type="application/pdf" width="100%" height="900px">  
−
</ul>
+
  <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>
 
</div>
 +
<!-- notebook end -->
 +
<!-- javascript code start -->
 +
<script type="text/javascript">
 +
var temp=0;
 +
$(document).ready(function(){
 +
$(".biopdf1").toggle("100");
 +
$(".biopdf2").toggle("100");
 +
///////////////////////////////bio click////////////////////////////////////////
 +
$("#ConstructionPlasmids").click(function(){
 +
if(temp==1)
 +
{
 +
$(".biopdf1").hide("100");
 +
temp = 0;
 +
}
 +
else
 +
{
 +
$(".biopdf1").fadeIn("100");
 +
temp = 1;
 +
}
 +
    });
 +
 +
$("#Yeast").click(function(){
 +
if(temp==1)
 +
{
 +
$(".biopdf2").hide("100");
 +
temp = 0;
 +
}
 +
else
 +
{
 +
$(".biopdf2").fadeIn("100");
 +
temp = 1;
 +
}
 +
    });
 +
 +
///////////////////////////////////////////////////////////////////////
 +
});
 +
</script>
 +
<!-- javascript code end -->
 +
 +
<!-- footer start -->
 +
<footer align="center"> 
 +
<ul>
 +
<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>   
 +
</footer>
 +
<!-- footer end -->
 +
</body>
 
</html>
 
</html>

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.