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

(Prototype team page)
 
Line 1: Line 1:
−
{{IISER_Pune}}
+
{{: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">
 +
<div class="animate slideInLeft delay-3">Bio-safety is the prevention of large-scale loss of biological integrity, focusing both on ecology and human health. These prevention mechanisms include conduction of regular reviews of the bio-safety in laboratory settings, as well as strict guidelines to follow. </div>
 +
               
 +
                <div>The chassis organisms we used for this project</div> <!-- 这里是标题，加粗放大！ -->
  
−
<h2>Team</h2>
+
                <table class="col-md-12" style="margin-bottom: 50px;">
 +
<tr style="border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa;">
 +
  <td style="padding-bottom: 10px; border-right: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa;" class="col-md-2">Species name</td>
 +
  <td style="padding-bottom: 10px; border-right: 1px solid #aaaaaa;" class="col-md-4">Strain name</td>
 +
  <td style="padding-bottom: 10px; border-right: 1px solid #aaaaaa;" class="col-md-3">Risk Group</td>
 +
  <td style="padding-bottom: 10px; border-right: 1px solid #aaaaaa;" class="col-md-3">Disease risk to humans?</td>
 +
</tr>
  
−
<p>Introductions of the members will be put in here soon! Watch this space. </p>
+
<tr style="border-bottom: 1px solid #aaaaaa;">
 +
  <td style="padding-top: 15px; border-right: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa;" class="col-md-2">E.coli(K12)</td>
 +
  <td style="padding-top: 15px; border-right: 1px solid #aaaaaa;" class="col-md-4">DH5alpha</td>
 +
  <td style="padding-top: 15px; border-right: 1px solid #aaaaaa;" class="col-md-3">1</td>
 +
  <td style="padding-top: 15px; border-right: 1px solid #aaaaaa;" class="col-md-3">Yes. May cause irritation to skin, eyes, may affect kidneys. However, E.coli is not considered a human or animal pathogen nor is it toxic possibility</td>
 +
</tr>
  
−
<h4>PI</h4>
+
<tr style="border-bottom: 1px solid #aaaaaa;">
−
Chaitanya Athale, Asst. Prof. IISER Pune, India
+
  <td style="border-right: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; " class="col-md-2">E.coli(K12)</td>
 +
  <td style="border-right: 1px solid #aaaaaa;" class="col-md-4">HT115</td>
 +
  <td style="border-right: 1px solid #aaaaaa;" class="col-md-3">1</td>
 +
  <td style="border-right: 1px solid #aaaaaa;" class="col-md-3">Yes. May cause irritation to skin, eyes, and respiratory tract, may affect kidneys. However, HT115 has been proven that it is safe.</td>
 +
</tr class="col-md-3">
 +
</table>
 +
<!-- 这里是图片，上面那个标题是说这个图的 -->
 +
                <div>How did we ensure the general lab safety?</div>
 +
                <div> (1) Did our members can make sure the safety? </div>
 +
                <div>Our members were selected by a hard test. Therefore we had better basic knowledge of biology and we could pick up the    regulation of the lab safety quickly. </div>
 +
                <div> (2) Did we have the safety training? </div>
 +
                <div> Just before starting the experiments, everyone had to take a safety training course. From the course,，we have learned a complete understanding of experimental risks associated with synthetic biology. </div>                 
 +
                <div> (2) How about the safety of our lab? </div> 
 +
                <div>The design of laboratory, high security facilities and suitable personal safety precautions will ensure the lab safety. </div> 
  
−
<h4>Instructor(s)</h4>
+
                <div>Do the biological materials used in our lab work pose any of the following risks? </div>
−
Neha Khetan, PhD student
+
                <div>（1）Risks to the safety and health of team members or others working in the lab? </div>
−
<h4>Undergraduate Team Members</h4>
+
                <div>All the biological materials used in our lab are safe to the workers. Moreover every species we worked with belongs to BL1. </div>  
−
<ul>
+
                <div>（2）Risks to the safety and health of the general public, if released by design or by accident? </div>
−
<li>Ira Phadke
+
                <div>Every species we worked with belongs to BL1. They are harmless to human. </div>
−
<li>Prashant Uniyal
+
                <div>（3）Risks to the environment, if released by design or by accident? </div>
−
<li>Snehal Kadam
+
                <div>Every species we worked with belongs to BL1. They are harmless to the environment. In addition, we have designed a statistical system to ensure our genetically modified E. coli will not survive in the natural environment. </div>
−
<li>Prachiti Moghe
+
−
<li>Yash Jawale
+
−
<li>Swapnil Bodkhe
+
−
<li>Rahul Biradar
+
−
<li>Gayatri Mundhe
+
−
<li>Harsh Gakhare
+
−
<li>Siddhesh Zadey
+
−
</ul>
+
  
−
<h4>Inspiration</h4>
+
                <div>If our project moved from a small-scale lab study to become widely used as a commercial/industrial product, what risks might arise? </div>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
−
 
+
−
<h5>What should this page contain?</h5>
+
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
  
 +
                <div>1.Risk to environment</div> 
 +
                <div>If our design works and is introduced into a commercial/industrial product, the modified E.coli does have possibilities to pollute the environment. However, our product will not exist in the environment.</div>
 +
                <div>For a long time. Because we decide to add the E.coli into forage, which shelf life are only 3 days. So most of the forage is eaten by bees and the rest of them will be carefully handled with after 3 days. According to this, our product is safe for the environment. </div> 
 +
                <div>2.Risk to human <div/>
 +
                <div>Honey is a kind of normal food for us. So the safety of it is excessively important. In the beginning,it confused us that coli itself is a potential pathogen. The possibility that coli would spread out and contaminate the honey to us may cause intrinsic infection and acute diarrhea. In consideration of this situation, firstly we decide to try to use Lethal gene to connect with the gene we changed.And we can use this method to prevent the safety risks. Secondly, coli originally exists in bees, so we will not worry that all of the coli enter the body.Therefore our product will be safe to human. <div/>
  
 +
 +
</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">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>
 
</html>
 
</html>

Revision as of 08:48, 16 September 2015

谷歌Material Design侧边栏特效 - A5源码
Bio-safety is the prevention of large-scale loss of biological integrity, focusing both on ecology and human health. These prevention mechanisms include conduction of regular reviews of the bio-safety in laboratory settings, as well as strict guidelines to follow.
The chassis organisms we used for this project
Species name Strain name Risk Group Disease risk to humans?
E.coli(K12) DH5alpha 1 Yes. May cause irritation to skin, eyes, may affect kidneys. However, E.coli is not considered a human or animal pathogen nor is it toxic possibility
E.coli(K12) HT115 1 Yes. May cause irritation to skin, eyes, and respiratory tract, may affect kidneys. However, HT115 has been proven that it is safe.
How did we ensure the general lab safety?
(1) Did our members can make sure the safety?
Our members were selected by a hard test. Therefore we had better basic knowledge of biology and we could pick up the regulation of the lab safety quickly.
(2) Did we have the safety training?
Just before starting the experiments, everyone had to take a safety training course. From the course,，we have learned a complete understanding of experimental risks associated with synthetic biology.
(2) How about the safety of our lab?
The design of laboratory, high security facilities and suitable personal safety precautions will ensure the lab safety.
Do the biological materials used in our lab work pose any of the following risks?
（1）Risks to the safety and health of team members or others working in the lab?
All the biological materials used in our lab are safe to the workers. Moreover every species we worked with belongs to BL1.
（2）Risks to the safety and health of the general public, if released by design or by accident?
Every species we worked with belongs to BL1. They are harmless to human.
（3）Risks to the environment, if released by design or by accident?
Every species we worked with belongs to BL1. They are harmless to the environment. In addition, we have designed a statistical system to ensure our genetically modified E. coli will not survive in the natural environment.
If our project moved from a small-scale lab study to become widely used as a commercial/industrial product, what risks might arise?
1.Risk to environment
If our design works and is introduced into a commercial/industrial product, the modified E.coli does have possibilities to pollute the environment. However, our product will not exist in the environment.
For a long time. Because we decide to add the E.coli into forage, which shelf life are only 3 days. So most of the forage is eaten by bees and the rest of them will be carefully handled with after 3 days. According to this, our product is safe for the environment.
2.Risk to human
Honey is a kind of normal food for us. So the safety of it is excessively important. In the beginning,it confused us that coli itself is a potential pathogen. The possibility that coli would spread out and contaminate the honey to us may cause intrinsic infection and acute diarrhea. In consideration of this situation, firstly we decide to try to use Lethal gene to connect with the gene we changed.And we can use this method to prevent the safety risks. Secondly, coli originally exists in bees, so we will not worry that all of the coli enter the body.Therefore our product will be safe to human.

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.