Difference between revisions of "Team:Mingdao/Practices"

Line 1: Line 1:
 
 
 
 
 
 
 
<html>
 
<html>
 
  <head>
 
  <head>
Line 5,101: Line 5,095:
 
   <!-- JS includes -->
 
   <!-- JS includes -->
 
   <!--[if lt IE 9]>
 
   <!--[if lt IE 9]>
<script src="https://2015.igem.org/Team:Mingdao/Javascript-html5shiv?action=raw&ctype=text/javascript" type="text/javascript"></script>  
+
  <script src="https://2015.igem.org/Team:Mingdao/Javascript-html5shiv?
<![endif]-->
+
action=raw&ctype=text/javascript" type="text/javascript"></script> <![endif]-->
 
     <!--custom head HTML-->
 
     <!--custom head HTML-->
 
   <style>
 
   <style>
Line 5,129: Line 5,123:
 
       <div class="clearfix" id="u4110_align_to_page">
 
       <div class="clearfix" id="u4110_align_to_page">
 
         <div class="clearfix grpelem" id="u2231"><!-- group -->
 
         <div class="clearfix grpelem" id="u2231"><!-- group -->
         <div class="" id="slideshowu1768"><!-- none box -->
+
         <div class="SlideShowWidget clearfix grpelem" id="slideshowu1768"><!-- none box -->
 
           <div class="popup_anchor" id="u1769popup">
 
           <div class="popup_anchor" id="u1769popup">
 
           <div class="SlideShowContentPanel clearfix" id="u1769"><!-- stack box -->
 
           <div class="SlideShowContentPanel clearfix" id="u1769"><!-- stack box -->
Line 5,135: Line 5,129:
 
             <img class="block ImageInclude" id="u1770_img" data-src="https://static.igem.org/mediawiki/2015/1/1c/Mingdao-hp1-5-crop-u1770.jpeg" src="https://static.igem.org/mediawiki/2015/c/cc/Mingdao-blank.gif" alt="" data-width="250" data-height="250"/>
 
             <img class="block ImageInclude" id="u1770_img" data-src="https://static.igem.org/mediawiki/2015/1/1c/Mingdao-hp1-5-crop-u1770.jpeg" src="https://static.igem.org/mediawiki/2015/c/cc/Mingdao-blank.gif" alt="" data-width="250" data-height="250"/>
 
             </div>
 
             </div>
             <div class="" id="u7970"><!-- image -->
+
             <div class="SSSlide invi clip_frame grpelem" id="u7970"><!-- image -->
             <img class="" id="u7970_img" data-src="https://static.igem.org/mediawiki/2015/9/9c/Mingdao-hp1-1-crop-u7970.jpg" src="https://static.igem.org/mediawiki/2015/c/cc/Mingdao-blank.gif" alt="" data-width="250" data-height="250"/>
+
             <img class="block ImageInclude" id="u7970_img" data-src="https://static.igem.org/mediawiki/2015/9/9c/Mingdao-hp1-1-crop-u7970.jpg" src="https://static.igem.org/mediawiki/2015/c/cc/Mingdao-blank.gif" alt="" data-width="250" data-height="250"/>
 
             </div>
 
             </div>
 
             <div class="SSSlide invi clip_frame grpelem" id="u7979"><!-- image -->
 
             <div class="SSSlide invi clip_frame grpelem" id="u7979"><!-- image -->
Line 6,179: Line 6,173:
 
         <img class="block" id="u7931_img" src="https://static.igem.org/mediawiki/2015/1/12/Mingdao-hp11-360x45.jpeg" alt="" width="60" height="45"/>
 
         <img class="block" id="u7931_img" src="https://static.igem.org/mediawiki/2015/1/12/Mingdao-hp11-360x45.jpeg" alt="" width="60" height="45"/>
 
       </div>
 
       </div>
        
+
       <div class="SSSlideLink clip_frame grpelem" id="u7940"><!-- image -->
 
         <img class="block" id="u7940_img" src="https://static.igem.org/mediawiki/2015/a/a5/Mingdao-hp11-4-crop-u7940.jpeg" alt="" width="60" height="45"/>
 
         <img class="block" id="u7940_img" src="https://static.igem.org/mediawiki/2015/a/a5/Mingdao-hp11-4-crop-u7940.jpeg" alt="" width="60" height="45"/>
     
