Difference between revisions of "Team:Uppsala/Parts"

(Prototype team page)
 
Line 1: Line 1:
−
{{Uppsala}}
+
{{Template_All_Teams}}
 
<html>
 
<html>
 +
<head>
  
−
<h2> Part Documentation</h2>
+
<link href="" type="text/css" rel="stylesheet">
  
−
<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 src="Faiyaz.js"></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="jquery-latest.js"></script>
 +
<script type="text/javascript" src="jquery.tablesorter.js"></script>
 +
<script>$(document).ready(function()
 +
    {
 +
        $("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} );
 +
    }
 +
);
 +
 
 +
</script>
  
 +
<style>
  
−
<div class="highlightBox">
+
body {
−
<h4>Note</h4>
+
background-color: #FFFFFF;
−
<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>
+
padding: 0 15%;
−
</div>
+
}
  
 +
#main {
 +
background-color: #FFFFFF;
 +
margin-left:auto;
 +
margin-right:auto;
 +
width:1100px;
 +
padding: 5px;
 +
}
  
 +
.header {
 +
font-family:"Trebuchet MS", Helvetica;
 +
color: #FF3300;
 +
text-shadow: 2px 2px 5px #888888;
 +
}
  
−
<h4>Adding parts to the registry</h4>
+
#home_image {
−
<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>
+
  margin: 0 auto;
−
<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>
+
  display: block;
 +
  padding: 15px 0;
 +
}
  
 +
hr {
 +
background-color: #FF3300;
 +
}
  
