Difference between revisions of "Team:HUST-China/Parts"

(Prototype team page)
 
Line 1: Line 1:
−
{{HUST-China}}
+
<HTML>
−
<html>
+
<head lang="en">
 +
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 +
<meta charset="UTF-8">
 +
<meta name="viewport" content="width=device-width,initial-scale=1">
  
−
<h2> Part Documentation</h2>
+
<title>Team:HUST-China:Background</title>
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HUST-China/CSS?action=raw&ctype=text/css" />
  
−
<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>
+
<script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/jquery?action=raw&ctype=text/javascript"></script>
−
<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>
+
  
 +
<script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/JS?action=raw&ctype=text/javascript"></script>
  
−
<div class="highlightBox">
+
<style>
−
<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>
+
#footer-box,#sponsor-box,.shadow3,#content,table,#catlinks {
−
</div>
+
    background-color: transparent;
 +
}
 +
.mediawiki.ltr.ns-0.ns-subject.page-Team_HUST-China
 +
#globalWrapper #top-section #p-logo a img {
 +
    visibility:hidden;
 +
}
 +
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 +
#globalWrapper, #content,#bodyContent { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: transparent;
 +
    margin: 0px;
 +
    padding: 0px;
 +
  top: 0px;
 +
}
 +
#top_menu_under{height: 0px;}
  
 +
html, .wrapper { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: transparent; 
 +
top: 0px;
 +
}
 +
.viewport, .container {
 +
max-width: 1349px;
 +
          top: 0px;}
  
 +
.box{width: 400px;
 +
height: auto;
 +
padding-top:5px;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
margin-top: 30px;
 +
margin-bottom: 10px;
 +
border: 2px ridge grey;
 +
  padding-bottom: 10px;
 +
  background-color: #F0FFF0;
 +
  float: left;}
  
−
<h4>Adding parts to the registry</h4>
+
.picture{ width: 380px;
−
<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>
+
    height: 500px;
−
<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>
+
        border: 2px ridge grey;
 +
        margin-bottom:5px; }
  
 +
.pizhu{font-size: 14px;
 +
width: 380px;
 +
text-align: center;}
  
−
<h4>What information do I need to start putting my parts on the Registry?</h4>
+
#mid{width: 1349px;
−
<p>The information needed to initially create a part on the Registry is:</p>
+
margin: 0 auto;}
−
<ul>
+
−
<li>Part Name</li>
+
−
<li>Part type</li>
+
−
<li>Creator</li>
+
−
<li>Sequence</li>
+
−
<li>Short Description (60 characters on what the DNA does)</li>
+
−
<li>Long Description (Longer description of what the DNA does)</li>
+
−
<li>Design considerations</li>
+
−
</ul>
+
  
−
<p>
 
−
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>
 
  
  
 +
      body{ background-color: white;
 +
position: absolute;
 +
margin: 0;
 +
    font-family:Arial,Verdana,Sans-serif;
 +
color: black;
 +
z-index: 0}
  
 +