+
      </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 6,250: Line 6,244:
 
   <!-- JS includes -->
 
   <!-- JS includes -->
 
   <script type="text/javascript">
 
   <script type="text/javascript">
   if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js?action=raw&ctype=text/javascript
+
   if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
" type="text/javascript">\x3C/script>');
+
 
</script>
 
</script>
 
   <script type="text/javascript">
 
   <script type="text/javascript">
   window.jQuery || document.write('\x3Cscript src="https://2015.igem.org/Team:Mingdao/Javascript-jquery-183?
+
   window.jQuery || document.write('\x3Cscript src="https://2015.igem.org/Team:Mingdao/Javascript-jquery-1.8.3.min?
 
action=raw&ctype=text/javascript" type="text/javascript">\x3C/script>');
 
action=raw&ctype=text/javascript" type="text/javascript">\x3C/script>');
 
</script>
 
</script>
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-museutils?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-museutils?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
   <script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery.watch?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
   <script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery.watch?action=raw&ctype=text/javascript" type="text/javascript"></script>
   <script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery_musemenu?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
   <script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery.musemenu?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery_musepolyfill_bgsize?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
<script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery.musepolyfill.bgsize?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-webpro?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-webpro?action=raw&ctype=text/javascript" type="text/javascript"></script>
  
Line 6,267: Line 6,260:
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery.museoverlay?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery.museoverlay?action=raw&ctype=text/javascript" type="text/javascript"></script>
  
 +
<script src="https://2015.igem.org/Team:Mingdao/Javascript-touchswipe?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery.scrolleffects?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery.scrolleffects?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-touchswipe?action=raw&ctype=text/javascript" type="text/javascript">
 
 
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-phil?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
 
</script>  <!-- JS includes -->
 
  <script type="text/javascript">
 
  if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
 
</script>
 
  <script type="text/javascript">
 
  window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
 
</script>
 
<script src="https://2014hs.igem.org/Mingdao_JS_museutils?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.tobrowserwidth?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.musemenu?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.watch?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
  <script src="https://2014hs.igem.org/Mingdao_JS_jquery.scrolleffects?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery_musepolyfill_bgsize?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-webpro?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-musewpslideshow?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery_museoverlay?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-touchswipe?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Mingdao/Javascript-jquery_scrolleffects?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
 
 
 
 
 
 
   <!-- Other scripts -->
 
   <!-- Other scripts -->
 
   <script type="text/javascript">
 
   <script type="text/javascript">
 
   $(document).ready(function() { try {
 
   $(document).ready(function() { try {
 +
(function(){var a={},b=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt(a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),16);return 0};(function(){$('link[type="text/css"]').each(function(){var b=($(this).attr("href")||"").match(/\/?css\/([\w\-]+\.css)\?(\d+)/);b&&b[1]&&b[2]&&(a[b[1]]=b[2])})})();(function(){$("body").append('<div class="version" style="display:none; width:1px; height:1px;"></div>');
 +
for(var c=$(".version"),d=0;d<Muse.assets.required.length;){var f=Muse.assets.required[d],g=f.match(/([\w\-\.]+)\.(\w+)$/),k=g&&g[1]?g[1]:null,g=g&&g[2]?g[2]:null;switch(g.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");c.addClass(k);var g=b(c.css("color")),h=b(c.css("background-color"));g!=0||h!=0?(Muse.assets.required.splice(d,1),(g!=a[f]>>>24||h!=(a[f]&16777215))&&Muse.assets.outOfDate.push(f)):d++;c.removeClass(k);break;case "js":k.match(/^jquery-[\d\.]+/gi)&&typeof $!=
 +
"undefined"?Muse.assets.required.splice(d,1):d++;break;default:throw Error("Unsupported file type: "+g);}}c.remove();(Muse.assets.outOfDate.length||Muse.assets.required.length)&&alert("Some files on the server may be missing or incorrect. Clear browser cache and try again. If the problem persists please contact website author.")})()})();
 +
/* body */
 
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
 
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
$('.browser_width').toBrowserWidth();/* browser width elements */
 
 
Muse.Utils.prepHyperlinks(true);/* body */
 
Muse.Utils.prepHyperlinks(true);/* body */
 +
Muse.Utils.initWidget('#slideshowu1768', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu1768 */
 +
Muse.Utils.resizeHeight()/* resize height */
 
Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
 
Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
$('#u2764').registerPositionScrollEffect([{"speed":[0,1],"in":[-Infinity,36.95]},{"speed":[0,1],"in":[36.95,Infinity]}]);/* scroll effect */
+
Muse.Utils.initWidget('#slideshowu4869', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu4869 */
 +
Muse.Utils.initWidget('#slideshowu4895', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu4895 */
 +
Muse.Utils.initWidget('#slideshowu4921', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu4921 */
 +
Muse.Utils.initWidget('#slideshowu4947', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu4947 */
 +
Muse.Utils.initWidget('#slideshowu4973', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu4973 */
 +
Muse.Utils.initWidget('#slideshowu4995', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu4995 */
 +
Muse.Utils.initWidget('#slideshowu5017', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu5017 */
 +
Muse.Utils.initWidget('#slideshowu5039', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu5039 */
 +
Muse.Utils.initWidget('#slideshowu5061', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu5061 */
 +
$('#u3089-4').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,1702]},{"opacity":100,"in":[1702,1702]},{"fade":359,"opacity":0,"in":[1702,Infinity]}]);/* scroll effect */
 +
Muse.Utils.initWidget('#slideshowu3063', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:false,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:true,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu3063 */
 +
$('#u3125-4').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,2100.55]},{"opacity":100,"in":[2100.55,2100.55]},{"fade":359,"opacity":0,"in":[2100.55,Infinity]}]);/* scroll effect */
 +
Muse.Utils.initWidget('#slideshowu3099', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:false,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:true,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu3099 */
 +
$('#u3553-4').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,2790]},{"opacity":100,"in":[2790,2790]},{"fade":359,"opacity":0,"in":[2790,Infinity]}]);/* scroll effect */
 +
Muse.Utils.initWidget('#slideshowu2393', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:false,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:true,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu2393 */
 +
$('#u3554-6').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,3147.6]},{"opacity":100,"in":[3147.6,3147.6]},{"fade":359,"opacity":0,"in":[3147.6,Infinity]}]);/* scroll effect */
 +
Muse.Utils.initWidget('#slideshowu3138', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:false,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:true,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu3138 */
 +
$('#u3556-4').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,3616]},{"opacity":100,"in":[3616,3616]},{"fade":359,"opacity":0,"in":[3616,Infinity]}]);/* scroll effect */
 +
