(98 intermediate revisions by 4 users not shown) | |||
Line 16: | Line 16: | ||
− | |||
− | |||
− | |||
− | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 34: | Line 30: | ||
<!--banner--> | <!--banner--> | ||
<div class="banner about-bnr"> | <div class="banner about-bnr"> | ||
− | <div class="bnr-img"> | + | <div class="bnr-img"><br/><br/><br/><br/><br/><br/><br/> |
− | <img class="wow fadeInLeftBig animated" data-wow-delay=".5s" src="https://static.igem.org/mediawiki/2016/ | + | <img class="wow fadeInLeftBig animated" data-wow-delay=".5s" src="https://static.igem.org/mediawiki/2016/0/01/T--Tianjin--society-2.jpg" alt=""/> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | |||
+ | |||
<div class="banner-text"> | <div class="banner-text"> | ||
<h1 class="wow fadeInDown animated" data-wow-delay=".5s">Society </h1> | <h1 class="wow fadeInDown animated" data-wow-delay=".5s">Society </h1> | ||
− | <h2 class="wow fadeInUp animated" data-wow-delay=".5s"> | + | <h2 class="wow fadeInUp animated" data-wow-delay=".5s"></h2> |
</div> | </div> | ||
<div class="clearfix"> </div> | <div class="clearfix"> </div> | ||
Line 73: | Line 43: | ||
<!--//banner--> | <!--//banner--> | ||
<!--faq--> | <!--faq--> | ||
+ | <br/><br/> | ||
+ | |||
+ | <div class="container"> | ||
+ | |||
+ | <h3 class="title1">Our visit to the TEDA <br/><span>green technology exhibition hall</span></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 } | ||
− | <div | + | //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> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- 轮播 --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="container"> | <div class="container"> | ||
− | + | ||
− | <h3 class="title1">Survey | + | <h3 class="title1">Survey of <span>the Uses of Plastic</span></h3> |
<div class="testi-info"> | <div class="testi-info"> | ||
− | <div class=" | + | <div class="col-md-12 about-left wow fadeInLeft animated" data-wow-delay=".5s" style="margin-top:20px;margin-bottom:20px;border:solid #3399FF 8px;padding:5px"> |
− | + | <div class="col-md-4 about-left wow fadeInLeft animated" data-wow-delay=".5s"> | |
− | <img src=" https://static.igem.org/mediawiki/2016/e/e0/T--Tianjin--questionnaire.png " alt="" | + | |
+ | <img src="https://static.igem.org/mediawiki/2016/e/e0/T--Tianjin--questionnaire.png" alt="" width="100%"> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="col-md-8 about-right wow fadeInRight animated" data-wow-delay=".5s"> |
− | <p | + | <p class="data" style="color:#344525;font-size:18px">Plastic is one of the most widely used material in daily life for its low cost, low density, low electrical conductivity and easiness of processing. Since the first kind of plastic was found in 1907, we have lived with plastic for over a century. However, the white pollution caused by discarded plastic has raised more and more concern. Though governments in many places have passed law to restrict the use of plastic, the best solution toward this problem is to find out a easy, cheap and environmental friendly way to degrade the discarded plastic. Among the existing degrading way, the biodegradation of plastic is regarded as the most promising one. This questionnaire aims to investigate the daily use of plastic products and the attitude of people toward the biodegradation of plastic.</br> |
− | < | + | P.S. <a href="https://static.igem.org/mediawiki/2016/c/c7/%E9%97%AE%E5%8D%B7%E4%B8%AD%E8%8B%B1%E6%96%87%E7%89%88.docx">Chinese and English versions of the questionnaire</a> <a href="https://static.igem.org/mediawiki/2016/d/de/T--Tianjin--results.xls">survey results</a></p> |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
+ | </div> | ||
+ | <div class="welcome about"> | ||
+ | <span class="bg-text" style="z-index:-9999">Tianjin</span> | ||
+ | <div class="container"> | ||
+ | <h3 class="title1">Summary for Our Questionnaire <span> of</span> the Uses of Plastic</h3> | ||
+ | </br> | ||
+ | |||
+ | |||
+ | <div class="col-md-12 about-left wow fadeInLeft animated" data-wow-delay=".5s"> | ||
+ | <h5>Basic information of the people being investigated: </h5> | ||
+ | <p class="data" style="color:#344525;font-size:18px">Totally 686 people filled this questionnaire from 9:00, February 22nd to 0:00, February 25th, of which 62.2% are female and 37.8% are male. The age of these people are mainly 19-25 and over 35, which respectively accounts for 41.2% and 45.3%. Most people (66.6%) have bachelor’s degree. 38.4% of people are engaged in education, research and engineering. Most of the people are from different province in China while a few of them are living abroad.<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/a/a9/T--Tianjin--gender.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/a/a9/T--Tianjin--gender.png" alt="" style="width:100%;height:300px"></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/8/85/T--Tianjin--age.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/8/85/T--Tianjin--age.png" alt="Gender" title="Gender" style="width:100%;height:300px"></a> | ||
+ | |||
+ | </figure> | ||
+ | </div> | ||
+ | <p> <br/><br/></p> | ||
+ | <h5>Analysis of the data received:</h5> | ||
+ | <p class="data" style="color:#344525;font-size:18px">60.2% of people think that they usually feel the harm of the White Pollution in their daily life, only 2.9% of people never feel it.<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" alt="" style="width:100%"></a> | ||
+ | |||
+ | </figure><br/><br/> | ||
+ | </div> | ||
+ | <div class="col-md-6 about-right wow fadeInRight animated" data-wow-delay=".5s"> | ||
+ | |||
+ | <p class="data" style="color:#344525;font-size:18px">55.8% of people show modest satisfaction toward the disposal of waste plastics in their living place, and 40.4% of people are totally unsatisfied to it. The people who are satisfied with it only account of 3.8%.<br/></p> | ||
+ | |||
+ | <p class="data" style="color:#344525;font-size:18px">When asked what is the meaning of the number in the triangle printed on the plastic products, we are disappointed to find that only 28.1% of people selected the correct choice, which is “the number refers to the component of plastic”.<br/><br/></p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <br/><br/> | ||
+ | <div class="col-md-12 about-left wow fadeInLeft animated" data-wow-delay=".5s"> | ||
+ | <div class="col-md-6 about-left wow fadeInLeft animated" data-wow-delay=".5s"> | ||
+ | <p class="data" style="color:#344525;font-size:18px"> | ||
+ | When it comes to the attitude toward the disposable plastic products, 73.9% of people think they can be allowed to use but should be strictly controlled and recycled. 23.2% of people are totally against the use of them. Only 2.9% of people are totally for the use of them.<br/> | ||
+ | Most (85.2%) of people use only 0-1 plastic bottle every day. Only 13.6% of people use 2-3 plastic bottles every day. People using 4 and more plastic bottles every day account for only 1.2%. The using of plastic bags every day is of few differences, the daily number of the plastic bags used is 0-1 for 55.6% of people, 2-3 for 38.7% of people and 4 and more for 5.7% of people.<br/><br/></p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="col-md-6 about-right wow fadeInRight animated" data-wow-delay=".5s"> | ||
+ | <figure> | ||
+ | <a href="https://static.igem.org/mediawiki/2016/e/e9/T--Tianjin--accuracy.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/e/e9/T--Tianjin--accuracy.png" alt="" style="width:100%"></a> | ||
+ | |||
+ | </figure><br/><br/> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <br/><br/> | ||
+ | <div class="col-md-12 about-left wow fadeInLeft animated" data-wow-delay=".5s"> | ||
+ | |||
+ | <p class="data" style="color:#344525;font-size:18px">When asked the way of disposing the used plastic products (one can select more than one choices), 74.5% of people selected “I will continue use it if I can”, 33.0% of people selected “I will throw it into the garbage can directly”, 1.2% of people selected “I will throw it everywhere”.<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/f/fa/T--Tianjin--attitude.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/f/fa/T--Tianjin--attitude.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/d/d0/T--Tianjin--amount.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/d/d0/T--Tianjin--amount.png" style="width:100%;height:300px" alt=""/></a> | ||
+ | |||
+ | </figure><br/><br/> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <br/><br/> | ||
+ | <div class="col-md-12 about-left wow fadeInLeft animated" data-wow-delay=".5s"> | ||
+ | |||
+ | <p class="data" style="color:#344525;font-size:18px">When asked whether the plastic products are able to be recycled, we are satisfied to find that 76.2% of people selected the correct choice, which is “some can while others cannot”.<br/><br/></p> | ||
+ | |||
+ | <div class="col-md-6 about-right wow fadeInRight animated" data-wow-delay=".5s"> | ||
+ | <figure> | ||
+ | <a href="https://static.igem.org/mediawiki/2016/e/e4/T--Tianjin--disposal.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/e/e4/T--Tianjin--disposal.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/7/76/T--Tianjin--accuracy2.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/7/76/T--Tianjin--accuracy2.png" alt="" style="width:100%;height:300px"></a> | ||
+ | |||
+ | </figure><br/><br/> | ||
+ | </div> | ||
+ | |||
+ | </br> | ||
+ | <p class="data" style="color:#344525;font-size:18px">when investigated the situation of the received education about the effects of plastics to the environment, 46.4% of people only received it in textbooks, 36.3% of people received it in both textbooks and the propaganda of the community, 17.3% of people never received this kind of education at all.<br/><br/></p> | ||
+ | |||
+ | <figure> | ||
+ | <a href="https://static.igem.org/mediawiki/2016/2/2b/T--Tianjin--educated.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/2/2b/T--Tianjin--educated.png" alt="" style="width:50%"></a> | ||
+ | |||
+ | </figure><br/><br/> | ||
+ | |||
+ | <p class="data" style="color:#344525;font-size:18px">When asked the proper ways to control the White Pollution efficiently (one can select more than one choices), most people think that using environmental friendly substitutes is reasonable, which account for 81.9%, followed by the people who think that searching for a effective way to degrade plastics by scientists is a good idea, which account for 72.9%. Besides are people who think conduct propaganda in the community to encourage residents to recycle plastics (67.5%) and governments introduce relevant laws (65.5%).<br/><br/></p> | ||
+ | |||
+ | <figure> | ||
+ | <a href="https://static.igem.org/mediawiki/2016/1/19/T--Tianjin--duoxuan1.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/1/19/T--Tianjin--duoxuan1.png" alt=""/></a> | ||
+ | |||
+ | </figure><br/><br/> | ||
+ | |||
+ | <p class="data" style="color:#344525;font-size:18px">When asked the proper ways to dispose the waste plastics (one can select more than one choices), 89.9% of people selected “Biodegradation of microorganisms” and 71.6% of people selected “Chemical degradation and obtain chemical raw materials”. A few people selected “Incineration together” and “Dumping in the soil”, which respectively account for 6.6% and 3.6%.<br/><br/></p> | ||
+ | |||
+ | <figure> | ||
+ | <a href="https://static.igem.org/mediawiki/2016/d/da/T--Tianjin--duoxuan2.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/d/da/T--Tianjin--duoxuan2.png" alt=""/></a> | ||
+ | |||
+ | </figure><br/><br/> | ||
+ | |||
+ | <p class="data" style="color:#344525;font-size:18px">When asked whether you have heard the biodegradation of plastics, 24.1% of people never heard it, 55.7% of people heard it in the popular science articles online, 15.9% of them have learned the relevant knowledge at school and only 4.4% of people know the plastic biodegradation systematically. <br/><br/></p> | ||
+ | |||
+ | |||
+ | |||
+ | <p class="data" style="color:#344525;font-size:18px">When asked the opinion of the prospect of plastic biodegradation, 51.3% of people show confidences to it, 47.2% of people think it is not easy to achieve, and only 1.5% of people think it is impossible.<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/3/31/T--Tianjin--heard.png" data-lightbox="no" ><img src="https://static.igem.org/mediawiki/2016/3/31/T--Tianjin--heard.png" alt="" style="width:100%;height:300px"></a> | ||
+ | |||
+ | </figure><br/><br/> | ||
+ | </div> | ||
+ | <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> | ||
+ | <p class="data" style="color:#344525;font-size:18px">The last compulsive question is “When someday scientists successfully find a effective microorganism to biodegrade the plastics using the modern biological technology, do you agree to spread it to the environment?” The result is 46.5% of people agree and 47.2% of people are neutral, only 6.3% of people disagree.<br/><br/></p> | ||
+ | |||
+ | <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" style="width:60%;height:400px"alt=""/></a> | ||
+ | |||
+ | </figure> | ||
+ | </p><br/><br/> | ||
+ | <h3 class="title1">Conclusion of the Survey</h3> | ||
+ | <p class="data" style="color:#344525;font-size:18px">Through the survey, we realize that a majority of people have noticed recent severe plastics pollution and are not satisfied with existing 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 class="clearfix"> </div> | ||
+ | </div> | ||
+ | |||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 276: | Line 556: | ||
<!--//faq--> | <!--//faq--> | ||
+ | <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/thumb/6/62/T--Tianjin--Community--Overview--55.png/300px-T--Tianjin--Community--Overview--55.png" style="width:200px" title="Back to Overview"></a> | ||
+ | </div> | ||
+ | </div> | ||
Line 297: | Line 581: | ||
</script> | </script> | ||
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a> | <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> | ||
+ | |||
+ | |||
+ | <!---17素材网--->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 | ||
+ | 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 | ||
+ | <!---17素材网---> | ||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> | ||
Line 304: | Line 596: | ||
− | |||
− | {{:Team:Tianjin/Templates/ | + | {{:Team:Tianjin/Templates/Sponsor|}} |
− | + | ||
− | + |
Latest revision as of 03:33, 19 October 2016
Our visit to the TEDA
green technology exhibition hall
Survey of the Uses of Plastic
Plastic is one of the most widely used material in daily life for its low cost, low density, low electrical conductivity and easiness of processing. Since the first kind of plastic was found in 1907, we have lived with plastic for over a century. However, the white pollution caused by discarded plastic has raised more and more concern. Though governments in many places have passed law to restrict the use of plastic, the best solution toward this problem is to find out a easy, cheap and environmental friendly way to degrade the discarded plastic. Among the existing degrading way, the biodegradation of plastic is regarded as the most promising one. This questionnaire aims to investigate the daily use of plastic products and the attitude of people toward the biodegradation of plastic. P.S. Chinese and English versions of the questionnaire survey results
Summary for Our Questionnaire of the Uses of Plastic
Basic information of the people being investigated:
Totally 686 people filled this questionnaire from 9:00, February 22nd to 0:00, February 25th, of which 62.2% are female and 37.8% are male. The age of these people are mainly 19-25 and over 35, which respectively accounts for 41.2% and 45.3%. Most people (66.6%) have bachelor’s degree. 38.4% of people are engaged in education, research and engineering. Most of the people are from different province in China while a few of them are living abroad.
Analysis of the data received:
60.2% of people think that they usually feel the harm of the White Pollution in their daily life, only 2.9% of people never feel it.
55.8% of people show modest satisfaction toward the disposal of waste plastics in their living place, and 40.4% of people are totally unsatisfied to it. The people who are satisfied with it only account of 3.8%.
When asked what is the meaning of the number in the triangle printed on the plastic products, we are disappointed to find that only 28.1% of people selected the correct choice, which is “the number refers to the component of plastic”.
When it comes to the attitude toward the disposable plastic products, 73.9% of people think they can be allowed to use but should be strictly controlled and recycled. 23.2% of people are totally against the use of them. Only 2.9% of people are totally for the use of them.
Most (85.2%) of people use only 0-1 plastic bottle every day. Only 13.6% of people use 2-3 plastic bottles every day. People using 4 and more plastic bottles every day account for only 1.2%. The using of plastic bags every day is of few differences, the daily number of the plastic bags used is 0-1 for 55.6% of people, 2-3 for 38.7% of people and 4 and more for 5.7% of people.
When asked the way of disposing the used plastic products (one can select more than one choices), 74.5% of people selected “I will continue use it if I can”, 33.0% of people selected “I will throw it into the garbage can directly”, 1.2% of people selected “I will throw it everywhere”.
When asked whether the plastic products are able to be recycled, we are satisfied to find that 76.2% of people selected the correct choice, which is “some can while others cannot”.
when investigated the situation of the received education about the effects of plastics to the environment, 46.4% of people only received it in textbooks, 36.3% of people received it in both textbooks and the propaganda of the community, 17.3% of people never received this kind of education at all.
When asked the proper ways to control the White Pollution efficiently (one can select more than one choices), most people think that using environmental friendly substitutes is reasonable, which account for 81.9%, followed by the people who think that searching for a effective way to degrade plastics by scientists is a good idea, which account for 72.9%. Besides are people who think conduct propaganda in the community to encourage residents to recycle plastics (67.5%) and governments introduce relevant laws (65.5%).
When asked the proper ways to dispose the waste plastics (one can select more than one choices), 89.9% of people selected “Biodegradation of microorganisms” and 71.6% of people selected “Chemical degradation and obtain chemical raw materials”. A few people selected “Incineration together” and “Dumping in the soil”, which respectively account for 6.6% and 3.6%.
When asked whether you have heard the biodegradation of plastics, 24.1% of people never heard it, 55.7% of people heard it in the popular science articles online, 15.9% of them have learned the relevant knowledge at school and only 4.4% of people know the plastic biodegradation systematically.
When asked the opinion of the prospect of plastic biodegradation, 51.3% of people show confidences to it, 47.2% of people think it is not easy to achieve, and only 1.5% of people think it is impossible.
The last compulsive question is “When someday scientists successfully find a effective microorganism to biodegrade the plastics using the modern biological technology, do you agree to spread it to the environment?” The result is 46.5% of people agree and 47.2% of people are neutral, only 6.3% of people disagree.
Conclusion of the Survey
Through the survey, we realize that a majority of people have noticed recent severe plastics pollution and are not satisfied with existing 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.