.header{position: fixed;
 +
    width: 1348px;
 +
                            text-align:center;
 +
  height:200px;
 +
  margin-top: 0px;
 +
  padding-top: 5px;
 +
  background-image: url(https://static.igem.org/mediawiki/2015/d/d7/HUST_daohang.png);
 +
  background-size:100% 100%;
 +
    filter:alpha(opacity:30);opacity:0.95;  -moz-opacity:0.4; -khtml-opacity: 0.4;
 +
  z-index:1;}
  
 +
.first-menu{float: left;
 +
margin-left: 1%;
 +
font-size:19px;
 +
    max-width: 22%;
 +
                padding:5px;}
  
 +
.other-menu{float: left;
 +
margin-left:1.2%;
 +
font-size:19px;
 +
    max-width: 22%;
 +
                    padding:5px;}
  
−
<h4>Inspiration</h4>
+
.navbar .nav > li .dropdown-menu {margin:0;}
−
<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>
+
.navbar .nav > li:hover .dropdown-menu {display: block;}
  
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
a:link,a:visited {
−
<ul>
+
color:#002855;
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
text-decoration:none;
−
<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>
+
a:hover,a:active {
−
</ul>
+
color:#007fff;
 +
text-decoration:underline;
 +
}
  
 +
ul.ul{list-style-type:none;
 +
list-style-image: none;
 +
margin-bottom: 0px;
 +
padding-left: 0px;}
 +
li.li{margin-top: 0px;
 +
list-style-image: none;}
  
 +
#maodian ul{list-style-type:none;
 +
margin-bottom: 0px;
 +
padding-left: 0px;
 +
                                margin-left:0px;}
  
−
<h4>Part Table </h4>
+
−
</html>
+
#pic{  background-image: url(https://static.igem.org/mediawiki/2015/f/fd/HUST_project.jpg);
−
<groupparts>iGEM015 Example</groupparts>
+
                width:1349px;
−
<html>
+
                height:650px;
 +
              float: left;
 +
              z-index: 0;
 +
          background-size: 100%,100%;
 +
          margin-top: 0px;}
 +
 
 +
.title{width: 900px; 
 +
                height:300px;
 +
              margin-left: 18%;
 +
                margin-top:80px;}
 +
    .pic_a img{width: 135px;
 +
    height: 120px;
 +
    }
 +
    .pic_a{float: left;
 +
            margin-top:35px;
 +
            width: 1349px;
 +
            text-align:center;
 +
              }
  
 +
#maodian{float: left;
 +
                    top: 50px;
 +
  position: fixed;
 +
  margin-top: 70px;  
 +
  z-index: -1;
 +
margin-left: 0px; }
 +
#maodian img{ padding-left: 2% ;
 +
width:150px;
 +
height: auto;
 +
}
 +
.btn
 +
{ background-color:#5d96a3;
 +
margin-left: 0px;
 +
width: 200px;
 +
font-size: 16px;
 +
padding-left: 1px;
 +
    }
  
 +
.btn:hover,.btn:active {
 +
color:white;
 +
background-color:#004c6f;}
  
−
</div>
+
   
−
</html>
+
    .description {margin-left: 20%;
 +
              margin-right: 20%;
 +
              margin-top: 50px;
 +
              text-align: left;
 +
              float: left;
 +
              font-size:16px;}
 +
    .description p{font-size: 16px;
 +
                        width:809px;}
 +
     
 +
    .dongxi{height:50px;}  
 +
 +
      .scroll{
 +
width:100px;
 +
height:120px;
 +
background-image: url(https://static.igem.org/mediawiki/2015/8/87/Top.png);
 +
background-size: 100% 100%;
 +
position:fixed;
 +
right:10px;
 +
bottom:20px;
 +
cursor:pointer;
 +
opacity:0.6;
 +
}
 +
 +
 
 +
</style>
 +
<!--点击TOP回滚到顶部js如下：-->
 +
<script type="text/javascript">
 +
$(function(){
 +
showScroll();
 +
function showScroll(){
 +
$(window).scroll( function() {
 +
var scrollValue=$(window).scrollTop();
 +
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
 +
} );
 +
$('#scroll').click(function(){
 +
$("html,body").animate({scrollTop:0},500);
 +
});
 +
}
 +
})
 +
</script>
 +
<script type="text/javascript">
 +
$(function(){
 +
showdes();
 +
function showdes(){
 +
$('#to_des').click(function(){
 +
$("html,body").animate({scrollTop:700},800);
 +
});
 +
}
 +
})
 +
</script>
 +
</head>
 +
 
 +
<body >
 +
<div id="mid">
 +
<!--上栏-->
 +
<div class="container header" style="top:0px">
 +
 +
<!--悬浮菜单-->
 +
<!--悬浮菜单-->
 +
<div class="navbar">
 +
    <div class="navbar-inner">
 +
      <div class="container">
 +
          <ul class="nav">
 +
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 +
                </li>    
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Project">PROJECT<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
                                <li><a href="https://2015.igem.org/Team:HUST-China/Background">Background</a></li>
 +
                <li class="divider"></li>
 +
                <li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li>
 +
                <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li>         
 +
                    </ul>
 +
                        </li>
 +
 
 +
                        <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Wetlab">WETLAB<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
<li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li>
 +
                        <li class="divider"></li>                      
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Experiments">Experiments&protocol</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/InterLab Study">InterLab Study</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Notebook">Notebook</a></li>     
 +
                    </ul>
 +
                        </li>
 +
 
 +
                        <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Parts">PARTS<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">                        
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part#2">Composite Parts</a></li>                          <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Part_Collection">Part Collection</a></li> 
 +
                    </ul>
 +
                        </li>
 +
               
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING<b class="caret"></b></a>
 +
                            <ul class="dropdown-menu">
 +
                                        <li><a href="https://2015.igem.org/Team:HUST-China/Modeling">Overiew</a></li>
 +
                                        <li class="divider"></li>
 +
                          <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Cellular Level">Modeling on Cellular Level</a></li>
 +
                          <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Ecosystem Level">Modeling on Ecosystem Level</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
                               
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES</a>
 +
                                       
 +
                </li>
 +
 
 +
              <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Safety">OTHERS<b class="caret"></b></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Collaborations">Collaborations</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Attributions">Attributions</a></li>
 +
                        <li class="divider"></li>                   
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Team">Team</a></li>
 +
                        <li class="divider"></li>                   
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Achievements">Achievements</a></li>
 +
                    </ul>
 +
              </li>
 +
          </ul>
 +
      </div>
 +
      </div>
 +
    </div>
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
          $('.dropdown-toggle').dropdown(); }); </script>
 +
