Team:Biwako Nagahama

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<head>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
-
<script src="responsiveslides.min.js">
+
<script type="text/javascript" src="responsiveslides.min.js">
-
(function ($, window, i) {
+
$(function() {
-
  $.fn.responsiveSlides = function (options) {
+
-
 
+
-
    // Default settings
+
-
    var settings = $.extend({
+
-
      "auto": true,            // Boolean: Animate automatically, true or false
+
-
      "speed": 500,            // Integer: Speed of the transition, in milliseconds
+
-
      "timeout": 4000,          // Integer: Time between slide transitions, in milliseconds
+
-
      "pager": false,          // Boolean: Show pager, true or false
+
-
      "nav": false,            // Boolean: Show navigation, true or false
+
-
      "random": false,          // Boolean: Randomize the order of the slides, true or false
+
-
      "pause": false,          // Boolean: Pause on hover, true or false
+
-
      "pauseControls": true,    // Boolean: Pause when hovering controls, true or false
+
-
      "prevText": "Previous",  // String: Text for the "previous" button
+
-
      "nextText": "Next",      // String: Text for the "next" button
+
-
      "maxwidth": "",          // Integer: Max-width of the slideshow, in pixels
+
-
      "navContainer": "",      // Selector: Where auto generated controls should be appended to, default is after the <ul>
+
-
      "manualControls": "",    // Selector: Declare custom pager navigation
+
-
      "namespace": "rslides",  // String: change the default namespace used
+
-
      "before": $.noop,        // Function: Before callback
+
-
      "after": $.noop          // Function: After callback
+
-
    }, options);
+
-
 
+
-
    return this.each(function () {
+
-
 
+
-
      // Index for namespacing
+
-
      i++;
+
-
 
+
-
      var $this = $(this),
+
-
 
+
-
        // Local variables
+
-
        vendor,
+
-
        selectTab,
+
-
        startCycle,
+
-
        restartCycle,
+
-
        rotate,
+
-
        $tabs,
+
-
 
+
-
        // Helpers
+
-
        index = 0,
+
-
        $slide = $this.children(),
+
-
        length = $slide.size(),
+
-
        fadeTime = parseFloat(settings.speed),
+
-
        waitTime = parseFloat(settings.timeout),
+
-
        maxw = parseFloat(settings.maxwidth),
+
-
 
+
-
        // Namespacing
+
-
        namespace = settings.namespace,
+
-
        namespaceIdx = namespace + i,
+
-
 
+
-
        // Classes
+
-
        navClass = namespace + "_nav " + namespaceIdx + "_nav",
+
-
        activeClass = namespace + "_here",
+
-
        visibleClass = namespaceIdx + "_on",
+
-
        slideClassPrefix = namespaceIdx + "_s",
+
-
 
+
-
        // Pager
+
-
        $pager = $("<ul class='" + namespace + "_tabs " + namespaceIdx + "_tabs' />"),
+
-
 
+
-
        // Styles for visible and hidden slides
+
-
        visible = {"float": "left", "position": "relative", "opacity": 1, "zIndex": 2},
+
-
        hidden = {"float": "none", "position": "absolute", "opacity": 0, "zIndex": 1},
+
-
 
+
-
        // Detect transition support
+
-
        supportsTransitions = (function () {
+
-
          var docBody = document.body || document.documentElement;
+
-
          var styles = docBody.style;
+
-
          var prop = "transition";
+
-
          if (typeof styles[prop] === "string") {
+
-
            return true;
+
-
          }
+
-
          // Tests for vendor specific prop
+
-
          vendor = ["Moz", "Webkit", "Khtml", "O", "ms"];
+
-
          prop = prop.charAt(0).toUpperCase() + prop.substr(1);
+
-
          var i;
+
-
          for (i = 0; i < vendor.length; i++) {
+
-
            if (typeof styles[vendor[i] + prop] === "string") {
+
-
              return true;
+
-
            }
+
-
          }
+
-
          return false;
+
-
        })(),
+
-
 
+
-
        // Fading animation
+
-
        slideTo = function (idx) {
+
-
          settings.before(idx);
+
-
          // If CSS3 transitions are supported
+
-
          if (supportsTransitions) {
+
-
            $slide
+
-
              .removeClass(visibleClass)
+
-
              .css(hidden)
+
-
              .eq(idx)
+
-
              .addClass(visibleClass)
+
-
              .css(visible);
+
-
            index = idx;
+
-
            setTimeout(function () {
+
-
              settings.after(idx);
+
-
            }, fadeTime);
+
-
          // If not, use jQuery fallback
+
-
          } else {
+
-
            $slide
+
-
              .stop()
+
-
              .fadeOut(fadeTime, function () {
+
-
                $(this)
+
-
                  .removeClass(visibleClass)
+
-
                  .css(hidden)
+
-
                  .css("opacity", 1);
+
-
              })
+
-
              .eq(idx)
+
-
              .fadeIn(fadeTime, function () {
+
-
                $(this)
+
-
                  .addClass(visibleClass)
+
-
                  .css(visible);
+
-
                settings.after(idx);
+
-
                index = idx;
+
-
              });
+
-
          }
+
-
        };
+
-
 
+
-
      // Random order
+
-
      if (settings.random) {
+
-
        $slide.sort(function () {
+
-
          return (Math.round(Math.random()) - 0.5);
+
-
        });
+
-
        $this
+
-
          .empty()
+
-
          .append($slide);
+
-
      }
+
-
 
+
-
      // Add ID's to each slide
+
-
      $slide.each(function (i) {
+
-
        this.id = slideClassPrefix + i;
+
-
      });
+
-
 
+
-
      // Add max-width and classes
+
-
      $this.addClass(namespace + " " + namespaceIdx);
+
-
      if (options && options.maxwidth) {
+
-
        $this.css("max-width", maxw);
+
-
      }
+
-
 
+
-
      // Hide all slides, then show first one
+
-
      $slide
+
-
        .hide()
+
-
        .css(hidden)
+
-
        .eq(0)
+
-
        .addClass(visibleClass)
+
-
        .css(visible)
+
-
        .show();
+
-
 
+
-
      // CSS transitions
+
-
      if (supportsTransitions) {
+
-
        $slide
+
-
          .show()
+
-
          .css({
+
-
            // -ms prefix isn't needed as IE10 uses prefix free version
+
-
            "-webkit-transition": "opacity " + fadeTime + "ms ease-in-out",
+
-
            "-moz-transition": "opacity " + fadeTime + "ms ease-in-out",
+
-
            "-o-transition": "opacity " + fadeTime + "ms ease-in-out",
+
-
            "transition": "opacity " + fadeTime + "ms ease-in-out"
+
-
          });
+
-
      }
+
-
 
+
-
      // Only run if there's more than one slide
+
-
      if ($slide.size() > 1) {
+
-
 
+
-
        // Make sure the timeout is at least 100ms longer than the fade
+
-
        if (waitTime < fadeTime + 100) {
+
-
          return;
+
-
        }
+
-
 
+
-
        // Pager
+
-
        if (settings.pager && !settings.manualControls) {
+
-
          var tabMarkup = [];
+
-
          $slide.each(function (i) {
+
-
            var n = i + 1;
+
-
            tabMarkup +=
+
-
              "<li>" +
+
-
              "<a href='#' class='" + slideClassPrefix + n + "'>" + n + "</a>" +
+
-
              "</li>";
+
-
          });
+
-
          $pager.append(tabMarkup);
+
-
 
+
-
          // Inject pager
+
-
          if (options.navContainer) {
+
-
            $(settings.navContainer).append($pager);
+
-
          } else {
+
-
            $this.after($pager);
+
-
          }
+
-
        }
+
-
 
+
-
        // Manual pager controls
+
-
        if (settings.manualControls) {
+
-
          $pager = $(settings.manualControls);
+
-
          $pager.addClass(namespace + "_tabs " + namespaceIdx + "_tabs");
+
-
        }
+
-
 
+
-
        // Add pager slide class prefixes
+
-
        if (settings.pager || settings.manualControls) {
+
-
          $pager.find('li').each(function (i) {
+
-
            $(this).addClass(slideClassPrefix + (i + 1));
+
-
          });
+
-
        }
+
-
 
+
-
        // If we have a pager, we need to set up the selectTab function
+
-
        if (settings.pager || settings.manualControls) {
+
-
          $tabs = $pager.find('a');
+
-
 
+
-
          // Select pager item
+
-
          selectTab = function (idx) {
+
-
            $tabs
+
-
              .closest("li")
+
-
              .removeClass(activeClass)
+
-
              .eq(idx)
+
-
              .addClass(activeClass);
+
-
          };
+
-
        }
+
-
 
+
-
        // Auto cycle
+
-
        if (settings.auto) {
+
-
 
+
-
          startCycle = function () {
+
-
            rotate = setInterval(function () {
+
-
 
+
-
              // Clear the event queue
+
-
              $slide.stop(true, true);
+
-
 
+
-
              var idx = index + 1 < length ? index + 1 : 0;
+
-
 
+
-
              // Remove active state and set new if pager is set
+
-
              if (settings.pager || settings.manualControls) {
+
-
                selectTab(idx);
+
-
              }
+
-
 
+
-
              slideTo(idx);
+
-
            }, waitTime);
+
-
          };
+
-
 
+
-
          // Init cycle
+
-
          startCycle();
+
-
        }
+
-
 
+
-
        // Restarting cycle
+
-
        restartCycle = function () {
+
-
          if (settings.auto) {
+
-
            // Stop
+
-
            clearInterval(rotate);
+
-
            // Restart
+
-
            startCycle();
+
-
          }
+
-
        };
+
-
 
+
-
        // Pause on hover
+
-
        if (settings.pause) {
+
-
          $this.hover(function () {
+
-
            clearInterval(rotate);
+
-
          }, function () {
+
-
            restartCycle();
+
-
          });
+
-
        }
+
-
 
+
-
        // Pager click event handler
+
-
        if (settings.pager || settings.manualControls) {
+
-
          $tabs.bind("click", function (e) {
+
-
            e.preventDefault();
+
-
 
+
-
            if (!settings.pauseControls) {
+
-
              restartCycle();
+
-
            }
+
-
 
+
-
            // Get index of clicked tab
+
-
            var idx = $tabs.index(this);
+
-
 
+
-
            // Break if element is already active or currently animated
+
-
            if (index === idx || $("." + visibleClass).queue('fx').length) {
+
-
              return;
+
-
            }
+
-
 
+
-
            // Remove active state from old tab and set new one
+
-
            selectTab(idx);
+
-
 
+
-
            // Do the animation
+
-
            slideTo(idx);
+
-
          })
+
-
            .eq(0)
+
-
            .closest("li")
+
-
            .addClass(activeClass);
+
-
 
+
-
          // Pause when hovering pager
+
-
          if (settings.pauseControls) {
+
-
            $tabs.hover(function () {
+
-
              clearInterval(rotate);
+
-
            }, function () {
+
-
              restartCycle();
+
-
            });
+
-
          }
+
-
        }
+
-
 
+
-
        // Navigation
+
-
        if (settings.nav) {
+
-
          var navMarkup =
+
-
            "<a href='#' class='" + navClass + " prev'>" + settings.prevText + "</a>" +
+
-
            "<a href='#' class='" + navClass + " next'>" + settings.nextText + "</a>";
+
-
 
+
-
          // Inject navigation
+
-
          if (options.navContainer) {
+
-
            $(settings.navContainer).append(navMarkup);
+
-
          } else {
+
-
            $this.after(navMarkup);
+
-
          }
+
-
 
+
-
          var $trigger = $("." + namespaceIdx + "_nav"),
+
-
            $prev = $trigger.filter(".prev");
+
-
 
+
-
          // Click event handler
+
-
          $trigger.bind("click", function (e) {
+
-
            e.preventDefault();
+
-
 
+
-
            var $visibleClass = $("." + visibleClass);
+
-
 
+
-
            // Prevent clicking if currently animated
+
-
            if ($visibleClass.queue('fx').length) {
+
-
              return;
+
-
            }
+
-
 
+
-
            //  Adds active class during slide animation
+
-
            //  $(this)
+
-
            //    .addClass(namespace + "_active")
+
-
            //    .delay(fadeTime)
+
-
            //    .queue(function (next) {
+
-
            //      $(this).removeClass(namespace + "_active");
+
-
            //      next();
+
-
            //  });
+
-
 
+
-
            // Determine where to slide
+
-
            var idx = $slide.index($visibleClass),
+
-
              prevIdx = idx - 1,
+
-
              nextIdx = idx + 1 < length ? index + 1 : 0;
+
-
 
+
-
            // Go to slide
+
-
            slideTo($(this)[0] === $prev[0] ? prevIdx : nextIdx);
+
-
            if (settings.pager || settings.manualControls) {
+
-
              selectTab($(this)[0] === $prev[0] ? prevIdx : nextIdx);
+
-
            }
+
-
 
+
-
            if (!settings.pauseControls) {
+
-
              restartCycle();
+
-
            }
+
-
          });
+
-
 
+
-
          // Pause when hovering navigation
+
-
          if (settings.pauseControls) {
+
-
            $trigger.hover(function () {
+
-
              clearInterval(rotate);
+
-
            }, function () {
+
-
              restartCycle();
+
-
            });
+
-
          }
+
-
        }
+
-
 
+
-
      }
+
-
 
+
-
      // Max-width fallback
+
-
      if (typeof document.body.style.maxWidth === "undefined" && options.maxwidth) {
+
-
        var widthSupport = function () {
+
-
          $this.css("width", "100%");
+
-
          if ($this.width() > maxw) {
+
-
            $this.css("width", maxw);
+
-
          }
+
-
        };
+
-
 
+
-
        // Init fallback
+
-
        widthSupport();
+
-
        $(window).bind("resize", function () {
+
-
          widthSupport();
+
-
        });
+
-
      }
+
-
 
+
-
    });
+
-
 
+
-
  };
+
-
})(jQuery, this, 0);</script>
+
-
<body>
+
-
<script>
+
-
    jQuery(function() {
+
       $("#slides").responsiveSlides({
       $("#slides").responsiveSlides({
         maxwidth: 960
         maxwidth: 960
Line 392: Line 10:
     });
     });
</script>
</script>
 +
</head>
 +
 +
 +
<body>
<div id="slides">
<div id="slides">
<img src="https://static.igem.org/mediawiki/2013/c/c4/Biwako_Nagahama_Head_a.jpg" alt="" />
<img src="https://static.igem.org/mediawiki/2013/c/c4/Biwako_Nagahama_Head_a.jpg" alt="" />
Line 427: Line 49:
</div>
</div>
</body>
</body>
-
 
-
 
-
 
-
 
-
<html>
 
-
 
-
<head>
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
 
-
<script type="text/javascript">
 
-
$(function(){
 
-
var setImg = '#viewer';
 
-
var fadeSpeed = 1500;
 
-
var switchDelay = 5000;
 
-
 
-
$(setImg).children('img').css({opacity:'0'});
 
-
$(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed);
 
-
 
-
setInterval(function(){
 
-
$(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg);
 
-
},switchDelay);
 
-
});
 
-
</script>
 
-
<style type="text/css">
 
-
.menu table, .menu tr, .menu td {background:transparent url("");}
 
-
table,tr,td {background-color: transparent;}
 
-
 
-
#navi_continer {
 
-
position: relative;
 
-
z-index:100;
 
-
width: 965px;
 
-
height:30px;
 
-
font-weight: bold;
 
-
}
 
-
 
-
#navi {
 
-
position: absolute;
 
-
top: 0px;
 
-
left: 0px;
 
-
width: 965px;
 
-
}
 
-
 
-
#navi ul {
 
-
margin: 0;
 
-
padding: 0;
 
-
list-style: none;
 
-
}
 
-
 
-
#navi li {
 
-
color: #a86f4c;
 
-
float: left;
 
-
width: 120px;
 
-
margin: 0;
 
-
}
 
