Difference between revisions of "Team:Hong Kong HKU/Parts"

(Prototype team page)
 
Line 1: Line 1:
−
{{Hong_Kong_HKU}}
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
−
<html>
+
  <head>
 +
 
 +
  </head>
 +
 
 +
  <style type="text/css"> 
 +
 
 +
   
 +
  #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
  
−
<h2> Part Documentation</h2>
+
  .firstHeading {
 +
    width: 975px;
 +
    margin: 0px auto;
 +
    padding-top: 100px;
 +
    margin-bottom: 20px;
 +
    font-family: Georgia, Times, "Times New Roman", serif;
 +
  }
  
−
<p>Each team will make new parts during iGEM and will submit them to the Registry of Standard Biological Parts. The iGEM software provides an easy way to present the parts your team has created. The <code>&lt;groupparts&gt;</code> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.</p>
+
  h1
−
<p>Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.</p>
+
  {
 +
    font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
                font-weight: 400;
 +
                letter-spacing: 1px;
 +
  }
  
 +
        h2
 +
        {
 +
          color: #515151;
 +
                font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
          font-size: 20px;
 +
          font-style: normal;
 +
          font-variant: normal;
 +
          font-weight: 700;
 +
          line-height: 30px;
 +
                text-align: left;
 +
                margin-bottom:10px;
 +
                margin-top: 40px;
 +
        }
  
−
<div class="highlightBox">
+
        h3
−
<h4>Note</h4>
+
        {
−
<p>Note that parts must be documented on the <a href="http://parts.igem.org/Main_Page"> Registry</a>. This page serves to <i>showcase</i> the parts you have made. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.</p>
+
          color: #1ce3b6;
−
</div>
+
          font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
          font-size: 170%;
 +
          font-style: normal;
 +
          font-variant: normal;
 +
          font-weight: 400;
 +
          line-height: 100px;
 +
                letter-spacing: 1px;
 +
          text-align: center;
 +
        }
  
 +
        h4
 +
        {
 +
          color: #515151;
 +
                font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
          font-size: 100%;
 +
          font-style: normal;
 +
          font-variant: normal;
 +
          font-weight: 600;
 +
          line-height: 20px;
 +
                letter-spacing: 1px;
 +
                margin:20px;
 +
        }
  
 +
        h5
 +
        {
 +
          color: #1ce3b6;
 +
          font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
          font-size: 130%;
 +
          font-style: normal;
 +
          font-variant: normal;
 +
          font-weight: 500;
 +
          line-height: 45px;
 +
          text-align: left;
 +
                letter-spacing: 1px;
 +
        }
  
−
<h4>Adding parts to the registry</h4>
+
  p  
−
<p>You can add parts to the Registry at our <a href="http://parts.igem.org/Add_a_Part_to_the_Registry">Add a Part to the Registry</a> link.</p>
+
        {
−
<p>We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Remember, you don't need to send us the DNA sample before you create an entry for a part on the Registry. (However, you <b>do</b> need to send us the DNA sample before the Jamboree. If you don't send us a DNA sample of a part, that part will not be eligible for awards and medal criteria.)</p>
+
          color: #000000;
 +
                font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
          font-size: 12px;
 +
          font-style: normal;
 +
          font-variant: normal;
 +
          font-weight: 400;
 +
          line-height: 30px;
 +
                text-align: left;
 +
                margin:20px;
 +
                text-indent: 20px;
 +
                text-align: justify;
 +
                text-justify:inter-ideograph
 +
                word-spacing: 2px;
 +
                letter-spacing: 1px;
 +
        }
  
 +
        h6
 +
        {
 +
          color: #000000;
 +
                font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
          font-size: 9px;
 +
          font-style: normal;
 +
          font-variant: normal;
 +
          font-weight: 400;
 +
          line-height: 20px;
 +
                text-align: left;
 +
                margin:10px;
 +
        }
  
−
<h4>What information do I need to start putting my parts on the Registry?</h4>
+
  #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
−
<p>The information needed to initially create a part on the Registry is:</p>
+
    background-color: #383838;
−
<ul>
+
    border: 0 none;
−
<li>Part Name</li>
+
    height: 14px;
−
<li>Part type</li>
+
    z-index: 100;
−
<li>Creator</li>
+
    top: 0;
−
<li>Sequence</li>
+
    position: fixed;
−
<li>Short Description (60 characters on what the DNA does)</li>
+
    width: 975px;
