Difference between revisions of "Team:Tianjin/Engagement"

 
(103 intermediate revisions by 5 users not shown)
Line 1: Line 1:
{{Tianjin}}
+
{{:Team:Tianjin/Templates/MaterialTheme|}}
 +
 
 +
 
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/css/bootstrap.css}}
 +
 
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/css/animation.css}}
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/css/animate.css}}
 +
 
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/Education/css/style.css}}
 +
 
 +
{{:Team:Tianjin/Templates/AddCSS|:Team:Tianjin/Community/Law/css/style.css}}
 +
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
 +
 +
<meta name="author" content="htmlcoder.me">
  
 +
<!-- Mobile Meta -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  
 +
<!-- Favicon -->
 +
<link rel="shortcut icon" href="images/favicon.ico">
  
 +
  
 +
</head>
  
 +
<body class="no-trans">
 +
<!-- scrollToTop -->
 +
<!-- ================ -->
 +
<div class="scrollToTop"><i class="icon-up-open-big"></i></div>
  
 +
<!-- header start -->
 +
<!-- ================ -->
 +
 +
<!-- header end -->
  
<div class="column full_size">
+
<!-- banner start -->
 +
<!-- ================ -->
 +
  
 +
<!-- section start -->
 +
<!-- ================ -->
 +
<div class="section clearfix object-non-visible" data-animation-effect="fadeIn">
 +
<div class="container">
 +
                       
 +
 +
<div class="col-md-12" style="margin-top:100px">
 +
<h1 id="about" class="title text-center" style="max-width:1200px">Engagement</h1>
 +
 +
<div class="space" style="height:20px"></div>
 +
<div class="row">
 +
<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="width:100%">
 +
<div class="space"></div>
 +
</div>
 +
<div class="col-md-7">
 +
<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>
 +
<div class="space"></div>
 +
 +
</div>
 +
 +
</div>
 +
 +
<!--  part right  -->
 +
<!-- section end -->
  
<p>Do you want to be considered for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Engagement award</a>? Help the judges consider your team for this award by describing your work on this page.</p>
+
              <div class="container">
 +
 +
              <h3 class="title1" style="color:#3399FF" >Education</h3>
 
</div>
 
</div>
 +
<br/><br/>
  
 +
<!--popular-->
 +
<div class="popular">
 +
<div class="container">
 +
<div class="col-md-6 popular-left">
 +
<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>
 +
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 class="col-md-6 popular-right wow fadeInRight animated" data-wow-delay=".5s" style="padding-top:70px">
 +
<div class="col-md-6">
 +
<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" 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="" width="100%"></a>
 +
  <figcaption></figcaption>
 +
</figure>
  
<p>Here are two examples of excellent Education and Public Engagement from 2015:</p>
+
</div>
<ul>
+
<div class="col-md-6 " style="margin-bottom:20px">
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement"> UFMG Brazil 2015</a></li>
+
<figure>
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> William and Mary 2015</a></li>
+
    <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>
</ul>
+
  <figcaption></figcaption>
 +
</figure>
 +
</div>
 +
<div class="col-md-6">
 +
<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" 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>
 +
</div>
 +
<div class="col-md-6" >
 +
<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" 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>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<span class="bg-text">iGEM</span>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
<!--//popular-->
 +
</br></br></br></br>
 +
<!--popular-->
 +
<div class="popular">
 +
<div class="container">
 +
<div class="col-md-6 popular-left">
 +
<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. 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 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 class="col-md-6 popular-right wow fadeInRight animated" data-wow-delay=".5s" style="margin-top:70px">
 +
<div class="col-md-6 "  >
 +
<figure>
 +
    <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/a/a8/T--Tianjin--Education--21.jpg/800px-T--Tianjin--Education--21.jpg"  alt=""width="100%"></a>
 +
  <figcaption>  </figcaption>
 +
</figure>
 +
 +
</div>
 +
<div class="col-md-6" style="margin-bottom:30px">
 +
<figure>
 +
    <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>
 +
</div>
 +
<div class="col-md-6 ">
 +
<figure>
 +
    <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>
 +
</div>
 +
<div class="col-md-6">
 +
<figure>
 +
    <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>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<span class="bg-text">Tianjin</span>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 +
<!--//popular-->
 +
</br></br></br></br>
 +
<!--popular-->
 +
<div class="popular">
 +
<div class="container">
 +
<div class="col-md-6 popular-left">
 +
<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 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 class="col-md-6 popular-right wow fadeInRight animated" data-wow-delay=".5s" style="margin-top:70px">
 +
<div class="col-md-6 " >
 +
<figure>
 +
    <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/2/29/T--Tianjin--Education--41.jpg"  alt="" width="100%"></a>
 +
  <figcaption>  </figcaption>
 +
</figure>
 +
 +
</div>
 +
<div class="col-md-6" style="margin-bottom:30px">
 +
<figure>
 +
    <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>
 +
</div></br></br>
 +
<div class="col-md-6">
 +
<figure>
 +
    <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>
 +
</div>
 +
<div class="col-md-6">
 +
<figure>
 +
    <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>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<span class="bg-text">2016</span>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div></br></br>
 +
<!--//popular-->
 +
<!-- gallery -->
 +
<div class="gallery">
 +
<div class="container">
 +
 +
<h3 class="title1" style="color:#3399FF" >Engagement Ⅰ:Debate </h3>
 +
<p style="font-size:20px">To make the ordinary students engaged in iGEM, we team Tianjin together with Beiyang Environment-Protecting Association held a debate competition discussing ethical issues provoked by the application of synthetic biology, aiming to publicize the conception of synthetic biology and arouse attention to biotechnology. </br>
 +
The debate began at 20 p.m., Sep.28th and lasted for an hour. The topic was whether it is safe to curb environmental pollution with artificial modified bacterium. Our team members were invited as special guests to watch this intense competition. During the interval, we gave out iGEM handbooks and souvenirs to audience. After that, we made a brief introduction of synthetic biology and our project.</br>
 +
 +
Generally speaking, the debate was very successful. We were delighted to collaborate with Beiyang Environment-Protecting Association. It was glad to see that everyone participating in the game were intrigued by this subject. The successful hosting of the debate epitomized our great publicity of synthetic biology.</br><br/></p>
 +
<div class="gallery-row">
 +
<div class="col-md-4 gallery-grids grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
 +
<img src="https://static.igem.org/mediawiki/2016/6/61/T--Tianjin--debater1_1.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Debater</h5></figcaption>
 +
 +
</figure>
 +
</div>
 +
<div class="col-md-4 gallery-grids grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
 +
<img src="https://static.igem.org/mediawiki/2016/1/1e/T--Tianjin--hostess_1.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>Hostess</h5></figcaption>
 +
 +
</figure>
 +
</div>
 +
<div class="col-md-4 gallery-grids grid">
 +
<figure class="effect-ming wow zoomIn animated" data-wow-delay=".5s">
 +
 +
<img src="https://static.igem.org/mediawiki/2016/b/bc/T--Tianjin--free_debating_1.jpg" alt="" class="img-responsive" />
 +
<figcaption><h5>FreeDebating</h5></figcaption>
 +
 +
</figure>
 +
</div>
 +
<div class="clearfix"> </div>
 +
 +
</div>
 +
 +
</div>
 +
</div>
 +
<!-- //gallery -->
 +
<div class="container">
 +
 +
              <h3 class="title1" style="color:#3399FF" >Engagement Ⅱ:TEDA Eco Centre (NGO)</h3>
 
</div>
 
</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 -->
 +
<!-- ================ -->
 +
<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>
 
</html>
 
</html>
 +
 +
 +
{{: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