Difference between revisions of "Team:USTC-Software"

 
(41 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
 +
<!DOCTYPE html>
 
<html lang="zh-CN">
 
<html lang="zh-CN">
−
<nowiki>
 
 
<head>
 
<head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <title>wikiHome</title>
 
     <title>wikiHome</title>
−
<script src="https://code.jquery.com/jquery-3.2.1.min.js"><script>
+
   
−
    <link rel="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/jquery&action=raw&ctype=text/javascript" type="text/javascript"></script>
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/jquery-mouse-wheel&action=raw&ctype=text/javascript" type="text/javascript"></script>
−
    <script>
+
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/slider&action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/js/bootstrap&action=raw&ctype=text/javascript" type="text/javascript"></script>
  
 +
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/bootstrap&action=raw&ctype=text/css">
 +
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/slider&action=raw&ctype=text/css">
 +
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/navbar&action=raw&ctype=text/css">
 +
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/index&action=raw&ctype=text/css">
 +
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Team:USTC-Software/css/style&action=raw&ctype=text/css">
 +
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 +
   
  
−
(function (factory) {
 
−
    if ( false ) {
 
−
        // AMD. Register as an anonymous module.
 
−
        define(['jquery'], factory);
 
−
    } else if (typeof exports === 'object') {
 
−
        // Node/CommonJS style for Browserify
 
−
        module.exports = factory;
 
−
    } else {
 
−
        // Browser globals
 
−
        factory(jQuery);
 
−
    }
 
−
}(function ($) {
 
−
 
−
    var toFix  = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'],
 
−
        toBind = ( 'onwheel' in document || document.documentMode >= 9 ) ?
 
−
                    ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'],
 
−
        slice  = Array.prototype.slice,
 
−
        nullLowestDeltaTimeout, lowestDelta;
 
−
 
−
    if ( $.event.fixHooks ) {
 
−
        for ( var i = toFix.length; i; ) {
 
−
            $.event.fixHooks[ toFix[--i] ] = $.event.mouseHooks;
 
−
        }
 
−
    }
 
−
 
−
    var special = $.event.special.mousewheel = {
 
−
        version: '3.1.12',
 
−
 
−
        setup: function() {
 
−
            if ( this.addEventListener ) {
 
−
                for ( var i = toBind.length; i; ) {
 
−
                    this.addEventListener( toBind[--i], handler, false );
 
−
                }
 
−
            } else {
 
−
                this.onmousewheel = handler;
 
−
            }
 
−
            // Store the line height and page height for this particular element
 
−
            $.data(this, 'mousewheel-line-height', special.getLineHeight(this));
 
−
            $.data(this, 'mousewheel-page-height', special.getPageHeight(this));
 
−
        },
 
−
 
−
        teardown: function() {
 
−
            if ( this.removeEventListener ) {
 
−
                for ( var i = toBind.length; i; ) {
 
−
                    this.removeEventListener( toBind[--i], handler, false );
 
−
                }
 
−
            } else {
 
−
                this.onmousewheel = null;
 
−
            }
 
−
            // Clean up the data we added to the element
 
−
            $.removeData(this, 'mousewheel-line-height');
 
−
            $.removeData(this, 'mousewheel-page-height');
 
−
        },
 
−
 
−
        getLineHeight: function(elem) {
 
−
            var $elem = $(elem),
 
−
                $parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent']();
 
−
            if (!$parent.length) {
 
−
                $parent = $('body');
 
−
            }
 
−
            return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16;
 
−
        },
 
−
 
−
        getPageHeight: function(elem) {
 
−
            return $(elem).height();
 
−
        },
 
−
 
−
        settings: {
 
−
            adjustOldDeltas: true, // see shouldAdjustOldDeltas() below
 
−
            normalizeOffset: true  // calls getBoundingClientRect for each event
 
−
        }
 
−
    };
 
−
 
−
    $.fn.extend({
 
−
        mousewheel: function(fn) {
 
−
            return fn ? this.bind('mousewheel', fn) : this.trigger('mousewheel');
 
−
        },
 
−
 
−
        unmousewheel: function(fn) {
 
−
            return this.unbind('mousewheel', fn);
 
−
        }
 
−
    });
 
−
 
−
 
−
    function handler(event) {
 
−
        var orgEvent  = event || window.event,
 
−
            args      = slice.call(arguments, 1),
 
−
            delta      = 0,
 
−
            deltaX    = 0,
 
−
            deltaY    = 0,
 
−
            absDelta  = 0,
 
−
            offsetX    = 0,
 
−
            offsetY    = 0;
 
−
        event = $.event.fix(orgEvent);
 
−
        event.type = 'mousewheel';
 
−
 
−
        // Old school scrollwheel delta
 
−
        if ( 'detail'      in orgEvent ) { deltaY = orgEvent.detail * -1;      }
 
−
        if ( 'wheelDelta'  in orgEvent ) { deltaY = orgEvent.wheelDelta;      }
 
−
        if ( 'wheelDeltaY' in orgEvent ) { deltaY = orgEvent.wheelDeltaY;      }
 
−
        if ( 'wheelDeltaX' in orgEvent ) { deltaX = orgEvent.wheelDeltaX * -1; }
 
−
 
−
        // Firefox < 17 horizontal scrolling related to DOMMouseScroll event
 
−
        if ( 'axis' in orgEvent && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
 
−
            deltaX = deltaY * -1;
 
−
            deltaY = 0;
 
−
        }
 
−
 
−
        // Set delta to be deltaY or deltaX if deltaY is 0 for backwards compatabilitiy
 
−
        delta = deltaY === 0 ? deltaX : deltaY;
 
−
 
−
        // New school wheel delta (wheel event)
 
−
        if ( 'deltaY' in orgEvent ) {
 
−
            deltaY = orgEvent.deltaY * -1;
 
−
            delta  = deltaY;
 
−
        }
 
−
        if ( 'deltaX' in orgEvent ) {
 
−
            deltaX = orgEvent.deltaX;
 
−
            if ( deltaY === 0 ) { delta  = deltaX * -1; }
 
−
        }
 
−
 
−
        // No change actually happened, no reason to go any further
 
−
        if ( deltaY === 0 && deltaX === 0 ) { return; }
 
−
 
−
        // Need to convert lines and pages to pixels if we aren't already in pixels
 
−
        // There are three delta modes:
 
−
        //  * deltaMode 0 is by pixels, nothing to do
 
−
        //  * deltaMode 1 is by lines
 
−
        //  * deltaMode 2 is by pages
 
−
        if ( orgEvent.deltaMode === 1 ) {
 
−
            var lineHeight = $.data(this, 'mousewheel-line-height');
 
−
            delta  *= lineHeight;
 
−
            deltaY *= lineHeight;
 
−
            deltaX *= lineHeight;
 
−
        } else if ( orgEvent.deltaMode === 2 ) {
 
−
            var pageHeight = $.data(this, 'mousewheel-page-height');
 
−
            delta  *= pageHeight;
 
−
            deltaY *= pageHeight;
 
−
            deltaX *= pageHeight;
 
−
        }
 
−
 
−
        // Store lowest absolute delta to normalize the delta values
 
−
        absDelta = Math.max( Math.abs(deltaY), Math.abs(deltaX) );
 
−
 
−
        if ( !lowestDelta || absDelta < lowestDelta ) {
 
−
            lowestDelta = absDelta;
 
−
 
−
            // Adjust older deltas if necessary
 
−
            if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) {
 
−
                lowestDelta /= 40;
 
−
            }
 
−
        }
 
−
 
−
        // Adjust older deltas if necessary
 
−
        if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) {
 
−
            // Divide all the things by 40!
 
−
            delta  /= 40;
 
−
            deltaX /= 40;
 
−
            deltaY /= 40;
 
−
        }
 
−
 
−
        // Get a whole, normalized value for the deltas
 
−
        delta  = Math[ delta  >= 1 ? 'floor' : 'ceil' ](delta  / lowestDelta);
 
−
        deltaX = Math[ deltaX >= 1 ? 'floor' : 'ceil' ](deltaX / lowestDelta);
 
−
        deltaY = Math[ deltaY >= 1 ? 'floor' : 'ceil' ](deltaY / lowestDelta);
 
−
 
−
        // Normalise offsetX and offsetY properties
 
−
        if ( special.settings.normalizeOffset && this.getBoundingClientRect ) {
 
−
            var boundingRect = this.getBoundingClientRect();
 
−
            offsetX = event.clientX - boundingRect.left;
 
−
            offsetY = event.clientY - boundingRect.top;
 
−
        }
 
−
 
−
        // Add information to the event object
 
−
        event.deltaX = deltaX;
 
−
        event.deltaY = deltaY;
 
−
        event.deltaFactor = lowestDelta;
 
−
        event.offsetX = offsetX;
 
−
        event.offsetY = offsetY;
 
−
        // Go ahead and set deltaMode to 0 since we converted to pixels
 
−
        // Although this is a little odd since we overwrite the deltaX/Y
 
−
        // properties with normalized deltas.
 
−
        event.deltaMode = 0;
 
−
 
−
        // Add event and delta to the front of the arguments
 
−
        args.unshift(event, delta, deltaX, deltaY);
 
−
 
−
        // Clearout lowestDelta after sometime to better
 
−
        // handle multiple device types that give different
 
−
        // a different lowestDelta
 
−
        // Ex: trackpad = 3 and mouse wheel = 120
 
−
        if (nullLowestDeltaTimeout) { clearTimeout(nullLowestDeltaTimeout); }
 
−
        nullLowestDeltaTimeout = setTimeout(nullLowestDelta, 200);
 
−
 
−
        return ($.event.dispatch || $.event.handle).apply(this, args);
 
−
    }
 
−
 
−
    function nullLowestDelta() {
 
−
        lowestDelta = null;
 
−
    }
 
−
 
−
    function shouldAdjustOldDeltas(orgEvent, absDelta) {
 
−
        // If this is an older event and the delta is divisable by 120,
 
−
        // then we are assuming that the browser is treating this as an
 
−
        // older mouse wheel event and that we should divide the deltas
 
−
        // by 40 to try and get a more usable deltaFactor.
 
−
        // Side note, this actually impacts the reported scroll distance
 
−
        // in older browsers and can cause scrolling to be slower than native.
 
−
        // Turn this off by setting $.event.special.mousewheel.settings.adjustOldDeltas to false.
 
−
        return special.settings.adjustOldDeltas && orgEvent.type === 'mousewheel' && absDelta % 120 === 0;
 
−
    }
 
−
 
−
}));
 
−
var pageColors = ["#3498db", "white", "white", "white", "white"]
 
−
 
