Difference between revisions of "Team:NCTU Formosa/Basic Part"

 
(25 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
   <meta charset="UTF-8">
 
   <meta charset="UTF-8">
 
   <title>Basic Parts</title>
 
   <title>Basic Parts</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
 
 
   <script src="jQueryAssets/jquery-1.11.1.min.js"></script>
 
   <script src="jQueryAssets/jquery-1.11.1.min.js"></script>
 
   <script src="jQueryAssets/jquery.ui-1.10.4.dialog.min.js"></script>
 
   <script src="jQueryAssets/jquery.ui-1.10.4.dialog.min.js"></script>
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
 +
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
  <script>
 +
    $(document).ready(function(){
 +
    $(".part_button").click(function(){
 +
    $(".basic_parts").slideToggle();
 +
      });
 +
    });
 +
  </script>
  
 
   <style>
 
   <style>
Line 23: Line 32:
 
       width: 100%;
 
       width: 100%;
 
       font-family: Levenim MT;
 
       font-family: Levenim MT;
      background: #f0feff;
 
 
     }
 
     }
  
Line 29: Line 37:
 
       width: 100%;
 
       width: 100%;
 
       overflow: hidden;
 
       overflow: hidden;
 +
      background-color: white;
 +
      padding-bottom: 150px;
 
     }
 
     }
  
Line 44: Line 54:
  
 
     .text{
 
     .text{
       font-size: 4vmin;
+
       font-size: 3vmin;
       width: 75%;
+
       width: 70%;
 
       position: relative;
 
       position: relative;
       margin-left: 12.5%;
+
       margin-left: 15%;
      margin-right: 12.5%;
+
 
       margin-top: 40px;
 
       margin-top: 40px;
 
       margin-bottom: 40px;
 
       margin-bottom: 40px;
Line 59: Line 68:
  
 
     .title_1 {
 
     .title_1 {
       font-size: 6vmin;
+
       font-size: 7vmin;
 
       margin: 50px;
 
       margin: 50px;
       margin-left: 15%;
+
       margin-top: 70px;
 +
      text-align: center;
 
     }
 
     }
  
Line 76: Line 86:
 
       transition-duration: 0.4s;
 
       transition-duration: 0.4s;
 
       position: relative;
 
       position: relative;
       left: 20%;
+
       left: 12.5%;
 
       margin: 30px;
 
       margin: 30px;
 
     }
 
     }
Line 88: Line 98:
 
       margin: 50px;
 
       margin: 50px;
 
       margin-left: 40%;
 
       margin-left: 40%;
 +
      margin-bottom: 70px;
 +
    }
 +
 +
    .dec_1 {
 +
      width: 50%;
 +
      margin-left: 25%;
 +
      margin-top: 70px;
 +
    }
 +
 +
    .dec_2 {
 +
      width: 50%;
 +
      margin-left: 25%;
 +
      margin-bottom: 150px;
 +
    }
 +
 +
 +
    .part_button {
 +
      width: 5%;
 +
      margin-left: 47.5%;
 +
      margin-bottom: 15px;
 +
      cursor: pointer;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .part_button:hover {
 +
      transform: scale(1.2);
 +
    }
 +
 +
    .part_button:active {
 +
      transform: scale(0.8);
 +
    }
 +
 +
    .composite {
 +
      width: 20%;
 +
      margin-left: 40%;
 +
      transition-duration: 0.4s;
 +
    }
 +
 +
    .composite:hover{
 +
      transform: scale(1.2);
 
     }
 
     }
  
Line 128: Line 178:
 
   <div class="wrapper">
 
   <div class="wrapper">
 
     <div class="banner">
 
     <div class="banner">
       <img class="cover" src="https://static.igem.org/mediawiki/2018/e/ed/T--NCTU_Formosa--Parts.png">
+
       <img class="cover" src="https://static.igem.org/mediawiki/2018/6/63/T--NCTU_Formosa--Parts2.0.png">
 
     </div>
 
     </div>
 
     <div class="sec1">
 
     <div class="sec1">
 
       <img src="https://static.igem.org/mediawiki/2018/a/a5/T--NCTU_Formosa--Basic_parts.png" class="basic_title">
 
       <img src="https://static.igem.org/mediawiki/2018/a/a5/T--NCTU_Formosa--Basic_parts.png" class="basic_title">
      <div class="title_1"><p>Overview</p></div>
 
 
       <div class="text">
 
       <div class="text">
 
         <p>
 
         <p>
 
+
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This year we decided to design six basic parts. These parts contain the single sequence of each antimicrobial peptide. They all show the inhibition function against <i>Bacillus subtilis</i>, which is one of the example of our system. We listed all the basic parts we constructed below.
 
         </p>
 
         </p>
 
       </div>
 
       </div>
      <div class="title_1"><p>Bacteriocin</p></div>
 
      <div class="text">
 
        <p>
 
  
         </p>
+
 
 +
