Difference between revisions of "Team:Peking/Practices"

Line 90: Line 90:
 
                                 <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 class="active" href="https://2015.igem.org/Team:Peking/Practices">Overview</a>
 
                                     </li>
 
                                     </li>
−
                                     <li><a href="#">Link 1</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Practices/Background">TB Facts</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Pratices/Consultation">Consultation and Interview</a>
 
                                     </li>
 
                                     </li>
−
                                     <li><a href="#">Link 2</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Pratices/Engagement">Public Engagement</a>
 
                                     </li>
 
                                     </li>
−
                                     <li><a href="#">Link 3</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Pratices/Outreach">Ethics and Economics Issue</a>
−
                                    </li>
+
−
                                    <li><a href="#">Link 4</a>
+
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
Line 127: Line 127:
 
      
 
      
 
     <!-- Start Page Banner -->
 
     <!-- Start Page Banner -->
−
    <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;">  
+
    <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px">  
 
       <div class="container">
 
       <div class="container">
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-6">
 
           <div class="col-md-6">
−
             <h2><b>Practices</b></h2>
+
             <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0"><b>Practices</b></h2>
−
             <p >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>
 
           <div class="col-md-6">
 
           <div class="col-md-6">
Line 150: Line 150:
 
         <div class="row blog-page">
 
         <div class="row blog-page">
 
                    
 
                    
−
          <!--Sidebar-->
+
          <!--Sidebar-->
 
           <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">Practices <span class="head-line"></span></h4>
+
               <h4 style="font-size:18px">Practices<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/Consultation">Consultation and Interview</a>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
−
                   <a href="#xxxx">link3</a>
+
                   <a href="https://2015.igem.org/Team:Peking/Engagement">Public Engagement</a>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
−
                   <a href="#xxxx">link4</a>
+
                   <a href="https://2015.igem.org/Team:Peking/Outreach">Ethic and Economic Issue</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">Practices<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/Consultation">Consultation and Interview</a>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
−
                   <a href="#xxxx">link3</a>
+
                   <a href="https://2015.igem.org/Team:Peking/Engagement">Public Engagement</a>
 
                 </li>
 
                 </li>
 
                 <li>
 
                 <li>
−
                   <a href="#xxxx">link4</a>
+
                   <a href="https://2015.igem.org/Team:Peking/Outreach">Ethic and Economic Issue</a>
 
                 </li>
 
                 </li>
 
               </ul>
 
               </ul>
Line 200: Line 200:
 
             <!-- Classic Heading -->
 
             <!-- Classic Heading -->
 
               <div id="Overview">
 
               <div id="Overview">
−
                 <h3 class="classic-title" id="CCiC" style="margin-top:50px"><span>Overview</span></h3>
+
                 <h3 class="classic-title" id="CCiC" style="margin-top:50px"><span>Goal</span></h3>
 +
                <div class="col-md-12">
 +
                      <div id="map" data-position-latitude="23.858092" data-position-longitude="90.262181" data-position-latitude="22" data-position-longitude="33"></div>
 +
                      <script>
 +
                        (function ( $ ) {
 +
                            $.fn.CustomMap = function( options ) {
 +
                          var posLatitude = $('#map').data('position-latitude'),
 +
                          posLongitude = $('#map').data('position-longitude');
 +
                            var settings = $.extend({
 +
                            home: { latitude: posLatitude, longitude: posLongitude },
 +
                            text: '<div class="map-popup"><h4>Web Development | ZoOm-Arts</h4><p>A web development blog for all your HTML5 and WordPress needs.</p></div>',
 +
                          icon_url: $('#map').data('marker-img'),
 +
                            zoom: 15
 +
                            }, options );
 +
         
 +
                            var coords = new google.maps.LatLng(settings.home.latitude, settings.home.longitude);
 +
         
 +
          return this.each(function() {
 +
            var element = $(this);
 +
           
 +
            var options = {
 +
              zoom: settings.zoom,
 +
              center: coords,
 +
              mapTypeId: google.maps.MapTypeId.ROADMAP,
 +
              mapTypeControl: false,
 +
              scaleControl: false,
 +
              streetViewControl: false,
 +
              panControl: true,
 +
              disableDefaultUI: true,
 +
              zoomControlOptions: {
 +
                style: google.maps.ZoomControlStyle.DEFAULT
 +
              },
 +
              overviewMapControl: true,
 +
            };
 +
           
 +
            var map = new google.maps.Map(element[0], options);
 +
           
 +
            var icon = {
 +
              url: settings.icon_url,
 +
              origin: new google.maps.Point(0, 0)
 +
            };
 +
           
 +
            var marker = new google.maps.Marker({
 +
              position: coords,
 +
              map: map,
 +
              icon: icon,
 +
              draggable: false
 +
            });
 +
           
 +
            var info = new google.maps.InfoWindow({
 +
              content: settings.text
 +
            });
 +
           
 +
            google.maps.event.addListener(marker, 'click', function() {
 +
              info.open(map, marker);
 +
            });
 +
           
 +
            var styles = [{"featureType":"landscape","stylers":[{"saturation":-100},{"lightness":65},{"visibility":"on"}]},{"featureType":"poi","stylers":[{"saturation":-100},{"lightness":51},{"visibility":"simplified"}]},{"featureType":"road.highway","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"road.arterial","stylers":[{"saturation":-100},{"lightness":30},{"visibility":"on"}]},{"featureType":"road.local","stylers":[{"saturation":-100},{"lightness":40},{"visibility":"on"}]},{"featureType":"transit","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"administrative.province","stylers":[{"visibility":"on"}]},{"featureType":"water","elementType":"labels","stylers":[{"visibility":"on"},{"lightness":-25},{"saturation":-100}]},{"featureType":"water","elementType":"geometry","stylers":[{"hue":"#ffff00"},{"lightness":-25},{"saturation":-97}]}];
 +
           
 +
            map.setOptions({styles: styles});
 +
          });
 +
 
 +
};
 +
}( jQuery ));
 +
 
 +
