Difference between revisions of "Team:Peking/Practices/Engagement"

(Created page with "<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]--> <html lang="en"> <head> <meta charset="utf-8">...")
 
Line 19: Line 19:
 
     /* 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;}
Line 59: Line 59:
 
                                     <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 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 href="https://2015.igem.org/Team:Peking/Practices">Overview</a>
 
                                     </li>
 
                                     </li>
−
                                     <li><a href="#">Link 1</a>
+
                                     <li><a class="active" href="#">TB Facts</a>
−
                                     </li>
+
                                     </li>  
−
                                     <li><a href="#">Link 2</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Pratices/Consultation">Consultation and Interview</a>
 
                                     </li>
 
                                     </li>
−
                                     <li><a href="#">Link 3</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Pratices/Engagement">Public Engagement</a>
 
                                     </li>
 
                                     </li>
−
                                     <li><a href="#">Link 4</a>
+
                                     <li><a href="https://2015.igem.org/Team:Peking/Pratices/Outreach">Ethics and Economics Issue</a>
 
                                     </li>
 
                                     </li>
 
                                 </ul>
 
                                 </ul>
Line 153: Line 153:
 
           <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">Practices<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="https://2015.igem.org/Team:Peking/Practices/Background" >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 style="color:#00afd1" 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 Issue</a>
 
                 </li>
 
                 </li>
 
               </ul>
 
               </ul>
Line 175: Line 175:
 
             <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="https://2015.igem.org/Team:Peking/Practices/Background" >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 style="color:#00afd1" 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 Issue</a>
 
                 </li>
 
                 </li>
 
               </ul>
 
               </ul>
Line 195: Line 195:
 
           </div>
 
           </div>
 
           <!--End sidebar-->
 
           <!--End sidebar-->
−
<!-- Page Content -->
+
  <!-- Page Content -->
 
           <div class="col-md-9 page-content">
 
           <div class="col-md-9 page-content">
 
             <div id="practices">
 
             <div id="practices">
Line 201: Line 201:
 
               <div id="Background">
 
               <div id="Background">
 
                 <div>
 
                 <div>
 +
                  <h3 class="classic-title" style="margin-top:50px"><span>Survey</span></h3>
 +
                  <div style="margin-top:30px; margin-bottom:0">
 +
                   
 +
                    <p><a href="https://static.igem.org/mediawiki/2015/0/0b/Questionnaire.pdf">The Questionnaire about acknowledgment of Tuberculosis and Synthetic Biology.</a>             
 +
                    </p>
 +
                  </div>
 +
 
                 <h3 class="classic-title"  style="margin-top:50px"><span>Education for children</span></h3>
 
                 <h3 class="classic-title"  style="margin-top:50px"><span>Education for children</span></h3>
  
Line 247: Line 254:
 
     <!-- Start Footer -->
 
     <!-- Start Footer -->
 
     <footer style="margin-top:30px; padding:0">
 
     <footer style="margin-top:30px; padding:0">
−
       <div class="container" style="padding:0:margin:0">
+
       <div class="container" >
 
         <div class="row footer-widgets" style="padding:0:margin:0">  
 
         <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" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
+
                     <div class="col-md-3">
 
                           <div class="col-md-12 footer-widget social-widget row" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 
                           <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" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 
                             <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--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/Background">
 
                                       <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 263: Line 270:
 
                                 </li>
 
                                 </li>
 
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--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/Background">
 
                                       <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 270: Line 277:
 
                                 </li>
 
                                 </li>
 
                                 <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--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/Background">
 
                                       <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 280: Line 287:
 
                         </div>
 
                         </div>
  
−
                         <div class="col-md-12 footer-widget social-widget row" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
+
                         <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" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 
                             <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
Line 297: Line 304:
 
                     <!-- End Subscribe & Social Links Widget -->
 
                     <!-- End Subscribe & Social Links Widget -->
 
                      
 
                      
−
                   <div class="col-md-6" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
+
                   <div class="col-md-6">
 
                         <div class="footer-widget">
 
                         <div class="footer-widget">
 
                         <h4>Sponsors<span class="head-line" ></span></h4>
 
                         <h4>Sponsors<span class="head-line" ></span></h4>
Line 326: Line 333:
 
            
 
            
 
                   <!-- Start Contact Widget -->
 
                   <!-- Start Contact Widget -->
−
                     <div class="col-md-3" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
+
                     <div class="col-md-3">
 
                         <div class="footer-widget" style="padding:0:margin:0" >
 
                         <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:#666">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 345: Line 352:
 
          
 
          
 
         <!-- Start Copyright -->
 
         <!-- Start Copyright -->
−
                 <div class="copyright-section" style="padding:0;margin:0">
+
                 <div class="copyright-section">
−
                     <div class="row" style="padding:0:margin:0">
+
                     <div class="row">
 
                         <div class="col-md-12" style="padding:0;margin:0;height:30px">
 
                         <div class="col-md-12" style="padding:0;margin:0;height:30px">
−
                             <p class="text-center">&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 396: Line 403:
 
}
 
}
 
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 412: Line 424:
 
</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("fast");
 
−
}else{
 
−
$('#sidebar1').fadeIn("fast");}
 
−
});
 
−
</script>
 
  
 
    
 
    
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 06:25, 6 September 2015

Peking iGEM 2015

Practices

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

Survey

Education for children

To make children be more interested in biology and popularize some basic biological concepts among them, we invited near 20 pupils to visit our laboratory. In the morning of August 17th, these children and some of their parents came to Peking University and attended a lecture given by ZHANG Yihao, the team leader.

By using plain words, he made it easy for these children to understand the basic concepts of biological field and the core ideas of synthetic biology. What is the basic substance of life? What caused creatures on the earth so diversified and fascinating? And can scientists make life which can own fancy functions? These children have found the answers to all these questions above.

In the afternoon, they visited iGEM labs of Peking University. Having known how the biological researchers work in the labs, they all indicated they hope to learn more about life sciences.

Education for High School Students

Due to difficult schoolwork and huge pressure among most high school students, they know little about scientific researches, not to mention synthetic biology. Even when they are asked what they want to do in the future, they are puzzled about it with no ambitions of their future life.

On August 23th, Peking iGEM team members came to Zhenghe No.1 Middle School of Fujian Province, and YE yixuan gave some of the high school students an overview of synthetic biology and the project of Peking this year.

More than 60 students have attended the lecture, all of whom are the students being confronted with the choice of their major fields in the university. Ye gave a brief introduction of synthetic biology to them and she was ingenious to combine the basic concepts of synthetic biology with what they had learned in school. Heated discussion about biology and future life was provoked that day in a friendly atmosphere. After that, the project of Peking iGEM team this year was also presented, for the purpose of arousing their interest in this field.

Education for Adults

Handing out propagandistic handbooks is another approach of scientific education for public. We have done a comprehensive literature review about tuberculosis and synthetic biology and made a well-designed propagandist handbook.

After the questionnaire surveys, we gave them to our informants to spread the knowledge of TB control and synthetic biology.

In these handbooks, we introduce the basic information of tuberculosis, route of transmission, diagnosis methods and its treatment, along with the national policies of free diagnosis and treatment on tuberculosis. After that, we give a brief description of the history of synthetic biology. The basic ideas in this field are illustrated using a flow chart. In such a small handbook, many vivid but scientific pictures are shown for the readers. We’ve done our best to make the words easy to be understood but rigorous.