<!--------------------------------------------------------------------->
 +
      <div class="basic_parts">
 +
         <div class="title_1"><p>Bacteriocins</p></div>
 +
        <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599001" class="name" target="_blank" style="text-decoration: none;"><p>Bovicin HJ50(BBa_K2599001)</p></a>
 +
        <img src="https://static.igem.org/mediawiki/2018/f/f2/T--NCTU_Formosa--Bov.png" class="bac">
 +
        <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599003" class="name" target="_blank" style="text-decoration: none;"><p>Enterocin B(BBa_K2599003)</p></a>
 +
        <img src="https://static.igem.org/mediawiki/2018/4/4a/T--NCTU_Formosa--Ent_B.png" class="bac">
 +
        <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599004" class="name" target="_blank" style="text-decoration: none;"><p>Enterocin 96(BBa_K2599004)</p></a>
 +
        <img src="https://static.igem.org/mediawiki/2018/3/35/T--NCTU_Formosa--Ent_96.png" class="bac">
 +
        <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599005" class="name" target="_blank" style="text-decoration: none;"><p>Lacticin Z(BBa_K2599005)</p></a>
 +
        <img src="https://static.igem.org/mediawiki/2018/d/de/T--NCTU_Formosa--Lac.png" class="bac">
 +
        <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599006" class="name" target="_blank" style="text-decoration: none;"><p>Leucocyclicin Q(BBa_K2599006)</p></a>
 +
        <img src="https://static.igem.org/mediawiki/2018/d/d5/T--NCTU_Formosa--Leu.png" class="bac">
 +
        <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599007" class="name" target="_blank" style="text-decoration: none;"><p>Durancin TW-49M(BBa_K2599007)</p></a>
 +
        <img src="https://static.igem.org/mediawiki/2018/a/a3/T--NCTU_Formosa--Dur.png" class="bac" style="margin-bottom: 50px;" >
 
       </div>
 
       </div>
<!--------------------------------------------------------------------->
+
       <div class="text"><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;To check out our composite parts containing genes of bacteriocins, curcumin biosensor, and improvements, please click the button below to learn more! </p></div>
 
+
       <a href="https://2018.igem.org/Team:NCTU_Formosa/Composite_Part"><img src="https://static.igem.org/mediawiki/2018/f/f8/T--NCTU_Formosa--Composite_parts.png" class="composite"></a>
       <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599000" class="name" target="_blank"><p>Subtilosin(BBa_K2599000)</p></a>
+
      <img src="https://static.igem.org/mediawiki/2018/2/2c/T--NCTU_Formosa--Sub.png" class="bac">
+
      <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599001" class="name" target="_blank"><p>Bovicin HJ50(BBa_K2599001)</p></a>
+
      <img src="https://static.igem.org/mediawiki/2018/f/f2/T--NCTU_Formosa--Bov.png" class="bac">
+
       <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599002" class="name" target="_blank"><p>Enterocin A(BBa_K2599002)</p></a>
+
      <img src="https://static.igem.org/mediawiki/2018/e/e5/T--NCTU_Formosa--Ent_A.png" class="bac">
+
      <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599003" class="name" target="_blank"><p>Enterocin B(BBa_K2599003)</p></a>
+
      <img src="https://static.igem.org/mediawiki/2018/4/4a/T--NCTU_Formosa--Ent_B.png" class="bac">
+
      <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599004" class="name" target="_blank"><p>Enterocin 96(BBa_K2599004)</p></a>
+
      <img src="https://static.igem.org/mediawiki/2018/3/35/T--NCTU_Formosa--Ent_96.png" class="bac">
+
      <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599005" class="name" target="_blank"><p>Lacticin Z(BBa_K2599005)</p></a>
+
      <img src="https://static.igem.org/mediawiki/2018/d/de/T--NCTU_Formosa--Lac.png" class="bac">
+
      <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599006" class="name" target="_blank"><p>Leucocyclicin Q(BBa_K2599006)</p></a>
+
      <img src="https://static.igem.org/mediawiki/2018/d/d5/T--NCTU_Formosa--Leu.png" class="bac">
+
      <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2599007" class="name" target="_blank"><p>Durancin TW-49M(BBa_K2599007)</p></a>
+
      <img src="https://static.igem.org/mediawiki/2018/a/a3/T--NCTU_Formosa--Dur.png" class="bac">
+
 
+
  
 
     </div>
 
     </div>
Line 168: Line 212:
 
   </div>
 
   </div>
 
</body>
 
</body>
 +
 +
<script>
 +
  function mouseUp() {
 +
  document.getElementById("pb").style.transform = "rotate(180deg)";
 +
  document.getElementById("pb").style.transform = "rotate(-180deg)";
 +
}
 +
</script>
  
 
</html>
 
</html>
  
 
{{NCTU_Formosa/Footer}}
 
{{NCTU_Formosa/Footer}}
 +
{{NCTU_Formosa/Top_button}}

Latest revision as of 03:24, 18 October 2018

Navigation Bar Basic Parts

     This year we decided to design six basic parts. These parts contain the single sequence of each antimicrobial peptide. They all show the inhibition function against Bacillus subtilis, which is one of the example of our system. We listed all the basic parts we constructed below.

     To check out our composite parts containing genes of bacteriocins, curcumin biosensor, and improvements, please click the button below to learn more!

Template