−
var ddfullscreenslider = (function($){
 
−
 
−
document.createElement('section')
 
−
document.createElement('article')
 
−
 
−
var defaults = {
 
−
addHash: true,
 
−
sliderstate: 'open', // reserved for future use
 
−
keycodeNavigation: [40, 38], // keyCode codes for down and up naivagion, respectively
 
−
transitionDuration: '0.5s',
 
−
swipeconfig: {peekamount: 100, mousedrag: true},
 
−
onslide: function($slide, index){
 
−
console.log(index)
 
−
      var nav = document.getElementById("nav")
 
−
      var options = document.getElementsByClassName("navbar-nav")[0]
 
−
nav.style.backgroundColor = pageColors[index]
 
−
var list = options.classList
 
−
list.forEach(function (x) {
 
−
if (x.startsWith("page-"))
 
−
list.remove(x)
 
−
})
 
−
options.classList.add("page-" + (index + 1))
 
−
}
 
−
}
 
−
 
−
var transformprop = '' // variable to contain browser supported version of "transform" property
 
−
 
−
function supportstranslate3d(){ // based on http://stackoverflow.com/a/12621264/4360074
 
−
  if (!window.getComputedStyle) {
 
−
      return false;
 
−
  }
 
−
  var $el = $('<div style="position:absolute" />').appendTo(document.body)
 
−
  var has3d
 
−
$el.css('transform', 'translate3d(1px,1px,1px)')
 
−
has3d = $el.css('transform')
 
−
var findtransformprop = $el.get(0).style.cssText.match(/(\w|\-)*transform/i) // get "-vendor-transform" portion of CSS Text
 
−
transformprop = (findtransformprop)? findtransformprop[0] : 'transform'
 
−
  $el.remove()
 
−
 
−
  return (has3d !== undefined && has3d.length > 0 && has3d !== "none");
 
−
}
 
−
 
−
 
−
var $window = $(window)
 
−
var $root =  $('html')
 
−
 
−
function ddfullscreenslider(setting){
 
−
var translatesupport = supportstranslate3d()
 
−
var s = $.extend({}, defaults, setting)
 
−
var $slider = $('#' + s.sliderid)
 
−
var $wrapper = $slider.find('div.slidewrapper').css({transitionDuration: s.transitionDuration})
 
−
var $slides = $()
 
−
var slideslength = 0
 
−
var $nav = $()
 
−
var thisslider = this
 
−
var selectedindx = 0
 
−
var hasharray = []
 
−
var mouseslidetimer
 
−
var swipeevts = {start:"", move:"", end:""}, swipestart = false, dy = 0, bounds = [,], scrollableclass = 'scrollable', bypassdrag = false
 
−
var initialrun= true // indicate whether this is first time slider has run. After page loads, variable becomes false
 
−
 
−
if (!translatesupport){
 
−
s.transitionDuration = parseFloat(s.transitionDuration) * 1000
 
−
}
 
−
 
−
/** Function to call always after a slide is shown */
 
−
 
−
function onslidealways($slide, index){
 
−
if (!initialrun && s.addHash){
 
−
var newhash = $nav.find('li').eq(selectedindx).find('a:eq(0)').attr('href')
 
−
if (history.replaceState){
 
−
history.replaceState(null, null, newhash)
 
−
}
 
−
else{
 
−
window.location.hash = newhash
 
−
}
 
−
}
 
−
      s.onslide($slide, index) // user defined event handler
 
−
}
 
−
 
−
function hashtoselectedslide(hash){
 
−
for (var i=0; i<hasharray.length; i++){
 
−
if (hasharray[i][0] == hash){
 
−
return i
 
−
break
 
−
}
 
−
}
 
−
return 0
 
−
}
 
−
 
−
function applybounds(val, swipedir){
 
−
if (swipedir == "down"){
 
−
return (translatesupport)? Math.max(-parseInt(bounds[1]), val) : Math.max(-bounds[1], val)
 
−
}
 
−
else{
 
−
return (translatesupport)? Math.min(bounds[0], val) : Math.min(bounds[0], val)
 
−
}
 
−
}
 
−
 
−
function isscrollable($target){ // check element finger is on is contained inside a "scrollable" element that's actually scrollable (scrollHeight exceeds container height)
 
−
var $scrollel = $target.closest('.' + scrollableclass)
 
−
var scrollel
 
−
if ($scrollel.length == 1){
 
−
scrollel = $scrollel.get(0)
 
−
if (scrollel.offsetHeight < scrollel.scrollHeight){
 
−
return true
 
−
}
 
−
}
 
−
return false
 
−
}
 
−
 
−
/** Mousewheel and keyboard scroll related code. Requires jquery.mousewheel.min.js **/
 
−
 
−
function mouseslide(deltaY){
 
−
var targetindx = selectedindx
 
−
if (deltaY < 0) // mouse down
 
−
var targetindx = Math.min(slideslength-1, selectedindx+1)
 
−
  else if (deltaY > 0)
 
−
var targetindx = Math.max(0, selectedindx-1)
 
−
if (targetindx != selectedindx)
 
−
thisslider.slideTo(targetindx)
 
−
}
 
−
 
−
$slider.on('mousewheel', function(event){
 
−
clearTimeout(mouseslidetimer)
 
−
var deltaY = event.deltaY
 
−
mouseslidetimer = setTimeout(function(){
 
−
mouseslide(deltaY)
 
−
}, 100)
 
−
return false
 
−
})
 
−
 
−
$(document).on('keyup', function(e){
 
−
var targetindx = selectedindx
 
−
if (e.keyCode == s.keycodeNavigation[0]) // key to go to next slide
 
−
var targetindx = Math.min(slideslength-1, selectedindx+1)
 
−
else if (e.keyCode == s.keycodeNavigation[1]) // key to go to previous slide
 
−
var targetindx = Math.max(0, selectedindx-1)
 
−
if (targetindx != selectedindx)
 
−
{
 
−
thisslider.slideTo(targetindx)
 
−
      }
 
−
})
 
−
 
−
/** Swipe/ Mouse Drag scroll related code **/
 
−
 
−
swipeevts.start = 'touchstart' + (s.swipeconfig.mousedrag? ' mousedown' : '')
 
−
swipeevts.move = 'touchmove.dragmove' + s.sliderid + (s.swipeconfig.mousedrag? ' mousemove.dragmove' + s.sliderid : '')
 
−
swipeevts.end = 'touchend' + (s.swipeconfig.mousedrag? ' mouseup' : '')
 
−
 
−
if (s.swipeconfig.mousedrag){
 
−
$wrapper.bind('click', function(e){
 
−
if ($wrapper.data('dy') != 0) // if dragging on belt instead of clicking on it
 
−
e.preventDefault() // prevent default action
 
−
})
 
−
}
 
−
 
−
  $wrapper.bind(swipeevts.start, function(e){
 
−
bypassdrag = false
 
−
  var e = (e.type.indexOf('touch') != -1)? e.originalEvent.changedTouches[0] : e
 
−
if ( isscrollable( $(e.target) ) ){ // if target is contained inside a "scrollable" element
 
−
bypassdrag = true
 
−
return
 
−
}
 
−
swipestart = true
 
−
var mousey = e.pageY
 
−
dy = 0 // reset swipe amount
 
−
if (translatesupport){
 
−
$wrapper.css({transition: 'none'})
 
−
}
 
−
var initialy = -$window.outerHeight() * selectedindx
 
−
$wrapper.data({dy: dy})
 
−
  $(document).bind(swipeevts.move, function(e){
 
−
if (bypassdrag){
 
−
return
 
−
}
 
−
  var e = (e.type.indexOf('touch') != '-1')? e.originalEvent.changedTouches[0] : e
 
−
  dy=e.pageY-mousey //distance to move horizontally
 
−
var newy=initialy+dy
 
−
newy = applybounds(newy, (dy < 0)? 'down' : 'up')
 
−
if (translatesupport){
 
−
$wrapper.css('transform', 'translate3d(0, ' + newy + 'px, 0)')
 
−
}
 
−
else{
 
−
  $wrapper.css('top', newy)
 
−
}
 
−
$wrapper.data({dy: dy})
 
−
  return false //cancel default drag action
 
−
  })
 
−
if (e.type == "mousedown")
 
−
  return false //cancel default drag action
 
−
  })
 
−
 
−
  $(document).bind(swipeevts.end, function(e){
 
−
  $(document).unbind(swipeevts.move)
 
−
if (!swipestart || bypassdrag)
 
−
return
 
−
if (dy != 0){ // if actual swipe has occured
 
−
if (dy < 0 && dy < -s.swipeconfig.peekamount) // if swipe down and more than peek amount
 
−
var targetindx = Math.min(slideslength-1, selectedindx+1)
 
−
else if (dy > 0 && dy > s.swipeconfig.peekamount) // if swipe up and more than peek amount
 
−
var targetindx = Math.max(0, selectedindx-1)
 
−
else
 
−
targetindx = selectedindx
 
−
thisslider.slideTo(targetindx)
 
−
if (e.type == "mouseup")
 
−
return false
 
−
}
 
−
swipestart = false
 
−
  })
 
−
 
−
/** CSS3 transition ontransitionend event  set up */
 
−
 
−
$wrapper.on('transitionend webkitTransitionEnd', function(e){
 
−
if (/transform/i.test(e.originalEvent.propertyName)){ // check event fired on "transform" prop
 
−
// onslidealways($slides.eq(selectedindx), selectedindx)
 
−
}
 
−
})
 
−
 
−
/** Public functions **/
 
−
 
−
this.reloadSlides = function(){
 
−
$nav.remove()
 
−
hasharray = []
 
−
$nav = $('<ul class="fssnav" />')
 
−
$slides = $('article.slide').each(function(i){
 
−
var $curslide = $(this)
 
−
var anchorval = $curslide.attr('id') || 'slide' + (i+1)
 
−
anchorval = "#" + anchorval
 
−
hasharray.push([anchorval, i])
 
−
var title = $curslide.data('title') || anchorval
 
−
var $navli = $('<li><a href="' + anchorval +'" title="' + title +'">' + (i + 1) + '</a></li>').appendTo($nav)
 
−
var $navlink = $navli.find('a:eq(0)')
 
−
$navli.on('click touchstart', function(e){
 
−
thisslider.slideTo(i)
 
−
})
 
−
})
 
−
$nav.on('click touchstart touchend', function(e){
 
−
  var e = (e.type.indexOf('touch') != '-1')? e.originalEvent.changedTouches[0] : e
 
−
return false
 
−
}).appendTo($slider)
 
−
slideslength = $slides.length
 
−
bounds = [0, $window.outerHeight() * (slideslength-1)]
 
−
}
 
−
 
−
this.openSlider = function(){
 
−
initialrun = false
 
−
bypassdrag = false
 
−
s.sliderstate = 'open'
 
−
$root.addClass('fssopen')
 
−
$slider.css('visibility', 'visible')
 
−
}
 
−
 
−
this.closeSlider = function(){
 
−
s.sliderstate = 'close'
 
−
bypassdrag = true
 
−
$root.removeClass('fssopen')
 
−
$slider.css({visibility:'hidden'})
 
−
}
 
−
 
−
this.slideTo = function(indx, noanimation){
 
−
      onslidealways($slides.eq(selectedindx), indx)
 
−
var newy = $window.outerHeight() * indx
 
−
$nav.find('li').eq(selectedindx).removeClass('selected')
 
−
$nav.find('li').eq(indx).addClass('selected')
 
−
selectedindx = indx
 
−
if (translatesupport){
 
−
$wrapper.css({transition: (noanimation)? 'none' : transformprop + ' ' + s.transitionDuration})
 
−
$wrapper.css('transform', 'translate3d(0, -' + newy + 'px, 0)')
 
−
if (noanimation){ // run callback immediately
 
−
onslidealways($slides.eq(selectedindx), selectedindx)
 
−
}
 
−
}
 
−
else{
 
−
$wrapper.stop().animate({top: -newy}, (noanimation)? 0 : s.transitionDuration, function(){
 
−
onslidealways($slides.eq(selectedindx), selectedindx)
 
−
})
 
−
}
 
−
}
 
−
 
−
/** Initialize and show slider **/
 
−
 
−
this.reloadSlides()
 
−
selectedindx = hashtoselectedslide(window.location.hash)
 
−
this.slideTo(selectedindx, true)
 
−
if (s.sliderstate == 'open'){
 
−
this.openSlider()
 
−
}
 
−
 
−
$(window).on('resize', function(){
 
−
thisslider.slideTo(selectedindx, true)
 
−
bounds = [0, $window.outerHeight() * (slideslength-1)]
 
−
})
 
−
 
−
 
−
} // end fullscreenslider def
 
−
 
−
return ddfullscreenslider
 
−
 
−
})(jQuery)
 
