Difference between revisions of "Team:Tianjin/Engagement"

 
(75 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{:Team:Tianjin/Templates/MaterialTheme|}}
 
{{:Team:Tianjin/Templates/MaterialTheme|}}
  
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/css/style.css}}
+
 
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/css/bootstrap.css}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/css/bootstrap.css}}
  
Line 8: Line 8:
  
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/Education/css/style.css}}
 
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/Education/css/style.css}}
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/Law/css/animate.css}}
+
 
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/Law/css/style.css}}
 +
 
 
<html>
 
<html>
 
<head>
 
<head>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
<title>Worthy</title>
+
<meta name="description" content="Worthy a Bootstrap-based, Responsive HTML5 Template">
+
 
<meta name="author" content="htmlcoder.me">
 
<meta name="author" content="htmlcoder.me">
  
Line 44: Line 46:
 
<div class="section clearfix object-non-visible" data-animation-effect="fadeIn">
 
<div class="section clearfix object-non-visible" data-animation-effect="fadeIn">
 
<div class="container">
 
<div class="container">
                         <div></br></div><div></br></div><div></br></br></br></div>
+
                          
 
 
<div class="col-md-12">
+
<div class="col-md-12" style="margin-top:100px">
<h1 id="about" class="title text-center" style="max-width:1200px">Our Competence for <span>Engagement Prize</span></h1>
+
<h1 id="about" class="title text-center" style="max-width:1200px">Engagement</h1>
 
 
<div class="space"></div>
+
<div class="space" style="height:20px"></div>
 
<div class="row">
 
<div class="row">
 
<div class="col-md-5">
 
<div class="col-md-5">
<img src="https://static.igem.org/mediawiki/2016/thumb/3/36/T--Tianjin--Overview--57.svg/512px-T--Tianjin--Overview--57.svg.png" alt="desktop" style="height:100%">
+
<img src="https://static.igem.org/mediawiki/2016/thumb/3/36/T--Tianjin--Overview--57.svg/512px-T--Tianjin--Overview--57.svg.png" alt="desktop" style="width:100%">
 
<div class="space"></div>
 
<div class="space"></div>
 
</div>
 
</div>
 
<div class="col-md-7">
 
<div class="col-md-7">
<p style="font-size:28px">Based on the definition of public engagement, which the myriad of ways in which the activity and benefits of higher education and research can be shared with the public, we team Tianjin iGEM 2016 conducted the mission of scattering the concepts of PET degradation, synthetic biology and iGEM competition to ordinary people. </p>
+
<p class="summary" style="font-size:28px">Based on the definition of public engagement, which the myriad of ways in which the activity and benefits of higher education and research can be shared with the public, this year we team iGEM Tianjin conducted the mission of scattering the concepts of PET bio-degradation, synthetic biology and iGEM competition to ordinary people mainly in two aspects---<span>Education</span> and <span>Public Engagement.</span></p>
 
 
 
</div>
 
</div>
Line 68: Line 70:
 
  <!--  part right  -->
 
  <!--  part right  -->
 
<!-- section end -->
 
<!-- section end -->
<h3 class="title1 wow fadeInUp animated" data-wow-delay=".5s" style="color:#3399FF ">Education</h3>
+
 
 +
              <div class="container">
 +
 +
              <h3 class="title1" style="color:#3399FF" >Education</h3>
 +
</div>
 +
<br/><br/>
 +
 
 
<!--popular-->
 
<!--popular-->
 
<div class="popular">
 
<div class="popular">
 
<div class="container">
 
<div class="container">
<div class="col-md-5 popular-left">
+
<div class="col-md-6 popular-left">
 
<h4 class="title wow fadeInLeft animated" data-wow-delay=".5s">Primary School</h4>
 
<h4 class="title wow fadeInLeft animated" data-wow-delay=".5s">Primary School</h4>
<p style="font-size:20px">On the afternoon of September 23, 2016, we went to Baitangkou primary school to make a presentation, aiming to let more pupils learn about the conception of synthetic biology and arouse the consciousness of fighting against the plastic pollution and protecting our earth. </br></br>
+
<p style="font-size:20px">On the afternoon of September 23, 2016, we went to Baitangkou primary school to make a presentation, aiming to let more pupils learn about the conception of synthetic biology and arouse the consciousness of fighting against the plastic pollution and protecting our earth.</br>
 +
During the class, these primary students were filled with enthusiasm and eager to answer the questions we asked, which revealed their interests in synthesis biology. The meaningful class ended up with intense debate of how to deal with white pollution. We gave out our team emblem stickers and some other gifts to them.</br></br></p>
  
 
</div>
 
</div>
<div class="col-md-7 popular-right wow fadeInRight animated" data-wow-delay=".5s" style="height:190px">
+
<div class="col-md-6 popular-right wow fadeInRight animated" data-wow-delay=".5s" style="padding-top:70px">
<div class="col-md-6 popular-grids" style="height:190px" >
+
<div class="col-md-6">
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/d/d3/T--Tianjin--Education--50.jpg/800px-T--Tianjin--Education--50.jpg" data-lightbox="no" >
+
     <a href="https://static.igem.org/mediawiki/2016/thumb/d/d3/T--Tianjin--Education--50.jpg/800px-T--Tianjin--Education--50.jpg" data-lightbox="no" data-title="Making a Presentation">
