Difference between revisions of "Team:NYMU-Taipei/Notebook-Lab Book"

 
(44 intermediate revisions by 4 users not shown)
Line 13: Line 13:
  
 
@media screen and (min-width: 300px) and (max-width: 1000px){
 
@media screen and (min-width: 300px) and (max-width: 1000px){
 +
.Labbook{display:none;}
 +
.Labbooksp{width:100%;}
 +
.fund{height:250px; width:100%; padding-top:50px;}
 +
.fund a{ box-shadow:0 0 5px #999; position:relative; margin:auto; bottom:0px; text-decoration:none; color:#FFF; display:block; border: solid 1px #69F; background-color:#6CF; border-radius:3px; width:100px; text-align:center;}
 +
.bfund a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;}
 +
 
}
 
}
  
Line 22: Line 28:
 
h1{font-family: 'Product Sans', Arial, sans-serif; color:#FFFFFF; font-size:72px; display:block;}
 
h1{font-family: 'Product Sans', Arial, sans-serif; color:#FFFFFF; font-size:72px; display:block;}
 
h2{font-family: 'Product Sans', Arial, sans-serif; color:#000000;}
 
h2{font-family: 'Product Sans', Arial, sans-serif; color:#000000;}
−
.wrap{ width:963px; margin:auto; background-color:#CCCCCC; margin-top:10px;}
+
.wrap{ width:1100px; margin:auto; background-color:#CCCCCC; margin-top:10px;}
 
.header{width:80%; text-align:center; background-color:#000000; margin:auto; margin-top:100px;}
 
.header{width:80%; text-align:center; background-color:#000000; margin:auto; margin-top:100px;}
 
.mask{ height:240px; overflow:hidden; border:solid 1px #999; margin:-1px 0 0 -1px; width:320px; float:left;}
 
.mask{ height:240px; overflow:hidden; border:solid 1px #999; margin:-1px 0 0 -1px; width:320px; float:left;}
Line 40: Line 46:
 
.box2 a{ box-shadow:0 0 5px #999; position:relative; margin:auto; bottom:0px; text-decoration:none; color:#FFF; display:block; border: solid 1px #69F; background-color:#6CF; border-radius:3px; width:100px; text-align:center;}
 
.box2 a{ box-shadow:0 0 5px #999; position:relative; margin:auto; bottom:0px; text-decoration:none; color:#FFF; display:block; border: solid 1px #69F; background-color:#6CF; border-radius:3px; width:100px; text-align:center;}
 
.box2 a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;}
 
.box2 a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;}
 +
.Labbook{width:100%;}
 +
.Labbooksp{display:none;}
  
 
}
 
}
Line 48: Line 56:
  
 
<body>
 
<body>
 +
 +
  <div class="prototypeprototypesp">
 +
        <div class="imageimage00">
 +
            <img src="https://static.igem.org/mediawiki/2016/4/41/T--NYMU-Taipei--%E5%88%86%E9%A0%81_notebook_%E6%89%8B%E6%A9%9F%E7%89%88_labnote.jpg" width="100%" height="100%" />
 +
        </div>
 +
    </div>
 +
 +
    <div class="prototypeprototype">
 +
        <div class="imageimage00">
 +
            <img src="https://static.igem.org/mediawiki/2016/1/17/%E5%88%86%E9%A0%81_labnote_%E5%8A%A0%E5%AD%97%E7%89%88_labnote.jpg" width="100%" height="100%" />
 +
        </div>
 +
    </div>
  
 
<div id="wrap">
 
<div id="wrap">
  
−
<div class="imageimage1">
+
<div class="Labbooksp">
−
<div class="wordword1">
+
  
−
<div class="satisfy">
+
<div class="fund">
−
<h1>Lab Book</h1></div>
+
<h4><i>Metarhizium anisopliae</i></h4>
−
<div class="satisfysp">
+
        <p>This page contains our experimental progress with <i>Metarhizium anisopliae</i>, which includes cultivation, transformation, and characterization essay.</p>
−
<h1>Lab Book</h1></div>
+
<a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-prototype_lab_book"><i>Metarhizium anisopliae</i></a>
−
<hr />
+
</div>
  
 +
<div class="fund">
 +
<h4><i>Bactrocera dorsalis</i></h4>
 +
        <p>This subpage contains the protocols for the cultivation of <i>Bactocera dorsalis</i> and hemolymph extraction of various insects</p>
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-fruit_flies_hemolymph"><i>Bactrocera dorsalis</i></a>
 
</div>
 
</div>
 +
 +
<div class="fund">
 +
<h4>Escherichia coli</h4>
 +
        <p>Here is our plasmid construction lab note. We classified our experiment records into six categories and listed our records in a day-by-day format to make it easier to understand.</p>
 +
<a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-Lab_note"><i>Escherichia coli</i></a>
 
</div>
 
</div>
  
−
<br /></div>
+
</div>
  
 +
<div class="Labbook">
 
<div class="wrap">
 
<div class="wrap">
 
   <div class="mask">
 
   <div class="mask">
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="images/a2.jpg" width="300" height="200" />
+
         <img src="https://static.igem.org/mediawiki/2016/2/2a/T--NYMU-Taipei--%E4%B8%BB%E9%A0%81-%E9%BB%91%E5%83%B5%E8%8F%8C.jpg" width="300" height="200" />
−
         <h1>Photoshop</h1>
+
         <h1><i>Metarhizium anisopliae</i></h1>
 
         </div>
 
         </div>
 
       <div class="box2">
 
       <div class="box2">
−
         <h1>Photoshop</h1>
+
         <h1><i>Metarhizium anisopliae</i></h1><br />
−
         <p>Photoshop 是影像設計界最重要的軟體，想學習職業級的影像處理技巧以及合成技巧嗎！您不能錯過本課程喔！全課程包含大量的修圖範例、去背、特效合成範例、商業設計範例</p>
+
         <p>This page contains our experimental progress with <i>Metarhizium anisopliae</i>, which includes cultivation, transformation, and characterization essay.</p><br /><br />
 
         <a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-prototype_lab_book">Click</a>
 
         <a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-prototype_lab_book">Click</a>
 
       </div>
 
       </div>
Line 82: Line 111:
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="images/a2.jpg" width="300" height="200" />
+
         <img src="https://static.igem.org/mediawiki/2016/3/34/T--NYMU-Taipei--%E4%B8%BB%E9%A0%81-prototype.jpg" width="300" height="200" />
−
         <h1>Photoshop</h1>
+
         <h1>Bactrocera dorsalis</h1>
 
         </div>
 
         </div>
 
       <div class="box2">
 
       <div class="box2">
−
         <h1>Photoshop</h1>
+
         <h1><i>Bactrocera dorsalis</i></h1><br />
−
         <p>Photoshop 是影像設計界最重要的軟體，想學習職業級的影像處理技巧以及合成技巧嗎！您不能錯過本課程喔！全課程包含大量的修圖範例、去背、特效合成範例、商業設計範例</p>
+
         <p>This subpage contains the protocols for the cultivation of <i>Bactocera dorsalis</i> and hemolymph extraction of various insects</p><br /><br />
−
         <a href="javascript:;">Click</a>
+
         <a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-fruit_flies_hemolymph">Click</a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 95: Line 124:
 
     <div class="boxWrap">
 
     <div class="boxWrap">
 
       <div class="box1">
 
       <div class="box1">
−
         <img src="images/a3.jpg" width="300" height="200" />
+
         <img src="https://static.igem.org/mediawiki/2016/7/7b/T--NYMU-Taipei--%E4%B8%BB%E9%A0%81_wetlab.jpg" width="300" height="200" />
−
         <h1>ActionScript 3.0</h1>
+
         <h1>Escherichia coli</h1>
 
         </div>
 
         </div>
 
       <div class="box2">
 
       <div class="box2">
−
         <h1>ActionScript 3.0</h1>
+
         <h1><i>Escherichia coli</i></h1><br />
−
         <p>本課程是 ActionScript 3.0 的入門課程，從最基本的指令語法講起，讓您一步一步打好 ActionScript 3.0 基礎，再討論「物件導向程式設計」的觀念，讓您學會 ActionScript 3.0 精髓</p>
+
         <p>Here is our plasmid construction lab note. We classified our experiment records into six categories and listed our records in a day-by-day format to make it easier to understand.</p><br /><br />
−
         <a href="javascript:;">Click</a>
+
         <a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-Lab_note">Click</a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
−
 
−
<div class="wrap">
 
−
  <div class="mask">
 
−
    <div class="boxWrap">
 
−
      <div class="box1">
 
−
        <img src="images/a1.jpg" width="300" height="200" />
 
−
        <h1>C120_minPgpdA_RFP_TtrpC</h1>
 
−
        </div>
 
−
      <div class="box2">
 
−
        <h1>C120_minPgpdA_RFP_TtrpC</h1>
 
−
        <p>本課程將從最基本的工具操作、平面設計、插畫設計、icon 設計、logo 設計、印刷排版...講起，課程內將有大量的範例讓您實際操作，因此沒有學過 illustrator 的也可以參加喔!</p>
 
−
        <a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-C120_minPgpdA_RFP_TtrpC">Click</a>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
  <div class="mask">
 
−
    <div class="boxWrap">
 
−
      <div class="box1">
 
−
        <img src="images/a3.jpg" width="300" height=200" />
 
−
        <h1>pBAR_PgpdA_EL222_TtrpC</h1>
 
−
        </div>
 
−
      <div class="box2">
 
−
        <h1>pBAR_PgpdA_EL222_TtrpC</h1>
 
−
        <p>本課程是 ActionScript 3.0 的入門課程，從最基本的指令語法講起，讓您一步一步打好 ActionScript 3.0 基礎，再討論「物件導向程式設計」的觀念，讓您學會 ActionScript 3.0 精髓</p>
 
−
        <a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-pBAR_PgpdA_EL222_TtrpC">Click</a>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
  <div class="mask">
 
−
    <div class="boxWrap">
 
−
      <div class="box1">
 
−
        <img src="images/a4.jpg" width="300" height="200" />
 
−
        <h1>pBAR_pMCL1_EL222_TtrpC</h1>
 
−
        </div>
 
−
      <div class="box2">
 
−
        <h1>pBAR_pMCL1_EL222_TtrpC</h1>
 
−
        <p>完全的入門攻略 一起加入熱血的 Android 行列，適合對像：對手機開發有高度狂熱者，至少寫過任一物件導向程式語言，對類別有一定基礎者，都是奶綠茶老師實際開發過的 APP</p>
 
−
        <a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-pBAR_pMCL1_EL222_TtrpC">Click</a>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
 
</div>
 
</div>
  
−
<div class="wrap">
 
−
  <div class="mask">
 
−
    <div class="boxWrap">
 
−
      <div class="box1">
 
−
        <img src="images/a1.jpg" width="300" height="200" />
 
−
        <h1>pBAR_pMCL1_KR_TtrpC</h1>
 
−
        </div>
 
−
      <div class="box2">
 
−
        <h1>pBAR_pMCL1_KR_TtrpC</h1>
 
−
        <p>本課程將從最基本的工具操作、平面設計、插畫設計、icon 設計、logo 設計、印刷排版...講起，課程內將有大量的範例讓您實際操作，因此沒有學過 illustrator 的也可以參加喔!</p>
 
−
        <a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-pBAR_pMCL1_KR_TtrpC">Click</a>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
  <div class="mask">
 
−
    <div class="boxWrap">
 
−
      <div class="box1">
 
−
        <img src="images/a3.jpg" width="300" height="200" />
 
−
        <h1>pBAR_pMCl1_RFP_TtrpC</h1>
 
−
        </div>
 
−
      <div class="box2">
 
−
        <h1>pBAR_pMCl1_RFP_TtrpC</h1>
 
−
        <p>本課程是 ActionScript 3.0 的入門課程，從最基本的指令語法講起，讓您一步一步打好 ActionScript 3.0 基礎，再討論「物件導向程式設計」的觀念，讓您學會 ActionScript 3.0 精髓</p>
 
−
        <a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-pBAR_pMCl1_RFP_TtrpC">Click</a>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
  <div class="mask">
 
−
    <div class="boxWrap">
 
−
      <div class="box1">
 
−
        <img src="images/a4.jpg" width="300" height="200" />
 
−
        <h1>pGFP_C120_RFP</h1>
 
−
        </div>
 
−
      <div class="box2">
 
−
        <h1>pGFP_C120_RFP</h1>
 
−
        <p>完全的入門攻略 一起加入熱血的 Android 行列，適合對像：對手機開發有高度狂熱者，至少寫過任一物件導向程式語言，對類別有一定基礎者，都是奶綠茶老師實際開發過的 APP</p>
 
−
        <a href="https://2016.igem.org/Team:NYMU-Taipei/Notebook-Lab_Book-pGFP_C120_RFP">Click</a>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
 
</div>
 
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 00:58, 20 October 2016

Metarhizium anisopliae

This page contains our experimental progress with Metarhizium anisopliae, which includes cultivation, transformation, and characterization essay.

Metarhizium anisopliae

Bactrocera dorsalis

This subpage contains the protocols for the cultivation of Bactocera dorsalis and hemolymph extraction of various insects

Bactrocera dorsalis

Escherichia coli

Here is our plasmid construction lab note. We classified our experiment records into six categories and listed our records in a day-by-day format to make it easier to understand.

Escherichia coli

Metarhizium anisopliae

Metarhizium anisopliae


This page contains our experimental progress with Metarhizium anisopliae, which includes cultivation, transformation, and characterization essay.



Click

Bactrocera dorsalis

Bactrocera dorsalis


This subpage contains the protocols for the cultivation of Bactocera dorsalis and hemolymph extraction of various insects



Click

Escherichia coli

Escherichia coli


Here is our plasmid construction lab note. We classified our experiment records into six categories and listed our records in a day-by-day format to make it easier to understand.



Click