Muse.Utils.initWidget('#slideshowu3172', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:true,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu3172 */
 +
$('#u3225').registerPositionScrollEffect([{"in":[-Infinity,3548.57],"speed":[2,2]},{"in":[3548.57,Infinity],"speed":[2,2]}]);/* scroll effect */
 +
$('#u3557-4').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,4192]},{"opacity":100,"in":[4192,4192]},{"fade":359,"opacity":0,"in":[4192,Infinity]}]);/* scroll effect */
 +
$('#u3559-4').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,4832]},{"opacity":100,"in":[4832,4832]},{"fade":359,"opacity":0,"in":[4832,Infinity]}]);/* scroll effect */
 +
$('#u3227').registerPositionScrollEffect([{"in":[-Infinity,5133.62],"speed":[0,1.5]},{"in":[5133.62,Infinity],"speed":[0,1.5]}]);/* scroll effect */
 +
$('#u3227').registerOpacityScrollEffect([{"fade":246,"opacity":0,"in":[-Infinity,5133.62]},{"opacity":64,"in":[5133.62,5133.62]},{"fade":258.1,"opacity":0,"in":[5133.62,Infinity]}]);/* scroll effect */
 +
$('#u3229').registerPositionScrollEffect([{"in":[-Infinity,5135.62],"speed":[0,2]},{"in":[5135.62,Infinity],"speed":[0,2]}]);/* scroll effect */
 +
$('#u3229').registerOpacityScrollEffect([{"fade":216,"opacity":0,"in":[-Infinity,5135.62]},{"opacity":64,"in":[5135.62,5135.62]},{"fade":258.1,"opacity":0,"in":[5135.62,Infinity]}]);/* scroll effect */
 +