-
 
-
#navi li a {
 
-
font-size: 12px;
 
-
color: #a86f4c;
 
-
display: block;
 
-
width: 100%;
 
-
padding: 0px 0;
 
-
text-align: center;
 
-
text-decoration: none;
 
-
background-color: transparent;
 
-
}
 
-
 
-
#navi li a:hover {
 
-
color: #a86f4c;
 
-
background-color: #b44c97;
 
-
}
 
-
/*ここ*/
 
-
#navi ul.sub {
 
-
background:transparent url("https://static.igem.org/mediawiki/2012/6/66/KitHaikei3.png");
 
-
}
 
-
 
-
#navi ul.sub li {
 
-
float: none;
 
-
}
 
-
/*編集*/
 
-
#navi ul.sub li a {
 
-
color: #FFFFFC;
 
-
background: none;
 
-
font-size: 12px;
 
-
font-weight: normal;
 
-
padding: 1px 0;
 
-
border-top:0px solid #b44c97;
 
-
}
 
-
 
-
#navi ul.sub li a:hover {
 
-
 
-
color: #ffffff;
 
-
background-color: #b44c97
 
-
;
 
-
}
 
-
 
-
#navi ul li.navi_menu ul {
 
-
display: none;
 
-
}
 
-
 
-
#navi ul li.navi_menu_on ul {
 
