Difference between revisions of "Team:USTC/Parts"

(Prototype team page)
 
Line 1: Line 1:
−
{{USTC}}
+
<html lang="en">
−
<html>
+
<head>
 +
<meta charset="UTF-8">
 +
<title>子网页测试-队员</title>
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:USTC/css/materializechild2?action=raw&ctype=text/css">
 +
<script src="https://2017.igem.org/Template:USTC/js/jquery?action=raw&ctype=text/javascript""></script>
 +
<script type="text/javascript" src="https://2017.igem.org/Template:USTC/js/materialize?action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
                a{
 +
text-decoration:none!important;
 +
}
 +
nav.top-nav{
 +
height: 130px;
 +
    -webkit-box-shadow: none;
 +
    box-shadow: none;
 +
}
 +
.logo-container{
 +
width: 130px;
 +
height: 130px;
 +
margin-left: 30px;
 +
}
 +
.bold>a{
 +
background-image: url(https://static.igem.org/mediawiki/2017/a/ae/Ustc_2017_label_16px.png);
 +
background-repeat: no-repeat;
 +
background-position: 5px center;
 +
}
 +
.section{
 +
                position:unset!important;
 +
                }
  
 +
.label {
 +
display: inline;
 +
padding: .3em .6em .3em;
 +
font-size: 120%;
 +
font-weight: 700;
 +
line-height: 1;
 +
color: #fff;
 +
text-align: left;
 +
white-space: nowrap;
 +
vertical-align: baseline;
 +
border-radius: .25em;
 +
  }
 +
  .label-pink {
 +
  background-color:#ee6e73 ;
 +
                font-size:18px!important;
 +
}
 +
 
 +
.label-lavender {
 +
  background-color:#E6E6FA ;
 +
}
 +
.label-Aliceblue {
 +
  background-color:#F0F8FF ;
 +
}
 +
.label-azure {
 +
  background-color:#F0FFFF ;
 +
}
 +
.label-mintcream {
 +
  background-color:#F5FFFA ;
 +
}
 +
.label-ivory {
 +
  background-color:#FFFFF0 ;
 +
}
 +
.label-lemonchiffon {
 +
  background-color:#FFFACD ;
 +
}
 +
.label-cornsilk {
 +
  background-color:#FFF8DC ;
 +
}
 +
.label-seashell {
 +
  background-color:#FFF5EE ;
 +
}
 +
.label-lavenderblush {
 +
  background-color:#FFF0F5 ;
 +
}
 +
.label-mistyrose {
 +
  background-color:#FFE4E1 ;
 +
}
 +
 +
.lavender_choosed,.lavender_choosed.active{background-color:#DA7272 ;}
 +
.Aliceblue_choosed,.Aliceblue_choosed.active{background-color: #DE8080}
 +
.azure_choosed,.azure_choosed.active{background-color: #E28E8E}
 +
.mintcream_choosed,.mintcream_choosed.active{background-color: #E49595}
 +
.honeydew_choosed,.lavender_choosed.active{background-color:#E59C9C;}
 +
.ivory_choosed,.ivory_choosed.active{background-color: #E7A3A3}
 +
.lemonchiffon_choosed,.lemonchiffon_choosed.active{background-color: #E9AAAA}
 +
.cornsilk_choosed,.cornsilk_choosed.active{background-color: #EBB1B1}
 +
.seashell_choosed,.seashell_choosed.active{background-color: #EDB8B8}
 +
.lavenderblush_choosed,.lavenderblush_choosed.active{background-color: #EFC0C0}
 +
.mistyrose_choosed,.mistyrose_choosed.active{background-color: #F1C7C7}
  
 +
.bg_all{background-color: #FFFFF3}
  
 +
.card_name1{
 +
font-size: 13px!important;
 +
font-weight: bold;
 +
line-height: 110%;
 +
margin: 0.82rem 0 0.656rem 0;
  
 +
}
 +
               
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
 +
margin: 0!important;
 +
}
 +
a.button-collapse.top-nav{
 +
top:57px!important;
 +
}
 +
.card-content{
 +
                        padding:6px!important;
 +
font-size: 14px!important;
 +
text-align:unset!important;
 +
        }
 +
        #HQ_page p{
 +
       
 +
        text-align: unset!important;
 +
        }
 +
        #sidenav-overlay{
 +
        display: none!important;
 +
        }
 +
ul.section.table-of-contents{
 +
list-style-image:none!important;
 +
                        position: fixed!important;
 +
}
 +
ul.collapsible.collapsible-accordion{
 +
list-style-image:none!important;
 +
}
 +
ul#nav-mobile{
 +
list-style-image:none!important;
 +
}
 +
ul#nav-mobile.side-nav.fixed{
 +
width: 210px!important;
 +
}
 +
#top_title{
 +
  display: none!important;
 +
}
 +
#sideMenu{
 +
  display: none!important;
 +
}
 +
#content{
 +
  width: auto!important;
 +
  padding: 0!important;
 +
  margin-top: -24px!important;
 +
  margin-left: 0!important;
 +
}
  
 +
</style>
 +
<script type="text/javascript">
  
−
<div class="column full_size">
+
$(document).ready(function(){
 +
    $('.scrollspy').scrollSpy();
 +
    $(".button-collapse").sideNav();
  
−
<h1>Parts</h1>
+
    // $(".bold>a").click(function(){
 +
    // changeIcon($(this));
 +
    // })
 +
  });
 +
 +
// function changeIcon(main_node){
 +
// if (main_node) {
 +
// if (main_node.css("background-image").indexOf("https://static.igem.org/mediawiki/2017/a/ae/Ustc_2017_Triangle_right_16px.png")>=0) {
 +
// main_node.css("background-image","url('https://static.igem.org/mediawiki/2017/6/60/Ustc_2017_Triangle_down_16px.png')")
 +
// }
 +
// else{
 +
// main_node.css("background-image","url('https://static.igem.org/mediawiki/2017/a/ae/Ustc_2017_Triangle_right_16px.png')")
 +
// }
 +
// }
 +
// }
  
−
<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>
 
−
<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>
  
−
</div>
+
</head>
 +
<body>
 +
<header>
 +
<nav class="top-nav">
 +
<div class="container">
 +
<div class="nav-wrapper"><a class="page-title">Achievements</a>
 +
</div>
 +
</div>
 +
</nav>
  
 +
<div class="container">
 +
<a href="#" data-activates="nav-mobile" class="button-collapse top-nav full hide-on-large-only ">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a2/Ustc_2017_menu_32px.png">
 +
</a>
 +
</div>
 +
<ul id="nav-mobile" class="side-nav fixed">
 +
<li class="logo" style="border-bottom: 2px solid #ee6e73">
 +
<div class="logo-container" >
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/8/89/Ustc_2017team_logo.png/900px-Ustc_2017team_logo.png" width="100%" height="100%">
 +
</div>
 +
</li>
 +
<li class="bold1 lavender_choosed">
 +
<a href="https://2017.igem.org/Team:USTC" class="waves-effect waves-teal">Home</a>
 +
</li>
 +
  
 +
<li class="no-padding">
 +
          <ul class="collapsible collapsible-accordion">
  
 +
            <li class="bold Aliceblue_choosed"><a class="collapsible-header  waves-effect waves-teal">Project</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Description">Description</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Design">Design</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Results">Results</a></li>
 +
                  <li class="bg_all"><a href="https://2017.igem.org/Team:USTC/Demonstrate">Demonstrate</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
  
 +
            <li class="bold1 azure_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Safety" class="waves-effect waves-teal">Safety</a>
 +
</li>
 +
<li class="bold1 mintcream_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Model" class="waves-effect waves-teal">Model</a>
 +
</li>
  
−
<div class="column half_size">
+
            <li class="bold honeydew_choosed"><a class="collapsible-header  waves-effect waves-teal">Parts</a>
−
<div class="highlight">
+
              <div class="collapsible-body">
−
<h5>Note</h5>
+
                <ul>
−
<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>
+
                  <li><a href="https://2017.igem.org/Team:USTC/Parts">Parts</a></li>
−
</div>
+
                  <li><a href="https://2017.igem.org/Team:USTC/Basic_Part">Basic Parts</a></li>
−
</div>
+
                  <li><a href="https://2017.igem.org/Team:USTC/Composite_Part">Composite Parts</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Contribution">Contributions</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Improve">Improve</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
  
 +
            <li class="bold ivory_choosed"><a class="collapsible-header waves-effect waves-teal">Notebook</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Notebook">Experiment Log</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Experiments">Experiments</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
  
 +
            <li class="bold lemonchiffon_choosed"><a class="collapsible-header  waves-effect waves-teal">Human Practice</a>
 +
              <div class="collapsible-body">
 +
                <ul>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/HP/Silver">Silver HP</a></li>
 +
                  <li style="font-size: 16px"><a href="https://2017.igem.org/Team:USTC/HP/Gold_Integrated">Integrated and Gold</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:USTC/Engagement">Public Engagement</a></li>
 +
                </ul>
 +
              </div>
 +
            </li>
  
 +
            <li class="bold1 cornsilk_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Collaborations" class="waves-effect waves-teal">Collaborations</a>
 +
</li>
  
−
<div class="column half_size">
+
<li class="bold1 seashell_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Achievements" class="waves-effect waves-teal">Achievements</a>
 +
</li>
  
−
<h5>Adding parts to the registry</h5>
+
<li class="bold1 lavenderblush_choosed">
−
<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>
+
<a href="https://2017.igem.org/Team:USTC/Team" class="waves-effect waves-teal">Team</a>
−
<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>
+
</li>
−
</div>
+
  
 +
<li class="bold1 mistyrose_choosed">
 +
<a href="https://2017.igem.org/Team:USTC/Attributions" class="waves-effect waves-teal">Attributions</a>
 +
</li>
  
 +
          </ul>
 +
        </li>
  
  
  
−
<div class="column half_size">
+
</ul>
−
 
+
</header>
−
<h5>What information do I need to start putting my parts on the Registry?</h5>
+
<main>
−
<p>The information needed to initially create a part on the Registry is:</p>
+
<div class="container">
−
<ul>
+
<div class="row">
−
<li>Part Name</li>
+
<div class="col s12 m11 110">
−
<li>Part type</li>
+
<div >
−
<li>Creator</li>
+
                                                        <br>
−
<li>Sequence</li>
+
        <p id="first" class="scrollspy label label-pink">Bronze</p>
−
<li>Short Description (60 characters on what the DNA does)</li>
+
                                                        <br>
−
<li>Long Description (Longer description of what the DNA does)</li>
+
</div>
−
<li>Design considerations</li>
+
<div >
−
</ul>
+
                                                        <br>
−
 
+
        <p id="second" class="scrollspy label label-pink">Silver</p>
−
<p>
+
                                                        <br>
−
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>
+
</div>
−
 
+
−
</div>
+
                                        <div>
−
 
+
                                                  <br>
−
 
+
  <span id="third" class="scrollspy label label-pink">Gold</span>
−
<div class="column half_size">
+
                                                  <br>
−
 
+
<div class="row1">
−
<h5>Inspiration</h5>
+
−
<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>
+
−
 
+
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
−
<ul>
+
−
<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>
+
−
</div>
+
−
 
+
−
<div class="column full_size">
+
−
<h5>Part Table </h5>
+
−
 
+
−
<p>Please include a table of all the parts your team has made during your project on this page. Remember part characterization and measurement data must go on your team part pages on the Registry. </p>
+
−
 
+
−
<div class="highlight">
+
−
 
+
−
 
+
−
</html>
+
−
<groupparts>iGEM17 USTC</groupparts>
+
−
 
+
−
<html>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
  
 +
  <div class="col s6">
 +
  <img  style="padding-bottom: 40px;" src="https://static.igem.org/mediawiki/2017/8/8d/Card_blank.jpg" width="100%">
 +
      </div>
 +
    </div>
 +
</div>
  
 +
 +
</div>
 +
<div class="col hide-on-small-only m1 12" >
 +
<div class="toc-wrapper pinner" style="margin-left: 80px">
 +
<div>
 +
<ul class="section table-of-contents">
 +
<li><a href="#first">Bronze</a></li>
 +
<li><a href="#second">Silver</a></li>
 +
<li><a href="#third">Gold</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</main>
 +
<footer class="page-footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col s6">
 +
<h5>Sponsored by</h5>
 +
<img src="https://static.igem.org/mediawiki/2017/4/49/Ustc_USTCIF.jpg" width="8%" height="8%">
 +
<img src="https://static.igem.org/mediawiki/2017/4/4f/Ustc_ustc_teach.png" width="45%" height="78%">
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/6/65/Ustc_ustc_bio.jpg/1200px-Ustc_ustc_bio.jpg.png" width="45%" height="77%" style="margin-bottom: -7px">
 +
</div>
 +
<div class="col s6">
 +
<h5>Contact us</h5>
 +
              <div class="contactbox">
 +
                <a class="cardbox" href="mailto:leung@mail.ustc.enu.cn"><img src="https://static.igem.org/mediawiki/2017/3/33/Ustc_mail.png" ></a>
 +
              <a class="cardbox" href="http://weibo.com/u/6179287269?refer_flag=1001030102_&is_hot=1#_loginLayer_1507990419608"><img src="https://static.igem.org/mediawiki/2017/a/a3/Ustc_sina.png"></a>
 +
              </div>         
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
</body>
 
</html>
 
</html>

Revision as of 11:44, 23 October 2017

子网页测试-队员


Bronze



Silver



Gold
Sponsored by
Contact us