$('#u3231').registerPositionScrollEffect([{"in":[-Infinity,5133.62],"speed":[0,1.5]},{"in":[5133.62,Infinity],"speed":[0,1.5]}]);/* scroll effect */
 +
$('#u3231').registerOpacityScrollEffect([{"fade":230,"opacity":0,"in":[-Infinity,5133.62]},{"opacity":64,"in":[5133.62,5133.62]},{"fade":258.1,"opacity":0,"in":[5133.62,Infinity]}]);/* scroll effect */
 +
Muse.Utils.initWidget('#slideshowu3320', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:false,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:true,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu3320 */
 +
$('#u3560-4').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,5402]},{"opacity":100,"in":[5402,5402]},{"fade":359,"opacity":0,"in":[5402,Infinity]}]);/* scroll effect */
 +
$('#u3235').registerPositionScrollEffect([{"in":[-Infinity,5634.67],"speed":[0,2]},{"in":[5634.67,Infinity],"speed":[0,2]}]);/* scroll effect */
 +
$('#u3235').registerOpacityScrollEffect([{"fade":216,"opacity":0,"in":[-Infinity,5634.67]},{"opacity":64,"in":[5634.67,5634.67]},{"fade":258.1,"opacity":0,"in":[5634.67,Infinity]}]);/* scroll effect */
 +
Muse.Utils.initWidget('#slideshowu3352', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:false,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:true,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu3352 */
 +
$('#u3233').registerPositionScrollEffect([{"in":[-Infinity,5722.67],"speed":[0,1.5]},{"in":[5722.67,Infinity],"speed":[0,1.5]}]);/* scroll effect */
 +
$('#u3233').registerOpacityScrollEffect([{"fade":246,"opacity":0,"in":[-Infinity,5722.67]},{"opacity":64,"in":[5722.67,5722.67]},{"fade":258.1,"opacity":0,"in":[5722.67,Infinity]}]);/* scroll effect */
 +
$('#u3237').registerPositionScrollEffect([{"in":[-Infinity,5722.67],"speed":[0,1.5]},{"in":[5722.67,Infinity],"speed":[0,1.5]}]);/* scroll effect */
 +
$('#u3237').registerOpacityScrollEffect([{"fade":230,"opacity":0,"in":[-Infinity,5722.67]},{"opacity":64,"in":[5722.67,5722.67]},{"fade":258.1,"opacity":0,"in":[5722.67,Infinity]}]);/* scroll effect */
 +
$('#u3561-4').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,6006]},{"opacity":100,"in":[6006,6006]},{"fade":359,"opacity":0,"in":[6006,Infinity]}]);/* scroll effect */
 +
Muse.Utils.initWidget('#slideshowu3421', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:true,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu3421 */
 +
$('#u3562-4').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,6562]},{"opacity":100,"in":[6562,6562]},{"fade":359,"opacity":0,"in":[6562,Infinity]}]);/* scroll effect */
 +
Muse.Utils.initWidget('#slideshowu3456', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:false,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:true,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu3456 */
 +
$('#u3563-4').registerOpacityScrollEffect([{"fade":584.6,"opacity":0,"in":[-Infinity,7005.05]},{"opacity":100,"in":[7005.05,7005.05]},{"fade":359,"opacity":0,"in":[7005.05,Infinity]}]);/* scroll effect */
 +
Muse.Utils.initWidget('#slideshowu3389', function(elem) { $(elem).data('widget', new WebPro.Widget.ContentSlideShow(elem, {autoPlay:false,displayInterval:3500,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:true,shuffle:false,transitionDuration:500,enableSwipe:true,elastic:'off',resumeAutoplay:true,resumeAutoplayInterval:3000,playOnce:false})); });/* #slideshowu3389 */
 
Muse.Utils.fullPage('#page');/* 100% height page */
 
Muse.Utils.fullPage('#page');/* 100% height page */
 
Muse.Utils.showWidgetsWhenReady();/* body */
 
Muse.Utils.showWidgetsWhenReady();/* body */
 
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
 
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
} catch(e) {}});
+
} catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }});
 
</script>
 
</script>
 
   </body>
 
   </body>
</html>
+
<head>
 
+
<!DOCTYPE html>
+
<html class="html">
+
<head>
+
  
 
   <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
 
   <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
