Team:Nanjing NFLS/humanpractice.html

From 2014hs.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<div id="primary-nav">
+
-
  <ul>
+
-
  <li  id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/main.html">MAIN</a></li>
+
-
  <li id="nav-project"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/project.html">PROJECT</a></li>
+
-
  <li id="nav-biobricks"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html">BIOBRICKS</a></li>
+
-
  <li id="nav-notebook"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html">NOTEBOOK</a></li>
+
-
  <li id="nav-safety"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/safety.html">SAFETY</a></li>
+
-
  <li id="nav-humanpractice" class="selected"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/humanpractice.html">HUMAN PRACTICE</a></li>
+
-
  <li id="nav-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team.html">TEAM</a></li>
+
-
  <li id="av-ourpartners"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/ourpartners.html">OUR PARTNERS</a></li>
+
-
  <li id="nav-contactus"><a href="mailto:shushutaishuaile@outlook.com">CONTACT US</a></li>
+
-
  </ul>
+
-
</div>
+
-
</html>
+
-
<html >
+
<head>
<head>
-
<style>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
AB{
+
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
-
position:absolute;
+
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
-
left:300px;
+
<title>Human Practice | iGEM Nanjing_NFLS</title>
 +
<style type="text/css">
 +
#menubar {
 +
font-size: 12px
}
}
p{
p{
-
position:absolute;
+
line-height:100%
-
left:300px;
+
-
font-size:14px;
+
-
font-family: calibri;
+
}
}
-
html,body,div,img,q,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
+
div#contentSub{
-
img,a img{border-style:none;border-width:0;}
+
    display: none;
-
a,a:hover{ text-decoration:none;}
+
    position: absolute;
-
html {margin:0 auto;}
+
    left: 0px;
-
ol,ul,li{list-style: none;}:focus{outline: 0;}
+
    top: 0px;
-
body{background-color:#eef9f8; color:#666}
+
}
-
a,a:visited{ color:#666}
+
div#top-section{
-
a:hover {color:#009966;}
+
    background: url() no repeat;
-
span{font-size:14}
+
    background-color:#E3E3E3;
-
.main{ font-family:calibri; color:#666; width:912px; margin:200px auto auto 200px}
+
    color: #D1E9E9;
-
.slider-scroll{margin-top:12px; overflow:hidden;height:421px;}
+
    height: 0px;
-
#showArea{ width:664px; float:left;height:419px;border:1px solid #bebebe; border-right:none;}
+
    width:  100%;
-
#showArea img{ opacity:0; display:none;}
+
    border: 0px;
-
#scrollDiv{float:left; width:246px; height:421px;}
+
 
-
#scrollDiv ul{ padding:200px 0 0 0}
+
}
-
#scrollDiv li{width:250px;height:57px;padding:10px 0 10px 26px; cursor:pointer; font-family:calibri;}
+
#content
-
#scrollDiv li.on{ background:#003030; position:relative;}
+
{
-
#scrollDiv li a{display:block; font-size:24px; height:35px; line-height:35px; color:#fff;}
+
border:none;
-
#scrollDiv li span{
+
height: 100%;
-
display: block;
+
margin:0 0 0 0px;
-
color: #CCCCCC;
+
padding:0;
-
font-size: 36px;
+
position: absolute;
-
height: 15px;
+
background-color: #E3E3E3;
-
line-height: 15px;
+
line-height: normal;
 +
    width: 1350px;
 +
    border-left-width:0px;
 +
    border-right-width:0px;
 +
    padding:0px;
 +
}
 +
 
 +
#p-logo {
 +
    height:0px; overflow:hidden; display: none;
 +
}
 +
#top-section {
 +
    background-color: #444444;
 +
    height: 0px;
 +
    border-width:0px;
 +
    border-top-width:0px;
 +
}
 +
 
 +
#contentSub {
 +
display: none;
 +
}
 +
 
 +
.firstHeading {
 +
    display: none;
 +
}
 +
div#catlinks {
 +
    visibility: hidden;
 +
    height: 0px;
 +
}
 +
#searchInput
 +
{
 +
    position:relative;
 +
    height:0px;
 +
    margin-bottom:0em;
 +
    visibility:hidden;
 +
}
 +
input.searchButton
 +
{
 +
    height:0px;
 +
    margin-bottom:0em;
 +
    visibility:hidden;
 +
}
 +