−
<li>Long Description (Longer description of what the DNA does)</li>
+
    left: 50%;
−
<li>Design considerations</li>
+
    margin-left: -487px;
−
</ul>
+
  }
  
−
<p>
+
  #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
−
We encourage you to put up <em>much more</em> information as you gather it over the summer. If you have images, plots, characterization data and other information, please also put it up on the part page. </p>
+
    background-color: #383838;
 +
    height: 14px;
 +
    display: block;
 +
    z-index: 10;
 +
    position: fixed;
 +
    width: 100%;
 +
    top: 0;
 +
  }
  
 +
/*Change the styling of tables */
 +
              #contentcontainer table {
 +
            border: none;
 +
            border-collapse: collapse;
 +
            width: 90%
 +
            margin: auto;
 +
            align: center;
 +
            text-align: center;
  
 +
            font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
  
 +
          }
  
 +
    /*Change the styling of table cells*/
 +
          #contentcontainer  td {
 +
            padding: 10px;
 +
            border: none;
 +
            border-collapse: collapse;
 +
            vertical-align: text-top;
 +
          }
  
 +
    /*Change the styling of table headers */
 +
          #contentcontainer th {
 +
            background-color: #e3f5fb;
 +
            padding: 0px;
 +
            border: none;
 +
            border-collapse: collapse;
 +
            vertical-align: text-top;
 +
            color: #225983;
 +
          }
  
−
<h4>Inspiration</h4>
+
  #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
−
<p>We have a created  a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
+
    color: #727272;
 +
    text-decoration: none;
 +
    background-color: transparent;
 +
  }
  
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
  body {
−
<ul>
+
    background-color: #fff;
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
  }
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
+
−
</ul>
+
  
 +
  #globalWrapper, #content { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: transparent;
 +
    margin: 0px;
 +
    padding: 0px;
 +
  }
  
 +
  html, body, .wrapper { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: transparent; 
 +
  }
  
−
<h4>Part Table </h4>
+
  #contentcontainer { /*-- creates container for all content on page --*/
−
</html>
+
    font-family: Arial, Helvetica, sans-serif;
−
<groupparts>iGEM015 Example</groupparts>
+
    font-weight: normal;
−
<html>
+
    font-size: 14px;
 +
    color: #414141;
 +
    width: 60%;
 +
    margin-left: 20%;
 +
    margin-right: 20%;
 +
    background-color: transparent;
 +
    margin-top: 0px;
 +
  }
  
 +
  table#t01  {
 +
 
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
  margin: auto;
 +
            align: center;
 +
            font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
}
  
 +
table#t01 td {
 +
            padding: 10px;
 +
            border: 1px solid #565656;
 +
            border-collapse: collapse;
 +
            vertical-align: text-top;
 +
          }
  
−
</div>
+
table#t01  th {
 +
            background-color: #e3f5fb;
 +
            padding: 10px;
 +
            border: 1px solid #565656;
 +
            border-collapse: collapse;
 +
            vertical-align: text-top;
 +
          }
 +
 
 +
 
 +
   
 +
  #main_menu
 +
        {
 +
    width: 100%;
 +
    height: 60px;
 +
    background-color: rgba(255,255,255,0.5);
 +
    text-align: center;
 +
    word-spacing: 35px;
 +
    z-index:100;
 +
    position:fixed;
 +
margin-top: -2px;
 +
  }
 +
 
 +
  #main_menu nav
 +
  {
 +
    margin-top: 20px;
 +
  }
 +
 
 +
  #main_menu ul
 +
  {
 +
    padding:0px;
 +
                list-style: none;
 +
  }
 +
 
 +
  #main_menu li ul
 +
  {
 +
    display:none;
 +
    height:auto;
 +
    padding-top: 65px;
 +
    padding-right:10px;
 +
                padding-bottom:10px;
 +
                padding-left:10px;
 +
    border:0px;
 +
    position:fixed;
 +
    width:auto;
 +
    z-index:100;
 +
    text-align: left;
 +
    margin-top: -41px;
 +
                list-style: none;
 +
                background-color: rgba(255,255,255,0.5);
 +
  }
 +
 
 +
  #main_menu li ul a
 +
  {
 +
    font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
    color: #303e67;
 +
    font-size: 120%;
 +
    border: 0px;
 +
    font-weight:500;
 +
    margin-top: 10px;
 +
    text-decoration:none;
 +
                list-style: none;
 +
                word-spacing: 2px;
 +
                letter-spacing: 2px;
 +
                line-height: 15px;
 +
  }
 +
 
 +
  #main_menu li ul a:hover
 +
  {
 +
    color: #3e87b4;
 +
                list-style: none;
 +
  }
 +
 
 +
  #main_menu li:hover ul{
 +
    display:block;
 +