<img src="https://static.igem.org/mediawiki/2016/thumb/d/d3/T--Tianjin--Education--50.jpg/800px-T--Tianjin--Education--50.jpg"  alt=""></a>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/d/d3/T--Tianjin--Education--50.jpg/800px-T--Tianjin--Education--50.jpg"  alt="" width="100%"></a>
    
+
   <figcaption></figcaption>
 
</figure>
 
</figure>
  
 
</div>
 
</div>
<div class="col-md-6 popular-grids" style="height:190px">
+
<div class="col-md-6 " style="margin-bottom:20px">
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/7/7d/T--Tianjin--Education--51.jpg/800px-T--Tianjin--Education--51.jpg" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/thumb/7/7d/T--Tianjin--Education--51.jpg/800px-T--Tianjin--Education--51.jpg"  alt=""></a>
+
     <a href="https://static.igem.org/mediawiki/2016/thumb/7/7d/T--Tianjin--Education--51.jpg/800px-T--Tianjin--Education--51.jpg" data-lightbox="no" data-title="Lovly Kids"><img src="https://static.igem.org/mediawiki/2016/thumb/7/7d/T--Tianjin--Education--51.jpg/800px-T--Tianjin--Education--51.jpg"  alt="" width="100%"></a>
    
+
   <figcaption></figcaption>
 
</figure>
 
</figure>
</div></br></br>
+
</div>
<div class="col-md-6 popular-grids">
+
<div class="col-md-6">
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/8/88/T--Tianjin--Education--52.jpg/800px-T--Tianjin--Education--52.jpg" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/thumb/8/88/T--Tianjin--Education--52.jpg/800px-T--Tianjin--Education--52.jpg"  alt=""></a>
+
     <a href="https://static.igem.org/mediawiki/2016/thumb/8/88/T--Tianjin--Education--52.jpg/800px-T--Tianjin--Education--52.jpg" data-lightbox="no" data-title="Making a Presentation"><img src="https://static.igem.org/mediawiki/2016/thumb/8/88/T--Tianjin--Education--52.jpg/800px-T--Tianjin--Education--52.jpg"  alt="" width="100%"></a>
    
+
   <figcaption></figcaption>
 
</figure>
 
</figure>
 
</div>
 
</div>
<div class="col-md-6 popular-grids">
+
<div class="col-md-6" >
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/9/98/T--Tianjin--Education--53.jpg/800px-T--Tianjin--Education--53.jpg" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/thumb/9/98/T--Tianjin--Education--53.jpg/800px-T--Tianjin--Education--53.jpg"  alt=""></a>
+
     <a href="https://static.igem.org/mediawiki/2016/thumb/9/98/T--Tianjin--Education--53.jpg/800px-T--Tianjin--Education--53.jpg" data-lightbox="no" data-title="Lovly Kids"><img src="https://static.igem.org/mediawiki/2016/thumb/9/98/T--Tianjin--Education--53.jpg/800px-T--Tianjin--Education--53.jpg"  alt="" width="100%"></a>
    
+
   <figcaption></figcaption>
 
</figure>
 
</figure>
 
</div>
 
</div>
Line 115: Line 124:
 
<div class="popular">
 
<div class="popular">
 
<div class="container">
 
<div class="container">
<div class="col-md-5 popular-left">
+
<div class="col-md-6 popular-left">
 
<h4 class="title wow fadeInLeft animated" data-wow-delay=".5s">Middle School</h4>
 
<h4 class="title wow fadeInLeft animated" data-wow-delay=".5s">Middle School</h4>
<p style="font-size:20px">On Sep.18th, we departed for Dagang No.1 Middle School.  
+
<p style="font-size:20px">On Sep.18th, we departed for Dagang No.1 Middle School. We gave a lecture to students about iGEM and synthetic biology. They asked questions with great enthusiasm and felt curious about the knowledge out of books. Although the speech was over till 5:30 p.m., some students were still asking about synthetic biology.They thought that knowledge they studied at school was traditional and out of date, iGEM could make them get in touch with the cutting-edge knowledge of synthetic biology. </br>
We gave a lecture to students about iGEM and our project this year. They thought that knowledge in books is traditional and out of date, iGEM could make them get in touch with the cutting-edge knowledge of synthetic biology. Finally we invited them to visit our laboratory and conduct some experiments. </br></br>
+
We are very delighted to bring students some new knowledge and meanwhile we invited them to visit our laboratory and conduct some experiments. </br></br></p>
  
 
</div>
 
</div>
<div class="col-md-7 popular-right wow fadeInRight animated" data-wow-delay=".5s" style="height:190px">
+
<div class="col-md-6 popular-right wow fadeInRight animated" data-wow-delay=".5s" style="margin-top:70px">
<div class="col-md-6 popular-grids" style="height:190px" >
+
<div class="col-md-6 " >
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/d/d3/T--Tianjin--Education--50.jpg/800px-T--Tianjin--Education--50.jpg" data-lightbox="no" >
+
     <a href="https://static.igem.org/mediawiki/2016/thumb/a/a8/T--Tianjin--Education--21.jpg/800px-T--Tianjin--Education--21.jpg" data-lightbox="no" data-title="">
