Difference between revisions of "Team:FAFU-CHINA/Parts"

(Prototype team page)
 
Line 1: Line 1:
−
{{FAFU-CHINA}}
+
{{:Template:FAFU_CHINA/index2/head}}
−
<html>
+
<html lang="zh">
 +
<head>
 +
<meta charset="UTF-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<title>谷歌Material Design侧边栏特效 - A5源码</title>
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/normalize?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/default?action=raw&amp;ctype=text/css" />
 +
<link href='http://fonts.useso.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
 +
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/styles?action=raw&amp;ctype=text/css" />
 +
<!--[if IE]>
 +
<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
 +
<![endif]-->
 +
</head>
 +
<body>
 +
<div class="com">
 +
<div class="com__content">
 +
<section class="com__section com__section--text">
 +
  <br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
   
 +
                <center><div>The design of production</div></center> 
 +
<br>
 +
<br>
  
−
<h2> Part Documentation</h2>
+
<div>To meet the need of beekeepers,an easily understanding method of usage is necessary. So we design the following method to put our engineered bacteria into application,and make it a complete production.</div>
 +
<div>Take 6g glucose, 6g fructose and 1g yeast extract, and then suspend them in 50ml distilled water. Now we have the easiest forage for honeybees. Next add 5ml bacterial suspension of engineered bacteria into the forage, limiting the density under 1CFU/ml, which is within the standard of food security.Then you have the complete product.</div>
 +
<div>Beekeepers who don't know anything about synthetic biology can use this product simply by directly feeding infected hives with the product. This is the easiest way we design for the usage of our product.</div>  
  
−
<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>
 
  
−
 
+
</section>
−
<div class="highlightBox">
+
<section class="com__section com__section--text com__section--text-img">
−
<h4>Note</h4>
+
<div class="com__section-half">
−
<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>
+
<h1 class="animate slideInLeft">Communication Design</h1>
 +
<p class="animate slideInLeft delay-2">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
 +
</div>
 +
<div class="com__section-half">
 +
<img class="animate slideInRight delay-3" src="world.svg" alt="" />
 +
</div>
 +
</section>
 +
<section class="com__section com__section--text centered">
 +
<h1 class="animate scaleIn">A5源码</h1>
 +
<img class="animate scaleIn delay-3" src="world.svg" alt="" />
 +
</section>
 +
<section class="com__section com__section--text">
 +
<h1 class="animate slideInLeft ">Communication Design</h1>
 +
<p class="animate slideInLeft delay-3">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
 +
</section>
 +
<section class="com__section com__section--text com__section--text-img">
 +
<div class="com__section-half">
 +
<h1 class="animate slideInLeft">Communication Design</h1>
 +
<p class="animate slideInLeft delay-2">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
 +
</div>
 +
<div class="com__section-half">
 +
<img class="animate slideInRight delay-3" src="world.svg" alt="" />
 +
</div>
 +
</section>
 +
<section class="com__section com__section--text centered">
 +
<h1 class="animate scaleIn">Communication Design</h1>
 +
<img class="animate scaleIn delay-3" src="world.svg" alt="" />
 +
</section>
 +
<section class="com__section com__section--text">
 +
<h1 class="animate slideInLeft ">Communication Design</h1>
 +
<p class="animate slideInLeft delay-3">Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.</p>
 +
</section>
 
</div>
 
</div>
 +
<nav class="com__nav">
 +
<ul class="com__nav-list">
 +
<li class="com__nav-item">
 +
<h1>外内容1</h1>
 +
<a href="" class="com__nav-link">
 +
<h1>里内容1</h1>
 +
<span class="blue-line animate scaleInLeft delay-2"></span>
 +
<span class="white-line animate scaleInLeft delay-4"></span>
 +
<span class="white-line animate scaleInLeft delay-5"></span>
 +
</a>
 +
</li>
 +
<li class="com__nav-item">
 +
<h1>外内容2</h1>
 +
<a href="" class="com__nav-link flex-row">
 +
<h1>里内容2</h1>
 +
<div class="com__section-half">
 +
<span class="blue-line animate scaleInLeft delay-3"></span>
 +
<span class="white-line animate scaleInLeft delay-4"></span>
 +
</div>
 +
<div class="com__section-half">
 +
<span class="white-circle animate slideInRight delay-5"></span>
 +
</div>
 +
</a>
 +
</li>
 +
<li class="com__nav-item">
 +
<h1>外内容3</h1>
 +
<a href="" class="com__nav-link centered">
 +
<h1>里内容3</h1>
 +
<span class="blue-line animate scaleIn delay-3"></span>
 +
<span class="white-circle animate scaleIn delay-5"></span>
 +
</a>
 +
</li>
 +
<li class="com__nav-item">
 +
<h1>外内容4</h1>
 +
<a href="" class="com__nav-link">
 +
<h1>里内容4</h1>
 +
<span class="blue-line animate scaleInLeft delay-2"></span>
 +
<span class="white-line animate scaleInLeft delay-4"></span>
 +
<span class="white-line animate scaleInLeft delay-5"></span>
 +
</a>
 +
</li>
 +
<li class="com__nav-item">
 +
<h1>外内容5</h1>
 +
