Difference between revisions of "Team:Oxford/Parts"

(Prototype team page)
 
Line 1: Line 1:
 
{{Oxford}}
 
{{Oxford}}
−
<html>
+
<html lang="en">
  
 +
  <head>
  
−
<div class="column full_size">
+
    <meta charset="utf-8">
−
<h1>Parts</h1>
+
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
−
<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>
+
    <meta name="description" content="">
−
<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>
+
    <meta name="author" content="">
−
</div>
+
−
 
+
−
<div class="column full_size">
+
−
<div class="highlight decoration_background">
+
−
<h3>Note</h3>
+
−
<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>
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size">
+
−
<div class="highlight decoration_B_full">
+
−
 
+
−
<h3>Adding parts to the registry</h3>
+
−
<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>
+
−
<div class="button_link">
+
−
<a href="http://parts.igem.org/Add_a_Part_to_the_Registry">
+
−
ADD PARTS
+
−
</a>
+
−
</div>
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<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>
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
 
+
  
 +
    <title>Full Width Pics - Start Bootstrap Template</title>
  
 +
    <!-- Bootstrap core CSS -->
 +
    <link href="https://2018.igem.org/Team:Oxford/css/bootstrapmincss?action=raw&amp;ctype=text/css" rel="stylesheet">
  
−
<div class="column full_size">
+
    <!-- Custom styles for this template -->
 +
    <link href="https://2018.igem.org/Team:Oxford/css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
  
−
<h3>What information do I need to start putting my parts on the Registry?</h3>
+
  </head>
−
<p>The information needed to initially create a part on the Registry is:</p>
+
−
<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>
+
  <body>
−
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>
+
  
 +
    <!-- Header - set the background image for the header in the line below -->
 +
    <header class="py-5 background-img" style="background-image: url('https://media.istockphoto.com/photos/green-turquoise-wall-background-picture-id614848416?k=6&m=614848416&s=612x612&w=0&h=EAI75hD3sCfZ7kCTK5fTd07oyddtoDJKdCreJClE540=');">
 +
      <div class="translucent-back" style="height: 500px;">
 +
<h1 class="header-text">Parts</h1>
 
</div>
 
</div>
 +
    </header>
  
 +
    <section id="about">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class=".col-md-8 .offset-md-2">
 +
            <h2>Section 1</h2>
 +
            <p class="lead">This is a great place to talk about your webpage. This template is purposefully unstyled so you can use it as a boilerplate or starting point for you own landing page designs! This template features:</p>
 +
            <ul>
 +
              <li>Clickable nav links that smooth scroll to page sections</li>
 +
              <li>Responsive behavior when clicking nav links perfect for a one page website</li>
 +
              <li>Bootstrap's scrollspy feature which highlights which section of the page you're on in the navbar</li>
 +
              <li>Minimal custom CSS so you are free to explore your own unique design options</li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
  
−
<div class="clear extra_space"></div>
+
    <section id="services">
−
<div class="line_divider"></div>
+
      <div class="container">
−
<div class="clear extra_space"></div>
+
        <div class="row">
 +
          <div class=".col-md-8 .offset-md-2 .bg-light">
 +
            <h2>Section 2</h2>
 +
            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut optio velit inventore, expedita quo laboriosam possimus ea consequatur vitae, doloribus consequuntur ex. Nemo assumenda laborum vel, labore ut velit dignissimos.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
  
−
<div class="column full_size">
+
    <section id="contact">
−
<h3>Part Table </h3>
+
      <div class="container">
 +
        <div class="row">
 +
          <div class=".col-md-8 .offset-md-2">
 +
            <h2>Section 3</h2>
 +
            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero odio fugiat voluptatem dolor, provident officiis, id iusto! Obcaecati incidunt, qui nihil beatae magnam et repudiandae ipsa exercitationem, in, quo totam.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
  
−
<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>
+
    <!-- Footer -->
  
−
</html>
+
<div class="footer-social-icons">
−
<groupparts>iGEM18 Oxford</groupparts>
+
    <ul class="social-icons">
−
<html>
+
        <li><a href="https://www.facebook.com/oxfordigem/" class="social-icon"> <i class="fab fa-facebook"></i></a></li>
 +
        <li><a href="https://twitter.com/oxfordigem?lang=en" class="social-icon"> <i class="fab fa-twitter"></i></a></li>
 +
        <li><a href="https://www.instagram.com/oxfordigem/?hl=en" class="social-icon"> <i class="fab fa-instagram"></i></a></li>
 +
    </ul>
 
</div>
 
</div>
 +
    </footer>
  
  
 +
    <!-- Bootstrap core JavaScript -->
 +
    <script src="vendor/jquery/jquery.min.js"></script>
 +
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  
 +
  </body>
  
 
</html>
 
</html>

Revision as of 19:08, 20 August 2018

Full Width Pics - Start Bootstrap Template

Parts

Section 1

This is a great place to talk about your webpage. This template is purposefully unstyled so you can use it as a boilerplate or starting point for you own landing page designs! This template features:

  • Clickable nav links that smooth scroll to page sections
  • Responsive behavior when clicking nav links perfect for a one page website
  • Bootstrap's scrollspy feature which highlights which section of the page you're on in the navbar
  • Minimal custom CSS so you are free to explore your own unique design options

Section 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut optio velit inventore, expedita quo laboriosam possimus ea consequatur vitae, doloribus consequuntur ex. Nemo assumenda laborum vel, labore ut velit dignissimos.

Section 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero odio fugiat voluptatem dolor, provident officiis, id iusto! Obcaecati incidunt, qui nihil beatae magnam et repudiandae ipsa exercitationem, in, quo totam.