−
var fss
 
−
  $(function () {
 
−
    fss = new ddfullscreenslider({
 
−
      sliderid: 'dowebok'
 
−
    })
 
−
  })
 
−
 
−
.fssopen, .fssopen body { /* class added to HTML element when full screen slider is open to hide potential body scrollbars */
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    top: 0;
 
−
    left: 0;
 
−
    margin: 0;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
.fullscreenslider {
 
−
    position: fixed;
 
−
    left: 0;
 
−
    top: 0;
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    z-index: 2000;
 
−
    font-size: 16px; /* base font size */
 
−
    visibility: visible;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
.slidewrapper { /* wrapper DIV that surrounds the ARTICLE elements inside .dd_fullscreenslider */
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    position: absolute;
 
−
    top: 0;
 
−
    left: 0;
 
−
    -webkit-transform: translate3d(0, 0, 0); /* to prevent flickering in iOS */
 
−
    -moz-transition: -moz-transform 0.5s; /* actual duration controlled by script */
 
−
    -webkit-transition: -webkit-transform 0.5s;
 
−
    transition: transform 0.5s;
 
−
}
 
−
 
−
.fssnav { /* UL list dynamically added by script for Slider navigation */
 
−
    list-style: none;
 
−
    margin: 0;
 
−
    position: absolute;
 
−
    top: 50%; /* vertically center menu */
 
−
    right: 80px; /* distance from right edge of screen */
 
−
    transform: translateY(-50%); /* vertically center menu */
 
−
}
 
−
 
−
.fssnav li {
 
−
    margin-bottom: 15px;
 
−
}
 
−
 
−
.fssnav li a {
 
−
    text-decoration: none;
 
−
    border: 2.5px solid #225378; /* border color of nav links */
 
−
    opacity: 0.8;
 
−
    border-radius: 50%;
 
−
    width: 16px; /* dimensions of nav links */
 
−
    height: 16px;
 
−
    display: block;
 
−
    position: relative;
 
−
    text-indent: -500px;
 
−
    outline: none;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
.fssnav li a::after { /* create "fill" element inside A */
 
−
    content: "";
 
−
    position: absolute;
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    top: 100%;
 
−
    left: 0;
 
−
    background: #225378; /* color of "fill" element */
 
−
    opacity: 0.6;
 
−
    transition: top 0.5s; /* transition for "fill up" effect */
 
−
}
 
−
 
−
.fssnav .selected a::after {
 
−
    top: 0; /* fill up selected A element from bottom to top */
 
−
}
 
−
 
−
.fullscreenslider .slide { /* CSS for each slide */
 
−
    width: 100%;
 
−
    height: 100%;
 
−
    display: block;
 
−
    font-family: 'Droid Sans', sans-serif; /* Use google font */
 
−
    font-size: 60px;
 
−
    line-height: 2em;
 
−
    color: #225378;
 
−
    overflow: hidden;
 
−
    -webkit-box-sizing: border-box; /* include padding/ border as part of declared menu width */
 
−
    -moz-box-sizing: border-box;
 
−
    z-index: 1000;
 
−
    background: white;
 
−
    -webkit-transform: translate3d(0, 0, 0); /* to prevent flickering in iOS */
 
−
}
 
−
 
−
.fullscreenslider .slide h2 { /* H2 Header inside each slide */
 
−
    font-size: 3em;
 
−
    margin: 0;
 
−
    line-height: 1.1em;
 
−
    letter-spacing: 3px;
 
−
}
 
−
 
−
.fullscreenslider .slide .scrollable { /* Assign this class to elements within a slide that should be scrollable */
 
−
    overflow: auto;
 
−
}
 
−
 
−
.fullscreenslider .slide {
 
−
    background: white;
 
−
}
 
−
 
−
.fullscreenslider .closex { /* Large x close button inside Slider */
 
−
    width: 50px;
 
−
    height: 50px;
 
−
    overflow: hidden;
 
−
    display: block;
 
−
    position: fixed;
 
−
    cursor: pointer;
 
−
    text-indent: -1000px;
 
−
    opacity: 0.8;
 
−
    z-index: 1001;
 
−
    top: 5px;
 
−
    right: 3px;
 
−
}
 
−
 
−
.fullscreenslider .closex::after { /* render large x inside close button */
 
−
    content: "";
 
−
    display: block;
 
−
    position: absolute;
 
−
    width: 100%;
 
−
    height: 6px;
 
−
    background: white; /* color of x button */
 
−
    top: 50%;
 
−
    margin-top: -3px;
 
−
    -ms-transform: rotate(-45deg);
 
−
    -webkit-transform: rotate(-45deg);
 
−
    transform: rotate(-45deg);
 
−
}
 
−
 
−
.fullscreenslider .closex::after { /* render large cross inside close button */
 
−
    -ms-transform: rotate(-135deg);
 
−
    -webkit-transform: rotate(-135deg);
 
−
    transform: rotate(-135deg);
 
−
}
 
−
 
−
.bio-text {
 
−
    margin-top: 30%;
 
−
    font-size:30px;
 
−
    line-height: 40px;
 
−
}
 
−
.navbar {
 
−
    -webkit-transition: ease-in-out 0.5s;
 
−
    -moz-transition: ease-in-out 0.5s;
 
−
    -ms-transition: ease-in-out 0.5s;
 
−
    -o-transition: ease-in-out 0.5s;
 
−
    transition: ease-in-out 0.5s;
 
−
    background: white;
 
−
    border-radius: 0;
 
−
    min-height:45px !important;
 
−
    height: 48px;
 
−
    font-size: 20px;
 
−
}
 
−
 
−
.navbar-brand {
 
−
    margin-left:2em;
 
−
    padding-top: 14px;
 
−
    padding-bottom: 10px;
 
−
    color: #555 !important;
 
−
}
 
−
 
−
ul.nav {
 
−
    margin-right:2em;
 
−
}
 
−
 
−
ul li {
 
−
    position: relative;
 
−
    list-style: none;
 
−
}
 
−
 
−
ul.nav li:hover > ul {
 
−
    visibility: visible;
 
−
    opacity: 1;
 
−
    margin-top: 0;
 
−
}
 
−
 
−
ul.nav ul {
 
−
    min-width: 120px;
 
−
    position: absolute;
 
−
    top: 100%;
 
−
    left: 0;
 
−
    visibility: hidden;
 
−
    opacity: 0;
 
−
    margin-top: -30px;
 
−
}
 
−
 
−
 
−
ul.nav > li > a {
 
−
    -webkit-transition: border-color ease-in-out 0.1s;
 
−
    -moz-transition: border-color ease-in-out 0.1s;
 
−
    -o-transition: border-color ease-in-out 0.1s;
 
−
    transition: border-color ease-in-out 0.1s;
 
−
    margin: 0px 12px 0px 12px;
 
−
    padding: 15px 0px 8px 0px;
 
−
    background: transparent !important;
 
−
    border-bottom: 4px solid transparent!important;
 
−
    color: #555 ;
 
−
}
 
−
 
−
ul.nav > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c;
 
−
}
 
−
 
−
 
−
ul.menu {
 
−
    background: white;
 
−
    width: auto;
 
−
    padding-left: 20px;
 
−
    padding-right:20px;
 
−
    z-index: 3;
 
−
}
 
−
 
−
ul.menu li a, ul.menu li {
 
−
    padding-top: 4px !important;
 
−
    padding-bottom: 7px !important;
 
−
    color: #555;
 
−
    font-size: 18px;
 
−
    text-decoration: none;
 
−
    -webkit-transition: color ease-in-out 0.2s;
 
−
    -moz-transition: color ease-in-out 0.2s;
 
−
    -ms-transition: color ease-in-out 0.2s;
 
−
    -o-transition: color ease-in-out 0.2s;
 
−
    transition: color ease-in-out 0.2s;
 
−
}
 
−
 
−
 
−
.brand {
 
−
    margin-top: 5em;
 
−
}
 
−
ul.nav > li > a {
 
−
    color: #555;
 
−
}
 
−
ul.nav > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c!important;
 
−
}
 
−
ul.nav ul.menu li a {
 
−
    color: #555;
 
−
}
 
−
ul.nav ul.menu li a:hover {
 
−
    color: #ef4c3c;
 
−
}
 
−
ul.nav ul.menu {
 
−
    background: #F3F7F2;
 
−
}
 
−
 
−
#menu {
 
−
    position: fixed;
 
−
    z-index: 3000;
 
−
    left: 7%;
 
−
    top:20%;
 
−
}
 
−
 
−
#menu ul li {
 
−
    height: 30px;
 
−
    line-height:30px;
 
−
    padding-left:10px;
 
−
    border-left: solid #c2c2c2 5px;
 
−
}
 
−
 
−
#menu ul li a{
 
−
    display: block;
 
−
    font-size: 15px;
 
−
    color: #c2c2c2;
 
−
    width: 120px;
 
−
    text-decoration: none;
 
−
    outline:none;
 
−
}
 
−
 
−
#menu ul li:hover {
 
−
    border-left: solid #ef4c3c 5px;
 
−
}
 
−
 
−
#menu .focused {
 
−
    color: #ef4c3c;
 
−
    font-size: 17px;
 
−
}
 
−
 
−
/*.scroll-img{
 
−
    position: fixed;
 
−
    z-index: 3000;
 
−
    width: 120px;
 
−
    left: 115px;
 
−
    bottom: 5%;
 
−
}*/
 
−
 
−
#content {
 
−
    margin-left: 24%;
 
−
    width: 900px;
 
−
    margin-top: 100px;
 
−
    margin-bottom: 100px;
 
−
}
 
−
 
−
#content .item {
 
−
    margin-top: 100px;
 
−
    padding: 20px;
 
−
    font-size: 16px;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
#content .item h2 {
 
−
    font-size: 36px;
 
−
    color: #555;
 
−
}
 
−
 
−
.item ul li {
 
−
    float:left;
 
−
    margin-right:10px;
 
−
    margin-bottom:10px;
 
−
    display:inline;
 
−
    overflow:hidden;
 
−
    position:relative;
 
−
}
 
−
 
−
.item ul li .photo {
 
−
    width:200px;
 
−
    height:200px;
 
−
    overflow:hidden;
 
−
    background-color: darkgray;
 
−
}
 