<img src="https://static.igem.org/mediawiki/2016/thumb/d/d3/T--Tianjin--Education--50.jpg/800px-T--Tianjin--Education--50.jpg"  alt=""></a>
+
<img src="https://static.igem.org/mediawiki/2016/thumb/a/a8/T--Tianjin--Education--21.jpg/800px-T--Tianjin--Education--21.jpg"  alt=""width="100%"></a>
    
+
   <figcaption>  </figcaption>
 
</figure>
 
</figure>
  
 
</div>
 
</div>
<div class="col-md-6 popular-grids" style="height:190px">
+
<div class="col-md-6" style="margin-bottom:30px">
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/7/7d/T--Tianjin--Education--51.jpg/800px-T--Tianjin--Education--51.jpg" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/thumb/7/7d/T--Tianjin--Education--51.jpg/800px-T--Tianjin--Education--51.jpg"  alt=""></a>
+
     <a href="https://static.igem.org/mediawiki/2016/thumb/e/e4/T--Tianjin--Education--24.jpg/799px-T--Tianjin--Education--24.jpg" data-lightbox="no" data-title=""><img src="https://static.igem.org/mediawiki/2016/thumb/e/e4/T--Tianjin--Education--24.jpg/799px-T--Tianjin--Education--24.jpg"  alt="" width="100%"></a>
    
+
   <figcaption>  </figcaption>
 
</figure>
 
</figure>
</div></br></br>
+
</div>
<div class="col-md-6 popular-grids">
+
<div class="col-md-6 ">
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/8/88/T--Tianjin--Education--52.jpg/800px-T--Tianjin--Education--52.jpg" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/thumb/8/88/T--Tianjin--Education--52.jpg/800px-T--Tianjin--Education--52.jpg"  alt=""></a>
+
     <a href="https://static.igem.org/mediawiki/2016/thumb/f/fd/T--Tianjin--Education--25.jpg/799px-T--Tianjin--Education--25.jpg" data-lightbox="no" data-title=""><img src="https://static.igem.org/mediawiki/2016/thumb/f/fd/T--Tianjin--Education--25.jpg/799px-T--Tianjin--Education--25.jpg"  alt="" width="100%"></a>
    
+
   <figcaption>  </figcaption>
 
</figure>
 
</figure>
 
</div>
 
</div>
<div class="col-md-6 popular-grids">
+
<div class="col-md-6">
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/9/98/T--Tianjin--Education--53.jpg/800px-T--Tianjin--Education--53.jpg" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/thumb/9/98/T--Tianjin--Education--53.jpg/800px-T--Tianjin--Education--53.jpg"  alt=""></a>
+
     <a href="https://static.igem.org/mediawiki/2016/thumb/6/62/T--Tianjin--Education--26.jpg/799px-T--Tianjin--Education--26.jpg" data-lightbox="no" data-title=""><img src="https://static.igem.org/mediawiki/2016/thumb/6/62/T--Tianjin--Education--26.jpg/799px-T--Tianjin--Education--26.jpg"  alt="" width="100%"></a>
    
+
   <figcaption>  </figcaption>
 
</figure>
 
</figure>
 
</div>
 
</div>
Line 159: Line 168:
 
<div class="popular">
 
<div class="popular">
 
<div class="container">
 
<div class="container">
<div class="col-md-5 popular-left">
+
<div class="col-md-6 popular-left">
 
<h4 class="title wow fadeInLeft animated" data-wow-delay=".5s">University</h4>
 
<h4 class="title wow fadeInLeft animated" data-wow-delay=".5s">University</h4>
<p style="font-size:20px">On September 27th, five members of our team went to TUST and gave a speech about what is synthetic biology and how to set up a iGEM team. Since the term of iGEM competition is almost a band new term for them, they showed great interests and talked with us enthusiastically. They claimed that they would recruit members this semester and register for a team next year. </br></br>
+
<p style="font-size:20px">On September 27th, five members of our team went to Tianjin University of Science and Technology (TUST) and gave a speech on what is synthetic biology and how to set up a iGEM team. TUST is a key university in Tianjin, which is famous for its excellent fermentation engineering and food engineering subject. Almost all the seats were occupied by audience.Since the term of iGEM competition is almost a band new term for them, they showed great interests and talked with us enthusiastically. We gave them a plenty of suggestions according to the experience of our project and finally they claimed that they would recruit members this semester and register for a team next year.  
 +
. </br></br></p>
  
 
</div>
 
</div>
<div class="col-md-7 popular-right wow fadeInRight animated" data-wow-delay=".5s" style="height:190px">
+
<div class="col-md-6 popular-right wow fadeInRight animated" data-wow-delay=".5s" style="margin-top:70px">
<div class="col-md-6 popular-grids" style="height:190px" >
+
<div class="col-md-6 " >
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/d/d3/T--Tianjin--Education--50.jpg/800px-T--Tianjin--Education--50.jpg" data-lightbox="no" >
+
     <a href="https://static.igem.org/mediawiki/2016/2/29/T--Tianjin--Education--41.jpg" data-lightbox="no" data-title="">
<img src="https://static.igem.org/mediawiki/2016/thumb/d/d3/T--Tianjin--Education--50.jpg/800px-T--Tianjin--Education--50.jpg"  alt=""></a>
+
<img src="https://static.igem.org/mediawiki/2016/2/29/T--Tianjin--Education--41.jpg"  alt="" width="100%"></a>
    