-
display: block;
 
-
}
 
-
 
-
#navi li.navi_menu{
 
-
border:0px solid #000099;
 
-
}
 
-
 
-
#navi li.navi_menu_on{
 
-
border:0px solid #000099;
 
-
}
 
-
 
-
</style>
 
-
 
-
 
-
<style type="text/css">
 
-
 
-
#viewer {
 
-
margin: 0 auto;
 
-
width: 965px;
 
-
height: 192px;
 
-
text-align: left;
 
-
overflow: hidden;
 
-
position: relative;
 
-
}
 
-
 
-
#viewer img {
 
-
top: 300;
 
-
left: 0;
 
-
position: absolute;
 
-
}
 
-
</style>
 
-
 
-
 
-
</head>
 
-
<body>
 
-
 
-
 
-
<br>
 
-
<div id="viewer">
 
-
<img src="https://static.igem.org/mediawiki/2012/7/7e/KIT-KyotoA.jpg" width="965" height="192" alt="" />
 
-
<img src="https://static.igem.org/mediawiki/2012/0/02/KIT-KyotoB.jpg" width="965" height="192" alt="" />
 
-
<img src="https://static.igem.org/mediawiki/2012/9/9b/KIT-KyotoC.jpg" width="965" height="192" alt="" />
 
-
<img src="https://static.igem.org/mediawiki/2012/2/29/KIT-KyotoD.jpg" width="965" height="192" alt="" />
 