#footer-box{display:none;}
 +
#catlinks{display:none;}
 +
body {
 +
background-color: #E3E3E3;
 +
width: 100%;
 +
padding: 0px;
 +
margin: 0px;
 +
border: 0px;
 +
}
 +
body,td,th {
 +
font-size: large;
 +
color: #000;
 +
font-family: "Century Gothic";
 +
}
 +
#page {
 +
margin-left:auto;
 +
margin-right:auto;
 +
position: absolute;
 +
width: 1350px;
 +
height: 697px;
 +
z-index: 1;
 +
left: 0px;
 +
top: 0px;
 +
overflow: hidden;
 +
font-size: 16px;
 +
}
 +
#logo {
 +
position: absolute;
 +
width: 250px;
 +
height: 157px;
 +
z-index: 1;
 +
left: 32px;
 +
top: 1px;
 +
}
 +
#banner {
 +
position: absolute;
 +
width: 1350px;
 +
height: 100px;
 +
z-index: 19;
 +
left: 282px;
 +
top: 0px;
 +
opacity: 0.6;
 +
}
 +
#primary-nav {
 +
position: absolute;
 +
width: 1800px;
 +
height: 50px;
 +
z-index: 2;
 +
left:290px;
 +
top: 116px;
 +
}
 +
#primary-nav li{
 +
display: inline;
 +
list-style-type: none;
 +
overflow: hidden;
 +
}
 +
#primary-nav li a{
 +
margin-right: 15px;
 +
padding-top: 4px;
 +
overflow: hidden;
 +
color: #000;
 +
padding-top: 4px;
 +
text-decoration: none;
 +
border-top-width: 4px;
 +
border-top-style: solid;
 +
border-top-color: #E3E3E3;
 +
}
 +
#nav-contactus a{
 +
border-top-color: #000 !important;
 +
margin-left: 80px;
 +
}
 +
#nav-contactus a:hover{
 +
border-top-color: #2080C0 !important;
 +
}
 +
#primary-nav li a:hover{
 +
color: #2080C0;
 +
}
 +
#primary-nav li.selected a{
 +
border-top-color: #2080C0;
 +
color: #2080C0;
 +
}
 +
#menuProject{
 +
position: absolute;
 +
width: 160px;
 +
height: 216px;
 +
left: -500px;
 +
top: 136px;
 +
z-index: 18;
 +
cursor: pointer;
 +
}
 +
.menuPlist{
 +
position: absolute;
 +
padding-left: 20px;
 +
line-height: 40px;
 +
width: 140px;
 +
height: 40px;
 +
left: 0px;
 +
color: #FFF;
 +
background: rgba(50, 50, 50, 0.5);
 +
}
 +
.menuP-hbar {
 +
position: absolute;
 +
left: 20px;
 +
width: 110px;
 +
height: 3px;
 +
background-color: #0D7DBC;
 +
z-index: 19;
 +
}
 +
#menuNotebook{
 +
position: absolute;
 +
width: 160px;
 +
height: 136px;
 +
left: -500px;
 +
top: 136px;
 +
z-index: 18;
 +
cursor: pointer;
 +
}
 +
.menuNlist{
 +
position: absolute;
 +
padding-left: 20px;
 +
line-height: 40px;
 +
width: 140px;
 +
height: 40px;
 +
left: 0px;
 +
color: #FFF;
 +
background: rgba(50, 50, 50, 0.5);
 +
}
 +
.menuN-hbar {
 +
position: absolute;
 +
left: 20px;
 +
width: 110px;
 +
height: 3px;
 +
background-color: #0D7DBC;
 +
z-index: 19;
 +
}
 +
#mainframe {
 +
position: absolute;
 +
top: 182px;
 +
left: 0px;
 +
height: 465px;
 +
width: 1350px;
 +
z-index:1;
 +
}
 +
#leftarrow {
 +
position: absolute;
 +
top: 168px;
 +
left: 0px;
 +
width: 100px;
 +
height: 100px;
 +
opacity: 0.5;
 +
z-index:5;
 +
}
 +
#rightarrow {
 +
position: absolute;
 +
top: 168px;
 +
right: 0px;
 +
width: 100px;
 +
height: 100px;
 +
opacity: 0.5;
 +
z-index:6;
 +
}
 +
#slide1 {
 +
margin-left: 125px;
 +