Line 6,753: Line 6,752:
 
} catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }});
 
} catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }});
 
</script>
 
</script>
  </body>
+
/body>
 
</html>
 
</html>

Revision as of 03:05, 18 September 2015

Practices

Human
Practice

*

*

Expert Meetings
Visit Fire Station
2015-02-13 Visit Fire Station

We visited the fire station to get more information about the fire extinguishing principles for our project, and we also learned that how terrible the fire disaster could be. The firefighters taught us that there is no possible to prevent all conflagrations, but we can make great effort to prevent or reduce the damage. During this workshop, we not only benefited from it for fire-related knowledge, but also came up with some ideas for our project. Hopefully, our project could let the public understand the fire and its dangerous behavior as well as make good application for fire security in the future.

DLuB Inc
2015-08-28 DLuB Inc
On August 28th, 2015, Jane, Bonnie, Maggie, Jeffrey and Phil, our advisor, visited a local paint company, DLuB in Taichung. The name DLuB is originally from German, the paints were also imported from there. In 2010, they successfully made up the fire-retardent paints. Therefore, we want to visit them and promote our prototype of fire retardant bacteria(proteins). They toured us around their working places, and shared their experiences with R&D on the fire retardant paints. We presented our project and learned a lot from the experts on the difficulties we met. The techanician demonstrated their products and flame test for us. We appreciated their kindness for providing us this opportunity to meet up and discuss.
IGEM Meetups
Missouri-Rolla IGEM Team
2015-07-30 Missouri-Rolla IGEM Team

During this summer, a special guest, Prof. David Westenberg visited us from Missouri University of Science & Technology, and  he is a co-advisor of Missouri-Rolla iGEM team. We introduced to him about our project and demonstrated our fire-burning experiments. We discussed with Prof. David about how we can further not only improve our project, but also outreach to the public. Afterwards, he told some stories about his school and his iGEM team'92s project, which we were all inspired by their creativity and its application. It was a unique and thought-provoking experience for both teams, and we looked forward to more interactions with other iGEMers.

Taiwan iGEM Teams of
NTU-LIHPAO-Taiwan, TAS Taipei, NCTU Formosa
2015-08-27 Taiwan iGEM Teams of
NTU-LIHPAO-Taiwan, TAS Taipei, NCTU Formosa
On August 28th, 2015, Jane, Bonnie, Maggie, Jeffrey and Phil, our advisor, visited a local paint company, DLuB in Taichung. The name DLuB is originally from German, the paints were also imported from there. In 2010, they successfully made up the fire-retardent paints. Therefore, we want to visit them and promote our prototype of fire retardant bacteria(proteins). They toured us around their working places, and shared their experiences with R&D on the fire retardant paints. We presented our project and learned a lot from the experts on the difficulties we met. The techanician demonstrated their products and flame test for us. We appreciated their kindness for providing us this opportunity to meet up and discuss.
IGEM Asian Conference
2015-07-19~23

This summer vacation, we attended to the iGEM Asia conference at NCTU in Taiwan. At first, we were really nervous because there were only three high school teams, while the others were all collegiate teams. However, we became more confident and prepared as we practiced our presentation repeatedly. We came across many amazing ideas and spent a lot of time discussing with other teams during the conference. The iGEM Asia Conference was not only a chance to make friends, but also an experience to share innovative ideas with people.

IGEM Asian Conference
Outreach
IGEM for Taiwan
2015-05-04~26

  At first, a group of Taichung students planned to bike around the countryside of Taiwan which is originally an entertaining trip. Then, we came up with an idea which is popularizing our project and hope to reinforce kids’ concept of bio-technique. More than that, this can also arouse their interest and creativity in this field.

  As we go along, we picked several elementary schools randomly and introduce ourselves and what we do to the kids. This is quite an impressive information to those children who have never heard of genetic modification, as a result, they found this attractive and meaningful in improving human’s life.

  Once they were told corn can be retransformed and genetcially modified, they came up with many interesting ideas such as shrinking the watermelon or combining some other fruits. This trip takes people in the countryside to reach the modern thought and technology.

IGEM for Taiwan
SynBio & IGEM in Taichung
2015-06-07 SynBio & IGEM in Taichung

National Chung Hsing University

 

