Difference between revisions of "Team:Sheffield/Parts"

(Prototype team page)
 
Line 1: Line 1:
−
{{Sheffield}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
<meta name="description" content="">
 +
<meta name="author" content="">
 +
 +
<title>A template page</title>
  
 +
<link rel="stylesheet" type="text/css"
 +
                href="https://2016.igem.org/Template:Sheffield/style/template?action=raw&ctype=text/css" />
  
 +
                <link rel="stylesheet" type="text/css"
 +
                href="https://2016.igem.org/Template:Sheffield/style/slide?action=raw&ctype=text/css" />
 +
               
 +
            <link rel="stylesheet" type="text/css"
 +
                href="https://2016.igem.org/Template:Sheffield/style/banner?action=raw&ctype=text/css" />
 +
               
 +
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
                <script
 +
                  src="https://2016.igem.org/Template:Sheffield/scripts/min?action=raw&ctype=text/javascript"></script>
 +
                <script
 +
                  src="https://2016.igem.org/Template:Sheffield/scripts/banner?action=raw&ctype=text/javascript"></script>
 +
               
 +
                <script
 +
                  src="https://2016.igem.org/Template:Sheffield/scripts/jquery-ui?action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
    #top_title, #sideMenu{
 +
      display:none;
 +
      }
 +
    #content{
 +
      background-color:black;
 +
      width:100%;
 +
      margin:0;
 +
      padding:0;
 +
    }
 +
    .mw-content-ltr ul {
 +
      margin-left:0px;
 +
}
 +
#blank {
 +
width:165px;
 +
}
  
  
  
 +
#HQ_page th, #HQ_page td, #HQ_page table {
 +
      border:rgba(1,1,1,0);
 +
      padding:0px;
 +
      vertical-align:middle;
 +
      background-color:rgba(1,1,1,0) ;
 +
      }
  
−
<div class="column full_size">
+
#HQ_page h1 {
 +
      font-family:Century Gothic;
 +
      font-weight:normal;
 +
}
  
 +
#shield  p {
 +
        font-size:25px;
 +
      }
  
−
<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>
+
@media (min-width:992px) and (max-width:1199px) {
−
<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>
+
  
  
−
</div>
+
}
  
 +
@media (min-width:768px) and (max-width:991px) {
 +
#shield  p {
 +
        font-size:20px;
 +
      }
 +
#shield li {
 +
        font-size:20px;
 +
}
 +
}
  
 +
@media (max-width:767px) {
 +
      #shield  p {
 +
        font-size:15px;
 +
        margin:10px;
 +
      }
 +
     
 +
#shield li {
 +
font-size:12px;
 +
}
 +
      #shield h2 {
 +
        font-size:30px;
 +
        margin-left:5px;
 +
      }
 +
     
 +
      #shield span {
 +
      font-size:18px;
 +
      }
 +
}
 +
     
 +
</style>
  
  
 +
</head>
 +
  
−
<div class="column half_size">
+
<body style="min-height:2000px;background-color:black">
−
<div class="highlight">
+
<nav class="navbar navbar-default navbar-fixed-top">
−
<h5>Note</h5>
+
      <div class="container">
−
<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>
+
 
−
</div>
+
        <div class="navbar-header">
−
</div>
+
          <div class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
−
 
+
            <img src="https://static.igem.org/mediawiki/2016/1/18/T--Sheffield--navbar-logo.png">
−
 
+
          </div>
−
 
+
          <!-- <a class="navbar-brand" href="#">Igem Sheff 16</a> -->
−
 
+
        </div>
−
<div class="column half_size">
+
       
−
 
+
        <div id="navbar" class="navbar-collapse collapse">
−
<h5>Adding parts to the registry</h5>
+
−
<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>
+
          <ul class="nav navbar-nav">
−
<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>
+
 
−
</div>
+
<li id="navimage" >
−
 
+
<table id="imgtable">
−
 
+
<th>
−
 
+
<div class="navimagediv">
−
 
+
<a href="intro_template.html"><img src="https://static.igem.org/mediawiki/2016/1/18/T--Sheffield--navbar-logo.png"></a>
−
 
+
</div>
−
<div class="column half_size">
+
</th>
−
 
+
</table>
−
<h5>What information do I need to start putting my parts on the Registry?</h5>
+
            </li>
−
<p>The information needed to initially create a part on the Registry is:</p>
+
    <li class="dropdown" id="li-home">
−
<ul>
+
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
−
<li>Part Name</li>
+
  <center>
−
<li>Part type</li>
+
<table id="navtable">
−
<li>Creator</li>
+
<th>
−
<li>Sequence</li>
+
<center>
−
<li>Short Description (60 characters on what the DNA does)</li>
+
<div id="nav-intro">
−
<li>Long Description (Longer description of what the DNA does)</li>
+
</div>
−
<li>Design considerations</li>
+
</center>
−
</ul>
+
</th>
−
 
+
<tr>
−
<p>
+
<td>
−
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>
+
<p>HOME</p>
−
 
+
</td>
−
</div>
+
</tr>
−
 
+
</table>
−
 
+
  </center>
−
<div class="column half_size">
+
              </a>
−
 
+
            </li> 
−
<h5>Inspiration</h5>
+
            <li class="dropdown">
−
<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>
+
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
−
 
+
  <center>
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
<table id="navtable">
−
<ul>
+
<th>
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
<center>
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
+
<div id="nav-intro">
−
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
+
<img src="https://static.igem.org/mediawiki/2016/5/53/T--Sheffield--Intro-Icon.png">
−
</ul>
+
</div>
−
</div>
+
</center>
−
 