margin-right: 125px;
 +
position: absolute;
 +
left: 0px;
 +
top: 0px;
 +
height: 465px;
 +
width: 1100px;
 +
z-index: 3;
 +
font-size: 22px;
 +
 +
}
 +
#slide2 {
 +
margin-left: 125px;
 +
margin-right: 125px;
 +
position: absolute;
 +
left: 1350px;
 +
top: 0px;
 +
height: 465px;
 +
width: 1100px;
 +
z-index: 3;
 +
font-size: 22px;
 +
}
 +
#bottom {
 +
position: absolute;
 +
width: 1350px;
 +
height: 50px;
 +
left: 0px;
 +
top: 647px;
 +
opacity: 0.6;
 +
z-index:100;
}
}
-
#scrollDiv li span.entity-triangle{ display:none; }
 
-
#scrollDiv li.on span.entity-triangle{position:absolute; top:31px; left:-6px; display:block; width:6px; height:22px;z-index:99;}
 
</style>
</style>
-
<script type="text/javascript" src="/ajaxjs/jquery-1.6.2.min.js"></script>
 
<script type="text/javascript">
<script type="text/javascript">
-
$.extend({
+
function mousePosition(ev){
-
      manualScroll:function(opt,callback){
+
    if(ev.pageX || ev.pageY){
-
          //alert("suc");
+
        return {x:ev.pageX, y:ev.pageY};
-
          this.defaults = {
+
    }
-
              objId:"",  
+
    return {
-
              showArea:"",  
+
        x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
-
              showWidth:419,  
+
        y:ev.clientY + document.body.scrollTop - document.body.clientTop
-
              showHeight:664,
+
    };
-
              showTitle: false,
+
};
-
              width:350,  
+
 
-
              height:100,
+
$(document).ready(function(ev){
-
              picTimer:0,
+
  var menu1 = $("div.menuPlist");
-
interval:5500
+
  var menu2 = $("div.menuNlist");
-
          };
+
  var cont = new Array("<img src=\"https://static.igem.org/mediawiki/2014hs/c/c9/NFLSHP1.jpg\" width=\"800\" height=\"425\" />", "<p><div style=\"color:#FF0000\">A Club</div>To attract more attention on the competition and our project about the CRISPR-Cas system, we ran a club named iGEMER at NFLS(Nanjing Foreign Languages School) and held educational and elementary activities on the days of Nanjing Club Summit and NFLS Club Salon, the most ceremonious club celebrations in Nanjing and in NFLS. Once or twice a week hundreds of students took part in the club activities including the study group about synthetic biology in which they shared the latest findings and breakthroughs in biological field, the lectures given by the well-known professors from China Pharmaceutical University about the development of the modern biological technologies, transformation from the simple-helix structure of RNA to the double-helix structure of DNA, construction and application of Biobricks, some hands-on experiments such as the DNA extraction finished by the students from different grades, and trips and studies in the labs in universities and companies. We set up a platform for every high school students interested in biology to share their novel ideas. During the practice, we prepared presentations about the topic we were going to talk about before the seminar started and in that case the different levels of students’ previous knowledge would not cause any frictions. After the seminar, we got a large amount of positive feedbacks from the club members and successfully aroused the sparks and potential interest around us.</p>", "<img src=\"https://static.igem.org/mediawiki/2014hs/f/fd/NFLSHP2.png\" width=\"500\" height=\"465\" />", "<p><div style=\"color:#FF0000\">A Homepage</div>A home page about our study has been created since we started our project. On the website, we have several segments: team introduction, project progress, notebook, results and conclusions, safety, attributions, human practices and amusement. Along with the project underway, the new findings and periodical conclusions were added into the context of relative segments.</p><p>Apart from the homepage we created,, we also posed some updates on social network such as Wechat, RENREN and Weibo. We attracted a lot of attention from the public and lots of them also participated in our group discussion. Several great ideas generated here. At the same time, we put the link to our homepage on these channels, which increased the everyday visits to our website.</p>", "<img src=\"https://static.igem.org/mediawiki/2014hs/6/6f/NFLSHP4.png\" width=\"800\" height=\"425\" />", "<p><div style=\"color:#FF0000\">Acknowledgment</div>We thank Professor Hong Zhu and Hong Tian for their instruction and consultation during our experiments, Principal Zhengjing Dong for his support and encouragement which give us initial motivation to participate in the competition, and China Pharmaceutical University and Nanjing University for facilities support. Last but not least, we want to thank iGEM competition to give us this chance practicing what we really want to do in the future.</p>");
-
+
  var now = 0;
-
          var opts = $.extend(this.defaults,opt);
+
  var anchorsl = location.hash;
-
var $objId = opts.objId;
+
  if (anchorsl != "") {
-
var $showArea = opts.showArea;
+
  anchorsl = parseInt(anchorsl.substring(1, anchorsl.length + 1));
-
var $showWidth = opts.showWidth;
+
  now = anchorsl;
-
var $showHeight = opts.showHeight;
+
  };
-
var $showTitle = opts.showTitle;
+
  $("#slide1").html(cont[now]);
-
var $width = opts.width;
+
  $("#nav-notebook").mouseover(function(){
-
var $height = opts.height;
+
  if ($("#menuNotebook").hasClass("cur")) {
-
var $titleopacity = opts.titleopacity;
+
  return;
-
var $picTimer = opts.picTimer;
+
  };
-
var index=0;
+
  $("#menuNotebook").addClass("cur");
-
var $len = $("#"+$objId).find("ul li").length;
+
  $("#menuNotebook").css("left", "532px");
-
$("#"+$showArea).find("img").css({"height":$showHeight,"width":$showWidth});
+
  $("#menuNotebook").animate({height:'136px'}, 500, function(){
-
$("#"+$objId).find("ul li").hover(function(){
+
  $("#menuNotebook").removeClass("cur");
-
  index = $(this).index();
+
  });
-
  showimg(index);
+
  });
-
});
+
  $("#nav-notebook").mouseout(function(ev){
-
$(".slider-scroll").hover(function(){
+
  $("#menuNotebook").addClass("cur");
-
              clearInterval($picTimer);
+
  var mousePos = mousePosition(ev);
-
              },function(){
+
  if (mousePos.y < 136) {
-
                  $picTimer = setInterval(function() {
+
  $("#menuNotebook").animate({height:'0px'}, 500, function(){
-
  if(index==$len-1)
+
  $("#menuNotebook").css("left", "-500px");
-
            {
+
          $("#menuNotebook").removeClass("cur");
-
        index=0;
+
  });
-
            }
+
  }
-
else
+
  else {
-
{
+
      $("#menuNotebook").removeClass("cur");
-
    index+=1;
+
  };
-
}
+
  });
-
                      $("#"+$objId).find("ul li").removeClass("on");
+
  $("#menuNotebook").mouseleave(function(ev){
-
        $("#"+$objId).find("ul li").eq(index).addClass("on");
+
  $(this).addClass("cur");
-
$("#"+$showArea).find("img").css({"display":"none","opacity":"0.3"});
+
  var mousePos = mousePosition(ev);
-
$("#"+$showArea).find("img").eq(index).css({"display":"block"}).stop(true,false).animate({"opacity":"1"},500);
+
  if ((mousePos.y > 136) || (mousePos.x > 640) || (mousePos.x < 553)) {
-
                  },opts.interval);  
+
          $("#menuNotebook").animate({height:'0px'}, 500, function(){
-
          }).trigger("mouseleave");
+
      $("#menuNotebook").css("left", "-500px");
-
function showimg(index)
+
  $("#menuNotebook").removeClass("cur");
-
{
+
      });
-
if(index==$len)
+
  }
-
    {
+
  else {
-
  index=0;
+
      $("#menuNotebook").removeClass("cur");
-
    }
+
  };
-
  $("#"+$objId).find("ul li").removeClass("on");
+
  });
-
  $("#"+$objId).find("ul li").eq(index).addClass("on");
+
  $("div.menuNlist").mouseover(function(){
-
  $("#"+$showArea).find("img").css({"display":"none","opacity":"0.3"});
+
  var i = $.inArray(this, menu2);
-
  $("#"+$showArea).find("img").eq(index).css({"display":"block"}).stop(true,false).animate({"opacity":"1"},500);
+
  if ($(this).hasClass("cur")) {
-
  index+=1;
+
  return;
-
}
+
  };
-
}
+
  $(this).addClass("cur");
 +
  $("#" + this.id).animate({left:'-20px', width:'220px', backgroundColor:'rgba(13, 125, 188, 1)'}, 300);
 +
  if (i > 0) {
 +
    $("#menuN-hbar" + String(i)).animate({opacity:'0'}, 200);
 +
  };
 +
  if (i < 2) {
 +
    $("#menuN-hbar" + String(i + 1)).animate({opacity:'0'}, 200);
 +
  };
 +
  });
 +
  $("div.menuNlist").mouseout(function(){
 +
  var i = $.inArray(this, menu2);
 +
  var f = 0;
 +
  $("#" + this.id).animate({left:'0px', width:'140px', backgroundColor:'rgba(50, 50, 50, 0.5)'}, 300, function(){
 +
      $(this).removeClass("cur");
 +
  });
 +
  if (i > 0) {
 +
    $("#menuN-hbar" + String(i)).animate({opacity:'1'}, 200);
 +
  };
 +
  if (i < 2) {
 +
    $("#menuN-hbar" + String(i + 1)).animate({opacity:'1'}, 200);
 +
  };
 +
  });
 +
  $("#nav-project").mouseover(function(){
 +
  if ($("#menuProject").hasClass("cur")) {
 +
  return;
 +
  };
 +
  $("#menuProject").addClass("cur");
 +
  $("#menuProject").css("left", "340px");
 +
  $("#menuProject").animate({height:'256px'}, 500, function(){
 +
  $("#menuNotebook").removeClass("cur");
 +
  });
 +
  });
 +
  $("#nav-project").mouseout(function(ev){
 +
  $("#menuProject").addClass("cur");
 +
  var mousePos = mousePosition(ev);
 +
  if (mousePos.y < 136) {
 +
      $("#menuProject").animate({height:'0px'}, 500, function(){
 +
  $("#menuProject").css("left", "-500px");
 +
          $("#menuProject").removeClass("cur");
 +
  });
 +
  }
 +
  else {
 +
      $("#menuProject").removeClass("cur");
 +
  };
 +
  });
 +
  $("#menuProject").mouseleave(function(ev){
 +
  $(this).addClass("cur");
 +
  var mousePos = mousePosition(ev);
 +
  if ((mousePos.y > 136) || (mousePos.x > 430) || (mousePos.x < 361)) {
 +
          $("#menuProject").animate({height:'0px'}, 500, function(){
 +
      $("#menuProject").css("left", "-500px");
 +
  $("#menuProject").removeClass("cur");
 +
      });
 +
  }
 +
  else {
 +
      $("#menuProject").removeClass("cur");
 +
  };
 +
  });
 +
  $("div.menuPlist").mouseover(function(){
 +
  var i = $.inArray(this, menu1);
 +
  if ($(this).hasClass("cur")) {
 +
  return;
 +
  };
 +
  $(this).addClass("cur");
 +
  $("#" + this.id).animate({left:'-20px', width:'220px', backgroundColor:'rgba(13, 125, 188, 1)'}, 300);
 +
  if (i > 0) {
 +
    $("#menuP-hbar" + String(i)).animate({opacity:'0'}, 200);
 +
  };
 +
  if (i < 5) {
 +
    $("#menuP-hbar" + String(i + 1)).animate({opacity:'0'}, 200);
 +
  };
 +
  });
 +
  $("div.menuPlist").mouseout(function(){
 +
  var i = $.inArray(this, menu1);
 +
  var f = 0;
 +
  $("#" + this.id).animate({left:'0px', width:'140px', backgroundColor:'rgba(50, 50, 50, 0.5)'}, 300, function(){
 +
      $(this).removeClass("cur");
 +
  });
 +
  if (i > 0) {
 +
    $("#menuP-hbar" + String(i)).animate({opacity:'1'}, 200);
 +
  };
 +
  if (i < 5) {
 +
    $("#menuP-hbar" + String(i + 1)).animate({opacity:'1'}, 200);
 +
  };
 +
  });
 +
  $("#leftarrow").click(function(){
 +
  if (now > 0) {
 +
      if ($("#slide1").hasClass("cur")) {
 +
      return;
 +
      };
 +
      $("#slide1").addClass("cur");
 +
  now -= 1;
 +
  $("#slide2").html(cont[now]);
 +
      $("#slide2").css("left", -1350);
 +
  $("#slide1").animate({"left":1350}, 1000);
 +
      $("#slide2").animate({"left":0}, 1000, function() {
 +
          $("#slide1").html(cont[now]);
 +
          $("#slide1").css("left", 0);
 +
          $("#slide2").css("left", -1350);
 +
  $("#slide1").removeClass("cur");
 +
          });
 +
  }
 +
  });
 +
  $("#rightarrow").click(function(){
 +
  if (now < cont.length - 1) {
 +
      if ($("#slide1").hasClass("cur")) {
 +
      return;
 +
      };
 +
      $("#slide1").addClass("cur");
 +
  now += 1;
 +
  $("#slide2").html(cont[now]);
 +
      $("#slide2").css("left", 1350);
 +
  $("#slide1").animate({"left":-1350}, 1000);
 +
      $("#slide2").animate({"left":0}, 1000, function() {
 +
          $("#slide1").html(cont[now]);
 +
          $("#slide1").css("left", 0);
 +
          $("#slide2").css("left", 1350);
 +
  $("#slide1").removeClass("cur");
 +
          });
 +
  }
 +
  });
});
});
</script>
</script>
</head>
</head>
-
<body>
+
 