-
</div>
 
-
 
-
<TABLE class="menu" border="0"  cellspacing="0" cellpadding="0" width="965px" align="center"><tr><TD align="center">     
 
-
 
-
<div id="navi_continer">
 
-
<div id="navi">
 
-
<ul>
 
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Home"><Img src="https://static.igem.org/mediawiki/2012/f/f7/KITHome.jpg" width="121" height=30"></a>
 
-
</li>
 
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 
-
<Img src="https://static.igem.org/mediawiki/2012/8/8a/KITAbout_us.jpg" width="121" height="30">
 
-
<ul class="sub">
 
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">PROFILE</a></li>
 
-
<li><a href="http://twitter.com/KITKyoto12" target="_blank">Twitter</a></li>
 
-
<li><a href="http://www.youtube.com/channel/UCgHtoLj5tCLqZMmrO1pSC1Q" target="_blank">YouTube</a></li>
 
-
<li><a href="https://igem.org/Team.cgi?id=758">Official Profile</a></li>
 
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Photos">PHOTOS</a></li>
 
-
</ul>
 
-
</li>
 
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 
-
<Img src="https://static.igem.org/mediawiki/2012/e/e7/KITProject.jpg" width="121" height="30">
 
-
<ul class="sub">
 
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project#Overview">OVERVIEW</a></li>
 
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project#Introduction">INTRODUCTION</a></li>
 
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project#Results">RESULTS</a></li>
 