On June 6th, some of our team members visited Chiao Tung University for an iGEM meetup with NCTU-Formosa, while the other members were taking the concept of iGEM and synthetic biology to the public. In order to promote iGEM and synthetic biology to more people, we chose places where Taichung citizens gather for their leisure time such as the plaza in National Chung Hsing University. We talk to people, elder, young and kids we meet in there, from basketball yard to organic farm. We hope that the idea of synthetic biology and iGEM can reach more to the public.

 

 

CMP Block Museum of Arts

 

After stop in Chung Hsing University, our next is to go to the Park Lane by CMP, where is well-known for its shopping malls and green design trail. In order not to disturb people shopping, we promote synthetic biology along the trail. We introduced our project and talked about what we did on fire retardant bio-materials. And we also introduced synthetic biology and iGEM to them.

Biotech Month
2015-05-26~28

Techology Month was held annually in Mingdao High School. During Biotech Week, we introduced our project and showed the students from grades 7 to 12 with some experiments we have learned in bio lab such as DNA gel electrophoresis and plasmid DNA extraction. Hoping that more people could understand synthetic biology and our project. Many students came to our lab, and we demonstrated them how to use the pipette and some lab awareness and skills. With excitement, students are enthusiastic to the experiments, and we have a great time together.

Biotech Month
Public awareness
SynBio Forum for GMO Debate
2015-06-08

In recent years, GMO techniques are widely applied in society and GM foods are common to get in the supermarket. However, most of us are not sure whether GM foods are safe. Therefore, we held a forum to discuss the pros and cons on GM foods in school. We were debating whether the society continues or stops the GM foods. One group of students was the affirmative side, and the other was negative side. Both groups showed great debating ability. It was an impressive and fun experience. This forum may make the public aware of the biotech applied in the society.

SynBio Forum for GMO Debate
Academic Visit
& Collaboration
Open House Visit @ Academia Sinica
2014-11-01

On November 1st, 2014, we visited the Academic Sinica, which is one of the top academic institutes in Taiwan. We look around the display of research achievement from labs that inspires us how biotech could be. And we also attended academic symposium, in which we discussed specific topic and expressed our idea.  Meanwhile, we went to scientific research lectures, which intrigues our motivation to learn more biotech approaches in the lab.

 

By the way, we met Dr. Woan-Yuh Tarn in Institute of Biomedical Sciences.  We discussed our project and she is interested in our idea. We acquired the materials for gene cloning from her lab. This visit in Sinica has a significant meaning for us and is also the beginning on our iGEM tour.

Open House Visit @ Academia Sinica
Collaboratoin with NCTU-Formosa
2015-06-07 Collaboratoin with NCTU-Formosa

We visited iGEM team NTCU-Formosa and met a member, CHAO-DI CHANG to learn the approach about data mining. We also looked around their laboratory and the campus. We asked him about the tricks of searching the bacteria or the protein we need. He told us some useful web resources such as NCBI, UniProtKB and dbPTM. He introduced these webs to us and taught us how to use them and find the target we may need. Also, he showed us how to write a programming code to sort out the data we download. As for we, we told him the idea of our iGEM project and exchanged different ideas and experiences in the previous iGEM Jamboree.

Multimedia
& Art Design Film
What's fire?
Since our project is strongly related to fire, we must introduce fire in the first place.The idea is to keep everything simple and easy to understand,and we also added some easter eggs to attract more attention. This time, it features a presenter and with the help of some simple yet important experiment to introduce fire to the people. I’m sure that it can easily let everyone knows more about fire and have a clue about how the project is going to work.
Film
Mingdao project trailer
The main purpose of this trailer is to arise the excitement, and focusing on making it as cinematic as possible. With very limited budget, resources and time, we have to shoot it in a rather experimental way. The biggest challenge is time. We only have about 2 weeks to finish this trailer including, we were in such hurry that we don’t even have time to write a script. With all the barriers to conquer, we still managed to finished this trailer. And hopefully, people will like our trailer and want to lean more about our project.
Sand painting
The reason to choose this particular presentation is because sand painting can be regarded as a possession of distinct artistic style. It focuses on storytelling in a dynamic way rather than static description. Therefore, we take this challenge to apply this special performance in a way to attract audience's eyes. And it will guide all the iGEMers to easily understand the idea, the design, and the goal in our project of making fire retardant bio-materials.
T-shirt &
Logo design
The idea in our design is to present our project, “Fire Retardant Bio-Coating” with the chassis we chose to modify, E.coli and M13 bacteriophage. Our goal is to make fire retardant materials that can be put on the wall or clothes to stop fire spread. The green one with double tails is E.coli, and the light yellow one with some drop-looking shape is M13 phage. In addition, E.coli is put on fire fighter helmet, and M13 wears the fire retardent cloak. Both of them signify how our fire retardant system may look like. We did great work on fire retardant E. coli, but failed to modify phage because the repeated sequence and charges on amino acid (serine and arginine in our case) are diffucult to be synthesized, replied by Integrated DNA Technologies (IDT).
Banner design The fire arouses people’s curiosity about our project. We put our slogan in a lucid way on the banner with a fire burning up from the bottom. It sent the massage that we have a strong ambition to defense against fire in our project.
BioBrick
Odor- Let it Die
Bio-Bricks