−
 
−
.item .rsp {
 
−
    width:200px;
 
−
    height:200px;
 
−
    overflow:hidden;
 
−
    position: absolute;
 
−
    background:#000;
 
−
    top:0;
 
−
    left:0;
 
−
}
 
−
 
−
.item .text {
 
−
    position:absolute;
 
−
    width:200px;
 
−
    height:200px;
 
−
    left:-200px;
 
−
    top:0;
 
−
    overflow:hidden;
 
−
}
 
−
 
−
.item .text a {
 
−
    text-decoration:none
 
−
}
 
−
 
−
.item .text p {
 
−
    color:#FFFFFF;
 
−
    font-size:18px;
 
−
}
 
−
 
−
.item .box {
 
−
    padding:10px 0px 10px 0px;
 
−
    border-top: solid;
 
−
    border-left: solid;
 
−
    border-width:1px;
 
−
    border-color: #f1f1f1;
 
−
    box-shadow: 2px 2px 1px #e1e1e1;
 
−
    margin-left: 20px;
 
−
}
 
−
 
−
.item .img {
 
−
    width: 160px;
 
−
    height: 160px;
 
−
    border-radius: 160px;
 
−
    text-align: center;
 
−
    border: solid;
 
−
    border-width:1px;"
 
−
}
 
−
 
−
.item h3 {
 
−
    text-align: center;
 
−
    border-top: solid;
 
−
    font-size:15px;
 
−
    border-color: #e1e1e1;
 
−
    border-width:1px;
 
−
    padding:8px 0 8px;
 
−
    margin: 0px 0 0px;
 
−
}
 
−
 
−
.item h5 {
 
−
    height: 50px;
 
−
    overflow: hidden;
 
−
    text-align: center;
 
−
    border-top: solid;
 
−
    border-color: #e1e1e1;
 
−
    border-width:1px;
 
−
    padding:22px 0 5px;
 
−
    margin: 0px 0 0px;
 
−
}
 
−
 
−
#theme-graph svg {
 
−
    filter: brightness(90%);
 
−
}
 
−
 
−
section,body {
 
−
    min-width: 1020px;
 
−
}
 
−
ul.page-1 > li > a {
 
−
    color: #ECF0F1;
 
−
}
 
−
ul.page-1 > li > a:hover {
 
−
    border-bottom: 4px solid #ECF0F1!important;
 
−
}
 
−
ul.page-1 ul.menu li a {
 
−
    color: #ECF0F1;
 
−
}
 
−
ul.page-1 ul.menu li a:hover {
 
−
    color: #aaf;
 
−
}
 
−
ul.page-1 ul.menu {
 
−
    background: #2980b8;
 
−
}
 
−
 
−
ul.page-2 > li > a {
 
−
    color: #555;
 
−
}
 
−
ul.page-2 > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c!important;
 
−
}
 
−
ul.page-2 ul.menu li a {
 
−
    color: #555;
 
−
}
 
−
ul.page-2 ul.menu li a:hover {
 
−
    color: #ef4c3c;
 
−
}
 
−
ul.page-2 ul.menu {
 
−
    background: #ECF0F1;
 
−
}
 
−
 
−
ul.page-3 > li > a {
 
−
    color: #555;
 
−
}
 
−
ul.page-3 > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c!important;
 
−
}
 
−
ul.page-3 ul.menu li a {
 
−
    color: #555;
 
−
}
 
−
ul.page-3 ul.menu li a:hover {
 
−
    color: #ef4c3c;
 
−
}
 
−
ul.page-3 ul.menu {
 
−
    background: #ECF0F1;
 
−
}
 
−
 
−
ul.page-4 > li > a {
 
−
    color: #555;
 
−
}
 
−
ul.page-4 > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c!important;
 
−
}
 
−
ul.page-4 ul.menu li a {
 
−
    color: #555;
 
−
}
 
−
ul.page-4 ul.menu li a:hover {
 
−
    color: #ef4c3c;
 
−
}
 
−
ul.page-4 ul.menu {
 
−
    background: #ECF0F1;
 
−
}
 
−
 
−
ul.page-5 > li > a {
 
−
    color: #555;
 
−
}
 
−
ul.page-5 > li > a:hover {
 
−
    border-bottom: 4px solid #ef4c3c!important;
 
−
}
 
−
ul.page-5 ul.menu li a {
 
−
    color: #555;
 
−
}
 
−
ul.page-5 ul.menu li a:hover {
 
−
    color: #ef4c3c;
 
−
}
 
−
ul.page-5 ul.menu {
 
−
    background: #ECF0F1;
 
−
}
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
</style>
 
−
 
 
</head>
 
</head>
 
<body>
 
<body>
 
<section id="dowebok" class="fullscreenslider">
 
<section id="dowebok" class="fullscreenslider">
 
     <div style="position:relative; z-index:4">
 
     <div style="position:relative; z-index:4">
−
        <nav class="navbar navcolor" id="nav">
+
            <nav class="navbar navcolor" id="nav">
−
            <div>
+
                <div>
−
                <div class="navbar-header">
+
                    <a href="http://biohub.technology" style="margin-left: 20px;margin-top: 11px;">
−
                     <a class="navbar-brand" href="index.html">Brand</a>
+
                        <img src="https://static.igem.org/mediawiki/2017/b/b3/Biohub-brand.png" height="35" style="margin-top: 11px;">
 +
                     </a>
 +
                    <ul class="nav navbar-nav navbar-right page-1">
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:USTC-Software">Home</a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#">
 +
                                Team
 +
                                <b class="caret"></b>
 +
                            </a>
 +
                            <ul class="menu">
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/team">Members</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Collaborations">Collaborations</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Attributions">Attributions</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#">
 +
                                Project
 +
                                <b class="caret"></b>
 +
                            </a>
 +
                            <ul class="menu">
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/project">Description</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Video">Video</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Model">Model</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/implementation">Implementation</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Improve">Improve</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Installation">Installation</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#">
 +
                                Human Practice
 +
                                <b class="caret"></b>
 +
                            </a>
 +
                            <ul class="menu">
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/HP/Silver">Silver</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/HP/Gold_Integrated">Gold_Integrated</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li>
 +
                            <a href="#">
 +
                                        Requirements
 +
                                        <b class="caret"></b>
 +
                                    </a>
 +
                                    <ul class="menu">
 +
                                        <li>
 +
                                            <a href="https://2017.igem.org/Team:USTC-Software/Contribution">Contribution</a>
 +
                                        </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/validation">Validation</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Demonstrate">Demonstrate</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:USTC-Software/Safety">Safety</a>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 
                 </div>
 
                 </div>
−
                <ul class="nav navbar-nav navbar-right page-1">
+
             </nav>
−
                    <li><a href="index.html">Home</a></li>
+
         </div>
−
                    <li>
+
−
                        <a href="#">
+
−
                            Team
+
−
                            <b class="caret"></b>
+
−
                        </a>
+
−
                        <ul class="menu">
+
−
                            <li><a href="#">Team</a></li>
+
−
                            <li><a href="#">Collaborations</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">
+
−
                            Project
+
−
                            <b class="caret"></b>
+
−
                        </a>
+
−
                        <ul class="menu">
+
−
                            <li><a href="#">Description</a></li>
+
−
                            <li><a href="#">Design</a></li>
+
−
                            <li><a href="#">Experiments</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li><a href="#">Parts</a></li>
+
−
                    <li><a href="#">Safety</a></li>
+
−
                    <li><a href="#">Human Practices</a></li>
+
−
                    <li><a href="#">Awards</a></li>
+
−
                    <li><a href="#">Judging Form</a></li>
+
−
                    <li><a></a></li>
+
−
                </ul>
+
−
             </div>
+
−
         </nav>
+
−
    </div>
+
 
     <div class="slidewrapper">
 
     <div class="slidewrapper">
 
         <article class="slide" id="theme-graph">
 
         <article class="slide" id="theme-graph">
Line 1,068: Line 118:
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="graphic-one">
 
                     <div class="graphic-one">
−
                         <img src="img/LOGO.png" style="opacity: 0.9;width: 270px; position: relative; left: 370px; top: 300px;">
+
                         <img src="https://static.igem.org/mediawiki/2017/3/39/Biohub-snail.png" style="opacity: 0.9;width: 370px; position: relative; left: 320px; top: 300px;">
 
                         <div id="arrows-1" style="width: 100px; position: relative; left: 480px;top: -40px;height: 0">
 
                         <div id="arrows-1" style="width: 100px; position: relative; left: 480px;top: -40px;height: 0">
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276.33 217.25"><defs><style>.cls-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:10px;}</style></defs><title>交换箭头</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M266.33,52l-75-43.3V26.34a7,7,0,0,0-1.33-.13H17a7,7,0,0,0-7,7v87.54A11.82,11.82,0,0,0,27.73,131l27.36-15.8A11.82,11.82,0,0,0,61,105V77.21H190a7,7,0,0,0,1.33-.13V95.26Z"/><path class="cls-1" d="M10,165.29l75,43.3V190.9a7,7,0,0,0,1.33.13h173a7,7,0,0,0,7-7V96.5A11.82,11.82,0,0,0,248.6,86.26l-27.36,15.8a11.82,11.82,0,0,0-5.91,10.24V140h-129a7,7,0,0,0-1.33.13V122Z"/></g></g></svg>
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276.33 217.25"><defs><style>.cls-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:10px;}</style></defs><title>交换箭头</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M266.33,52l-75-43.3V26.34a7,7,0,0,0-1.33-.13H17a7,7,0,0,0-7,7v87.54A11.82,11.82,0,0,0,27.73,131l27.36-15.8A11.82,11.82,0,0,0,61,105V77.21H190a7,7,0,0,0,1.33-.13V95.26Z"/><path class="cls-1" d="M10,165.29l75,43.3V190.9a7,7,0,0,0,1.33.13h173a7,7,0,0,0,7-7V96.5A11.82,11.82,0,0,0,248.6,86.26l-27.36,15.8a11.82,11.82,0,0,0-5.91,10.24V140h-129a7,7,0,0,0-1.33.13V122Z"/></g></g></svg>
 
                         </div>
 
                         </div>
−
                         <div id="arrows-2" style="width: 60px; position: relative; left: 360px;top: 180px;height:0">