-
<script type="text/javascript">
+
<body topmargin="0">
-
//home
+
<div id="page">
-
$(document).ready(function(){
+
<div id="logo"><img src="https://static.igem.org/mediawiki/2014hs/7/73/NFLSLOGONEW.jpg" width="250" height="157" alt="iGEM_NFLS" /></div>
-
$.manualScroll({
+
<div id="banner"><img src="https://static.igem.org/mediawiki/2014hs/3/31/NFLS_banner.jpg" width="1350" height="100" alt="banner" /></div>
-
objId:"scrollDiv",
+
<div id="primary-nav">
-
showArea:"showArea",
+
  <ul>
-
showWidth:664,
+
  <li id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS">MAIN</a></li>
-
showHeight:419,
+
  <li id="nav-project"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/project.html">PROJECT</a></li>
-
showTitle: true,
+
  <li id="nav-biobricks"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html">BIOBRICKS</a></li>
-
picTimer:0,
+
  <li id="nav-notebook"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html">NOTEBOOK</a></li>
-
interval:3000
+
  <li id="nav-safety"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/safety.html">SAFETY</a></li>
-
});
+
  <li class="selected" id="nav-humanpractice"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/humanpractice.html">HUMAN PRACTICE</a></li>
-
});
+
  <li id="nav-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team.html">TEAM</a></li>
