|
|
| (33 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{HBUT-China}}
| |
| | <html> | | <html> |
| | <head> | | <head> |
| | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| | <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | | <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> |
| | <link rel="stylesheet" href="http://123.207.175.242/csdn/css/igem-style.css"> | | <link rel="stylesheet" href="http://123.207.175.242/csdn/css/igem-style.css"> |
| | <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> | | <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> |
| − | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | + | <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> |
| − | <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | + | <script type="text/javascript" src="http://123.207.175.242/csdn/js/menulist.js"></script> |
| | <script type="text/javascript" src="http://123.207.175.242/csdn/js/jq22.js"></script> | | <script type="text/javascript" src="http://123.207.175.242/csdn/js/jq22.js"></script> |
| − |
| |
| − | <script>
| |
| − | (function($) {
| |
| − |
| |
| − | $.fn.menumaker = function(options) {
| |
| − |
| |
| − | var cssmenu = $(this), settings = $.extend({
| |
| − | title: "Menu",
| |
| − | format: "dropdown",
| |
| − | sticky: false
| |
| − | }, options);
| |
| − |
| |
| − | return this.each(function() {
| |
| − | cssmenu.prepend('<div id="menu-button">' + settings.title + '</div>');
| |
| − | $(this).find("#menu-button").on('click', function(){
| |
| − | $(this).toggleClass('menu-opened');
| |
| − | var mainmenu = $(this).next('ul');
| |
| − | if (mainmenu.hasClass('open')) {
| |
| − | mainmenu.hide().removeClass('open');
| |
| − | }
| |
| − | else {
| |
| − | mainmenu.show().addClass('open');
| |
| − | if (settings.format === "dropdown") {
| |
| − | mainmenu.find('ul').show();
| |
| − | }
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | cssmenu.find('li ul').parent().addClass('has-sub');
| |
| − |
| |
| − | multiTg = function() {
| |
| − | cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');
| |
| − | cssmenu.find('.submenu-button').on('click', function() {
| |
| − | $(this).toggleClass('submenu-opened');
| |
| − | if ($(this).siblings('ul').hasClass('open')) {
| |
| − | $(this).siblings('ul').removeClass('open').hide();
| |
| − | }
| |
| − | else {
| |
| − | $(this).siblings('ul').addClass('open').show();
| |
| − | }
| |
| − | });
| |
| − | };
| |
| − |
| |
| − | if (settings.format === 'multitoggle') multiTg();
| |
| − | else cssmenu.addClass('dropdown');
| |
| − |
| |
| − | if (settings.sticky === true) cssmenu.css('position', 'fixed');
| |
| − |
| |
| − | resizeFix = function() {
| |
| − | if ($( window ).width() > 768) {
| |
| − | cssmenu.find('ul').show();
| |
| − | }
| |
| − |
| |
| − | if ($(window).width() <= 768) {
| |
| − | cssmenu.find('ul').hide().removeClass('open');
| |
| − | }
| |
| − | };
| |
| − | resizeFix();
| |
| − | return $(window).on('resize', resizeFix);
| |
| − |
| |
| − | });
| |
| − | };
| |
| − | })(jQuery);
| |
| − |
| |
| − | (function($){
| |
| − | $(document).ready(function(){
| |
| − |
| |
| − | $(document).ready(function() {
| |
| − | $("#cssmenu").menumaker({
| |
| − | title: "Menu",
| |
| − | format: "multitoggle"
| |
| − | });
| |
| − |
| |
| − | $("#cssmenu").prepend("<div id='menu-line'></div>");
| |
| − |
| |
| − | var foundActive = false, activeElement, linePosition = 0, menuLine = $("#cssmenu #menu-line"), lineWidth, defaultPosition, defaultWidth;
| |
| − |
| |
| − | $("#cssmenu > ul > li").each(function() {
| |
| − | if ($(this).hasClass('active')) {
| |
| − | activeElement = $(this);
| |
| − | foundActive = true;
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | if (foundActive === false) {
| |
| − | activeElement = $("#cssmenu > ul > li").first();
| |
| − | }
| |
| − |
| |
| − | defaultWidth = lineWidth = activeElement.width();
| |
| − |
| |
| − | defaultPosition = linePosition = activeElement.position().left;
| |
| − |
| |
| − | menuLine.css("width", lineWidth);
| |
| − | menuLine.css("left", linePosition);
| |
| − |
| |
| − | $("#cssmenu > ul > li").hover(function() {
| |
| − | activeElement = $(this);
| |
| − | lineWidth = activeElement.width();
| |
| − | linePosition = activeElement.position().left;
| |
| − | menuLine.css("width", lineWidth);
| |
| − | menuLine.css("left", linePosition);
| |
| − | },
| |
| − | function() {
| |
| − | menuLine.css("left", defaultPosition);
| |
| − | menuLine.css("width", defaultWidth);
| |
| − | });
| |
| − |
| |
| − | });
| |
| − |
| |
| − |
| |
| − | });
| |
| − | })(jQuery);
| |
| − | </script>
| |
| | </head> | | </head> |
| | <body> | | <body> |
| Line 126: |
Line 14: |
| | <div id='cssmenu'> | | <div id='cssmenu'> |
| | <ul> | | <ul> |
| − | <li><a href='https://2017.igem.org/Team:HBUT-China'>HOME</a></li> | + | <li><img src="https://static.igem.org/mediawiki/2017/5/55/HBUT-logo2.png" height="45"/></li> |
| − | <li class='has-sub'><a href='#'>TEAM</a>
| + | |
| − | <ul>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Team'>Team</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Collaborations'>Collaborations</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class='has-sub'><a href='javascript:;'>PROJECT</a>
| + | |
| − | <ul>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Description'>Description</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Design'>Design</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Experiments'>Experiments</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Notebook'>Notebook</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/InterLab'>InterLab</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Contribution'>Contribution</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Model'>Model</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Results'>Results</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Demonstrate'>Demonstrate</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Improve'>Improve</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Attributions'>Attributions</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class='has-sub'><a href='javascript:;'>PARTS</a>
| + | |
| − | <ul>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Parts'>Parts</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Basic_Parts'>Basic Parts</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Composite_Parts'>Composite Parts</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Part_Collection'>Part Collection</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href='https://2017.igem.org/Team:HBUT-China/SAFETY'>SAFETY</a></li>
| + | |
| − | <li class='has-sub'><a href='javascript:;'>HUMAN PRACTICES </a>
| + | |
| − | <ul>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Silver_HP'>Silver HP</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Integrated_and_Gold'>Integrated and Gold</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Public_Engagement'>Public Engagement</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class='has-sub'><a href='javascript:;'>AWARDS</a>
| + | |
| − | <ul>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Applied_Design'>Applied Design</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Entrepreneurship'>Entrepreneurship</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Hardware'>Hardware</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Measurement'>Measurement</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Model'>Model</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Plant'>Plant</a></li>
| + | |
| − | <li ><a href='https://2017.igem.org/Team:HBUT-China/Software'>Software</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href='https://2017.igem.org/Team:HBUT-China/Judging_Form'>Judging Form</a>
| + | |
| | </ul> | | </ul> |
| | </div> | | </div> |
| | </div> | | </div> |
| | <!-- one bt one slider --> | | <!-- one bt one slider --> |
| − | <div class="wrape homeone"> | + | <div class="js-silder"> |
| − | <div id="obo_slider"> | + | <div class="silder-scroll"> |
| − | <div class=" oneByOne_item"> | + | <div class=" silder-main"> |
| − | < a href=" javascript:;"><img src=" https:// static.igem.org/ mediawiki/ 2017/ 1/ 1a/Hbut- logo.png" class=" wp1_3 slide1_bot" /></a> | + | <div class="silder-main-img"> |
| − | <span class="txt1">Nickel ion!</span>
| + | <img src="// 2017.igem.org/ wiki/ images/ 8/ 8c/Hbut- banner1.png" alt=""> |
| − | <span class="txt2">Heavy metal pollutants!</span>
| + | </div> |
| − | <span class="txt3 short">For this year¡¯s iGEM Competition, our team will be focusing on putting forward a biological approach to detect nickel ions as a heavy metal contaminant in the natural environment</span>
| + | <div class=" silder-main-img"> |
| − | </div>
| + | <img src="// 2017.igem.org/ wiki/ images/ 5/ 55/Hbut- member. jpeg" alt=""> |
| − | <div class=" oneByOne_item"> | + | </div> |
| − | <a href="javascript:;"><img src=" https:// static.igem.org/ mediawiki/ 2017/ 1/ 1a/Hbut- logo. png" width=" 350" class="wp1_3 wp1_left slide2_bot" /></a> | + | |
| − | <span class="txt1 blue txt_right2">In order to achieve this goal, we use a nickel-sensitive repressive promoter (pncrA)</span>
| + | </div> |
| − | <span class="txt1 blue txt_right2">In the absence of nickel ions, the repressor protein (NcrB) binds to the promoter, preventing the expression of the subsequent gene</span>
| + | </div> |
| − | </div>
| + | |
| | </div> | | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | <div class="content-main"> | | <div class="content-main"> |
| | <div class="container"> | | <div class="container"> |
| Line 203: |
Line 45: |
| | </div> | | </div> |
| | <small>Overview</small> | | <small>Overview</small> |
| − | <p>For this year's iGEM Competition, our team will be focusing on putting forward a biological approach to detect nickel ions as a heavy metal contaminant in the natural environment. Through our study over this summer, we are expecting to make the expression of green fluorescent protein by nickel ion concentration control. In a certain concentration range, we will try to establish a quantitative relationship between fluorescence intensity and nickel ion concentration in the environment. This may build a nickel ion concentration quantitative detection system.</p> | + | <p>For this year's iGEM Competition, our team has focused on putting forward a biological approach to detecting nickel ions as a heavy metal contaminant in the natural environment. Through our study over this summer, we are expecting to control the expression of red fluorescent protein by changing the nickel ion concentration. In a certain concentration range, we will try to establish a quantitative relationship between the intensity of the fluorescence and the concentration of nickel ions in the environment. This may build a nickel ion concentration quantitative detection system.</p> |
| | <p>In order to achieve this goal, we use a nickel-sensitive repressive promoter (pncrA). In the absence of nickel ions, the repressor protein (NcrB) binds to the promoter, preventing the expression of the subsequent gene. The nickel ions in the environment can bind to repressor proteins to alter the domain of the protein, so that the fluorescent protein gene behind the promoter is expressed and produces fluorescence.</p> | | <p>In order to achieve this goal, we use a nickel-sensitive repressive promoter (pncrA). In the absence of nickel ions, the repressor protein (NcrB) binds to the promoter, preventing the expression of the subsequent gene. The nickel ions in the environment can bind to repressor proteins to alter the domain of the protein, so that the fluorescent protein gene behind the promoter is expressed and produces fluorescence.</p> |
| | </div> | | </div> |
| | <div class="col-lg-2"></div> | | <div class="col-lg-2"></div> |
| | </div> | | </div> |
| − | <div class="row">
| + | <br/><br/><br/><br/> |
| − | <div class="col-lg-2"></div>
| + | |
| − | <div class="col-lg-8 project-desc">
| + | |
| − | <div class="page-header">
| + | |
| − | <h1>How do we come to this idea?</h1>
| + | |
| − | </div>
| + | |
| − | <small>1.The harm of nickel ions</small>
| + | |
| − | <p>Nickel is an important element for humans. Normally, the human body maintains a daily demand of 0.3mg nickel. However, it is also one of the metal elements that easily cause allergy among human beings, with an estimated 20% of people being allergic to it. As is claimed by experts, an intake of more than 0.6mg nickel at a time can cause allergy to almost any person. A chronic excessive intake of nickel can cause a variety of toxic reactions, including dermatitis, respiratory disorders and even respiratory cancer. In addition, nickel is also considered to be one of the relevant factors that cause leukemia, asthma, and urinary stones. Also, it can possibly lead to reduced fertility and teratogenicity.</p>
| + | |
| − | <small>2.Nickel pollution</small>
| + | |
| − | <p>Nickel pollution generally refers to excessive amounts of nickel existing in the environment that humans are exposed to. Traditionally, major sources of nickel in the environment are the industry of steelmaking and electroplating, with approximately 85% of nickel being used in certain process. However, with the rapid development of science and technology, the manufacturing of electronic products has brought a substantial amount of nickel ions to the environment. Also, with the popularity of new energy vehicles, nickel-metal hydride batteries being its major power source has contributed to an increasing demand of nickel, and unavoidably, an increasing amount of nickel ions to the environment as well. Statistics indicate that the 2016 global raw nickel consumption reached 200 million tons. The future demand for nickel is predicted to continue increasing at an annual 5% growth rate on average. As a consequence, we may have to anticipate a deterioration of nickel pollution. Therefore, the detection of nickel ions in the environment and hence methods to alleviate nickel pollution will be vitally important. </p>
| + | |
| − | <small>3.The drawbacks of existing nickel ion detection methods </small>
| + | |
| − | <p>Currently, the most commonly adopted method of nickel ion detection is spectrophotometry, with which an amount of nickel ion within the range from 0.08 to 5.0 mg / L in solid samples and within the range from 0.25 to 10 mg / L in water samples can be detected. However, spectrophotometry has obvious limitations, being very susceptible to interference from other substances throughout its process and thus making itself a relatively less reliable detecting approach. Moreover, the procedures are fairly complicated and costly as well. Therefore, our team is striving to put forward a biological approach of nickel ion detection, which can achieve the same accuracy as spectrophotometry yet is simpler in procedures and probably much lower in cost.</p>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-2"></div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| Line 228: |
Line 56: |
| | <p>copyright © 2017 IGEM-HBUT-China All rights reserved.</p> | | <p>copyright © 2017 IGEM-HBUT-China All rights reserved.</p> |
| | </div> | | </div> |
| − | <script type="text/javascript" src="http://123.207.175.242/csdn/js/jquery-runbanner.js"></script> | + | <script src="http://123.207.175.242/csdn/js/wySilder.min.js" type="text/javascript"></script> |
| − | <script type="text/javascript"> | + | <script> |
| − | $(function(){ | + | $(function (){ |
| − | $('#obo_slider').runbanner({
| + | $(".js-silder").silder({ |
| − | className: 'oneByOne1',
| + | auto: true,//自动播放，传入任何可以转化为true的值都会自动轮播 |
| − | easeType: 'fadeIn', //动画参数
| + | speed: 20,//轮播图运动速度 |
| − | /*
| + | sideCtrl: true,//是否需要侧边控制按钮 |
| − | "rollIn", "fadeIn", "fadeInUp", "fadeInDown", "fadeInLeft", "fadeInRight", "fadeInRight", "bounceIn", "bounceInDown", "bounceInUp", "bounceInLeft", "bounceInRight", "rotateIn", "rotateInDownLeft", "rotateInDownRight", "rotateInUpLeft", "rotateInUpRight" (18种动画类型可调用)
| + | bottomCtrl: true,//是否需要底部控制按钮 |
| − | */
| + | defaultView: 0,//默认显示的索引 |
| − | slideShow: true //为false时不会自动播放
| + | interval: 3000,//自动轮播的时间，以毫秒为单位，默认3000毫秒 |
| − | });
| + | activeClass: "active",//小的控制按钮激活的样式，不包括作用两边，默认active |
| − | }) | + | }); |
| | + | }); |
| | </script> | | </script> |
| | </body> | | </body> |
| | </html> | | </html> |