−
<h4>What information do I need to start putting my parts on the Registry?</h4>
+
p {
−
<p>The information needed to initially create a part on the Registry is:</p>
+
font-family:Garamond, "Times New Roman";
−
<ul>
+
font-size: 150%;
−
<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>
+
html, body {
 +
  min-height: 100%;
 +
  position: relative;
 +
  height: 100%;
 +
  margin: 0;
 +
}
 +
*/
 +
/* What are these for?*/
 +
.grid-container{
 +
  max-width: 600px;
 +
  min-height: 10%;
 +
  background-color: #c7c7c7;
 +
  margin: 0 auto;
 +
  text-align: justify;
 +
}
  
 +
.grid-container:after{
 +
  content:'';
 +
  display: inline-block;
 +
  width: 100%;
 +
}
  
 +
.grid-item{
 +
  width: 25%;
 +
  min-width: 50px;
 +
  display: inline-block;
 +
  vertical-align: top;
 +
  height: 125px;
 +
  background-color: #ff3819;
 +
  margin-bottom: 20px;
 +
  margin-top: 25px;
 +
}
  
  
  
 +
/*ul .listelem {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
}
  
−
<h4>Inspiration</h4>
+
li {
−
<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>
+
    float: left;
 +
}
  
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
.listelem a {
−
<ul>
+
    display: block;
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
    width: 135px;
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
+
    font-weight: bold;
−
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
+
    color: #FFFFFF;
−
</ul>
+
    background-color: #EFEFEF;
 +
    text-align: center;
 +
    padding: 25px;
 +
    text-decoration: none;
 +
    text-transform: uppercase;
 +
}
  
 +
.listelem a:hover, .listelem a:active {
 +
    background-color: #333385;
 +
}
 +
*/
  
  
−
<h4>Part Table </h4>
 
−
</html>
 
−
<groupparts>iGEM015 Example</groupparts>
 
−
<html>
 
  
 +
/*Hide the sub-menus*/
 +
nav ul ul {
 +
    display: none;
 +
}
 +
/*Show the sub-menus when you hover over the bar elements*/
 +
nav ul li:hover > ul {
 +
    display: block;
 +
}
 +
/*Change of the box around the bar*/
 +
nav ul {
 +
    background-color: #A5A5C1;
 +
        background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
 +
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
 +
    font-family: serif;
 +
    text-align: center;
 +
        list-style: none;
 +
   
 +
    padding: 0 15px;
 +
    display: inline-table;       
 +
}
 +
nav > ul {
 +
    margin-top: 0px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
nav ul li {
 +
    float: left;
 +
}
  
 +
/*Only affects links in the first ul, the bar*/
 +
nav ul li:hover > a{
 +
        background-color: #4b545f;
 +
    color: #CC0000;
 +
        text-decoration: none;
 +
    background-color: #A5A5C1;
 +
}
  
 +
/* Change of link text in the bar*/
 +
nav ul li a {
 +
    display: block;
 +
    padding: 2px 15px;
 +
    text-decoration: none;
 +
        color: white;
 +
}
 +
/*List of sub-menus*/
 +
nav ul ul {
 +
    background: #5f6975;
 +
    border-radius: 0px;
 +
    padding: 0;
 +
    position: absolute;
 +
        top: 100%;
 +
}
 +
/*The individual sub-menu elements*/
 +
nav ul ul li {
 +
    float: none;
 +
    background-color: #A5A5C1;
 +
    border-top: 1px solid #6b727c;
 +
    border-bottom: 1px solid #575f6a;
 +
    position: relative;
 +
}
 +
/*The individual link texts in the sub-menus*/
 +
nav ul ul li a {
 +
    padding: 15px 20px;
 +
}
 +
 +
nav ul ul li a:hover {
 +
    background: #4b545f;
 +
}
 +
 +
/*Supposed to make the navigation bar fixed up top*/
 +
nav.fixed {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  left: 0;
 +
  margin: auto;
 +
  margin-top: 15px;
 +
  width: 100%;
 +
}
 +
 +
#footer {
 +
        background: #d3dfe4
 +
       
 +
}
 +
 +
</style>
 +
 +
</head>
 +
<body>
 +
 +
<nav class="fixed">
 +
<ul class="navbar">
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala">Home</a></li>
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Team">Team</a></li>
 +
  <li class="listelem"><a href="#">Project
 +
      <ul>
 +
    <a href="https://2015.igem.org/Team:Uppsala/Description"><li>Description</li></a>
 +
    <a href="https://2015.igem.org/Team:Uppsala/Experiments"><li>Experiments &amp; Protocols</li></a> 
 +
    <a href="https://2015.igem.org/Team:Uppsala/Results"><li>Results</li></a> 
 +
    <a href="https://2015.igem.org/Team:Uppsala/Design"><li>Design</li></a>
 +
      </ul>
 +
  </a></li>
 +
  <li class="listelem"><a href="#">Parts</a></li>
 +
      <ul>
 +
    <a href="https://2015.igem.org/Team:Uppsala/Parts"><li>Team Parts</li></a>
 +
    <a href="https://2015.igem.org/Team:Uppsala/Basic_Part"><li>Basic Parts</li></a> 
 +
    <a href="https://2015.igem.org/Team:Uppsala/Composite_Part"><li>Composite Parts</li></a>
 +
    <a href="https://2015.igem.org/Team:Uppsala/Part_Collection"><li>Part Collection</li></a> 
 +
      </ul>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Notebook">Notebook</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Attributions">Attributions</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Collaborations">Collaborations</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Practices">Human Practices</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Safety">Safety</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Modeling">Modeling</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Measurement">Measurement</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Software">Software</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Entrepreneurship">Entrepreneurship</a></li>
 +
</ul>
 +
</nav>
 +
 +
 +
 +
    <h1 class="header">Title</h1>
 +
    <h2 class="header">subtitle</h2>
 +
    <hr>
 +
    <p>
 +
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum elit nec lectus varius posuere. Vivamus vitae eros luctus, volutpat ipsum nec, mattis turpis. Suspendisse at volutpat augue. Duis nec sem nec mi rutrum fringilla. Donec et ligula nibh. Morbi non tincidunt diam. Integer hendrerit ut lorem a ullamcorper. Nulla facilisi. Etiam at dignissim velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent leo tortor, facilisis eu augue sed, fringilla hendrerit nisl. Nunc lacus orci, placerat ac imperdiet a, tristique vel quam. Etiam lorem purus, suscipit nec congue eget, efficitur et urna.
 +
</p>
 +
 
 +
    <hr>
 +
    </div>
 +
 +
<div id="footer">
 +
Copyright © Wiki Team
 
</div>
 
</div>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 11:38, 24 July 2015

Title

subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum elit nec lectus varius posuere. Vivamus vitae eros luctus, volutpat ipsum nec, mattis turpis. Suspendisse at volutpat augue. Duis nec sem nec mi rutrum fringilla. Donec et ligula nibh. Morbi non tincidunt diam. Integer hendrerit ut lorem a ullamcorper. Nulla facilisi. Etiam at dignissim velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent leo tortor, facilisis eu augue sed, fringilla hendrerit nisl. Nunc lacus orci, placerat ac imperdiet a, tristique vel quam. Etiam lorem purus, suscipit nec congue eget, efficitur et urna.