|
|
(141 intermediate revisions by 5 users not shown) |
Line 7: |
Line 7: |
| <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015"> | | <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015"> |
| <!--add ?action=raw&ctype=text/css when using Css--> | | <!--add ?action=raw&ctype=text/css when using Css--> |
− | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS?action=raw&ctype=text/css" type="text/css" media="screen"> | + | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&ctype=text/css" type="text/css" media="screen"> |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Style?action=raw&ctype=text/css" media="screen"> | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Style/new?action=raw&ctype=text/css" media="screen"> |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Responsive?action=raw&ctype=text/css" media="screen"> | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Responsive/new?action=raw&ctype=text/css" media="screen"> |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Animate?action=raw&ctype=text/css" media="screen"> | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Animate/new?action=raw&ctype=text/css" media="screen"> |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue?action=raw&ctype=text/css " title="blue" media="screen" /> | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&ctype=text/css " title="blue" media="screen" /> |
| <style type="text/css">/*get rid of the annoying iGEM style*/ | | <style type="text/css">/*get rid of the annoying iGEM style*/ |
| + | #top_menu_inside, #top_menu_inside:before, #top_menu_inside:after { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box;} |
| + | #top_menu_under{font-size: 12px;} |
| + | #top_menu_14{font-size: 12px; height:18px} |
| + | #top_menu_inside li{font-size: 12px;} |
| + | #user_item{font-size: 12px;} |
| #content{padding:0;border:0;width:100%;} | | #content{padding:0;border:0;width:100%;} |
| .firstHeading{visibility:hidden;} | | .firstHeading{visibility:hidden;} |
Line 18: |
Line 23: |
| .carousel-control.left, .carousel-control.right{background-image: none} | | .carousel-control.left, .carousel-control.right{background-image: none} |
| /* to style the sidebar*/ | | /* to style the sidebar*/ |
| + | |
| @media (min-width:1024px){ | | @media (min-width:1024px){ |
− | #sidebar1{position:relative;top:120px;} | + | #sidebar1{position:relative;top:120px;max-width:200px;} |
| #sidebar2{display:none;} | | #sidebar2{display:none;} |
| #nav-top{height:88px;} | | #nav-top{height:88px;} |
− | }
| + | |
− | @media (max-width: 1023px){ | + | |
| + | @media (max-width: 1023px){ |
| #sidebar1{display:none;} | | #sidebar1{display:none;} |
| #sidebar2{display:block;} | | #sidebar2{display:block;} |
| } | | } |
| .back-to-top{z-index:9999;} | | .back-to-top{z-index:9999;} |
| + | |
| + | ul.dropdown{margin-left: 0px; margin-top: 0px;} |
| + | .classic-title span { |
| + | position: absolute; |
| + | margin-top: -30px; |
| + | border-bottom-color: #00afd1; |
| + | } |
| + | .page-banner{ |
| + | background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px; |
| + | } |
| </style> | | </style> |
| </head> | | </head> |
Line 50: |
Line 67: |
| </div> | | </div> |
| <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0"> | | <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0"> |
− | <!-- Start Navigation List -->
| + | <!-- Start Navigation List --> |
− | <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px">
| + | <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;padding-top:10px"> |
| <li> | | <li> |
| <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a> | | <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a> |
Line 59: |
Line 76: |
| <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> | | <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> |
| </li> | | </li> |
− | <li><a class="active" href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a> |
| </li> | | </li> |
| </ul> | | </ul> |
Line 68: |
Line 85: |
| <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a> | | <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a> |
| </li> | | </li> |
− | <li><a href="#">CRIPSR</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired <span style="text-transform:lowercase">d</span>Cas9 Reporter</a> |
− | </li>
| + | |
− | <li><a href="#">Isothermal PCR</a>
| + | |
| </li> | | </li> |
− | <li><a href="#">B. subtillis</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-<span style="text-transform:lowercase">t</span>hermal Amplification</a> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a> |
| </li> | | </li> |
− | <li><a href="#">Device</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a> |
| </li> | | </li> |
| </ul> | | </ul> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Modeling">Modelling</a> | + | <a href="https://2015.igem.org/Team:Peking/Modeling">Modeling</a> |
| <ul class="dropdown"> | | <ul class="dropdown"> |
− | <li><a href="#">Link 1</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a> |
| </li> | | </li> |
− | <li><a href="#">Link 2</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a> |
| </li> | | </li> |
| </ul> | | </ul> |
Line 90: |
Line 106: |
| <a class="active" href="https://2015.igem.org/Team:Peking/Practices">Practices</a> | | <a class="active" href="https://2015.igem.org/Team:Peking/Practices">Practices</a> |
| <ul class="dropdown"> | | <ul class="dropdown"> |
− | <li><a class="active" href="#">Overview</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a> |
| </li> | | </li> |
− | <li><a href="#">Link 1</a> | + | <li><a class="active" href="https://2015.igem.org/Team:Peking/Practices/Background">Facts about TB</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Consultation">Consultation and Interview</a> |
| </li> | | </li> |
− | <li><a href="#">Link 2</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a> |
| </li> | | </li> |
− | <li><a href="#">Link 3</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethics and Economics Issue</a> |
− | </li>
| + | |
− | <li><a href="#">Link 4</a>
| + | |
| </li> | | </li> |
| </ul> | | </ul> |
Line 127: |
Line 143: |
| | | |
| <!-- Start Page Banner --> | | <!-- Start Page Banner --> |
− | <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px"> | + | <div class="page-banner"> |
| <div class="container"> | | <div class="container"> |
| <div class="row"> | | <div class="row"> |
| <div class="col-md-6"> | | <div class="col-md-6"> |
− | <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0"><b>Practices</b></h2> | + | <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0">P<span style="text-transform:lowercase">ractices</span></h2> |
| <p style="margin-top:0px;font-size:14px">Study how our work affects the world, and how the world affects our work.</p> | | <p style="margin-top:0px;font-size:14px">Study how our work affects the world, and how the world affects our work.</p> |
| </div> | | </div> |
Line 153: |
Line 169: |
| <div class="col-md-3 sidebar left-sidebar"> | | <div class="col-md-3 sidebar left-sidebar"> |
| <!-- Categories Widget --> | | <!-- Categories Widget --> |
− | <div id="sidebar1"class="widget widget-categories"> | + | <div id="sidebar1"class="widget widget-categories" > |
− | <h4 style="font-size:18px">Background <span class="head-line"></span></h4> | + | <h4 style="font-size:18px">P<span style="text-transform:lowercase">ractices</span><span class="head-line"></span></h4> |
| <ul> | | <ul> |
| <li> | | <li> |
− | <a href="#">Overview</a> | + | <a href="https://2015.igem.org/Team:Peking/Practices">Overview</a> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="#xxxx">Background</a> | + | <a href="#" style="color:#00afd1">TB Facts</a> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="#xxxx">link2</a> | + | <a href="https://2015.igem.org/Team:Peking/Practices/Consultation">Consultation and Interview</a> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="#xxxx">link3</a> | + | <a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="#xxxx">link4</a> | + | <a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethic and Economic Issues</a> |
| </li> | | </li> |
| </ul> | | </ul> |
| </div> | | </div> |
| <div id="sidebar2"class="widget widget-categories"> | | <div id="sidebar2"class="widget widget-categories"> |
− | <h4 style="font-size:18px">Practices<span class="head-line"></span></h4> | + | <h4 style="font-size:18px">P<span style="text-transform:lowercase">ractices</span><span class="head-line"></span></h4> |
− | <ul>
| + | <ul> |
| <li> | | <li> |
− | <a href="#" style="color:#00afd1">Overview</a> | + | <a href="https://2015.igem.org/Team:Peking/Practices">Overview</a> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="#xxxx">link1</a> | + | <a href="#" style="color:#00afd1">TB Facts</a> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="#xxxx">link2</a> | + | <a href="https://2015.igem.org/Team:Peking/Practices/Consultation">Consultation and Interview</a> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="#xxxx">link3</a> | + | <a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="#xxxx">link4</a> | + | <a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethic and Economic Issues</a> |
| </li> | | </li> |
| </ul> | | </ul> |
Line 196: |
Line 212: |
| <!--End sidebar--> | | <!--End sidebar--> |
| <!-- Page Content --> | | <!-- Page Content --> |
− | <div class="col-md-9 page-content"> | + | <div class="col-md-9 page-content" style="text-align:justify;"> |
| <div id="practices"> | | <div id="practices"> |
| <!-- Classic Heading --> | | <!-- Classic Heading --> |
| <div id="Background"> | | <div id="Background"> |
| <div> | | <div> |
− | <blockquote style="margin-left:40px"> | + | <p> |
− | <p>
| + | In the recent 20 years, tuberculosis (TB) has become a serious infectious disease all over the world. How’s the current epidemic situation of TB like in the world, especially in China? Is this kind of disease curable or fatal? Is early detection very important to the prognosis of TB patients? And how can our project be applied to the diagnosis of pulmonary TB? To find out the answers to all the questions above, we proceeded literature reviews and wrote a comprehensive report on the white plague, generally referred to as the pulmonary tuberculosis. |
− | In the recent 20 years, tuberculosis (TB) has become a serious infectious disease all over the world. Unfortunately, a low awareness of the severity of TB has been an obstacle to prevent the disease. <br>What’s the current epidemic situation of TB in the world, especially in China? <br>Is this kind of disease curable or fatal? <br>Is early detection very important to the prognosis of TB patients? <br>And how can our project be applied in the diagnosis of pulmonary TB? <br>To find out the answers to all the above questions, we’ve proceeded literature reviews and collected a lot of information of the white plague. | + | |
| </p> | | </p> |
− | </blockquote>
| + | </div> |
− | </div>
| + | <h3 class="classic-title" style="margin-top:50px; "><span style="border-bottom-color:#00afd1">White plague is staging a comeback</span></h3> |
− | <h3 class="classic-title" style="margin-top:50px"><span>White plague is staging a comeback</span></h3> | + | <div style="margin-top:30px; margin-bottom:0"> |
− | | + | <p>“Pale complexion, gaunt trunk, and a fit of acute coughing…” There are no lack of descriptions like these in the novels and dramas of the 19th century. What caused these clinical signs in those years was the pulmonary tuberculosis (TB), also called “the white plague”. In the 19th century, there were millions of people died of this fulminating infectious disease. It became curable and preventable since the applying of antibiotics and BCG in the 20th century. Nevertheless, WHO has warned the whole world that the white plague is staging a comeback; we should never get slack at the prevention and control of tuberculosis. |
− | <div style="margin-top:30px; margin-bottom:0">
| + | |
− | <p>‘Pale complexion, gaunt trunk, and a fit of acute coughing…’ There are no lack of descriptions like these in the novels and dramas of the 19th century. Which caused these clinical signs in those years was the pulmonary tuberculosis (TB), referred to as ‘the white plague’. In the 19th century, there were millions of people died of this fulminating infectious disease. It became curable and preventable since the applying of antibiotics and BCG in the 20th century. Nevertheless, WHO has warned the whole world that the white plague is staging a comeback. We can never get slack at the prevention and control of tuberculosis. | + | |
| </p> | | </p> |
| + | <div class="col-md-12" id="picture of <i>Mycobacterium tuberculosis</i>"> |
| + | <img src="https://static.igem.org/mediawiki/2015/c/c8/Peking-Practice-Background-pic1.jpeg"> |
| + | <p><small><b>Figure 1.Chest X-ray of a pulmonary TB patient (left) [1]and a healthy person (right) [2].</b><b>(a)</b>Diffusion and random distribution of numerous miliary nodules and fibrous-cavities with thick walls in a pulmonary TB patient. M= miliary pattern. Arrow indicates cavities at the right upper lobe.<b>(b)</b>Normal structures in chest. L= left collarbone.</small></p> |
| + | </div> |
| <p> | | <p> |
− | In 1882, a German scientist named Robert Koch announced his discovery of <i>Mycobacterium tuberculosis</i>. Pulmonary tuberculosis is exactly a kind of chronic wasting disease with high contagiosity, which is caused by the invasion of Mycobacterium tuberculosis into the lungs. Over 90% of pulmonary tuberculosis cases are infected through respiratory tract, which always occur when the patients cough or sneeze to make the sprays in the air, and healthy people inhale sprays with the pathogens. | + | In 1882, a German scientist named Robert Koch announced his discovery of <i>Mycobacterium tuberculosis</i>. Pulmonary tuberculosis is exactly a kind of chronic wasting disease with high contagiosity, which is caused by the invasion of <i>Mycobacterium tuberculosis</i> into the lungs. As the bacteria grow in the lung tissue, the patients may develop chronic fibro-cavitary pulmonary tuberculosis or miliary tuberculosis. If the former, you can find huge cavities with thick wall in the patients’ lungs (Figure 1a, Figure 2). The latter means that the bacteria have destroyed the lung tissue and result in the diffuse and random distribution of numerous miliary nodules in both lungs (Figure 1a, Figure 2). As for the mode of transmission, over 90% of pulmonary tuberculosis cases are spread from person to person through the air. When people with lung TB cough, sneeze or spit, they propel the TB germs into the air. A person needs to inhale only a few of these germs to become infected. |
| </p> | | </p> |
− | <div class="row" id="picture of Mycobacterium tuberculosis">
| + | <div class="col-md-12" id="picture of Mycobacterium tuberculosis"> |
− | <div class="col-md-6">
| + | <div class="row"> |
− | <img src="https://static.igem.org/mediawiki/2015/1/13/Peking-Practice-Background-pic1.jpg"> | + | <div class="col-md-3"></div> |
− | <p class="text-center"><small><b>Chest radiography of a TB patient</b></small></p>
| + | <div class="col-md-6"> |
| + | <img src="https://static.igem.org/mediawiki/2015/2/21/Peking-Practice-Background-pic2.jpeg"> |
| </div> | | </div> |
− | <p> The appearance of chemotherapeutic drugs and BCG vaccine can be addressed as the milestone in the antituberculous history. However, this kind of stubborn communicable disease has launched a new round of assault on human beings. According to the report from WHO, there is a trend that TB has become a more and more threatening disease all over the world. In 1995, 3 million people died of TB, much more than the death toll in 1900, making it a horrible year with the largest number of deaths.</p>
| + | <div class="col-md-3"></div> |
− | <p>
| + | </div> |
− | The primary reason giving rise to the above situation is the ignorance of TB in many districts of the world, leading to the deficiency or even vanishment of TB prevention and control system. The probability of developing TB is much higher among people infected with HIV, and a large portion of HIV sufferers died of TB. As the spread of HIV, the number of pulmonary tuberculosis patients is increasing rapidly. Meanwhile, diverse TB strains of multiple drug resistance have made it harder for us to cure it. </p>
| + | <p><small><b>Figure 2. Cavitating pulmonary TB - gross pathology image [3].</b>There is prominent scarring and cavitation, predominantly affecting the apical aspect of the right lung<b>(A)</b>, along with nodules of calcification at the left upper lobe<b>(B)</b></small></p> |
| </div> | | </div> |
| + | <p> The appearance of chemotherapeutic drugs and BCG vaccine can be marked as the milestone in the antituberculous history, which has saved millions of lives. However, this kind of stubborn communicable disease has launched a new round of assault on human beings. According to the report from WHO, there is a trend that TB has become a more and more threatening disease all over the world. In 1995, 3 million people died of TB, much more than the death toll in 1900, making it a horrible year with the largest number of deaths. |
| + | The ignorance of TB gives rise to the above situation in many areas of the world, leading to the deficiency of TB prevention and control system. Moreover, the probability of developing TB is much higher among people infected with HIV. As the spread of HIV, the number of pulmonary tuberculosis patients is increasing rapidly. Additionally, diverse TB strains of multiple drug resistance make it harder for us to cure it. </p> |
| + | <p> |
| </div> | | </div> |
| + | |
| <h3 class="classic-title" style="margin-top:50px"><span>Epidemic status of TB in the world</span></h3> | | <h3 class="classic-title" style="margin-top:50px"><span>Epidemic status of TB in the world</span></h3> |
| <div> | | <div> |
| <div> | | <div> |
− | <img class="col-md-12" src="https://static.igem.org/mediawiki/2015/6/68/Peking-Practice-Background-pic2.png">
| + | <div class="row"> |
− | <p class="text-center"><small><b>Estimated new TB cases per 100 000 population per year in the world</b></small></p> | + | <div class="col-md-2"></div> |
| + | <div class="col-md-8"> |
| + | <img src="https://static.igem.org/mediawiki/2015/e/ef/Peking-Practice-Background-pic3.jpeg"> |
| + | </div> |
| + | <div class="col-md-2"></div> |
| + | </div> |
| + | <p class="text-center"><small><b>Figure 3. Top six countries with the largest number of new TB cases in 2013.</b></small></p> |
| </div> | | </div> |
| <p> | | <p> |
− | TB now is considered as a severe communicable disease in the world, ranking as the 2nd leading cause of death among various infectious diseases, just after the human immunodeficiency virus. According to the Global Tuberculosis Report 2014, it was estimated that there were 9 million people infected with Mycobacterium tuberculosis, more than a half in the area of Southeast Asia and Western Pacific. To be more specific, 56% of the new cases occurred in Asia, and 29% in the African region. The six countries that stand out as having the largest number of incident cases in 2013 are India, China, Nigeria, Pakistan, Indonesia and South Africa. India and China alone accounted for 24% and 11% of the global cases respectively.</p> | + | TB now is considered as a severe communicable disease in the world, ranking as the 2nd leading cause of death among various infectious diseases, just after the human immunodeficiency virus (HIV). According to the Global Tuberculosis Report 2014, it was estimated that there were 9 million people infected with <i>Mycobacterium tuberculosis</i>, more than a half in the area of Southeast Asia and Western Pacific. In details, 56% of the new cases occurred in Asia, and 29% in the African region. The six countries that stand out as having the largest number of incident cases in 2013 are India, China, Nigeria, Pakistan, Indonesia and South Africa (Figure 3). India and China alone accounted for 24% and 11% of the global cases respectively [4]. With most TB cases occurring in Asia and Africa, the regional imbalance of TB control is increasingly serious (Figure 4). The lowest rates are found predominantly in high-income countries including most countries in Western Europe, Canada, the United States of America. Poverty in low-income countries indicate that most common people in the society cannot afford the high medical fees of TB diagnosis. This current situation urges the whole world to develop a cheaper detection method for <i>Mycobacterium tuberculosis.</i></p> |
− | <div class="col-md-12">
| + | <div class="row"> |
− | <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-Practice-Background-pic3.jpg" style="max-width:600px;margin-left:auto;margin-right:auto"> | + | <div class="col-md-2"></div> |
− | <p class="text-center"><small><b>The six countries with the largest number of new TB cases in 2013</b></small></p> | + | <div class="col-md-8"> |
| + | <img src="https://static.igem.org/mediawiki/2015/d/d4/Peking-Practice-Background-pic4.png" style="max-width:600px;margin-left:auto;margin-right:auto"> |
| + | </div> |
| + | <div class="col-md-2"></div> |
| + | </div> |
| + | <p class="text-center"><small><b>Figure 4. Estimated TB incidence rates in 2013 [4].</b><br/>The number of incident TB cases relative to the population size (the incidence rate) varies significantly among countries.</small></p> |
| </div> | | </div> |
| <p> | | <p> |
− | Though pulmonary TB is curable and the recovery rate is over 85%, there were 1.5 million TB deaths (1.1 million among HIV-negative people and 0.4 million among HIV-positive people). Approximately 78% of total TB deaths and 73% of TB deaths among HIV-negative people occurred in the African and South-East Asia in 2013. India and Nigeria accounted for about one-third of global TB deaths. As the spread of HIV and the appearance of strains with multi-drug resistance, the mortality rate is no longer easy to have great decline in recent years, unless new diagnosis and treatment techniques of high efficiency are accelerated to apply in clinical practice. </p> | + | On the other hand, though pulmonary TB is curable and the recovery rate is over 85%, there were 1.5 million TB deaths (1.1 million among HIV-negative people and 0.4 million among HIV-positive people) in 2013. Approximately 78% of total TB deaths and 73% of TB deaths among HIV-negative people occurred in the African and South-East Asia in 2013. India and Nigeria accounted for about one-third of global TB deaths. As the spread of HIV and the appearance of strains with multi-drug resistance, the mortality rate is no longer easy to have great decline in recent years, unless new diagnosis and treatment techniques of high efficiency are applied in clinical practice as soon as possible.</p> |
− | <p>Of the 9.0 million incident cases, an estimated 550 000 were children and 3.3 million occurred among women. 510 000 women and 80 000 children died of this disease in 2013. These figures are indicative of high burden of TB among women and children. On the other hand, TB is also more common among men than women, and affects mainly adults in the most economically productive age groups, making the disease no longer a killer posing a health risk on human beings. It has become a social problem threatening social stability, economy. | + | <p>Of the 9.0 million incident cases, an estimated 550 000 were children and 3.3 million occurred among women. 510 000 women and 80 000 children died of this disease in 2013 [4]. These figures are indicative of high burden of TB among women and children. On the other hand, TB is more common among men than women, and affects mainly the most economically productive age groups, making the disease not only a killer posing a health risk on human beings, but also a public problem threatening social stability. What’s more, the absolute number of incident cases is falling slowly, at a rate of 0.6% between 2012 and 2013. The current decline rate needs to accelerate to reach the Stop TB Partnership target of a 50% reduction by 2015. |
| </p> | | </p> |
− | <p>
| + | </div> |
− | The absolute number of incident cases is falling slowly, at an average rate of 1.5% per year from 2000 to 2013 and 0.6% between 2012 and 2013. Globally, the mortality rate has fallen by 45% between 1990 and 2013. The current rate of decline will need to accelerate to reach the Stop TB Partnership target of a 50% reduction by 2015. </p>
| + | |
− | </div>
| + | |
− | <h3 class="classic-title" id="CCiC" style="margin-top:50px"><span>White plague in China</span></h3> | + | <h3 class="classic-title" style="margin-top:50px"><span>White plague in China</span></h3> |
| <div> | | <div> |
− | <p>It was measured by WHO in 2014 that near 1 million new TB cases were Chinese in 2013, accounting for 11% of the total number. In recent years, as the implementation of DOTS (Directly-Observed Treatment Strategy), the epidemic situation of TB has been controlled in China. It has been estimated that the amount of patients over 15 with active pulmonary TB has reached at 4.99 million. The morbidity is 45.9 per 1 million based on the 5th National Tuberculosis Epidemiological Survey in 2010. The good news is that the prevalence rate has been decreased, but due to a great increase in the population size, the absolute number of patients with active pulmonary TB estimated in 2010 has increased. </p> | + | <p>It was measured by WHO that near 1 million new TB cases were Chinese in 2013, accounting for 11% of the total number. In recent years, as the implementation of DOTS (Directly-Observed Treatment Strategy), the epidemic situation of TB has been controlled in China. However, it has been estimated that the amount of patients over 15 with active pulmonary TB is still huge, about 4.99 million. The morbidity is 45.9 per 1 million based on the 5th National Tuberculosis Epidemiological Survey in 2010 [5]. The good news was that the prevalence rate had decreased, but it just has a slower descending tendency in recent years (Figure 5). What’s worse, the absolute number of patients with active pulmonary TB estimated in 2010 had increased due to a great increase in the population size. </p> |
− | <div class="col-md-12">
| + | <div> |
− | <img style="max-width:600px"src="https://static.igem.org/mediawiki/2015/5/59/Peking-Practice-Background-pic4.jpg"> | + | <div class="row"> |
− | <p class="text-center"><small><b>The trend of incidence population in China from 2008 to 2012</b></small></p> | + | <div class="col-md-2"></div> |
| + | <div class="col-md-7"> |
| + | |
| + | <img style="max-width:600px"src="https://static.igem.org/mediawiki/2015/d/de/Peking-Practice-Background-pic5.jpeg"> |
| + | </div> |
| + | <div class="col-md-3"></div> |
| + | </div> |
| + | <p class="text-center"><small><b>Figure 5. The trend of incidence population in China from 2008 to 2012.</b><br/></small></p> |
| </div> | | </div> |
| <p> | | <p> |
− | As a high burden country, the epidemic situation of tuberculosis is severe and complicated, especially with the largest population in the world. The fact that 1/3 of the people are infected with Mycobacterium tuberculosis warns us that near 500 million people in China are infected. Such an enormous population infected doubtlessly makes it difficult to fight against the disease. In addition, the epidemic situation of tuberculosis is also characterized by regional development imbalance of TB control. The prevalence in rural area is higher than in cities, while the western part is also significantly higher than the middle and eastern parts. The phenomenon is strongly related with the educational, economical imbalance among these areas. Low educational level, poverty, remoteness and poor medical conditions have made more people suffer from TB. | + | As a high burden country, the epidemic situation of tuberculosis in China is severe and complicated, especially with the largest population in the world. The fact that 1/3 of the people are infected with <i>Mycobacterium tuberculosis</i> warns us that near 500 million people in China might be infected. Such an enormous population infected doubtlessly makes it difficult to fight against the disease. In addition, the regional development imbalance is another problem existing in our country. The prevalence in rural area is higher than in cities, while the western part is also significantly higher than the middle and eastern parts. Low educational level, poverty, remoteness and poor medical conditions make more people suffer from TB in the areas with higher morbidity. |
| </p> | | </p> |
| <p> | | <p> |
− | To ensure TB patients receive standard treatment, Chinese government requires all levels of medical organizations to transfer patients suspicious of or defined as TB to local tuberculosis dispensaries for proceeding unified examinations, treatments and managements. The government provides free primary examination items and antitubercular agents for infectious pulmonary tuberculosis patients, including: </p> | + | To ensure TB patients receive standard treatment, Chinese government requires all levels of medical organizations to transfer patients suspicious of or defined as TB to local tuberculosis dispensaries for proceeding unified examinations, treatments and managements. The government provides free primary examination items and antitubercular agents for infectious pulmonary tuberculosis patients. These items include[6]: </p> |
| <div> | | <div> |
| <ol style="color:#666"> | | <ol style="color:#666"> |
− | <li>Examination of sputum smear: it covers the first visit to the hospital and the follow-up visit;</li> | + | <li> Examination of sputum smear: it covers the first visit to a doctor and the follow-up visit;</li> |
| <li>Examination of chest X-ray;</li> | | <li>Examination of chest X-ray;</li> |
− | <li>Antitubercular agents for the whole course of disease: the government provides agents for 6 months for initial treat cases, and 8 months for retreat TB cases.</li> | + | <li>Antitubercular agents for the whole course of disease: the government provides agents for 6 months for initially treated cases, and 8 months for retreated TB cases.</li> |
| </ol> | | </ol> |
| </div> | | </div> |
| </div> | | </div> |
− | <h3 class="classic-title" id="CCiC" style="margin-top:50px"><span>The relationship between diagnosis and prognosis of TB</span></h3> | + | |
| + | |
| + | <h3 class="classic-title" style="margin-top:50px"><span>The diagnosis and prognosis of TB</span></h3> |
| <div> | | <div> |
− | <p>Pulmonary tuberculosis is not a kind of fatal illness any more thanks to these chemotherapeutics such as Rifampicin, Isoniazid and Ethambutol. If the therapeutic regimen for TB, which is a long course of taking medicine without any interruption, is strictly followed, pulmonary TB is curable with a high recovery rate of over 85%. Nonetheless, early detection and treatment are core to TB control. Studies have demonstrated that there is a significant difference between the delayed treatment group and the early therapy group both in the severity and prognosis of the disease. </p> | + | <p>Pulmonary tuberculosis is not a kind of fatal illness any more thanks to the chemotherapeutics such as Rifampicin, Isoniazid and Ethambutol. If the therapeutic regimen for TB, which is a long course of taking medicine without any interruption, is strictly followed, pulmonary TB is curable with a high recovery rate of over 85%. Thus, early detection is core for TB control since the disease has a high recovery rate. Studies have demonstrated that there is a significant difference between the delayed treatment group and the early therapy group both in the severity and prognosis of the disease [7].</p> |
− | <p>Delayed treatment will have varying degrees of impact on the prognosis of TB patients. Pulmonary tuberculosis cases, accompanied by tuberculous pleuritis are more common among patients with delayed treatment. And chest radiography has prompted that there is more chance of multi-lobar lesions and complications with extra pulmonary tuberculosis for patients of this type. Mycobacterium tuberculosis in active state will proliferate in patients’ lung tissue with its natural characteristics to form a nidus before the patients receive any treatment. Congestion, exudation, edema and phagocytosis can be seen in the injured tissues. It will keep on developing hyperplastic nodules in lungs composed of collective lymphocytes, or caseous necrosis with the bacteria and necrotic tissues. Both conditions will produce fibroblasts, and proceed to the next step of fibrosis, which will make the antitubercular agents difficult to infiltrate into the injured tissues. Thus risks of failure on chemotherapeutics in short course greatly increase and therapeutic effects on TB will usually decline in these cases. On the other hand, if the bacteria in the caseous necrosis multiply rapidly, tissues would often form thick cavities with liquefactive necrosis. Once fibrosis of the cavity wall occurs, vascular beds greatly decrease, therefore leading a low blood concentration near the affected tissues if drugs are administered orally or by intravenous injection. </p> | + | <p>Delayed treatment has various degrees of impact on the prognosis of TB patients. Pulmonary tuberculosis cases, accompanied by tuberculous pleuritic, are more common among patients with delayed treatment. The chest radiography has prompted that there is more chance to attain multi-lobar lesions and extra pulmonary tuberculosis for patients with delayed treatment. <i>Mycobacterium tuberculosis</i> in active state will proliferate in patients’ lung tissue to form a nidus before the patients receive any treatment. Congestion, exudation, edema and phagocytosis can be seen in the injured tissues. It will keep on developing hyperplastic nodules in lungs composed of collective lymphocytes, or caseous necrosis with the bacteria and necrotic tissues. Both conditions will stimulate the body to produce fibroblasts, and proceed to the next step of fibrosis, which make the antitubercular agents difficult to infiltrate into the injured tissues. Thus the possibility of failure on chemotherapeutics in short course greatly increases in these cases. On the other hand, if the bacteria in the caseous necrosis multiply rapidly, tissues would often form thick cavities with liquefactive necrosis. Once fibrosis of the cavity wall occurs, the number of blood vessels will greatly decrease, therefore leading to a low concentration of the antitubercular agents in the affected tissues if drugs are administered orally or by intravenous injection. </p> |
| + | |
| <div class="col-md-9"> | | <div class="col-md-9"> |
− | <img src="https://static.igem.org/mediawiki/2015/c/c7/Peking-Practice-Background-pic5.jpg"> | + | <img src="https://static.igem.org/mediawiki/2015/4/41/Peking-Practice-Background-pic6.jpg" class="col-md-12"> |
− | <p class="text-center"><small><b>Tubercular nodule seen in the lung tissue under the microscope</b></small></p>
| + | <p><small><b>Figure 6. Tubercular nodule in the lung tissue in the microscopic view. </b><b>(A)</b> Caseous necrosis in the center of the tubercle contains a huge number of <i>Mycobacterium tuberculosis</i>. <b>(B)</b> Mononuclear phagocytes and lymphocytes surrounding the caseous necrosis.</small></p> |
| </div> | | </div> |
− | <p>The most serious condition is that a small portion of patients will not be sensitive to antitubercular agents, and it may develop chronic pulmonary tuberculosis, which is most likely never being cured.</p> | + | <p>The most serious condition is that a small portion of patients will not be sensitive to antitubercular agents due to delayed treatment, and it may develop chronic fibro-cavitary pulmonary tuberculosis, which may never be cured. Chronic fibro-cavitary pulmonary tuberculosis will destroy normal tissues in lungs. Even if the bacteria are sensitive to the agents, the lung tissue can never return to normal state with a permanent deficiency of the pulmonary functions.</p> |
− | <p>Chronic fibro-cavitary pulmonary tuberculosis will destroy normal tissues in lungs. Even the bacteria is sensitive to the agents, lung tissue can never return to normal state with a permanent deficiency of the pulmonary functions.</p>
| + | <p>As earlier detection means better prognosis, it is more urgent for the whole world to develop a rapid and convenient diagnostic method with high specificity and sensitivity.</p> |
− | <p>As the asymptomatic patients exist, it is more urgent for the whole world to develop a cheap and fast diagnostic method with high specificity and sensitivity. Early detection has been attached great significance to the prevention and control of tuberculosis. </p> | + | |
| </div> | | </div> |
− | <h3 class="classic-title" id="CCiC" style="margin-top:50px"><span>2015, a crucial year for TB control</span></h3> | + | |
| + | |
| + | <h3 class="classic-title" style="margin-top:50px"><span>2015, a crucial year for TB control</span></h3> |
| <div> | | <div> |
| <div style="margin-top:40px"> | | <div style="margin-top:40px"> |
| + | <p class="text-center"><small><b>Table 1. Introduction to TB control strategies before and after 2015 [4]</b></small></p> |
| <table class="table" style="color:#666;font-size:14px"> | | <table class="table" style="color:#666;font-size:14px"> |
| <thead> | | <thead> |
Line 327: |
Line 372: |
| </div> | | </div> |
| | | |
− | <p class="text-center"><small><b>Introduction to TB control strategies before and after 2015</b></small></p> | + | |
| </div> | | </div> |
− | <p>The global TB strategy developed by WHO for the period 2006−2015 is the Stop TB Strategy. The ultimate goal of this strategy is to achieve 2015 global targets for reductions in the burden of disease caused by TB. These targets are that incidence should be falling, and that prevalence and incidence rates should be halved by 2015 compared with 1990 levels. </p> | + | <p>The global TB strategy developed by WHO during the period 2006−2015 was the “Stop TB Strategy”. The ultimate goal of this strategy is to achieve 2015 global targets for reductions in the burden of disease caused by TB. These targets are that incidence should be falling, and that prevalence and incidence rates should be halved by 2015 compared with 1990 levels. All the above is included in the Global Tuberculosis Report 2014, revealing that the year of 2015 is crucial in preventing TB. The end of 2015 connects the Millennium Development Goals (MDGs) established in 2000 with a post-2015 development framework. </p> |
− | <p>All the above is included in the Global Tuberculosis Report 2014, revealing that the year of 2015 is crucial in preventing TB. The end of 2015 connects the Millennium Development Goals (MDGs) established in 2000 and a post-2015 development framework.</p>
| + | <p>The ultimate goal of the world on TB control is to eliminate this kind of communicable disease. Now the situation is serious and the target is challenging. However, as the applying of new techniques in the diagnosis and treatment of TB, it is promising that human beings will no longer die of tuberculosis. </p> |
− | <p>The overarching goal of the world on TB control is to eliminate this kind of communicable disease. Now the situation is serious and the target is challenging, but as the applications of new techniques in the diagnosis and treatment of TB, it is also promising that human beings no longer die of tuberculosis. </p> | + | |
| </div> | | </div> |
| + | <h3 class="classic-title" style="margin-top:50px"><span>References:</span></h3> |
| + | <div> |
| + | <ol > |
| + | <li style="color:#6060;"><a href="http://www.webmd.com/lung-cancer/x-ray-of-a-normal-chest">http://www.webmd.com/lung-cancer/x-ray-of-a-normal-chest</a></li> |
| + | <li style="color:#6060;"><a href="http://www.physio-pedia.com/Tuberculosis">http://www.physio-pedia.com/Tuberculosis</a></li> |
| + | <li style="color:#6060;"><a href="http://radiopaedia.org/cases/cavitating-pulmonary-tuberculosis-gross-pathology-1">http://radiopaedia.org/cases/cavitating-pulmonary-tuberculosis-gross-pathology-1</a></li> |
| + | <li>WHO. Global Tuberculosis Report 2014[M]. World Health Organization, 2014.</li> |
| + | <li>Wang L X, Cheng S M, Chen M T, et al. The fifth national tuberculosis epidemiological survey in 2010[J]. Chinese Journal of Antituberculosis, 2012, 34: 485-508.</li> |
| + | <li style="color:#6060;"><a href="http://www.bjjks.org/?action-viewnews-itemid-312">http://www.bjjks.org/?action-viewnews-itemid-312</a></li> |
| + | <li> CUI Ping, YANG Zhi-hong, CHENG Cong. Study on patient delay and prognosis in the youth patients with pulmonary tuberculosis[J]. Guide of China Medicine, 2012, 33: 33-35.</li> |
| + | </ol> |
| | | |
− | | + | </div> |
− | | + | |
− | | + | |
− | </div>
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 347: |
Line 400: |
| <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> | | <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> |
| <!-- Start Footer --> | | <!-- Start Footer --> |
− | <footer style="margin-top:30px"> | + | <footer style="margin-top:30px; padding:0"> |
− | <div class="container"> | + | <div class="container" > |
− | <div class="row footer-widgets"> | + | <div class="row footer-widgets" style="padding:0:margin:0"> |
| | | |
| <!-- Start Subscribe & Social Links Widget --> | | <!-- Start Subscribe & Social Links Widget --> |
| <div class="col-md-3"> | | <div class="col-md-3"> |
− | <div class="col-md-12 footer-widget social-widget row"> | + | <div class="col-md-12 footer-widget social-widget row" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| <h4>Share This<span class="head-line"></span></h4> | | <h4>Share This<span class="head-line"></span></h4> |
− | <ul class="social-icons"> | + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
− | <li><!--HERE need to be changed--> | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
− | <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking/Collaborations"> | + | <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking"> |
| <i class="fa"> | | <i class="fa"> |
| <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"> | | <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"> |
Line 363: |
Line 416: |
| </a> | | </a> |
| </li> | | </li> |
− | <li><!--HERE need to be changed--> | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
− | <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking/Collaborations"> | + | <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking"> |
| <i class="fa"> | | <i class="fa"> |
| <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"> | | <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"> |
Line 370: |
Line 423: |
| </a> | | </a> |
| </li> | | </li> |
− | <li><!--HERE need to be changed--> | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
− | <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking/Collaborations"> | + | <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking"> |
| <i class="fa"> | | <i class="fa"> |
| <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"> | | <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"> |
Line 383: |
Line 436: |
| <div class="col-md-12 footer-widget social-widget row"> | | <div class="col-md-12 footer-widget social-widget row"> |
| <h4>Follow Us<span class="head-line"></span></h4> | | <h4>Follow Us<span class="head-line"></span></h4> |
− | <ul class="social-icons"> | + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
− | <li> | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| <a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a> | | <a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a> |
| </li> | | </li> |
− | <li> | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| <a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a> | | <a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a> |
| </li> | | </li> |
− | <li> | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| <a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a> | | <a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a> |
| </li> | | </li> |
Line 428: |
Line 481: |
| <!-- Start Contact Widget --> | | <!-- Start Contact Widget --> |
| <div class="col-md-3"> | | <div class="col-md-3"> |
− | <div class="footer-widget"> | + | <div class="footer-widget" style="padding:0:margin:0" > |
| <h4>Contact us<span class="head-line" ></span></h4> | | <h4>Contact us<span class="head-line" ></span></h4> |
− | <div class="footer-widget contact-widget" style="font-size:12px"> | + | <div class="footer-widget contact-widget"> |
| <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo" > | | <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo" > |
| | | |
− | <ul> | + | <ul style="font-size:12px;color:#b4b4b4"> |
− | <li><span>Email:</span> pekingigem@gmail.com</li> | + | <li><span>Email:</span> <a href="Mailto:pekingigem@gmail.com&Subject=Hello&Body=Hi, Peking iGEM!"style="color:#b4b4b4">pekingigem@gmail.com</li> |
− | <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4">2015.igem.org/Team:Peking</a></li> | + | <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4"> 2015.igem.org/Team:Peking</a></li> |
| <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li> | | <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li> |
| </ul> | | </ul> |
Line 448: |
Line 501: |
| <div class="copyright-section"> | | <div class="copyright-section"> |
| <div class="row"> | | <div class="row"> |
− | <div class="col-md-6"> | + | <div class="col-md-12" style="padding:0;margin:0;height:30px"> |
− | <p>© 2015 Peking iGEM - All Rights Reserved. Based on Bootstrap and Margo template.</p> | + | <p class="text-center">© 2015 Peking iGEM - All Rights Reserved. Based on <a href="http://getbootstrap.com/"style="color:#b4b4b4">Bootstrap</a> and Margo template.</p> |
| </div> | | </div> |
| | | |
Line 464: |
Line 517: |
| | | |
| <!-- Go To Top Link --> | | <!-- Go To Top Link --> |
− | <a href="#" class="back-to-top" style="z-index:9999"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a> | + | <a href="#" class="back-to-top" style="z-index:9999"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style=" width:90%"></i></a> |
| | | |
| <div id="loader"> | | <div id="loader"> |
Line 472: |
Line 525: |
| </div> | | </div> |
| </div> | | </div> |
− |
| + | |
| + | |
| <!-- add ?action=raw&ctype=text/javascript when using Js--> | | <!-- add ?action=raw&ctype=text/javascript when using Js--> |
| <!-- Margo JS --> | | <!-- Margo JS --> |
Line 496: |
Line 550: |
| } | | } |
| function changePos(id,height){ | | function changePos(id,height){ |
− | var obj = document.getElementById(id); | + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; | | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; |
− | if(scrollTop < height){ | + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
− | obj.style.position = 'relative'; | + | var w = window.innerWidth; |
| + | if(w>=1024){ |
| + | if($(window).scrollTop() + $(window).height() > $(document).height() - 260){ |
| + | $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");} |
| + | } |
| + | if(scrollTop < height){ obj.style.position = 'relative'; |
| }else{ | | }else{ |
| obj.style.position = 'fixed'; | | obj.style.position = 'fixed'; |
Line 512: |
Line 571: |
| </script> | | </script> |
| | | |
− | <script type="text/javascript">
| |
− | var windowBottom = $(window).scrollTop() + $(window).innerHeight();
| |
− | $(window).scroll(function(){
| |
− | if($(window).scrollTop() + $(window).height() > $(document).height() - 300){
| |
− | $('#sidebar1').fadeOut();
| |
− | }else{
| |
− | $('#sidebar1').fadeIn();}
| |
− | });
| |
− | </script>
| |
| | | |
| | | |
| </body> | | </body> |
| </html> | | </html> |