<a href="" class="com__nav-link flex-row">
 +
<h1>里内容5</h1>
 +
<div class="com__section-half">
 +
<span class="blue-line animate scaleInLeft delay-3"></span>
 +
<span class="white-line animate scaleInLeft delay-4"></span>
 +
</div>
 +
<div class="com__section-half">
 +
<span class="white-circle animate slideInRight delay-5"></span>
 +
</div>
 +
</a>
 +
</li>
 +
<li class="com__nav-item">
 +
<h1>外内容6</h1>
 +
<a href="" class="com__nav-link centered">
 +
<h1>里内容6</h1>
 +
<span class="blue-line animate scaleIn delay-3"></span>
 +
<span class="white-circle animate scaleIn delay-5"></span>
 +
</a>
 +
</li>
 +
<li class="com__nav-item">
 +
<h1>外内容7</h1>
 +
<a href="" class="com__nav-link">
 +
<h1>里内容7</h1>
 +
<span class="blue-line animate scaleInLeft delay-2"></span>
 +
<span class="white-line animate scaleInLeft delay-4"></span>
 +
<span class="white-line animate scaleInLeft delay-5"></span>
 +
</a>
 +
</li>
 +
<li class="com__nav-item">
 +
<h1>外内容8</h1>
 +
<a href="" class="com__nav-link">
 +
<h1>里内容8</h1>
 +
<span class="blue-line animate scaleInLeft delay-2"></span>
 +
<span class="white-line animate scaleInLeft delay-4"></span>
 +
<span class="white-line animate scaleInLeft delay-5"></span>
 +
</a>
 +
</li>
 +
<li class="com__nav-item">
 +
<h1>外内容9</h1>
 +
<a href="" class="com__nav-link">
 +
<h1>里内容9</h1>
 +
<span class="blue-line animate scaleInLeft delay-2"></span>
 +
<span class="white-line animate scaleInLeft delay-4"></span>
 +
<span class="white-line animate scaleInLeft delay-5"></span>
 +
</a>
 +
</li>
 +
</ul>
 +
</nav>
 +
</div>
 +
<style>
 +
.com__section--text
 +
{
 +
  height:auto;
 +
  overflow:auto;
 +
}
 +
.com
 +
{
 +
  background-image:url( https://static.igem.org/mediawiki/2015/3/36/Fafu_5.JPG);
 +
  background-size:100%;
 +
  overflow-y:auto;
 +
}
 +
.com__content
 +
{
 +
  background-image:none;
 +
}
 +
table
 +
{
 +
  background-color:rgba(0,0,0,0);
 +
}
 +
</style>
 +
<script src="js/jquery-2.1.1.min.js" type="https://2015.igem.org/Template:FAFU_CHINA/guge/js/jquery-2-1-1-min?action=raw&amp;ctype=text/javascript"></script>
 +
<script>
 +
var link = $('.com__nav-link');
 +
var linkParent = link.parent('li');
 +
var section = $('.com__section');
 +
var sectionContent = section.find('*');
 +
var switchTab = function () {
 +
var p = $(this).parent('li');
 +
var i = p.index();
 +
var s = section.eq(i);
 +
var c = s.find('*');
 +
section.removeClass('active');
 +
sectionContent.removeAttr('style');
 +
s.addClass('active');
 +
c.css({
 +
transform: 'none',
 +
opacity: 1
 +
});
 +
linkParent.removeClass('active');
 +
p.addClass('active');
 +
return false;
 +
};
 +
link.on('click', switchTab);
 +
function activeFirst() {
 +
section.first().addClass('active');
 +
section.first().find('*').css({
 +
transform: 'none',
 +
opacity: 1
 +
});
 +
linkParent.first().addClass('active');
 +
}
 +
activeFirst();
 +
</script>
  
−
 
+
</body>
−
 
+
−
<h4>Adding parts to the registry</h4>
+
−
<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>
+
−
 
+
−
 
+
−
<h4>What information do I need to start putting my parts on the Registry?</h4>
+
−
<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>
+
−
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>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<h4>Inspiration</h4>
+
−
<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>
+
−
 
+
−
 
+
−
 
+
−
<h4>Part Table </h4>
+
−
</html>
+
−
<groupparts>iGEM015 Example</groupparts>
+
−
<html>
+
−
 
+
−
 
+
−
 
+
−
</div>
+
 
</html>
 
</html>

Revision as of 17:41, 17 September 2015

谷歌Material Design侧边栏特效 - A5源码





The design of production


To meet the need of beekeepers,an easily understanding method of usage is necessary. So we design the following method to put our engineered bacteria into application,and make it a complete production.
Take 6g glucose, 6g fructose and 1g yeast extract, and then suspend them in 50ml distilled water. Now we have the easiest forage for honeybees. Next add 5ml bacterial suspension of engineered bacteria into the forage, limiting the density under 1CFU/ml, which is within the standard of food security.Then you have the complete product.
Beekeepers who don't know anything about synthetic biology can use this product simply by directly feeding infected hives with the product. This is the easiest way we design for the usage of our product.

Communication Design

Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

A5源码

Communication Design

Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

Communication Design

Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.

Communication Design

Communication Design

Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.