list-style: none;
 +
  }
 +
   
 +
  #main_menu a
 +
  {
 +
    color: #303e67;
 +
    font-size: 140%;
 +
                letter-spacing: 3px;
 +
    border: 0px;
 +
    text-align: center;
 +
    font-weight:500;
 +
    font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 +
    font-weight: 500;
 +
 
 +
  }
 +
 
 +
  #main_menu a:hover
 +
  {
 +
    color: #3e87b4;
 +
    text-decoration:none;
 +
  }
 +
 
 +
    #line
 +
  {
 +
    display:inline;
 +
    margin-top: 5px;
 +
  }
 +
 
 +
  #main_img
 +
  {
 +
    width: 100%;
 +
    text-align:center;
 +
    margin-top: -21px;
 +
  }
 +
 
 +
    #circuit_img
 +
  {
 +
    width: 1200px;
 +
    position: center;
 +
            margin-left:125px;
 +
        height: 300px;
 +
  }
 +
 
 +
  #gel_img {width:350px; height:100px; margin: auto;}
 +
 
 +
  #gel2_img {width:150px; height:100px; margin: auto;}
 +
 
 +
  .title
 +
  {
 +
    color: #1ce3b6; <!--字的顏色-->
 +
    text-align: center; <!--置中-->
 +
    font-size: 500%; <!--字體大小-->
 +
    font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;  <!--字體字型-->
 +
    font-weight: 200; <!--字體粗細，400為正常大小，700為bold-->
 +
  }
 +
 
 +
  .description
 +
  {
 +
    text-indent: 30px;
 +
    text-align: left;
 +
  }
 +
 
 +
  </style>
 +
 
 +
 
 +
  <header id = "main_menu">
 +
    <nav>
 +
      <ul>
 +
        <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU">HOME</a></li>
 +
        <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team">TEAM</a></li>
 +
        <li id="line"><a href = "#">PROJECT</a>
 +
          <ul style="margin-left: 18%;">
 +
            <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Description">Description</a></li>
 +
            <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Experiments">Experiments</a></li>
 +
            <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Results">Results</a></li>
 +
            <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Design">Design</a></li>
 +
          </ul>
 +
        </li>
 +
        <li id="line"><a href = "#">PARTS</a>
 +
          <ul style="margin-left:26.6%;">
 +
            <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts">Team Parts</a></li>
 +
            <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Basic_Part">Basic Parts</a></li>
 +
            <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Composite_Part">Composite <br> Parts</a></li>
 +
          </ul>
 +
        </li>
 +
        <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Modeling">MODELING</a></li>
 +
                                <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Notebook">NOTEBOOK</a></li>
 +
        <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Attributions">ATTRIBUTIONS</a></li>
 +
        <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Practices">HUMANPRACTICES</a></li>
 +
        <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Safety">SAFETY</a></li>
 +
      </ul>
 +
    </nav>
 +
  </header>
 +
 
 +
  <!--<script>
 +
                $('a.menu').click(function(){
 +
    $('a.menu').removeClass("active");
 +
    $(this).addClass("active");
 +
});
 +
        </script>-->
 +
 
 +
 
 +
  <body class="mediawiki  ltr ns-0 ns-subject page-Team_Hong_Kong_HKU">
 +
    <div id="globalWrapper">
 +
      <div id="content">
 +
       
 +
          <!-- start content -->
 +
            <style>
 +
              #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
             
 +
            </style>
 +
 
 +
            <!--  here ends the section that changes the default wiki template to a white full width background -->
 +
 
 +
 
 +
            <!-- beginning of your page -->
 +
 
 +
            <!-- First block of content -->
 +
            <table  id="firstblock" width="100%"  cellspacing="0" height="500px">
 +
              <tr>
 +
                <td width="975px" align="center">
 +
 
 +
                  <!-- 主頁的圖片,上傳後把網址放在src""內-->
 +
                  <img id = "main_img" src = "https://static.igem.org/mediawiki/2015/e/ec/Team_parts_banner_hku.jpeg" />
 +
 
 +
                </td>
 +
              </tr>
 +
            </table>
 +
            <!-- end of first block -->
 +
                                                <div id="contentcontainer">
 +
            <!--  Block of content 1 -->
 +
 
 +
 
 +
                        <!-- Content goes here -->
 +