-
</script>
+
  <li id="nav-ourpartners"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/ourpartners.html">OUR PARTNERS</a></li>
-
<div class="main">
+
  <li id="nav-contactus"><a href="mailto:shushutaishuaile@outlook.com">CONTACT US</a></li>
-
<div  class="slider-scroll f-c">
+
  </ul>
-
<div id="showArea">
+
</div>
-
<a  target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/1/12/NFLS_Wzn-done.png" width="664px" height="419px"></a>
+
<div id="menuProject">
-
<a  target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/1/12/NFLS_Wzn-done.png" width="664px" height="419px"></a>
+
  <div id="menuPbar1" class="menuPlist" style="top:16px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html#0';">ABSTRACT</div>
-
<a  target="_blank"><img style="display:block; opacity:1;" src="https://static.igem.org/mediawiki/2014hs/f/fc/NFLSLYF%281%29.png" width="664px" height="419px"></a>
+
  <div id="menuPbar2" class="menuPlist" style="top:56px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html#1';">TOOKIT</div>
-
</div>
+
  <div id="menuPbar3" class="menuPlist" style="top:96px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html';">FUNCTION</div>
-
<div id="scrollDiv">
+
  <div id="menuPbar4" class="menuPlist" style="top:136px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html#9';">ADVANTAGE</div>