+
                         <div id="arrows-2" style="width: 60px; position: relative; left: 390px;top: 180px;height:0">
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276.33 217.25"><defs><style>.arrow-2{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:13px;}</style></defs><title>交换箭头</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="arrow-2" d="M266.33,52l-75-43.3V26.34a7,7,0,0,0-1.33-.13H17a7,7,0,0,0-7,7v87.54A11.82,11.82,0,0,0,27.73,131l27.36-15.8A11.82,11.82,0,0,0,61,105V77.21H190a7,7,0,0,0,1.33-.13V95.26Z"/><path class="arrow-2" d="M10,165.29l75,43.3V190.9a7,7,0,0,0,1.33.13h173a7,7,0,0,0,7-7V96.5A11.82,11.82,0,0,0,248.6,86.26l-27.36,15.8a11.82,11.82,0,0,0-5.91,10.24V140h-129a7,7,0,0,0-1.33.13V122Z"/></g></g></svg>
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 276.33 217.25"><defs><style>.arrow-2{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:13px;}</style></defs><title>交换箭头</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="arrow-2" d="M266.33,52l-75-43.3V26.34a7,7,0,0,0-1.33-.13H17a7,7,0,0,0-7,7v87.54A11.82,11.82,0,0,0,27.73,131l27.36-15.8A11.82,11.82,0,0,0,61,105V77.21H190a7,7,0,0,0,1.33-.13V95.26Z"/><path class="arrow-2" d="M10,165.29l75,43.3V190.9a7,7,0,0,0,1.33.13h173a7,7,0,0,0,7-7V96.5A11.82,11.82,0,0,0,248.6,86.26l-27.36,15.8a11.82,11.82,0,0,0-5.91,10.24V140h-129a7,7,0,0,0-1.33.13V122Z"/></g></g></svg>
 
                         </div>
 
                         </div>
Line 1,084: Line 134:
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 259 169.36"><defs><style>.talk-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:14px;}.cls-2{fill:#3ba2d7;}</style></defs><title>对话框</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="talk-1" d="M254,101.57V36.43A31.52,31.52,0,0,0,222.57,5H36.43A31.52,31.52,0,0,0,5,36.43v65.14A31.52,31.52,0,0,0,36.43,133H186.18l58.63,28.1-2.69-35A31.41,31.41,0,0,0,254,101.57Z"/><circle class="cls-2" cx="60.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="126.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="194.5" cy="70.5" r="15.5"/></g></g></svg>
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 259 169.36"><defs><style>.talk-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:14px;}.cls-2{fill:#3ba2d7;}</style></defs><title>对话框</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="talk-1" d="M254,101.57V36.43A31.52,31.52,0,0,0,222.57,5H36.43A31.52,31.52,0,0,0,5,36.43v65.14A31.52,31.52,0,0,0,36.43,133H186.18l58.63,28.1-2.69-35A31.41,31.41,0,0,0,254,101.57Z"/><circle class="cls-2" cx="60.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="126.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="194.5" cy="70.5" r="15.5"/></g></g></svg>
 
                         </div>
 
                         </div>
−
                         <div id="talk-2" style="width: 100px; position: relative; left: 300px;top: 60px; height: 0;">
+
                         <div id="talk-2" style="width: 100px; position: relative; left: 330px;top: 60px; height: 0;">
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 259 169.36"><defs><style>.cls-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:10px;}.cls-2{fill:#3ba2d7;}</style></defs><title>对话框</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M254,101.57V36.43A31.52,31.52,0,0,0,222.57,5H36.43A31.52,31.52,0,0,0,5,36.43v65.14A31.52,31.52,0,0,0,36.43,133H186.18l58.63,28.1-2.69-35A31.41,31.41,0,0,0,254,101.57Z"/><circle class="cls-2" cx="60.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="126.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="194.5" cy="70.5" r="15.5"/></g></g></svg>
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 259 169.36"><defs><style>.cls-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:10px;}.cls-2{fill:#3ba2d7;}</style></defs><title>对话框</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M254,101.57V36.43A31.52,31.52,0,0,0,222.57,5H36.43A31.52,31.52,0,0,0,5,36.43v65.14A31.52,31.52,0,0,0,36.43,133H186.18l58.63,28.1-2.69-35A31.41,31.41,0,0,0,254,101.57Z"/><circle class="cls-2" cx="60.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="126.5" cy="70.5" r="15.5"/><circle class="cls-2" cx="194.5" cy="70.5" r="15.5"/></g></g></svg>
 
                         </div>
 
                         </div>
−
                         <div id="wheel-1" style="width: 35px; position: relative; left: 530px;top: 0px; height: 0;stroke-width: 80px;">
+
                         <div id="wheel-1" style="width: 35px; position: relative; left: 530px;top: 30px; height: 0;stroke-width: 80px;">
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127 127.11"><defs><style>.wheel-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:10px;}</style></defs><title>齿轮_2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="wheel-1" d="M120.14,53.73l-8.3-2.86a8.72,8.72,0,0,0-1-.26c-.08-.29-.18-.58-.26-.87l-.16-.52c-.19-.61-.38-1.22-.59-1.82-.1-.29-.21-.58-.32-.87-.18-.48-.36-1-.55-1.43s-.36-.85-.54-1.28-.29-.66-.44-1c-.26-.56-.54-1.12-.82-1.67l-.28-.55c-.11-.21-.21-.42-.32-.62a8.93,8.93,0,0,0,.64-1.08L111.07,31c1.23-2.52,1-5.13-.53-6.69l-7.25-7.25c-1.55-1.55-4.16-1.76-6.69-.53L88.72,20.4a8.72,8.72,0,0,0-.88.5,48.73,48.73,0,0,0-10.53-4.45A9.06,9.06,0,0,0,77,15.15l-2.86-8.3C73.21,4.2,71.22,2.5,69,2.5H58.77c-2.19,0-4.19,1.7-5.1,4.36l-2.86,8.3a9.05,9.05,0,0,0-.29,1.1l-.11,0c-.5.14-1,.29-1.49.44l-1,.32-.59.19-.71.26-.69.26-1.18.47-.9.38L43,19l-.83.38-.27.14L41,20c-.34.18-.69.34-1,.53a9.13,9.13,0,0,0-1.18-.7l-7.89-3.85c-2.52-1.23-5.13-1-6.69.53L17,23.73c-1.55,1.55-1.76,4.16-.53,6.69L20.3,38.3a9,9,0,0,0,.55,1,48.76,48.76,0,0,0-4.49,10.5,8.93,8.93,0,0,0-1.22.31l-8.3,2.86C4.2,53.85,2.5,55.84,2.5,58V68.29c0,2.19,1.7,4.19,4.36,5.1l8.3,2.86a8.72,8.72,0,0,0,1,.26c.08.3.18.58.27.88l.15.51c.19.61.38,1.23.59,1.83.1.29.21.58.32.87.18.48.36,1,.55,1.43s.36.85.54,1.27.29.66.44,1c.26.56.54,1.11.82,1.66l.29.56c.11.21.21.41.32.62a8.94,8.94,0,0,0-.64,1.08L15.93,96.1c-1.23,2.52-1,5.13.53,6.69L23.71,110c1.55,1.55,4.16,1.76,6.69.53l7.89-3.85a8.73,8.73,0,0,0,.88-.5,48.73,48.73,0,0,0,10.53,4.45A9.06,9.06,0,0,0,50,112l2.86,8.3c.91,2.65,2.91,4.36,5.1,4.36H68.23c2.19,0,4.19-1.7,5.1-4.36l2.86-8.3a9.05,9.05,0,0,0,.29-1.1l.11,0c.5-.14,1-.29,1.48-.44l1-.32.58-.19.7-.26.7-.26,1.18-.47.89-.38.88-.4.82-.38.26-.14.9-.46c.34-.17.68-.34,1-.52a9.12,9.12,0,0,0,1.18.7l7.89,3.85c2.52,1.23,5.13,1,6.69-.53l7.25-7.25c1.55-1.55,1.76-4.16.53-6.69l-3.85-7.89a9,9,0,0,0-.55-1,48.76,48.76,0,0,0,4.49-10.5,8.94,8.94,0,0,0,1.22-.31l8.3-2.86c2.65-.91,4.36-2.91,4.36-5.1V58.83C124.5,56.64,122.8,54.64,120.14,53.73Z"/><circle class="cls-1" cx="64" cy="64.11" r="19"/></g></g></svg>
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127 127.11"><defs><style>.wheel-1{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:10px;}</style></defs><title>齿轮_2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="wheel-1" d="M120.14,53.73l-8.3-2.86a8.72,8.72,0,0,0-1-.26c-.08-.29-.18-.58-.26-.87l-.16-.52c-.19-.61-.38-1.22-.59-1.82-.1-.29-.21-.58-.32-.87-.18-.48-.36-1-.55-1.43s-.36-.85-.54-1.28-.29-.66-.44-1c-.26-.56-.54-1.12-.82-1.67l-.28-.55c-.11-.21-.21-.42-.32-.62a8.93,8.93,0,0,0,.64-1.08L111.07,31c1.23-2.52,1-5.13-.53-6.69l-7.25-7.25c-1.55-1.55-4.16-1.76-6.69-.53L88.72,20.4a8.72,8.72,0,0,0-.88.5,48.73,48.73,0,0,0-10.53-4.45A9.06,9.06,0,0,0,77,15.15l-2.86-8.3C73.21,4.2,71.22,2.5,69,2.5H58.77c-2.19,0-4.19,1.7-5.1,4.36l-2.86,8.3a9.05,9.05,0,0,0-.29,1.1l-.11,0c-.5.14-1,.29-1.49.44l-1,.32-.59.19-.71.26-.69.26-1.18.47-.9.38L43,19l-.83.38-.27.14L41,20c-.34.18-.69.34-1,.53a9.13,9.13,0,0,0-1.18-.7l-7.89-3.85c-2.52-1.23-5.13-1-6.69.53L17,23.73c-1.55,1.55-1.76,4.16-.53,6.69L20.3,38.3a9,9,0,0,0,.55,1,48.76,48.76,0,0,0-4.49,10.5,8.93,8.93,0,0,0-1.22.31l-8.3,2.86C4.2,53.85,2.5,55.84,2.5,58V68.29c0,2.19,1.7,4.19,4.36,5.1l8.3,2.86a8.72,8.72,0,0,0,1,.26c.08.3.18.58.27.88l.15.51c.19.61.38,1.23.59,1.83.1.29.21.58.32.87.18.48.36,1,.55,1.43s.36.85.54,1.27.29.66.44,1c.26.56.54,1.11.82,1.66l.29.56c.11.21.21.41.32.62a8.94,8.94,0,0,0-.64,1.08L15.93,96.1c-1.23,2.52-1,5.13.53,6.69L23.71,110c1.55,1.55,4.16,1.76,6.69.53l7.89-3.85a8.73,8.73,0,0,0,.88-.5,48.73,48.73,0,0,0,10.53,4.45A9.06,9.06,0,0,0,50,112l2.86,8.3c.91,2.65,2.91,4.36,5.1,4.36H68.23c2.19,0,4.19-1.7,5.1-4.36l2.86-8.3a9.05,9.05,0,0,0,.29-1.1l.11,0c.5-.14,1-.29,1.48-.44l1-.32.58-.19.7-.26.7-.26,1.18-.47.89-.38.88-.4.82-.38.26-.14.9-.46c.34-.17.68-.34,1-.52a9.12,9.12,0,0,0,1.18.7l7.89,3.85c2.52,1.23,5.13,1,6.69-.53l7.25-7.25c1.55-1.55,1.76-4.16.53-6.69l-3.85-7.89a9,9,0,0,0-.55-1,48.76,48.76,0,0,0,4.49-10.5,8.94,8.94,0,0,0,1.22-.31l8.3-2.86c2.65-.91,4.36-2.91,4.36-5.1V58.83C124.5,56.64,122.8,54.64,120.14,53.73Z"/><circle class="cls-1" cx="64" cy="64.11" r="19"/></g></g></svg>
 
                         </div>
 
                         </div>