+
   <figcaption>  </figcaption>
 
</figure>
 
</figure>
  
 
</div>
 
</div>
<div class="col-md-6 popular-grids" style="height:190px">
+
<div class="col-md-6" style="margin-bottom:30px">
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/7/7d/T--Tianjin--Education--51.jpg/800px-T--Tianjin--Education--51.jpg" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/thumb/7/7d/T--Tianjin--Education--51.jpg/800px-T--Tianjin--Education--51.jpg"  alt=""></a>
+
     <a href="https://static.igem.org/mediawiki/2016/d/d3/T--Tianjin--Education--45.jpg" data-lightbox="no" data-title=""><img src="https://static.igem.org/mediawiki/2016/d/d3/T--Tianjin--Education--45.jpg"  alt="" width="100%"></a>
    
+
   <figcaption>  </figcaption>
 
</figure>
 
</figure>
 
</div></br></br>
 
</div></br></br>
<div class="col-md-6 popular-grids">
+
<div class="col-md-6">
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/8/88/T--Tianjin--Education--52.jpg/800px-T--Tianjin--Education--52.jpg" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/thumb/8/88/T--Tianjin--Education--52.jpg/800px-T--Tianjin--Education--52.jpg"  alt=""></a>
+
     <a href="https://static.igem.org/mediawiki/2016/2/29/T--Tianjin--Education--499.jpg" data-lightbox="no" data-title=""><img src="https://static.igem.org/mediawiki/2016/2/29/T--Tianjin--Education--499.jpg"  alt="" width="100%"></a>
    
+
   <figcaption>  </figcaption>
 
</figure>
 
</figure>
 
</div>
 
</div>
<div class="col-md-6 popular-grids">
+
<div class="col-md-6">
 
<figure>  
 
<figure>  
     <a href="https://static.igem.org/mediawiki/2016/thumb/9/98/T--Tianjin--Education--53.jpg/800px-T--Tianjin--Education--53.jpg" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/thumb/9/98/T--Tianjin--Education--53.jpg/800px-T--Tianjin--Education--53.jpg" alt=""></a>
+
     <a href="https://static.igem.org/mediawiki/2016/5/50/T--Tianjin--Education--47.jpg" data-lightbox="no" data-title=""><img src="https://static.igem.org/mediawiki/2016/5/50/T--Tianjin--Education--47.jpg" alt="" width="100%"></a>
    
+
   <figcaption>  </figcaption>
 
</figure>
 
</figure>
 
</div>
 
</div>
Line 196: Line 206:
 
<div class="clearfix"> </div>
 
<div class="clearfix"> </div>
 
</div>
 
</div>
</div>
+
</div></br></br>
 
<!--//popular-->
 
<!--//popular-->
 
<!-- gallery -->
 
<!-- gallery -->
Line 228: Line 238:
 
 
 
<img src="https://static.igem.org/mediawiki/2016/b/bc/T--Tianjin--free_debating_1.jpg" alt="" class="img-responsive" />
 
<img src="https://static.igem.org/mediawiki/2016/b/bc/T--Tianjin--free_debating_1.jpg" alt="" class="img-responsive" />
<figcaption><h5>Free<span>Debating</span></h5></figcaption>
+
<figcaption><h5>FreeDebating</h5></figcaption>
 
 
 
</figure>
 
</figure>
 
</div>
 
</div>
 
<div class="clearfix"> </div>
 
<div class="clearfix"> </div>
<!-- swipe box js -->
+
<script src="js/jquery.swipebox.min.js"></script>
+
<script type="text/javascript">
+
jQuery(function($) {
+
$(".swipebox").swipebox();
+
});
+
</script>
+
<!-- //swipe box js -->
+
 
</div>
 
</div>
 
 
Line 246: Line 249:
 
</div>
 
</div>
 
<!-- //gallery -->
 
<!-- //gallery -->
 +
<div class="container">
 +
 +
              <h3 class="title1" style="color:#3399FF" >Engagement Ⅱ:TEDA Eco Centre (NGO)</h3>
 +
</div>
 +
<br/><br/>
  
 +
                          <!--    轮播    -->
 +
 +
 +