-
<ul>
+
  <div id="menuPbar5" class="menuPlist" style="top:176px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#design';">DESIGN</div>
-
<li class="on"><a target="_blank">A CLUB</a><span class="entity-triangle"></span></li>
+
  <div id="menuPbar6" class="menuPlist" style="top:216px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#buildup';">BUILD UP</div>
-
<li ><a target="_blank">A HOMEPAGE</a><span class="entity-triangle"></span></li>
+
  <div id="menuP-hbar1" class="menuP-hbar" style="top:55px"></div>
-
<li ><a target="_blank">ACKNOWLEDGEMENT</a><span class="entity-triangle"></span></li>
+
  <div id="menuP-hbar2" class="menuP-hbar" style="top:95px"></div>
-
</ul>
+
  <div id="menuP-hbar3" class="menuP-hbar" style="top:135px"></div>
-
</div>
+
  <div id="menuP-hbar4" class="menuP-hbar" style="top:175px"></div>
-
</div>
+
  <div id="menuP-hbar5" class="menuP-hbar" style="top:215px"></div>
 +
</div>
 +
<div id="menuNotebook">
 +
  <div id="menuNbar1" class="menuNlist" style="top:16px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#prove';">PROVE</div>
 +
  <div id="menuNbar2" class="menuNlist" style="top:56px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#buildup';">BUILD UP</div>
 +
  <div id="menuNbar3" class="menuNlist" style="top:96px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html';">EXAMINE</div>
 +
  <div id="menuN-hbar1" class="menuN-hbar" style="top:55px"></div>
 +
  <div id="menuN-hbar2" class="menuN-hbar" style="top:95px"></div>