Line 1,093: Line 143:
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127 127.11"><defs><style>.wheel-2{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:11px;}</style></defs><title>齿轮_2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="wheel-2" d="M120.14,53.73l-8.3-2.86a8.72,8.72,0,0,0-1-.26c-.08-.29-.18-.58-.26-.87l-.16-.52c-.19-.61-.38-1.22-.59-1.82-.1-.29-.21-.58-.32-.87-.18-.48-.36-1-.55-1.43s-.36-.85-.54-1.28-.29-.66-.44-1c-.26-.56-.54-1.12-.82-1.67l-.28-.55c-.11-.21-.21-.42-.32-.62a8.93,8.93,0,0,0,.64-1.08L111.07,31c1.23-2.52,1-5.13-.53-6.69l-7.25-7.25c-1.55-1.55-4.16-1.76-6.69-.53L88.72,20.4a8.72,8.72,0,0,0-.88.5,48.73,48.73,0,0,0-10.53-4.45A9.06,9.06,0,0,0,77,15.15l-2.86-8.3C73.21,4.2,71.22,2.5,69,2.5H58.77c-2.19,0-4.19,1.7-5.1,4.36l-2.86,8.3a9.05,9.05,0,0,0-.29,1.1l-.11,0c-.5.14-1,.29-1.49.44l-1,.32-.59.19-.71.26-.69.26-1.18.47-.9.38L43,19l-.83.38-.27.14L41,20c-.34.18-.69.34-1,.53a9.13,9.13,0,0,0-1.18-.7l-7.89-3.85c-2.52-1.23-5.13-1-6.69.53L17,23.73c-1.55,1.55-1.76,4.16-.53,6.69L20.3,38.3a9,9,0,0,0,.55,1,48.76,48.76,0,0,0-4.49,10.5,8.93,8.93,0,0,0-1.22.31l-8.3,2.86C4.2,53.85,2.5,55.84,2.5,58V68.29c0,2.19,1.7,4.19,4.36,5.1l8.3,2.86a8.72,8.72,0,0,0,1,.26c.08.3.18.58.27.88l.15.51c.19.61.38,1.23.59,1.83.1.29.21.58.32.87.18.48.36,1,.55,1.43s.36.85.54,1.27.29.66.44,1c.26.56.54,1.11.82,1.66l.29.56c.11.21.21.41.32.62a8.94,8.94,0,0,0-.64,1.08L15.93,96.1c-1.23,2.52-1,5.13.53,6.69L23.71,110c1.55,1.55,4.16,1.76,6.69.53l7.89-3.85a8.73,8.73,0,0,0,.88-.5,48.73,48.73,0,0,0,10.53,4.45A9.06,9.06,0,0,0,50,112l2.86,8.3c.91,2.65,2.91,4.36,5.1,4.36H68.23c2.19,0,4.19-1.7,5.1-4.36l2.86-8.3a9.05,9.05,0,0,0,.29-1.1l.11,0c.5-.14,1-.29,1.48-.44l1-.32.58-.19.7-.26.7-.26,1.18-.47.89-.38.88-.4.82-.38.26-.14.9-.46c.34-.17.68-.34,1-.52a9.12,9.12,0,0,0,1.18.7l7.89,3.85c2.52,1.23,5.13,1,6.69-.53l7.25-7.25c1.55-1.55,1.76-4.16.53-6.69l-3.85-7.89a9,9,0,0,0-.55-1,48.76,48.76,0,0,0,4.49-10.5,8.94,8.94,0,0,0,1.22-.31l8.3-2.86c2.65-.91,4.36-2.91,4.36-5.1V58.83C124.5,56.64,122.8,54.64,120.14,53.73Z"/><circle class="cls-1" cx="64" cy="64.11" r="19"/></g></g></svg>
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127 127.11"><defs><style>.wheel-2{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:11px;}</style></defs><title>齿轮_2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="wheel-2" d="M120.14,53.73l-8.3-2.86a8.72,8.72,0,0,0-1-.26c-.08-.29-.18-.58-.26-.87l-.16-.52c-.19-.61-.38-1.22-.59-1.82-.1-.29-.21-.58-.32-.87-.18-.48-.36-1-.55-1.43s-.36-.85-.54-1.28-.29-.66-.44-1c-.26-.56-.54-1.12-.82-1.67l-.28-.55c-.11-.21-.21-.42-.32-.62a8.93,8.93,0,0,0,.64-1.08L111.07,31c1.23-2.52,1-5.13-.53-6.69l-7.25-7.25c-1.55-1.55-4.16-1.76-6.69-.53L88.72,20.4a8.72,8.72,0,0,0-.88.5,48.73,48.73,0,0,0-10.53-4.45A9.06,9.06,0,0,0,77,15.15l-2.86-8.3C73.21,4.2,71.22,2.5,69,2.5H58.77c-2.19,0-4.19,1.7-5.1,4.36l-2.86,8.3a9.05,9.05,0,0,0-.29,1.1l-.11,0c-.5.14-1,.29-1.49.44l-1,.32-.59.19-.71.26-.69.26-1.18.47-.9.38L43,19l-.83.38-.27.14L41,20c-.34.18-.69.34-1,.53a9.13,9.13,0,0,0-1.18-.7l-7.89-3.85c-2.52-1.23-5.13-1-6.69.53L17,23.73c-1.55,1.55-1.76,4.16-.53,6.69L20.3,38.3a9,9,0,0,0,.55,1,48.76,48.76,0,0,0-4.49,10.5,8.93,8.93,0,0,0-1.22.31l-8.3,2.86C4.2,53.85,2.5,55.84,2.5,58V68.29c0,2.19,1.7,4.19,4.36,5.1l8.3,2.86a8.72,8.72,0,0,0,1,.26c.08.3.18.58.27.88l.15.51c.19.61.38,1.23.59,1.83.1.29.21.58.32.87.18.48.36,1,.55,1.43s.36.85.54,1.27.29.66.44,1c.26.56.54,1.11.82,1.66l.29.56c.11.21.21.41.32.62a8.94,8.94,0,0,0-.64,1.08L15.93,96.1c-1.23,2.52-1,5.13.53,6.69L23.71,110c1.55,1.55,4.16,1.76,6.69.53l7.89-3.85a8.73,8.73,0,0,0,.88-.5,48.73,48.73,0,0,0,10.53,4.45A9.06,9.06,0,0,0,50,112l2.86,8.3c.91,2.65,2.91,4.36,5.1,4.36H68.23c2.19,0,4.19-1.7,5.1-4.36l2.86-8.3a9.05,9.05,0,0,0,.29-1.1l.11,0c.5-.14,1-.29,1.48-.44l1-.32.58-.19.7-.26.7-.26,1.18-.47.89-.38.88-.4.82-.38.26-.14.9-.46c.34-.17.68-.34,1-.52a9.12,9.12,0,0,0,1.18.7l7.89,3.85c2.52,1.23,5.13,1,6.69-.53l7.25-7.25c1.55-1.55,1.76-4.16.53-6.69l-3.85-7.89a9,9,0,0,0-.55-1,48.76,48.76,0,0,0,4.49-10.5,8.94,8.94,0,0,0,1.22-.31l8.3-2.86c2.65-.91,4.36-2.91,4.36-5.1V58.83C124.5,56.64,122.8,54.64,120.14,53.73Z"/><circle class="cls-1" cx="64" cy="64.11" r="19"/></g></g></svg>
 
                         </div>
 
                         </div>
−
                         <div id="wheel-3" style="width: 65px; position: relative; left: 620px;top: 130px;height: 0;">