Biobrick Map- Click link to go to biobrick description

Part Registry Name Attribute Part (E-X-Part-S-P)  Part Length Gene  Gene Length

Description

Biobrick Design

pSB1C3-Plac-NB (Part: BBa_K1256001)

 

BENEFIT: cloning genes with NheI & BamHI sites, easily exchange RFP gene

BIOBRICK LIGATION:

- “X-P” ligated to “S-P” ( X, S are compatible): standard part

- “E-N” ligated to “E-X” (N, X are compatible): to exchange front part (Fig 1. A)

- “N-P” ligated to “S-P” (N, S are compatible): to exchange back part (Fig 1. B)

 

 

Fig 1. BioBrick “part in part”  (image below)

 

(A)(B)

pSB1C3-Plac-NB-Cm-MN (BBa_K1256002)

 

BENEFIT: cloning genes with MfeI & NsiI sites under CmR cassette

BIOBRICK LIGATION:

- “M-Ns” ligated to “E-P” ( M, E are compatible; Ns, P are compatible)

 

 

pSB1C3-Plac-SS-NB (Part: BBa_K1256003)

 

Secretion signal (SS): OmpA SS from E. coli

BENEFIT: cloning genes with NheI & BamHI sites, easily exchange RFP gene

BIOBRICK LIGATION:

- “X-P” ligated to “S-P” or “N-P” ligated to “E-X” (X, S, N are compatible)

 

 

 

Attack

pSB1C3-Plac-SS-Cecropin-MprF (BBa_K1256004)

 

MprF of Bacillus subtilis (DB2)added a RBS (BBa_B0034)was amplified by PCR and cloned into the vector of pSB1C3-Plac-SS-NB (Part:BBa_K1256003) using NheI and BamHI sites. Next, the cds of cecropin was synthesized on the primers and subjeted to Gibson Assembly to make this plasmid. The amino acid sequences of cecropin was obtained from Sigma-Aldrich, and the nucleotide sequence was optimized for engineering Escherichia coli using the codon optimization tool provided by Integrated DNA Technologies (IDT).

pSB1C3-Plac-SS-Magainin-MprF (BBa_K1256005)

 

MprF of Bacillus subtilis (DB2)added a RBS (BBa_B0034)was amplified by PCR and cloned into the vector of pSB1C3-Plac-SS-NB (Part:BBa_K1256003) using NheI and BamHI sites. Next, the cds of magainin was synthesized on the primers and subjeted to Gibson Assembly to make this plasmid. The amino acid sequences of magainin was obtained from Sigma-Aldrich, and the nucleotide sequence was optimized for engineering Escherichia coli using the codon optimization tool provided by Integrated DNA Technologies (IDT).

 

 

Colony PCR was performed to check the plasmid (Right Photo). The cecropin and magainin sequences were further confirmed by sequencing.

 

Decomposing

pSB1C3-Plac-SS-Protease (BBa_K1256006)

 

The protease coding sequence (cds) of Stenotrophomonas maltophilia K279a was obtained from KEGG Genes Database. The gene was cut by NheI and BamHI and ligated to the vector of pSB1C3-Plac-SS-NB (Part:BBa_K1256003). The cds can be easily exchanged with NheI and BamHI. However, PstI site can no longer be used in this plasmid due to three more sites on the gene coding region.