jQuery(document).ready(function() {
 +
  jQuery('#map').CustomMap();
 +
});
 +
</script>
 +
 
  
 
               <div style="margin-top:30px; margin-bottom:0">
 
               <div style="margin-top:30px; margin-bottom:0">
 
               <p> Peking iGEM 2015 Team is trying to develop a new detection method based on the nucleic acid of pathogenic microorganism, with the aim of applying it to the diagnosis of pulmonary tuberculosis. It is worth considering for all the researchers of life sciences that how to put the achivements of the basic study into clinical practice. Human practice of Peking this year pays much attention to the identification of the clinical requirements, discussions on the feasibility of our project, and spread of knoweldge about tuberculosis and synthetic biology. By ultilizing the basic ideas of translational medicine, our team has set up a bridge between fundamental research and clinical practices. </p>
 
               <p> Peking iGEM 2015 Team is trying to develop a new detection method based on the nucleic acid of pathogenic microorganism, with the aim of applying it to the diagnosis of pulmonary tuberculosis. It is worth considering for all the researchers of life sciences that how to put the achivements of the basic study into clinical practice. Human practice of Peking this year pays much attention to the identification of the clinical requirements, discussions on the feasibility of our project, and spread of knoweldge about tuberculosis and synthetic biology. By ultilizing the basic ideas of translational medicine, our team has set up a bridge between fundamental research and clinical practices. </p>
−
               <p>Our team have achieved the following things:</p>
+
 
 +
 
 +
               <h3 class="classic-title" id="CCiC" style="margin-top:50px"><span>Actions and Achievements</span></h3>
 
               <p>  
 
               <p>  
 
               <dl style="color:#666;">
 
               <dl style="color:#666;">
Line 239: Line 310:
 
       <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->
 
       <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->
 
<!--******************************* 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/Practices">
 
                                       <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 256: Line 327:
 
                                     </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/Practices">
 
                                       <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 263: Line 334:
 
                                     </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/Practices">
 
                                       <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 276: Line 347:
 
                         <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 321: Line 392:
 
                   <!-- 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&amp;Subject=Hello&amp;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 341: Line 412:
 
                 <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>&copy; 2015 Peking iGEM -  All Rights Reserved. Based on Bootstrap and Margo template.</p>
+
                             <p class="text-center">&copy; 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 379: Line 450:
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
−
  <script type="text/javascript" >
+
<script type="text/javascript" >
 
function menuFixed(id){
 
function menuFixed(id){
 
var obj = document.getElementById(id);
 
var obj = document.getElementById(id);
Line 389: Line 460:
 
}
 
}
 
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';

Revision as of 10:34, 3 September 2015

Peking iGEM 2015

Practices

Study how our work affects the world, and how the world affects our work.

Goal

Peking iGEM 2015 Team is trying to develop a new detection method based on the nucleic acid of pathogenic microorganism, with the aim of applying it to the diagnosis of pulmonary tuberculosis. It is worth considering for all the researchers of life sciences that how to put the achivements of the basic study into clinical practice. Human practice of Peking this year pays much attention to the identification of the clinical requirements, discussions on the feasibility of our project, and spread of knoweldge about tuberculosis and synthetic biology. By ultilizing the basic ideas of translational medicine, our team has set up a bridge between fundamental research and clinical practices.

Actions and Achievements

Investigation of the current epidemic situation of TB
We’ve interviewed clinicians both in research institute and basic-level hospitals, and researchers of Beijing Research Institute for TB Control. We’ve learned about the epidemic status of TB in China, front diagnostic techniques and their clinical applications. Besides, we’ve visited the central laboratory of Beijing Research Institute for TB Control, and discussed with their researchers on our project, acquiring valuable improvement suggestions.
Questionnaire survey
We’ve investigated common people about their awareness of tuberculosis and synthetic biology. Analysis of the results reminds us and the government of the urgency to propagandize knowledge of tuberculosis and synthetic biology. Low awareness rate of TB is the cause of high TB burden in China, and a lack of public understanding of synthetic biology will also be an obstacle for us to promote applications of this new subdiscipline in clinical medicine.
Team as a platform of we-media, new media and scientific popularization
This year our team does a lot of work to propagandize knowledge of TB and synthetic biology to both adults and school students, along with the construction of a network platform with more than ** followers. We’ve adopted various means of popularization such as handing out propagandistic handbooks, giving lectures, showing them around iGEM lab, and giving messages to our Wechat followers.
Ethetic discussions with the bioethicist
We’ve conducted a discussion on the ethical issues in synthetic biology and our project with Doctor Xie Guangkuan of the Institute of Medical Humanities of PKU. A comprehensive assessment on the ethical problems of our project has been achieved after the discussion.
Organization of CCiC
From August 14th to 15th, Conference of China iGEMer Committee (CCiC) was held in Peking University. 34 teams, more than 300 iGEMers from all over China have attended this meeting, making it an excellent academic meet-up in the history of iGEM in China.
An assessment of the economic aspect of our project