+
                         <div id="wheel-3" style="width: 65px; position: relative; left: 590px;top: 130px;height: 0;">
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127 127.11"><defs><style>.wheel-3{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:8px;}</style></defs><title>齿轮_2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="wheel-3" d="M120.14,53.73l-8.3-2.86a8.72,8.72,0,0,0-1-.26c-.08-.29-.18-.58-.26-.87l-.16-.52c-.19-.61-.38-1.22-.59-1.82-.1-.29-.21-.58-.32-.87-.18-.48-.36-1-.55-1.43s-.36-.85-.54-1.28-.29-.66-.44-1c-.26-.56-.54-1.12-.82-1.67l-.28-.55c-.11-.21-.21-.42-.32-.62a8.93,8.93,0,0,0,.64-1.08L111.07,31c1.23-2.52,1-5.13-.53-6.69l-7.25-7.25c-1.55-1.55-4.16-1.76-6.69-.53L88.72,20.4a8.72,8.72,0,0,0-.88.5,48.73,48.73,0,0,0-10.53-4.45A9.06,9.06,0,0,0,77,15.15l-2.86-8.3C73.21,4.2,71.22,2.5,69,2.5H58.77c-2.19,0-4.19,1.7-5.1,4.36l-2.86,8.3a9.05,9.05,0,0,0-.29,1.1l-.11,0c-.5.14-1,.29-1.49.44l-1,.32-.59.19-.71.26-.69.26-1.18.47-.9.38L43,19l-.83.38-.27.14L41,20c-.34.18-.69.34-1,.53a9.13,9.13,0,0,0-1.18-.7l-7.89-3.85c-2.52-1.23-5.13-1-6.69.53L17,23.73c-1.55,1.55-1.76,4.16-.53,6.69L20.3,38.3a9,9,0,0,0,.55,1,48.76,48.76,0,0,0-4.49,10.5,8.93,8.93,0,0,0-1.22.31l-8.3,2.86C4.2,53.85,2.5,55.84,2.5,58V68.29c0,2.19,1.7,4.19,4.36,5.1l8.3,2.86a8.72,8.72,0,0,0,1,.26c.08.3.18.58.27.88l.15.51c.19.61.38,1.23.59,1.83.1.29.21.58.32.87.18.48.36,1,.55,1.43s.36.85.54,1.27.29.66.44,1c.26.56.54,1.11.82,1.66l.29.56c.11.21.21.41.32.62a8.94,8.94,0,0,0-.64,1.08L15.93,96.1c-1.23,2.52-1,5.13.53,6.69L23.71,110c1.55,1.55,4.16,1.76,6.69.53l7.89-3.85a8.73,8.73,0,0,0,.88-.5,48.73,48.73,0,0,0,10.53,4.45A9.06,9.06,0,0,0,50,112l2.86,8.3c.91,2.65,2.91,4.36,5.1,4.36H68.23c2.19,0,4.19-1.7,5.1-4.36l2.86-8.3a9.05,9.05,0,0,0,.29-1.1l.11,0c.5-.14,1-.29,1.48-.44l1-.32.58-.19.7-.26.7-.26,1.18-.47.89-.38.88-.4.82-.38.26-.14.9-.46c.34-.17.68-.34,1-.52a9.12,9.12,0,0,0,1.18.7l7.89,3.85c2.52,1.23,5.13,1,6.69-.53l7.25-7.25c1.55-1.55,1.76-4.16.53-6.69l-3.85-7.89a9,9,0,0,0-.55-1,48.76,48.76,0,0,0,4.49-10.5,8.94,8.94,0,0,0,1.22-.31l8.3-2.86c2.65-.91,4.36-2.91,4.36-5.1V58.83C124.5,56.64,122.8,54.64,120.14,53.73Z"/><circle class="cls-1" cx="64" cy="64.11" r="19"/></g></g></svg>
 
                             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127 127.11"><defs><style>.wheel-3{fill:none;stroke:#3ba2d7;stroke-miterlimit:10;stroke-width:8px;}</style></defs><title>齿轮_2</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="wheel-3" d="M120.14,53.73l-8.3-2.86a8.72,8.72,0,0,0-1-.26c-.08-.29-.18-.58-.26-.87l-.16-.52c-.19-.61-.38-1.22-.59-1.82-.1-.29-.21-.58-.32-.87-.18-.48-.36-1-.55-1.43s-.36-.85-.54-1.28-.29-.66-.44-1c-.26-.56-.54-1.12-.82-1.67l-.28-.55c-.11-.21-.21-.42-.32-.62a8.93,8.93,0,0,0,.64-1.08L111.07,31c1.23-2.52,1-5.13-.53-6.69l-7.25-7.25c-1.55-1.55-4.16-1.76-6.69-.53L88.72,20.4a8.72,8.72,0,0,0-.88.5,48.73,48.73,0,0,0-10.53-4.45A9.06,9.06,0,0,0,77,15.15l-2.86-8.3C73.21,4.2,71.22,2.5,69,2.5H58.77c-2.19,0-4.19,1.7-5.1,4.36l-2.86,8.3a9.05,9.05,0,0,0-.29,1.1l-.11,0c-.5.14-1,.29-1.49.44l-1,.32-.59.19-.71.26-.69.26-1.18.47-.9.38L43,19l-.83.38-.27.14L41,20c-.34.18-.69.34-1,.53a9.13,9.13,0,0,0-1.18-.7l-7.89-3.85c-2.52-1.23-5.13-1-6.69.53L17,23.73c-1.55,1.55-1.76,4.16-.53,6.69L20.3,38.3a9,9,0,0,0,.55,1,48.76,48.76,0,0,0-4.49,10.5,8.93,8.93,0,0,0-1.22.31l-8.3,2.86C4.2,53.85,2.5,55.84,2.5,58V68.29c0,2.19,1.7,4.19,4.36,5.1l8.3,2.86a8.72,8.72,0,0,0,1,.26c.08.3.18.58.27.88l.15.51c.19.61.38,1.23.59,1.83.1.29.21.58.32.87.18.48.36,1,.55,1.43s.36.85.54,1.27.29.66.44,1c.26.56.54,1.11.82,1.66l.29.56c.11.21.21.41.32.62a8.94,8.94,0,0,0-.64,1.08L15.93,96.1c-1.23,2.52-1,5.13.53,6.69L23.71,110c1.55,1.55,4.16,1.76,6.69.53l7.89-3.85a8.73,8.73,0,0,0,.88-.5,48.73,48.73,0,0,0,10.53,4.45A9.06,9.06,0,0,0,50,112l2.86,8.3c.91,2.65,2.91,4.36,5.1,4.36H68.23c2.19,0,4.19-1.7,5.1-4.36l2.86-8.3a9.05,9.05,0,0,0,.29-1.1l.11,0c.5-.14,1-.29,1.48-.44l1-.32.58-.19.7-.26.7-.26,1.18-.47.89-.38.88-.4.82-.38.26-.14.9-.46c.34-.17.68-.34,1-.52a9.12,9.12,0,0,0,1.18.7l7.89,3.85c2.52,1.23,5.13,1,6.69-.53l7.25-7.25c1.55-1.55,1.76-4.16.53-6.69l-3.85-7.89a9,9,0,0,0-.55-1,48.76,48.76,0,0,0,4.49-10.5,8.94,8.94,0,0,0,1.22-.31l8.3-2.86c2.65-.91,4.36-2.91,4.36-5.1V58.83C124.5,56.64,122.8,54.64,120.14,53.73Z"/><circle class="cls-1" cx="64" cy="64.11" r="19"/></g></g></svg>
 
                         </div>
 
                         </div>
Line 1,114: Line 164:
 
                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="100 30 120 84" style="enable-background:new 0 0 560 288;" xml:space="preserve"> <path fill="transparent" stroke="#3ba2d5" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d=" M146.3,80.1c-0.4,0.2-0.8,0.2-1.1,0c-8.1-4.3-13.6-10.4-13.4-17c0.1-6,4.2-8,7.3-7.9c3.1,0.1,5.8,2,6.7,3h0c0.9-1,3.6-3,6.7-3 c3.1-0.1,7.2,1.9,7.3,7.9C159.9,69.7,154.5,75.8,146.3,80.1z" style="opacity: 1; transform: translateX(0%) translateY(0%);"></path> </svg>
 
                             <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="100 30 120 84" style="enable-background:new 0 0 560 288;" xml:space="preserve"> <path fill="transparent" stroke="#3ba2d5" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d=" M146.3,80.1c-0.4,0.2-0.8,0.2-1.1,0c-8.1-4.3-13.6-10.4-13.4-17c0.1-6,4.2-8,7.3-7.9c3.1,0.1,5.8,2,6.7,3h0c0.9-1,3.6-3,6.7-3 c3.1-0.1,7.2,1.9,7.3,7.9C159.9,69.7,154.5,75.8,146.3,80.1z" style="opacity: 1; transform: translateX(0%) translateY(0%);"></path> </svg>
 
                         </div>
 
                         </div>
−
                         <div id="brick-1" style="width: 80px; position: relative; left: 710px;top:170px; height:0;">
+
                         <div id="brick-1" style="width: 80px; position: relative; left: 680px;top:170px; height:0;">
 
                             <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 54 54" style="enable-background:new 0 0 54 54;" xml:space="preserve"> <style type="text/css">.brick{fill:#3ba2d5;stroke:#3ba2d5;stroke-width: 0px;stroke-miterlimit: 10;}</style> <g> <g> <path class="brick" d="M1,18h24c0.552,0,1-0.448,1-1V5c0-0.552-0.448-1-1-1H1C0.448,4,0,4.448,0,5v12C0,17.552,0.448,18,1,18z M2,6h22v10H2V6z" /> <path class="brick" d="M25,36H1c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V37C26,36.448,25.552,36,25,36z M24,48H2V38 h22V48z"/> <path class="brick" d="M53,4H29c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V5C54,4.448,53.552,4,53,4z M52,16H30V6h22 V16z"/> <path class="brick" d="M53,36H29c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V37C54,36.448,53.552,36,53,36z M52,48H30 V38h22V48z"/> <path class="brick" d="M14,21v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V21c0-0.552-0.448-1-1-1H15C14.448,20,14,20.448,14,21z M16,22h22 v10H16V22z"/> <path class="brick" d="M1,34h10c0.552,0,1-0.448,1-1V21c0-0.552-0.448-1-1-1H1c-0.552,0-1,0.448-1,1v12C0,33.552,0.448,34,1,34z M2,22h8v10H2V22 z"/> <path class="brick" d="M53,20H43c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h10c0.552,0,1-0.448,1-1V21C54,20.448,53.552,20,53,20z M52,32h-8 V22h8V32z"/> </g> </g> </svg>
 
                             <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 54 54" style="enable-background:new 0 0 54 54;" xml:space="preserve"> <style type="text/css">.brick{fill:#3ba2d5;stroke:#3ba2d5;stroke-width: 0px;stroke-miterlimit: 10;}</style> <g> <g> <path class="brick" d="M1,18h24c0.552,0,1-0.448,1-1V5c0-0.552-0.448-1-1-1H1C0.448,4,0,4.448,0,5v12C0,17.552,0.448,18,1,18z M2,6h22v10H2V6z" /> <path class="brick" d="M25,36H1c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V37C26,36.448,25.552,36,25,36z M24,48H2V38 h22V48z"/> <path class="brick" d="M53,4H29c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V5C54,4.448,53.552,4,53,4z M52,16H30V6h22 V16z"/> <path class="brick" d="M53,36H29c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V37C54,36.448,53.552,36,53,36z M52,48H30 V38h22V48z"/> <path class="brick" d="M14,21v12c0,0.552,0.448,1,1,1h24c0.552,0,1-0.448,1-1V21c0-0.552-0.448-1-1-1H15C14.448,20,14,20.448,14,21z M16,22h22 v10H16V22z"/> <path class="brick" d="M1,34h10c0.552,0,1-0.448,1-1V21c0-0.552-0.448-1-1-1H1c-0.552,0-1,0.448-1,1v12C0,33.552,0.448,34,1,34z M2,22h8v10H2V22 z"/> <path class="brick" d="M53,20H43c-0.552,0-1,0.448-1,1v12c0,0.552,0.448,1,1,1h10c0.552,0,1-0.448,1-1V21C54,20.448,53.552,20,53,20z M52,32h-8 V22h8V32z"/> </g> </g> </svg>
 
                         </div>
 
                         </div>
 
                         <div style="position: relative; left:270px;top:400px;font-size: 2em;">
 
                         <div style="position: relative; left:270px;top:400px;font-size: 2em;">
−
                             <img style="width: 500px;"  src="./img/brand.png">
+
                             <img style="width: 500px;"  src="https://static.igem.org/mediawiki/2017/c/c1/Logo_white.png">
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 1,125: Line 175:
 
         </article>
 
         </article>
 
         <article class="slide">
 
         <article class="slide">
−
             <div class="container">
+
             <div class="container" style="background: #FFC930;height: 100%;width:100%">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6" align="center">
+
                     <div style="position: relative;left: 19%;width: 1200px;">
−
                        <img src="img/brand.png" width="350px" class="brand">