</div>
</div>
-
<div style="text-align:center;clear:both">
+
 
 +
  <div id="mainframe">
 +
    <div id="leftarrow">
 +
      <img src="https://static.igem.org/mediawiki/2014hs/9/97/LeftArrow.png" width="100" height="100" alt="leftArrow" />
 +
    </div>
 +
    <div id="slide1">
 +
    </div>
 +
    <div id="slide2">
 +
    </div>
 +
    <div id="rightarrow">
 +
        <img src="https://static.igem.org/mediawiki/2014hs/c/cc/RightArrow.png" width="100" height="100" alt="rightArrow" />
 +
    </div>
 +
  </div>
</div>
</div>
-
<div class="AB">
+
<div id="bottom" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2014hs/a/a2/NFLS_bottom.png" width="1350" height="50" alt="bottomimage" /></div>
-
<p>
+
-
A Club</br>
+
-
</br>
+
-
To attract more attention on the competition and our project about the CRISPR-Cas system, we ran a club named iGEMER at NFLS(Nanjing Foreign Languages School) and held educational and elementary activities on the days of Nanjing Club Summit and NFLS Club Salon, the most ceremonious club celebrations in Nanjing and in NFLS. Once or twice a week hundreds of students took part in the club activities including the study group about synthetic biology in which they shared the latest findings and breakthroughs in biological field, the lectures given by the well-known professors from China Pharmaceutical University about the development of the modern biological technologies, transformation from the simple-helix structure of RNA to the double-helix structure of DNA, construction and application of Biobricks, some hands-on experiments such as the DNA extraction finished by the students from different grades, and trips and studies in the labs in universities and companies. We set up a platform for every high school students interested in biology to share their novel ideas. During the practice, we prepared presentations about the topic we were going to talk about before the seminar started and in that case the different levels of students’ previous knowledge would not cause any frictions. After the seminar, we got a large amount of positive feedbacks from the club members and successfully aroused the sparks and potential interest around us.</br>
+
-
</br>
+
-
A Homepage</br>
+
-
</br>
+
-
A home page about our study has been created since we started our project. On the website, we have several segments: team introduction, project progress, notebook, results and conclusions, safety, attributions, human practices and amusement. Along with the project underway, the new findings and periodical conclusions were added into the context of relative segments.</br>
+
-
</br>
+
-
Apart from the homepage we created,, we also posed some updates on social network such as Wechat, RENREN and Weibo. We attracted a lot of attention from the public and lots of them also participated in our group discussion. Several great ideas generated here. At the same time, we put the link to our homepage on these channels, which increased the everyday visits to our website.</br>
+
-
</br>
+
-
Acknowledgment</br>
+
-
</br>
+
-
We thank Professor Hong Zhu and Hong Tian for their instruction and consultation during our experiments, Principal Zhengjing Dong for his support and encouragement which give us initial motivation to participate in the competition, and China Pharmaceutical University and Nanjing University for facilities support. Last but not least, we want to thank iGEM competition to give us this chance practicing what we really want to do in the future.</br>
+
-
</br>
+
-
</p>
+
</div>
</div>
</body>
</body>
</html>
</html>
-
{{Template:NFLSIndex}}
 

Latest revision as of 03:52, 21 June 2014

Human Practice | iGEM Nanjing_NFLS

leftArrow
rightArrow
bottomimage

Retrieved from "http://2014hs.igem.org/Team:Nanjing_NFLS/humanpractice.html"