pSB1C3-Plac-SS-Lipase (BBa_K1256007)

 

The lipase coding sequence (cds) of Stenotrophomonas maltophilia K279a was obtained from KEGG Genes Database. The gene was cut by NheI and NsiI and ligated to the vector of pSB1C3-Plac-SS-NB (Part:BBa_K1256003) with NheI and PstI, leaving a scar of NsiI/PsiI in the end.

pSB1C3-Plac-SS-DNase (BBa_K1256008)

 

The DNase coding sequence (cds) of Stenotrophomonas maltophilia D457 was obtained from KEGG Genes Database. The gene was cut by NheI and BamHI and ligated to the vector of pSB1C3-Plac-SS-NB (Part:BBa_K1256003). The cds can be easily exchanged with NheI and BamHI. However, PstI site can no longer be used in this plasmid due to two more sites on the gene coding region.

pSB1C3-Plac-SS-RNase (BBa_K1256009)

 

The RNase coding sequence (cds) of Stenotrophomonas maltophilia K279a was obtained from KEGG Genes Database. The gene was cut by NheI and BglII and ligated to the vector of pSB1C3-Plac-SS-NB (Part:BBa_K1256003) cut by NheI and BamHI. PstI site can no longer be used in this plasmid due to one more site on the gene coding region.

pSB1C3-Plac-SS-Chitinase (BBa_K1256010)

 

The chitinase coding sequence (cds) of Stenotrophomonas maltophilia K279a was obtained from KEGG Genes Database. The gene was cut by NheI and NsiI and ligated to the vector of pSB1C3-Plac-SS-NB (Part:BBa_K1256003) with NheI and PstI, leaving a scar of NsiI/PsiI in the end.

pSB1C3-Plac-SS-Glucanase (BBa_K1256011)

 

The glucanase coding sequence (cds) of Bacillus subtilis 168 was obtained from KEGG Genes Database. The gene was cut by NheI and BamHI and ligated to the vector of pSB1C3-Plac-SS-NB (Part:BBa_K1256003). The cds can be easily exchanged with other BioBrick parts with NheI/PstI and SpeI/PstI, or be considered as a standard BioBrick parts (E-X-S-P).

Genes of decomposing enzymes were cloned either from Stenotrophomonas maltophilia or Bacillus subtilis. Figure 1 showed the genes were amplified by PCR.

 

Figure 1. PCR to amplify the genes of decomposing enzymes

 

(A)(B)

Self-destruction

pSB1C3-Plac-RFP-Cm-LacI (BBa_K1256012)

 

RBS, LacI coding region and terminators (Part:BBa_Q04121) were amplified by PCR and cut by EcoRI and PstI. The PCR-amplified and enzyme-cut product was introduced to the novel designed plasmid backbone of pSB1C3-Plac-NB-Cm-MN ( Part:BBa_K1256002) with MfeI and NsiI. LacI gene is driven by Chloramphenicol promoter. RFP coding region can be exchanged using NheI and BamHI.

 

 

Figure 1 showed the result of colony PCR (A) and the RFG gene expression induced by IPTG (B).

 

(A)(B)

pSB1C3-Plac-ccdB-Cm-LacI (BBa_K1256013)

 

ccdB coding region was amplified by PCR from BBa_K145151 and exchanged with RFP on the plasmid of BBa_K1256012.

pSB1C3-Pred-ccdB-light sensor (BBa_K1256014)

 

Gene expression of ccdB (BBa_K145151), a lethal gene, is regulated by the light. The light-regulated system is composed of light sensor (BBa_K1017101) and light-regulated promoter (BBa_K1017301) designed and constructed by NCTU-Formosa in 2013. Light sensor was first amplified by PCR, cut by EcoRI and PstI, and ligated to pSB1C3-Plac-NB-Cm-MN cut by MfeI and NsiI. Then, light-regulated promoter was amplified by PCR, cut by EcoRI and NheI, and ligated to the resulting vector cut by EcoRI and NheI, which maintains the standard BioBrick assembly rule as well as the flexibility of exchanging RFP cds with NheI and BamHI. The ccdB was amplified by PCR using the forward primer with RBS and assembled to the vector with NheI and BamHI.

 

Sponsored by:

Website best viewed with a 1920px wide screen with chrome

/body>