+
                        <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 850 600" enable-background="new 0 0 850 600" xml:space="preserve"> <g> <rect x="130.1" y="131.6" fill="#F7F7F7" width="573.8" height="322.1"/> <rect x="130.1" y="131.6" fill="#204E70" width="573.8" height="71.2"/> <g> <path fill="#28628A" d="M370.3,181H176.8c-6.5,0-11.8-5.3-11.8-11.8V167c0-6.5,5.3-11.8,11.8-11.8h193.5c6.5,0,11.8,5.3,11.8,11.8 v2.2C382.2,175.7,376.8,181,370.3,181z"/> <rect x="178.6" y="159.8" fill="none" width="230.4" height="38.4"/> <text transform="matrix(1 0 0 1 178.6014 173.23)" fill="#FFFFFF" font-family="'MyriadPro-Regular'" font-size="16px">Search</text> </g> <g> <g> <path fill="#F7F7F7" stroke="#204E7D" stroke-miterlimit="10" d="M636.8,172.5c-1.3-5.3-5.2-9.2-9.8-9.3 c-4.6,0.1-8.5,3.9-9.8,9.3c-0.4,1.5,0.5,3,1.7,3H635C636.3,175.5,637.1,174,636.8,172.5z"/> <path fill="#F7F7F7" stroke="#204E7D" stroke-miterlimit="10" d="M631,179h-8.1c-1.5,0-2.6-1.1-2.6-2.4l0-8.1 c0-2.9,2.6-5.3,5.9-5.3h1.7c3.2,0,5.9,2.4,5.9,5.3l0,8C633.8,177.9,632.6,179,631,179z"/> <circle fill="#F7F7F7" stroke="#204E7D" stroke-miterlimit="10" cx="627" cy="158.3" r="4.8"/> </g> <rect x="642.1" y="154.5" fill="none" width="247.5" height="41.3"/> <text transform="matrix(1 0 0 1 642.0806 176.1075)" fill="#FFFFFF" font-family="'MyriadPro-Regular'" font-size="25.7862px">Me</text> </g> <g> <rect x="349.4" y="428.5" fill="none" width="135.2" height="19.2"/> <text transform="matrix(1 0 0 1 349.405 441.9143)" fill="#CCCCCC" font-family="'MyriadPro-Regular'" font-size="16px">Welcome to </text> </g> <g> <path fill="#FFFFFF" d="M397.7,307.3H260c-6.5,0-11.8-5.3-11.8-11.8v-38.2c0-6.5,5.3-11.8,11.8-11.8h137.7 c6.5,0,11.8,5.3,11.8,11.8v38.2C409.6,302,404.3,307.3,397.7,307.3z"/> <g> <rect x="283.5" y="265.7" fill="none" width="99.7" height="21.1"/> <text transform="matrix(1 0 0 1 283.4818 282.7241)" fill="#1695A6" font-family="'MyriadPro-Regular'" font-size="20.3928px">BBa_B0030</text> </g> </g> <g> <path fill="#FFFFFF" d="M576.5,307.3H438.8c-6.5,0-11.8-5.3-11.8-11.8v-38.2c0-6.5,5.3-11.8,11.8-11.8h137.7 c6.5,0,11.8,5.3,11.8,11.8v38.2C588.3,302,583,307.3,576.5,307.3z"/> <g> <rect x="458.5" y="265.5" fill="none" width="148.8" height="42.3"/> <text transform="matrix(1 0 0 1 458.5008 282.5258)" fill="#1695A6" font-family="'MyriadPro-Regular'" font-size="20.3928px">BBa_I14018</text> </g> </g> <g> <rect x="162.5" y="214.7" fill="none" width="186.9" height="53.1"/> <text transform="matrix(1 0 0 1 162.4752 233.2467)" font-family="'MyriadPro-Regular'" font-size="22.1268px">Popular Bricks</text> </g> <g> <path fill="#FFFFFF" d="M649.7,307.3h-34.5c-6.5,0-11.8-5.3-11.8-11.8v-38.2c0-6.5,5.3-11.8,11.8-11.8h34.5 c6.5,0,11.8,5.3,11.8,11.8v38.2C661.5,302,656.2,307.3,649.7,307.3z"/> </g> <g> <path fill="#EEEEEE" d="M655.2,307.4h12.2c3.4,0,6.2-2.8,6.2-6.2v-49.4c0-3.4-2.8-6.2-6.2-6.2h-12.2c-3.4,0-6.2,2.8-6.2,6.2v49.4 C649,304.6,651.8,307.4,655.2,307.4z"/> <g> <rect x="660.3" y="266.8" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 1321.7037 -3.3014)" fill="#808080" width="2.4" height="10.5"/> <rect x="660.3" y="272.6" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 932.8773 942.0117)" fill="#808080" width="2.4" height="10.5"/> </g> </g> <g> <g> <path fill="#FFFFFF" d="M220.9,307.4h-34.5c-6.5,0-11.8-5.3-11.8-11.8v-38.2c0-6.5,5.3-11.8,11.8-11.8h34.5 c6.5,0,11.8,5.3,11.8,11.8v38.2C232.8,302.1,227.5,307.4,220.9,307.4z"/> </g> <g> <path fill="#EEEEEE" d="M180.9,306.9h-12.2c-3.4,0-6.2-2.8-6.2-6.2v-49.4c0-3.4,2.8-6.2,6.2-6.2h12.2c3.4,0,6.2,2.8,6.2,6.2v49.4 C187.1,304.2,184.4,306.9,180.9,306.9z"/> <g> <rect x="173.4" y="266.4" transform="matrix(0.7071 0.7071 -0.7071 0.7071 243.2244 -43.8741)" fill="#808080" width="2.4" height="10.5"/> <rect x="173.4" y="272.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -145.0048 204.6839)" fill="#808080" width="2.4" height="10.5"/> </g> </g> </g> <g> <g> <rect x="162.6" y="335.7" fill="#FFFFFF" width="275.1" height="83"/> <rect x="162.6" y="321.9" fill="#EEEEEE" width="275.1" height="27.7"/> <g> <rect x="168.5" y="327.7" fill="none" width="135.2" height="38.4"/> <text transform="matrix(1 0 0 1 168.4892 341.0883)" fill="#999999" font-family="'MyriadPro-Regular'" font-size="16px">Timeline</text> </g> </g> <line fill="none" stroke="#CCCCCC" stroke-miterlimit="10" x1="162.5" y1="384.4" x2="437.8" y2="384.4"/> <path fill="#EEEEEE" d="M333.1,377.7H178.8c-3.8,0-7-3.1-7-7V365c0-3.9,3.2-7,7-7h154.3c3.8,0,7,3.1,7,7v5.7 C340.1,374.6,337,377.7,333.1,377.7z"/> <path fill="#EEEEEE" d="M410,411.8H178.8c-3.8,0-7-3.1-7-7v-5.7c0-3.8,3.2-7,7-7H410c3.8,0,7,3.2,7,7v5.7 C417,408.6,413.8,411.8,410,411.8z"/> </g> <g> <g> <rect x="443.9" y="336.7" fill="#FFFFFF" width="229.7" height="82"/> <rect x="443.9" y="322.9" fill="#EEEEEE" width="229.7" height="27.7"/> <g> <rect x="455.5" y="328.7" fill="none" width="135.2" height="38.4"/> <text transform="matrix(1 0 0 1 455.5449 342.1129)" fill="#999999" font-family="'MyriadPro-Regular'" font-size="16px">Bricks you starred</text> </g> </g> <line fill="none" stroke="#CCCCCC" stroke-miterlimit="10" x1="443.9" y1="384.4" x2="673.6" y2="384.4"/> <path fill="#EEEEEE" d="M582.3,378H457.7c-3.8,0-7-3.1-7-7V365c0-3.9,3.2-7,7-7h124.6c3.8,0,7,3.1,7,7v5.9 C589.3,374.8,586.2,378,582.3,378z"/> <path fill="#EEEEEE" d="M626.8,411.5h-169c-3.8,0-7-3.1-7-7v-5.7c0-3.9,3.2-7,7-7h169c3.8,0,7,3.1,7,7v5.7 C633.8,408.4,630.6,411.5,626.8,411.5z"/> </g> </g> </svg>
−
                    </div>
+
                         <div style="margin-top: -160px;">
−
                    <div class="col-xs-6">
+
                            <p style="font-size: 60px!important;text-align: center!important; position: relative;">A vibrant forum</p>
−
                         <p class="bio-text">forums</p>
+
                        </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 1,139: Line 189:
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6">
+
                     <div style="position: relative;top: 100px;left: 19%;width: 700px">
−
                         <p class="bio-text">share your experience</p>
+
                        <object style="position: relative;left: 15%">
−
                    </div>
+
                            <embed src="https://static.igem.org/mediawiki/2017/7/74/Biohub-exp.swf" style="width:600px;height: 500px;"></embed>
−
                    <div class="col-xs-6" align="center">
+
                         </object>
−
                         <img src="img/brand.png" width="350px" class="brand">
+
                        <div>
 +
                            <p style="text-align: center !important;font-size: 22px !important; position: relative !important;top: 50px !important;">
 +
                                You can view or share your experiences on Biohub. Ready to be enlightened?
 +
                            </p>
 +
                        </div>
 +
 
 +
                        <div style="margin-top: 80px;">
 +
                            <p style="font-size: 60px !important;position: relative !important;text-align: center !important; ">Share Experiences</p>
 +
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 1,149: Line 207:
 
         </article>
 
         </article>
 
         <article class="slide">
 
         <article class="slide">
−
             <div class="container">
+
             <div class="container" style="background: #FF6530;height: 100%;width:100%">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6" align="center">
+
                     <div style="position: relative;top: 100px;left: 23%;width: 1000px;">
−
                        <img src="img/brand.png" width="350px" class="brand">
+
                        <object style="position: relative;left: 10%;">
−
                    </div>
+
                            <embed src="https://static.igem.org/mediawiki/2017/e/e3/Biohub-search.swf" style="width:800px;height: 500px;"></embed>
−
                    <div class="col-xs-6">
+
                        </object>
−
                        <p class="bio-text">search biobricks</p>
+
                        <div style="text-align: center;">
 +
                            <p style="text-align: center !important;color: white !important;;font-size: 22px !important; position: relative !important;top: 50px !important;">
 +
                                BioSearch is a powerful search engine against Biobricks, with hight performance and great accuracy powered by advanced search method.
 +
                            </p>
 +
                        </div>
 +
                        <div style="margin-top: 80px;">
 +
                            <p style="color: white !important;text-align: center !important;position: relative;font-size: 60px !important;">Fluent search</p>
 +
                        </div>
 
                     </div>
 
                     </div>
 +
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </article>
 
         </article>
 
         <article class="slide">
 
         <article class="slide">
−
             <div class="container">
+
             <div class="container" style="background: #115d8e;height: 100%;width:100%">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6">
+
                     <div style="position: relative;top: 100px;left: 27%;width: 900px">
−
                         <p class="bio-text">a lot more plugins</p>
+
                         <div style="position: relative;left: 8%;">
−
                    </div>
+
                            <img src="https://static.igem.org/mediawiki/2017/c/cb/Biohub-jigsaw.gif" style="width: 700px;">
−
                    <div class="col-xs-6" align="center">
+
                        </div>
−
                         <img src="img/brand.png" width="350px" class="brand">
+
                        <div style="text-align: center;">
 +
                            <p style="color: white;font-size: 22px; position: relative;top: 50px;text-align: center !important;">
 +
                                Hot reloadable plugin system enables users to upload full featured plugins, and integrates them into Biohub.
 +
                            </p>
 +
                         </div>
 +
                        <div style="margin-top: 80px;">
 +
                            <p style="color: white !important;text-align: center !important;position: relative;font-size: 60px !important;">Plugin System</p>
 +
                        </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 1,176: Line 249:
  
 
<script>
 
<script>
−
+
  var fss
 +
  $(function () {
 +
    fss = new ddfullscreenslider({
 +
      sliderid: 'dowebok'
 +
    })
 +
  })
 
</script>
 
</script>
  
Line 1,196: Line 274:
 
</body>
 
</body>
 
</html>
 
</html>
−
</nowiki>
 

Latest revision as of 02:46, 2 November 2017

<!DOCTYPE html> wikiHome

交换箭头
交换箭头
资源 2
资源 2
对话框
对话框
齿轮_2
齿轮_2
齿轮_2
Search Me Welcome to BBa_B0030 BBa_I14018 Popular Bricks Timeline Bricks you starred

A vibrant forum

You can view or share your experiences on Biohub. Ready to be enlightened?

Share Experiences

BioSearch is a powerful search engine against Biobricks, with hight performance and great accuracy powered by advanced search method.

Fluent search

Hot reloadable plugin system enables users to upload full featured plugins, and integrates them into Biohub.

Plugin System