<script>
 +
 +
        jQuery(document).ready(function ($) {
 +
 +
            var _SlideshowTransitions = [
 +
            //Fade in L
 +
                {$Duration: 1200, x: 0.3, $During: { $Left: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
            //Fade out R
 +
                , { $Duration: 1200, x: -0.3, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
            //Fade in R
 +
                , { $Duration: 1200, x: -0.3, $During: { $Left: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
            //Fade out L
 +
                , { $Duration: 1200, x: 0.3, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
 +
            //Fade in T
 +
                , { $Duration: 1200, y: 0.3, $During: { $Top: [0.3, 0.7] }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
 +
            //Fade out B
 +
                , { $Duration: 1200, y: -0.3, $SlideOut: true, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
 +
            //Fade in B
 +
                , { $Duration: 1200, y: -0.3, $During: { $Top: [0.3, 0.7] }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
            //Fade out T
 +
                , { $Duration: 1200, y: 0.3, $SlideOut: true, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
 +
            //Fade in LR
 +
                , { $Duration: 1200, x: 0.3, $Cols: 2, $During: { $Left: [0.3, 0.7] }, $ChessMode: { $Column: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
 +
            //Fade out LR
 +
                , { $Duration: 1200, x: 0.3, $Cols: 2, $SlideOut: true, $ChessMode: { $Column: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
 +
            //Fade in TB
 +
                , { $Duration: 1200, y: 0.3, $Rows: 2, $During: { $Top: [0.3, 0.7] }, $ChessMode: { $Row: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
            //Fade out TB
 +
                , { $Duration: 1200, y: 0.3, $Rows: 2, $SlideOut: true, $ChessMode: { $Row: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
 +
            //Fade in LR Chess
 +
                , { $Duration: 1200, y: 0.3, $Cols: 2, $During: { $Top: [0.3, 0.7] }, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
 +
            //Fade out LR Chess
 +
                , { $Duration: 1200, y: -0.3, $Cols: 2, $SlideOut: true, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
            //Fade in TB Chess
 +
                , { $Duration: 1200, x: 0.3, $Rows: 2, $During: { $Left: [0.3, 0.7] }, $ChessMode: { $Row: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
 +
            //Fade out TB Chess
 +
                , { $Duration: 1200, x: -0.3, $Rows: 2, $SlideOut: true, $ChessMode: { $Row: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
 +
            //Fade in Corners
 +
                , { $Duration: 1200, x: 0.3, y: 0.3, $Cols: 2, $Rows: 2, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $ChessMode: { $Column: 3, $Row: 12 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
 +
            //Fade out Corners
 +
                , { $Duration: 1200, x: 0.3, y: 0.3, $Cols: 2, $Rows: 2, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $SlideOut: true, $ChessMode: { $Column: 3, $Row: 12 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
 +
 +
            //Fade Clip in H
 +
                , { $Duration: 1200, $Delay: 20, $Clip: 3, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
            //Fade Clip out H
 +
                , { $Duration: 1200, $Delay: 20, $Clip: 3, $SlideOut: true, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseOutCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
            //Fade Clip in V
 +
                , { $Duration: 1200, $Delay: 20, $Clip: 12, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
            //Fade Clip out V
 +
                , { $Duration: 1200, $Delay: 20, $Clip: 12, $SlideOut: true, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseOutCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
 +
                ];
 +
 +
            var options = {
 +
                $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
 +
                $AutoPlayInterval: 1500,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
 +
                $PauseOnHover: 1,                                //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
 +
 +
                $DragOrientation: 3,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
 +
                $ArrowKeyNavigation: true,              //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
 +
                $SlideDuration: 800,                                //Specifies default duration (swipe) for slide in milliseconds
 +
 +
                $SlideshowOptions: {                                //[Optional] Options to specify and enable slideshow or not
 +
                    $Class: $JssorSlideshowRunner$,                //[Required] Class to create instance of slideshow
 +
                    $Transitions: _SlideshowTransitions,            //[Required] An array of slideshow transitions to play slideshow
 +
                    $TransitionsOrder: 1,                          //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
 +
                    $ShowLink: true                                    //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
 +
                },
 +
 +
                $ArrowNavigatorOptions: {                      //[Optional] Options to specify and enable arrow navigator or not
 +
                    $Class: $JssorArrowNavigator$,              //[Requried] Class to create arrow navigator instance
 +
                    $ChanceToShow: 1                              //[Required] 0 Never, 1 Mouse Over, 2 Always
 +
                },
 +
 +
                $ThumbnailNavigatorOptions: {                      //[Optional] Options to specify and enable thumbnail navigator or not
 +
                    $Class: $JssorThumbnailNavigator$,              //[Required] Class to create thumbnail navigator instance
 +
                    $ChanceToShow: 2,                              //[Required] 0 Never, 1 Mouse Over, 2 Always
 +
 +
                    $ActionMode: 1,                                //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
 +
                    $SpacingX: 8,                                  //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
 +
                    $DisplayPieces: 10,                            //[Optional] Number of pieces to display, default value is 1
 +
                    $ParkingPosition: 360                          //[Optional] The offset position to park thumbnail
 +
                }
 +
            };
 +
 +
            var jssor_slider1 = new $JssorSlider$("slider1_container", options);
 +
            //responsive code begin
 +
            //you can remove responsive code if you don't want the slider scales while window resizes
 +
            function ScaleSlider() {
 +
                var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
 +
                if (parentWidth)
 +
                    jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, 800), 300));
 +
                else
 +
                    window.setTimeout(ScaleSlider, 30);
 +
            }
 +
            ScaleSlider();
 +
 +
            $(window).bind("load", ScaleSlider);
 +
            $(window).bind("resize", ScaleSlider);
 +
            $(window).bind("orientationchange", ScaleSlider);
 +
            //responsive code end
 +
        });
 +
    </script>
 +
    <!-- Jssor Slider Begin -->
 +
    <!-- You can move inline styles to css file or css block. -->
 +
<div align="center">
 +
    <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 800px;
 +
        height: 536px; background: #191919; overflow: hidden;">
 +
 +
        <!-- Loading Screen -->
 +
        <div u="loading" style="position: absolute; top: 0px; left: 0px;">
 +
            <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
 +
                background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;">
 +
            </div>
 +
            <div style="position: absolute; display: block; background: url(https://static.igem.org/mediawiki/2016/0/0e/T--Tianjin--loading.gif) no-repeat center center;
 +
                top: 0px; left: 0px;width: 100%;height:100%;">
 +
            </div>
 +
        </div>
 +
 +
        <!-- Slides Container -->
 +
        <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 436px; overflow: hidden;">
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/1/10/T--Tianjin--green-1_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/4/4e/T--Tianjin--green-1.png" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/c/c8/T--Tianjin--green-2-2.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/b/b2/T--Tianjin--green-2.jpg" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/4/41/T--Tianjin--green-3_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/c/c4/T--Tianjin--green-3.jpg" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/8/82/T--Tianjin--green-5_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/1/17/T--Tianjin--green-5.jpg" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/a/a4/T--Tianjin--green-6_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/f/f5/T--Tianjin--green-6.jpg" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/7/74/T--Tianjin--green-7_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/8/8d/T--Tianjin--green-7.jpg" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/b/bf/T--Tianjin--green-8_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/9/95/T--Tianjin--green-8.jpg" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/3/3f/T--Tianjin--green-9_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/f/fb/T--Tianjin--green-9.jpg" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/a/ae/T--Tianjin--green-10_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/9/98/T--Tianjin--green-10.jpg" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/1/17/T--Tianjin--green-12_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/6/68/T--Tianjin--green-12.jpg" />
 +
            </div>
 +
           
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/c/c4/T--Tianjin--green-11.jpg" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/archive/c/c4/20160930065316%21T--Tianjin--green-11.jpg" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/a/ab/T--Tianjin--green-13_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/8/81/T--Tianjin--green-13.png" />
 +
            </div>
 +
            <div>
 +
                <img u="image" src="https://static.igem.org/mediawiki/2016/0/04/T--Tianjin--green-14_1.png" />
 +
                <img u="thumb" src="https://static.igem.org/mediawiki/2016/0/01/T--Tianjin--green-14.png" />
 +
            </div>
 +
        </div>
 +
       
 +
        <!-- Arrow Navigator Skin Begin -->
 +
        <style>
 +
            /* jssor slider arrow navigator skin 05 css */
 +
            /*
 +
            .jssora05l              (normal)
 +
            .jssora05r              (normal)
 +
            .jssora05l:hover        (normal mouseover)
 +
            .jssora05r:hover        (normal mouseover)
 +
            .jssora05ldn            (mousedown)
 +
            .jssora05rdn            (mousedown)
 +
            */
 +
            .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
 +
            {
 +
            position: absolute;
 +
            cursor: pointer;
 +
            display: block;
 +
                background: url(https://static.igem.org/mediawiki/2016/7/71/T--Tianjin--a17.png) no-repeat;
 +
                overflow:hidden;
 +
            }
 +
            .jssora05l { background-position: -10px -40px; }
 +
            .jssora05r { background-position: -70px -40px; }
 +
            .jssora05l:hover { background-position: -130px -40px; }
 +
            .jssora05r:hover { background-position: -190px -40px; }
 +
            .jssora05ldn { background-position: -250px -40px; }
 +
            .jssora05rdn { background-position: -310px -40px; }
 +
        </style>
 +
        <!-- Arrow Left -->
 +
        <span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 158px; left: 8px;">
 +
        </span>
 +
        <!-- Arrow Right -->
 +
        <span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 158px; right: 8px">
 +
        </span>
 +
        <!-- Arrow Navigator Skin End -->
 +
       
 +
        <!-- Thumbnail Navigator Skin Begin -->
 +
        <div u="thumbnavigator" class="jssort01" style="position: absolute; width: 800px; height: 100px; left:0px; bottom: 0px;">
 +
            <!-- Thumbnail Item Skin Begin -->
 +
            <style>
 +
                /* jssor slider thumbnail navigator skin 01 css */
 +
                /*
 +
                .jssort01 .p          (normal)
 +
                .jssort01 .p:hover    (normal mouseover)
 +
                .jssort01 .pav          (active)
 +
                .jssort01 .pav:hover    (active mouseover)
 +
                .jssort01 .pdn          (mousedown)
 +
                */
 +
                .jssort01 .w {
 +
                    position: absolute;
 +
                    top: 0px;
 +
                    left: 0px;
 +
                    width: 100%;
 +
                    height: 100%;
 +
                }
 +
 +
                .jssort01 .c {
 +
                    position: absolute;
 +
                    top: 0px;
 +
                    left: 0px;
 +
                    width: 68px;
 +
                    height: 68px;
 +
                    border: #000 2px solid;
 +
                }
 +
 +
                .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
 +
                    background: url(../img/t01.png) center center;
 +
                    border-width: 0px;
 +
                    top: 2px;
 +
                    left: 2px;
 +
                    width: 68px;
 +
                    height: 68px;
 +
                }
 +
 +
                .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
 +
                    top: 0px;
 +
                    left: 0px;
 +
                    width: 70px;
 +
                    height: 70px;
 +
                    border: #fff 1px solid;
 +
                }
 +
            </style>
 +
            <div u="slides" style="cursor: move;">
 +
                <div u="prototype" class="p" style="position: absolute; width: 68px; height: 68px; top: 0; left: 0;">
 +
                    <div class=w><div u="thumbnailtemplate" style=" width: 100%; height: 100%; border: none;position:absolute; top: 0; left: 0;"></div></div>
 +
                    <div class=c>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <!-- Thumbnail Item Skin End -->
 +
        </div>
 +
        <!-- Thumbnail Navigator Skin End -->
 +
       
 +
    </div>
 +
 +
</div>
 +
 +
 +
 +
 +
 +
                          <!--    轮播    -->
 +
 +
<!--media-->
 +
 +
<div class="gallery">
 +
<div class="container">
 +
 +
<h3 class="title1" style="color:#3399FF" >Engagement Ⅲ :Social Media</h3>
 +
<p style="font-size:20px">In this summer, we team Tianjin contacted <a href="https://2016.igem.org/Team:Pasteur_Paris">Team Pasteur</a>, <a href="https://2016.igem.org/Team:Pittsburgh">Team Pittsburgh</a>, <a href="https://2016.igem.org/Team:Valencia_UPV">Team Valencia UPV</a>, <a href="https://2016.igem.org/Team:Virginia">Team Virginia</a> and <a href="https://2016.igem.org/Team:NTU-Singapore">Team NTU</a> about the questionnaire collaboration. We established and led a survey union with their support. We made a questionnaire about synthetic biology and iGEM competition together through email correspondence.<br/> </br>
 +
We posted it on our twitter and facebook, then many iGEM teams reposted it on their homepage and many iGEMers as well as ordinary people participated in it . We are very delighted to see their enthusiastic engagement!</p>
 +
<br/><br/>
 +
<figure>
 +
    <a href="https://static.igem.org/mediawiki/2016/a/a3/T--Tianjin--Co-%E9%97%AE%E5%8D%B7%E5%90%88%E4%BD%9C-1.png" data-lightbox="no" data-title="Screenshots of Twitter and Facebook">
 +
<img src="https://static.igem.org/mediawiki/2016/a/a3/T--Tianjin--Co-%E9%97%AE%E5%8D%B7%E5%90%88%E4%BD%9C-1.png" />
 +
</a>
 +
<figcaption> Screenshots of Twitter and Facebook </figcaption>
 +
</figure>
 +
</div>
 +
                          </div>
 +
<!-- media -->
 +
 +
<!--问卷合作-->
 +
 +
<div class="welcome about">
 +
  <span class="bg-text" style="z-index:-9999">Tianjin</span>
 +
<div class="container">
 +
<h3 class="title1" style="color:#3399FF" >Engagement Ⅳ :Questionnaire Survey</h3>
 +
<div class="col-md-12 about-left wow fadeInLeft animated" data-wow-delay=".5s">
 +
 +
<p class="data" style="color:#344525;font-size:20px">We made the public engaged in our project this year with the method of questionnaire survey. Actually we conducted two versions of surveys this year. The former one has been clarified in part Engagement Ⅲ :Social Media.
 +
As for the latter one, we investigated the daily use of plastic products and the attitude of people towards the bio-degradation of plastic.<br/>
 +
The following pictures are our partial results.<br/><br/></p>
 +
 +
<div class="col-md-6 about-left wow fadeInLeft animated" data-wow-delay=".5s">
 +
<figure>
 +
    <a href="https://static.igem.org/mediawiki/2016/0/08/T--Tianjin--frequecy.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/0/08/T--Tianjin--frequecy.png" style="width:100%;height:300px" alt=""/></a>
 +
 
 +
</figure>
 +
</div>
 +
 +
 +
<div class="col-md-6 about-right wow fadeInRight animated" data-wow-delay=".5s">
 +
<figure>
 +
    <a href="https://static.igem.org/mediawiki/2016/6/6f/T--Tianjin--attitude--234.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/6/6f/T--Tianjin--attitude--234.png" style="width:100%;height:300px" alt=""/></a>
 +
 
 +
</figure><br/><br/>
 +
</div>
 +
 +
</div>
 +
 +
<br/><br/>
 +
 +
 +
 +
 +
<div class="col-md-6 about-right wow fadeInRight animated" data-wow-delay=".5s">
 +
<figure>
 +
    <a href="https://static.igem.org/mediawiki/2016/0/0f/T--Tianjin--opinion.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/0/0f/T--Tianjin--opinion.png" alt="" style="width:100%;height:300px"></a>
 +
 
 +
</figure><br/><br/>
 +
</div>
 +
<div class="col-md-6 about-left wow fadeInLeft animated" data-wow-delay=".5s">
 +
<figure>
 +
    <a href="https://static.igem.org/mediawiki/2016/6/6d/T--Tianjin--attitude2.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/6/6d/T--Tianjin--attitude2.png" alt="" style="width:100%;height:300px"></a>
 +
 
 +
</figure>
 +
 +
<br/><br/></div>
 +
 +
<a href="https://2016.igem.org/Team:Tianjin/Community/Society" style="font-size:24px">Click here to see the full results.</a>
 +
<br/><br/>
 +
<p class="data" style="color:#344525;font-size:20px">Through the survey, we realize that a majority of people have noticed recent severe plastics pollution and are not satisfied with extant disposal methods. They look forward to a better way to control the ‘white pollution’. Besides, in terms of technology of ‘white pollution’ control, most people have knew something about biological plastics degradation and think highly of it. They hope that scientists will do further research. From the survey we also notice the public consciousness of ‘white pollution’ and how urgent and necessary we should fix this problem. At the same time, it reinforces our confidence and enthusiasm to solve it using biological method. We will definitely make great efforts to explore and figure out something meaningful to live up to public expectation.</p>
 +
</div>
 +
</div>
 +
 +
<div class="clearfix"> </div>
 +
</div>
 +
<!--问卷合作-->
 +
<!-- ================ -->
 +
<div class="container">
 +
<h3 class="title1" style="color:#3399FF" >Summary</h3>
 +
<p class="summary" style="font-size:20px">Briefly speaking, we team iGEM Tianjin gave lectures to students in Baitangkou primary school, Dagang No.1 middle school and TUST respectively. In addition, we held a debate in our school with respect to synthetic biology. And also, we visited the TEDA green technology exhibition hall to exchange ideas about waste disposal. We presented our project, PET bio-degradation to them and took a deep and meticulous look at TEDA’s green technologies. Finally, we conducted two questionnaire surveys about synthetic biology and plastic pollution by scattering them by social media. </br>In conclusion, I think our human practice work has provoked a considerable number of people <span>engaged in our project</span> and we are definitely <span> eligible for this prize</span> this year.<br><br/></p>
 +
</div>
 +
<!-- ================ -->
 +
<!-- ================ -->
 +
<div class="col-md-2 col-md-offset-8 text-center">
 +
  <a type="button" class="btn btn-default btn-next" href="https://2016.igem.org/Team:Tianjin/Community/Overview"><img src="https://static.igem.org/mediawiki/2016/a/aa/T--Tianjin--Community--Overview--222.png" style="width:200px" title="See More Details"></a>
 +
</div>
 +
<!-- ================ -->
  
 
<!-- section start -->
 
<!-- section start -->
 
<!-- ================ -->
 
<!-- ================ -->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
/*
 +
var defaults = {
 +
containerID: 'toTop', // fading element id
 +
containerHoverID: 'toTopHover', // fading element hover id
 +
scrollSpeed: 1200,
 +
easingType: 'linear'
 +
};
 +
*/
 +
 +
$().UItoTop({ easingType: 'easeOutQuart' });
 +
 +
});
 +
</script>
 +
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
 +
        <script type="text/javascript" src="http://www.17sucai.com/preview/279505/2015-02-06/%E6%BB%91%E5%8A%A8%E8%BF%9E%E6%92%AD%E5%B9%BB%E7%81%AF%E7%89%87/js/jssor.js"></script>
 +
<script type="text/javascript" src="http://www.17sucai.com/preview/279505/2015-02-06/%E6%BB%91%E5%8A%A8%E8%BF%9E%E6%92%AD%E5%B9%BB%E7%81%AF%E7%89%87/js/jssor.slider.js"></script>
 +
 +
 +
<style>.summary span{color:#3399FF}
 +
</style>
 +
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>
 +
 +
 
{{:Team:Tianjin/Templates/Sponsor|}}
 
{{:Team:Tianjin/Templates/Sponsor|}}

Latest revision as of 00:36, 17 October 2016

TEAM TIANJIN



Engagement

desktop

Based on the definition of public engagement, which the myriad of ways in which the activity and benefits of higher education and research can be shared with the public, this year we team iGEM Tianjin conducted the mission of scattering the concepts of PET bio-degradation, synthetic biology and iGEM competition to ordinary people mainly in two aspects---Education and Public Engagement.

Education













Engagement Ⅱ:TEDA Eco Centre (NGO)



Tianjin

Engagement Ⅳ :Questionnaire Survey

We made the public engaged in our project this year with the method of questionnaire survey. Actually we conducted two versions of surveys this year. The former one has been clarified in part Engagement Ⅲ :Social Media. As for the latter one, we investigated the daily use of plastic products and the attitude of people towards the bio-degradation of plastic.
The following pictures are our partial results.









Click here to see the full results.

Through the survey, we realize that a majority of people have noticed recent severe plastics pollution and are not satisfied with extant disposal methods. They look forward to a better way to control the ‘white pollution’. Besides, in terms of technology of ‘white pollution’ control, most people have knew something about biological plastics degradation and think highly of it. They hope that scientists will do further research. From the survey we also notice the public consciousness of ‘white pollution’ and how urgent and necessary we should fix this problem. At the same time, it reinforces our confidence and enthusiasm to solve it using biological method. We will definitely make great efforts to explore and figure out something meaningful to live up to public expectation.

Summary

Briefly speaking, we team iGEM Tianjin gave lectures to students in Baitangkou primary school, Dagang No.1 middle school and TUST respectively. In addition, we held a debate in our school with respect to synthetic biology. And also, we visited the TEDA green technology exhibition hall to exchange ideas about waste disposal. We presented our project, PET bio-degradation to them and took a deep and meticulous look at TEDA’s green technologies. Finally, we conducted two questionnaire surveys about synthetic biology and plastic pollution by scattering them by social media.
In conclusion, I think our human practice work has provoked a considerable number of people engaged in our project and we are definitely eligible for this prize this year.


Team Tianjin Sponsor Alltech
Team Tianjin Sponsor GenScript
Team Tianjin Sponsor SynbioTech