<table width="100%"  cellspacing="0" height="50px" border = "0"> </table>
 +
                       
 +
                        <h3>TEAM PARTS</h3>
 +
 
 +
<a href="https://2015.igem.org/Team:Hong_Kong_HKU/Composite_Part"><h2>Composite parts</h2></a>
 +
 
 +
 
 +
 
 +
<table id="t01" style="width:100%">
 +
  <tr>
 +
    <th>Parts</th>
 +
    <th>Type</th>
 +
    <th>Description</th>
 +
    <th>Subpart</th>
 +
    <th>Designer</th>
 +
  </tr>
 +
  <tr>
 +
    <td><a href="http://parts.igem.org/Part:BBa_K1774000">BBa_K1774000</a></td>
 +
    <td>Project</td>
 +
    <td>Cas9 killswitch regulated by arabinose and tryptophane</td>
 +
    <td><img id="gel_img" src = "https://static.igem.org/mediawiki/2015/2/28/Part1_hku.png"/></td>
 +
    <td>iGEM15_Hong_ Kong_HKU</td>
 +
  </tr>
 +
    <tr>
 +
    <td><a href="http://parts.igem.org/Part:BBa_K1774003">BBa_K1774003</a></td>
 +
    <td>Inverter</td>
 +
    <td>trpR-pTrp inverter (RBS-trpR-TT-pTrp)</td>
 +
    <td><img id="gel_img" src = "https://static.igem.org/mediawiki/2015/c/c8/Part2_hku.png"/></td>
 +
    <td>iGEM15_Hong_ Kong_HKU</td>
 +
  </tr>
 +
 
 +
</table>
 +
 
 +
 
 +
<a href="https://2015.igem.org/Team:Hong_Kong_HKU/Basic_Part"><h2>Basic parts</h2></a>
 +
<table id="t01" style="width:100%">
 +
  <tr>
 +
    <th>Parts</th>
 +
    <th>Type</th>
 +
    <th>Description</th>
 +
    <th>Subpart</th>
 +
    <th>Designer</th>
 +
  </tr>
 +
  <tr>
 +
    <td><a href="http://parts.igem.org/Part:BBa_K1774001">BBa_K1774001</a></td>
 +
    <td>Coding</td>
 +
    <td>Cas9 originated from S. pyogenes SF 370 with codon optimized for expression in E. coli</td>
 +
    <td><img id="gel2_img" src = "https://static.igem.org/mediawiki/2015/a/a7/Part3_hku.png"/></td>
 +
    <td>iGEM15_Hong_ Kong_HKU</td>
 +
  </tr>
 +
    <tr>
 +
    <td><a href="http://parts.igem.org/Part:BBa_K1774002">BBa_K1774002</a></td>
 +
    <td>RNA</td>
 +
    <td>gRNA targeting E. coli BL21 (BE3) DNA polymerase III alpha subunit</td>
 +
    <td><img id="gel2_img" src = "https://static.igem.org/mediawiki/2015/e/e3/Part4_hku.png"/></td>
 +
    <td>iGEM15_Hong_ Kong_HKU</td>
 +
  </tr>
 +
 
 +
</table>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<table width="100%"  cellspacing="0" height="200px" border = "0"> </table>
 +
           
 +
 
 +
 
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </body>
 
</html>
 
</html>

Revision as of 02:31, 19 September 2015

TEAM PARTS

Composite parts
Parts Type Description Subpart Designer
BBa_K1774000 Project Cas9 killswitch regulated by arabinose and tryptophane iGEM15_Hong_ Kong_HKU
BBa_K1774003 Inverter trpR-pTrp inverter (RBS-trpR-TT-pTrp) iGEM15_Hong_ Kong_HKU

Basic parts
Parts Type Description Subpart Designer
BBa_K1774001 Coding Cas9 originated from S. pyogenes SF 370 with codon optimized for expression in E. coli iGEM15_Hong_ Kong_HKU
BBa_K1774002 RNA gRNA targeting E. coli BL21 (BE3) DNA polymerase III alpha subunit iGEM15_Hong_ Kong_HKU