-
</ul>
 
-
</li>
 
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Parts"><Img src="https://static.igem.org/mediawiki/2012/6/6d/KITParts.jpg" width=121" height="30"></a>
 
-
</li>
 
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 
-
<Img src="https://static.igem.org/mediawiki/2012/1/15/KITNote_book.jpg" width="121" height="30">
 
-
<ul class="sub">
 
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-week1p">PARTS</a></li>
 
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-week1">TNFAIP3</a></li>
 
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Meeting-may">MEETING</a></li>
 
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Protocol">PROTOCOL</a></li>
 
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Design">DESIGN NOTE</a></li>
 
-
</ul>
 
-
</li>
 
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Humanpractice"><Img src="https://static.igem.org/mediawiki/2012/6/6a/KITHuman_practice.jpg" width="121" height="30"></a>
 
-
</li>
 
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Safety"><Img src="https://static.igem.org/mediawiki/2012/c/c8/KITSafety.jpg" width="121" height="30"></a>
 
-
</li>
 
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 
-
<a href="https://2012.igem.org/Main_Page"><Img src="https://static.igem.org/mediawiki/2012/e/ee/KITIgem.jpg" width="125" height="30"></a>
 
-
</li>
 
-
<ul class="sub">
 
-
</ul>
 
-
</li>
 
-
</ul>
 
-
</div>
 
-
</div>
 
-
</TD> </tr>
 
-
</TABLE>
 
-
<br>
 
-
<br>
 
-
</body></html>
 
-
 
-
 
-
 
-
 
-
 
</html>
</html>

Revision as of 20:36, 28 August 2013

HOME

Biwako Nagahama, the team of undergraduates from Nagahama Institute of Bio Science and Technology in Shiga, Japan has united together to participate in this competition for the first time.

We,the iGEM Biwako-Nagahama team have been working on 2 projects, paper and ink. The first one “AgRePaper Project” we tried to make Agropaper by expression of curdlan and cellulose from Agrobacterium tumefaciens C58. Similarly we are trying to find out the ways to decompose and reuse the papers using Agrobacterium. Our second project, “E.coli-ink” in which we have been working prepare ink by overexpression of Myoglobin from E.coli.

Retrieved from "http://2013.igem.org/Team:Biwako_Nagahama"