+
</th>
−
<div class="column full_size">
+
<tr>
−
<h5>Part Table </h5>
+
<td>
−
<div class="highlight">
+
<p>INTRO</p>
−
 
+
</td>
−
 
+
</tr>
−
</html>
+
</table>
−
<groupparts>iGEM2016 Example</groupparts>
+
  </center>
−
<html>
+
              </a>
−
</div>
+
            </li>         
−
</div>
+
           
−
 
+
            <li class="dropdown">
−
 
+
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
−
 
+
  <center>
 +
<table id="navtable">
 +
<th>
 +
<center>
 +
<div id="nav-project">
 +
<img src="https://static.igem.org/mediawiki/2016/8/86/T--Sheffield--icon-project.png">
 +
</div>
 +
</center>
 +
</th>
 +
<tr>
 +
<td>
 +
<p>PROJECT</p>
 +
</td>
 +
</tr>
 +
</table>
 +
  </center>
 +
              </a>
 +
            </li> 
 +
 +
<li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
 +
  <center>
 +
<table id="navtable">
 +
<th>
 +
<center>
 +
<div id="nav-team">
 +
<img src="https://static.igem.org/mediawiki/2016/0/07/T--Sheffield--icon-team.png">
 +
</div>
 +
</center>
 +
</th>
 +
<tr>
 +
<td>
 +
<p>TEAM</p>
 +
</td>
 +
</tr>
 +
</table>
 +
  </center>
 +
              </a>
 +
            </li>
 +
         
 +
<li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
 +
  <center>
 +
<table id="navtable">
 +
<th>
 +
<center>
 +
<div id="nav-notebook">
 +
<img src="https://static.igem.org/mediawiki/2016/c/ce/T--Sheffield--icon-notebook.png">
 +
</div>
 +
</center>
 +
</th>
 +
<tr>
 +
<td>
 +
<p>NOTES</p>
 +
</td>
 +
</tr>
 +
</table>
 +
  </center>
 +
              </a>
 +
            </li>  
 +
           
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >
 +
  <center>
 +
<table id="navtable">
 +
<th>
 +
<center>
 +
<div id="nav-judging">
 +
<img src="https://static.igem.org/mediawiki/2016/3/35/T--Sheffield--icon-judging.png">
 +
</div>
 +
</center>
 +
</th>
 +
<tr>
 +
<td>
 +
<p>JUDGING</p>
 +
</td>
 +
</tr>
 +
</table>
 +
  </center>
 +
              </a>
 +
            </li> 
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
    </nav>
 +
   
 +
    <div id="shield">
 +
    <div class = "container" >
 +
<div class="spacer"></div>
 +
<div class="heading">
 +
<table>
 +
<th class="banner-img">
 +
<img src="https://static.igem.org/mediawiki/2016/6/67/T--Sheffield--heading-banner.png">
 +
</th>
 +
<th>
 +
<div class="heading-title"><h1 style="padding:0px">BIOBRICKS</h1></div>
 +
</th>
 +
<th class="banner-img">
 +
<img src="https://static.igem.org/mediawiki/2016/b/b2/T--Sheffield--heading-banner-flip.png">
 +
</th>
 +
</table>
 +
</div>
 +
                <table id="banner-section">
 +
<tr>
 +
<th>
 +
<div class="banner-hold">
 +
<img src="https://static.igem.org/mediawiki/2016/5/5e/T--Sheffield--banner-hold.png">
 +
</div>
 +
</th>
 +
<th>
 +
<div class="banner-hold">
 +
<img src="https://static.igem.org/mediawiki/2016/5/5e/T--Sheffield--banner-hold.png">
 +
</div>
 +
</th>
 +
<th>
 +
<div class="banner-hold">
 +
<img src="https://static.igem.org/mediawiki/2016/5/5e/T--Sheffield--banner-hold.png">
 +
</div>
 +
</th>
 +
<th>
 +
<div class="banner-hold">
 +
<img src="https://static.igem.org/mediawiki/2016/5/5e/T--Sheffield--banner-hold.png">
 +
</div>
 +
</th>
 +
<th>
 +
 +
</th>
 +
</tr>
 +
<tr>
 +
<td>
 +
<table class="banner-inside">
 +
<th>
 +
<div class="cont button1">
 +
<div class="banner">
 +
<p>STUDENTS</p>
 +
</div>
 +
</div>
 +
</th>
 +
</table>
 +
</td>
 +
<td>
 +
<table class="banner-inside">
 +
<th>
 +
<div class="cont button2">
 +
<div class="banner">
 +
<p>ADVISORS</p>
 +
</div>
 +
</div>
 +
</th>
 +
</table>
 +
</td>
 +
<td>
 +
<table class="banner-inside">
 +
<th>
 +
<div class="cont button3">
 +
<div class="banner">
 +
<p>SUPERVISORS</p>
 +
</div>
 +
</div>
 +
</th>
 +
</table>
 +
</td>
 +
<td>
 +
                                                <table class="banner-inside">
 +
<th>
 +
<div class="cont button3">
 +
<div class="banner">
 +
<p>ACKNOWDLEDGEMENTS</p>
 +
</div>
 +
</div>
 +
</th>
 +
</table>
 +
 +
</td>
 +
<td>
 +
 +
</td>
 +
</tr>
 +
</table>
 +
<div class = "jumbotron">
 +
<p>SCIENCE! and other stuff </p>
 +
</div>
 +
    </div>
 +
    </div>
 +
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
   
 +
   
 +
   
 +
   
 +
</body>
  
 
</html>
 
</html>

Revision as of 12:15, 13 October 2016

A template page

BIOBRICKS

SCIENCE! and other stuff