</div>
 +
<!--标题栏-->
 +
<div id="pic" >
 +
<img class="title" src="https://static.igem.org/mediawiki/2015/8/87/HUST_PROJECT_2.PNG"/>
 +
<br>
 +
<div class="pic_a" >
 +
<h3 align="center" style="color:white"><b>click it~</b></h3>
 +
    <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/2015/8/80/White.png"/>
 +
</div>
 +
</div>
 +
 
 +
   
 +
 
 +
<!--描述-->
 +
 +
 
 +
        <div align="center" class="description"><a name="description"></a><br><br>
 +
        <h2 style="color:black" align="left"><b>Parts Overview</b></h2>
 +
        <p style="font-size:20px">
 +
 
 +
Welcome to our achievement page of parts, which are essential to realize our ambition. <br>
 +
As mentioned in the project description and result, our three important circuits well supported our project and each of them contributes a lot to the biobricks. <br>
 +
This year, 26 biobricks were submmitted by us. Not only the <a href="https://2015.igem.org/Team:HUST-China/Description"><b>basic parts(</b></a> such as the component of light control yeast two-hybrid, various Si-tag proteins and inhibitory regulator, but also composite parts and <a href="https://2015.igem.org/Team:HUST-China/Description"><b>part collection</b></a>. <br>
 +
Sincerely hope these parts can attract you and may assist you in your future synthetic biology creation.
 +
<br>
 +
<br><br><br><br><br><br><br><br><br><br><br><br><br>
 +
    </p>
 +
    </div>
 +
 
 +
 
 +
<div class="scroll" id="scroll" style="display:none;"></div>
 +
</div>
 +
    </body>  
 +
  </html>

Revision as of 13:40, 18 September 2015

Team:HUST-China:Background


click it~



Parts Overview

Welcome to our achievement page of parts, which are essential to realize our ambition.
As mentioned in the project description and result, our three important circuits well supported our project and each of them contributes a lot to the biobricks.
This year, 26 biobricks were submmitted by us. Not only the basic parts( such as the component of light control yeast two-hybrid, various Si-tag proteins and inhibitory regulator, but also composite parts and part collection.
Sincerely hope these parts can attract you and may assist you in your future synthetic biology creation.