Team:Minnesota/Templates

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<nowiki>Insert non-formatted text here</nowiki>{{:Team:Minnesota/Templates/cssStyle}}
+
{{:Team:Minnesota/Templates/cssStyle}}
{{:Team:Minnesota/Templates/jqueryfullpagecss}}
{{:Team:Minnesota/Templates/jqueryfullpagecss}}
{{:Team:Minnesota/Templates/jqueryfullpageminjs}}
{{:Team:Minnesota/Templates/jqueryfullpageminjs}}
{{:Team:Minnesota/Templates/jqueryslimscrollminjs}}
{{:Team:Minnesota/Templates/jqueryslimscrollminjs}}
 +
<nowiki>
<html>
<html>
<head>
<head>
Line 452: Line 453:
</body>
</body>
</html>
</html>
 +
</nowiki>

Revision as of 00:57, 5 September 2014

/** 

* fullPage 2.1.8
* https://github.com/alvarotrigo/fullPage.js
* MIT licensed
*
* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
*/

(function(a){a.fn.fullpage=function(b){function M(){a(".fp-section").each(function(){var c=a(this).find(".fp-slide");c.length?c.each(function(){z(a(this))}):z(a(this))});a.isFunction(b.afterRender)&&b.afterRender.call(this)}function N(){if(!b.autoScrolling){var c=a(window).scrollTop(),d=a(".fp-section").map(function(){if(a(this).offset().top<c+100)return a(this)}),d=d[d.length-1];if(!d.hasClass("active")){var e=a(".fp-section.active").index(".fp-section")+1;F=!0;var f=G(d);d.addClass("active").siblings().removeClass("active"); var g=d.data("anchor");a.isFunction(b.onLeave)&&b.onLeave.call(this,e,d.index(".fp-section")+1,f);a.isFunction(b.afterLoad)&&b.afterLoad.call(this,g,d.index(".fp-section")+1);H(g);I(g,0);b.anchors.length&&!t&&(v=g,location.hash=g);clearTimeout(O);O=setTimeout(function(){F=!1},100)}}}function da(c){var d=c.originalEvent;b.autoScrolling&&c.preventDefault();if(!P(c.target)&&(c=a(".fp-section.active"),!t&&!p))if(d=Q(d),w=d.y,A=d.x,c.find(".fp-slides").length&&Math.abs(B-A)>Math.abs(x-w))Math.abs(B-A)> a(window).width()/100*b.touchSensitivity&&(B>A?a.fn.fullpage.moveSlideRight():a.fn.fullpage.moveSlideLeft());else if(b.autoScrolling&&(d=c.find(".fp-slides").length?c.find(".fp-slide.active").find(".fp-scrollable"):c.find(".fp-scrollable"),Math.abs(x-w)>a(window).height()/100*b.touchSensitivity))if(x>w)if(0<d.length)if(C("bottom",d))a.fn.fullpage.moveSectionDown();else return!0;else a.fn.fullpage.moveSectionDown();else if(w>x)if(0<d.length)if(C("top",d))a.fn.fullpage.moveSectionUp();else return!0; else a.fn.fullpage.moveSectionUp()}function P(c,d){d=d||0;var e=a(c).parent();return dc)if(0<d.length)if(C("bottom",d))a.fn.fullpage.moveSectionDown();else return!0;else a.fn.fullpage.moveSectionDown();else if(0<d.length)if(C("top",d))a.fn.fullpage.moveSectionUp();else return!0;else a.fn.fullpage.moveSectionUp();return!1}}function R(c){var d=a(".fp-section.active").find(".fp-slides");if(d.length&&!p){var e=d.find(".fp-slide.active"),f=null,f="prev"===c?e.prev(".fp-slide"):e.next(".fp-slide");if(!f.length){if(!b.loopHorizontal)return;f="prev"===c?e.siblings(":last"):e.siblings(":first")}p= !0;q(d,f)}}function k(c,d,e){var f={},g=c.position();if("undefined"!==typeof g){var g=g.top,y=G(c),r=c.data("anchor"),h=c.index(".fp-section"),p=c.find(".fp-slide.active"),s=a(".fp-section.active"),l=s.index(".fp-section")+1,E=D;if(p.length)var n=p.data("anchor"),q=p.index();if(b.autoScrolling&&b.continuousVertical&&"undefined"!==typeof e&&(!e&&"up"==y||e&&"down"==y)){e?a(".fp-section.active").before(s.nextAll(".fp-section")):a(".fp-section.active").after(s.prevAll(".fp-section").get().reverse()); u(a(".fp-section.active").position().top);var k=s,g=c.position(),g=g.top,y=G(c)}c.addClass("active").siblings().removeClass("active");t=!0;"undefined"!==typeof r&&S(q,n,r);b.autoScrolling?(f.top=-g,c="."+T):(f.scrollTop=g,c="html, body");var m=function(){k&&k.length&&(e?a(".fp-section:first").before(k):a(".fp-section:last").after(k),u(a(".fp-section.active").position().top))};b.css3&&b.autoScrolling?(a.isFunction(b.onLeave)&&!E&&b.onLeave.call(this,l,h+1,y),U("translate3d(0px, -"+g+"px, 0px)",!0), setTimeout(function(){m();a.isFunction(b.afterLoad)&&!E&&b.afterLoad.call(this,r,h+1);setTimeout(function(){t=!1;a.isFunction(d)&&d.call(this)},V)},b.scrollingSpeed)):(a.isFunction(b.onLeave)&&!E&&b.onLeave.call(this,l,h+1,y),a(c).animate(f,b.scrollingSpeed,b.easing,function(){m();a.isFunction(b.afterLoad)&&!E&&b.afterLoad.call(this,r,h+1);setTimeout(function(){t=!1;a.isFunction(d)&&d.call(this)},V)}));v=r;b.autoScrolling&&(H(r),I(r,h))}}function W(){if(!F){var c=window.location.hash.replace("#", "").split("/"),a=c[0],c=c[1];if(a.length){var b="undefined"===typeof v,f="undefined"===typeof v&&"undefined"===typeof c&&!p;(a&&a!==v&&!b||f||!p&&J!=c)&&K(a,c)}}}function q(c,d){var e=d.position(),f=c.find(".fp-slidesContainer").parent(),g=d.index(),h=c.closest(".fp-section"),r=h.index(".fp-section"),k=h.data("anchor"),l=h.find(".fp-slidesNav"),s=d.data("anchor"),m=D;if(b.onSlideLeave){var n=h.find(".fp-slide.active").index(),q;q=n==g?"none":n>g?"left":"right";m||a.isFunction(b.onSlideLeave)&&b.onSlideLeave.call(this, k,r+1,n,q)}d.addClass("active").siblings().removeClass("active");"undefined"===typeof s&&(s=g);h.hasClass("active")&&(b.loopHorizontal||(h.find(".fp-controlArrow.fp-prev").toggle(0!=g),h.find(".fp-controlArrow.fp-next").toggle(!d.is(":last-child"))),S(g,s,k));b.css3?(e="translate3d(-"+e.left+"px, 0px, 0px)",c.find(".fp-slidesContainer").toggleClass("fp-easing",0<b.scrollingSpeed).css(X(e)),setTimeout(function(){m||a.isFunction(b.afterSlideLoad)&&b.afterSlideLoad.call(this,k,r+1,s,g);p=!1},b.scrollingSpeed, b.easing)):f.animate({scrollLeft:e.left},b.scrollingSpeed,b.easing,function(){m||a.isFunction(b.afterSlideLoad)&&b.afterSlideLoad.call(this,k,r+1,s,g);p=!1});l.find(".active").removeClass("active");l.find("li").eq(g).find("a").addClass("active")}function fa(c,d){var b=825,f=c;825>c||900>d?(900>d&&(f=d,b=900),b=(100*f/b).toFixed(2),a("body").css("font-size",b+"%")):a("body").css("font-size","100%")}function I(c,d){b.navigation&&(a("#fp-nav").find(".active").removeClass("active"),c?a("#fp-nav").find('a[href="#'+ c+'"]').addClass("active"):a("#fp-nav").find("li").eq(d).find("a").addClass("active"))}function H(c){b.menu&&(a(b.menu).find(".active").removeClass("active"),a(b.menu).find('[data-menuanchor="'+c+'"]').addClass("active"))}function C(c,a){if("top"===c)return!a.scrollTop();if("bottom"===c)return a.scrollTop()+1+a.innerHeight()>=a[0].scrollHeight}function G(c){var b=a(".fp-section.active").index(".fp-section");c=c.index(".fp-section");return b>c?"up":"down"}function z(a){a.css("overflow","hidden");var d= a.closest(".fp-section"),e=a.find(".fp-scrollable");if(e.length)var f=e.get(0).scrollHeight;else f=a.get(0).scrollHeight,b.verticalCentered&&(f=a.find(".fp-tableCell").get(0).scrollHeight);d=l-parseInt(d.css("padding-bottom"))-parseInt(d.css("padding-top"));f>d?e.length?e.css("height",d+"px").parent().css("height",d+"px"):(b.verticalCentered?a.find(".fp-tableCell").wrapInner('<div class="fp-scrollable" />'):a.wrapInner('<div class="fp-scrollable" />'),a.find(".fp-scrollable").slimScroll({allowPageScroll:!0, height:d+"px",size:"10px",alwaysVisible:!0})):Y(a);a.css("overflow","")}function Y(a){a.find(".fp-scrollable").children().first().unwrap().unwrap();a.find(".slimScrollBar").remove();a.find(".slimScrollRail").remove()}function Z(a){a.addClass("fp-table").wrapInner('<div class="fp-tableCell" style="height:'+$(a)+'px;" />')}function $(a){var d=l;if(b.paddingTop||b.paddingBottom)d=a,d.hasClass("fp-section")||(d=a.closest(".fp-section")),a=parseInt(d.css("padding-top"))+parseInt(d.css("padding-bottom")),

d=l-a;return d}function U(a,b){h.toggleClass("fp-easing",b);h.css(X(a))}function K(c,b){"undefined"===typeof b&&(b=0);var e=isNaN(c)?a('[data-anchor="'+c+'"]'):a(".fp-section").eq(c-1);c===v||e.hasClass("active")?aa(e,b):k(e,function(){aa(e,b)})}function aa(a,b){if("undefined"!=typeof b){var e=a.find(".fp-slides"),f=e.find('[data-anchor="'+b+'"]');f.length||(f=e.find(".fp-slide").eq(b));f.length&&q(e,f)}}function ga(a,d){a.append('
    ');var e=a.find(".fp-slidesNav"); e.addClass(b.slidesNavPosition);for(var f=0;f<d;f++)e.find("ul").append('
  • <a href="#"></a></li>');e.css("margin-left","-"+e.width()/2+"px");e.find("li").first().find("a").addClass("active")}function S(a,d,e){var f="";b.anchors.length&&(a?("undefined"!==typeof e&&(f=e),"undefined"===typeof d&&(d=a),J=d,location.hash=f+"/"+d):("undefined"!==typeof a&&(J=d),location.hash=e))}function ha(){var a=document.createElement("p"),b,e={webkitTransform:"-webkit-transform",OTransform:"-o-transform", msTransform:"-ms-transform",MozTransform:"-moz-transform",transform:"transform"};document.body.insertBefore(a,null);for(var f in e)void 0!==a.style[f]&&(a.style[f]="translate3d(1px,1px,1px)",b=window.getComputedStyle(a).getPropertyValue(e[f]));document.body.removeChild(a);return void 0!==b&&0<b.length&&"none"!==b}function ba(){return window.PointerEvent?{down:"pointerdown",move:"pointermove"}:{down:"MSPointerDown",move:"MSPointerMove"}}function Q(a){var b=[];window.navigator.msPointerEnabled?(b.y= a.pageY,b.x=a.pageX):(b.y=a.touches[0].pageY,b.x=a.touches[0].pageX);return b}function u(a){b.css3?U("translate3d(0px, -"+a+"px, 0px)",!1):h.css("top",-a)}function X(a){return{"-webkit-transform":a,"-moz-transform":a,"-ms-transform":a,transform:a}}function ia(){u(0);a("#fp-nav, .fp-slidesNav, .fp-controlArrow").remove();a(".fp-section").css({height:"","background-color":"",padding:""});a(".fp-slide").css({width:""});h.css({height:"",position:"","-ms-touch-action":""});a(".fp-section, .fp-slide").each(function(){Y(a(this)); a(this).removeClass("fp-table active")});h.find(".fp-easing").removeClass("fp-easing");h.find(".fp-tableCell, .fp-slidesContainer, .fp-slides").each(function(){a(this).replaceWith(this.childNodes)});a("html, body").scrollTop(0);h.addClass("fullpage-used")}b=a.extend({verticalCentered:!0,resize:!0,sectionsColor:[],anchors:[],scrollingSpeed:700,easing:"easeInQuart",menu:!1,navigation:!1,navigationPosition:"right",navigationColor:"#000",navigationTooltips:[],slidesNavigation:!1,slidesNavPosition:"bottom", controlArrowColor:"#fff",loopBottom:!1,loopTop:!1,loopHorizontal:!0,autoScrolling:!0,scrollOverflow:!1,css3:!1,paddingTop:0,paddingBottom:0,fixedElements:null,normalScrollElements:null,keyboardScrolling:!0,touchSensitivity:5,continuousVertical:!1,animateAnchor:!0,normalScrollElementTouchThreshold:5,sectionSelector:".section",slideSelector:".slide",afterLoad:null,onLeave:null,afterRender:null,afterResize:null,afterSlideLoad:null,onSlideLeave:null},b);b.continuousVertical&&(b.loopTop||b.loopBottom)&& (b.continuousVertical=!1,console&&console.log&&console.log("Option loopTop/loopBottom is mutually exclusive with continuousVertical; continuousVertical disabled"));var V=600;a.fn.fullpage.setAutoScrolling=function(c){b.autoScrolling=c;c=a(".fp-section.active");b.autoScrolling?(a("html, body").css({overflow:"hidden",height:"100%"}),c.length&&u(c.position().top)):(a("html, body").css({overflow:"auto",height:"auto"}),u(0),a("html, body").scrollTop(c.position().top))};a.fn.fullpage.setScrollingSpeed= function(a){b.scrollingSpeed=a};a.fn.fullpage.setMouseWheelScrolling=function(a){a?document.addEventListener?(document.addEventListener("mousewheel",n,!1),document.addEventListener("wheel",n,!1)):document.attachEvent("onmousewheel",n):document.addEventListener?(document.removeEventListener("mousewheel",n,!1),document.removeEventListener("wheel",n,!1)):document.detachEvent("onmousewheel",n)};a.fn.fullpage.setAllowScrolling=function(b){b?(a.fn.fullpage.setMouseWheelScrolling(!0),L&&(MSPointer=ba(), a(document).off("touchstart "+MSPointer.down).on("touchstart "+MSPointer.down,ea),a(document).off("touchmove "+MSPointer.move).on("touchmove "+MSPointer.move,da))):(a.fn.fullpage.setMouseWheelScrolling(!1),L&&(MSPointer=ba(),a(document).off("touchstart "+MSPointer.down),a(document).off("touchmove "+MSPointer.move)))};a.fn.fullpage.setKeyboardScrolling=function(a){b.keyboardScrolling=a};var p=!1,L=navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|BB10|Windows Phone|Tizen|Bada)/),h=a(this), l=a(window).height(),t=!1,D=!1,v,J,T="fullpage-wrapper";a.fn.fullpage.setAllowScrolling(!0);b.css3&&(b.css3=ha());a(this).length?(h.css({height:"100%",position:"relative","-ms-touch-action":"none"}),h.addClass(T)):console.error("Error! Fullpage.js needs to be initialized with a selector. For example: $('#myContainer').fullpage();");a(b.sectionSelector).each(function(){a(this).addClass("fp-section")});a(b.slideSelector).each(function(){a(this).addClass("fp-slide")});if(b.navigation){a("body").append('
      ');

      var m=a("#fp-nav");m.css("color",b.navigationColor);m.addClass(b.navigationPosition)}a(".fp-section").each(function(c){var d=a(this),e=a(this).find(".fp-slide"),f=e.length;c||0!==a(".fp-section.active").length||a(this).addClass("active");a(this).css("height",l+"px");(b.paddingTop||b.paddingBottom)&&a(this).css("padding",b.paddingTop+" 0 "+b.paddingBottom+" 0");"undefined"!==typeof b.sectionsColor[c]&&a(this).css("background-color",b.sectionsColor[c]);"undefined"!==typeof b.anchors[c]&&a(this).attr("data-anchor",

      b.anchors[c]);if(b.navigation){var g="";b.anchors.length&&(g=b.anchors[c]);c=b.navigationTooltips[c];"undefined"===typeof c&&(c="");m.find("ul").append('
    • <a href="#'+g+'"></a></li>')}if(1<f){var g=100*f,h=100/f;e.wrapAll('<div class="fp-slidesContainer" />');e.parent().wrap('<div class="fp-slides" />');a(this).find(".fp-slidesContainer").css("width",g+"%");a(this).find(".fp-slides").after('
      ');

      "#fff"!=b.controlArrowColor&&(a(this).find(".fp-controlArrow.fp-next").css("border-color","transparent transparent transparent "+b.controlArrowColor),a(this).find(".fp-controlArrow.fp-prev").css("border-color","transparent "+b.controlArrowColor+" transparent transparent"));b.loopHorizontal||a(this).find(".fp-controlArrow.fp-prev").hide();b.slidesNavigation&&ga(a(this),f);e.each(function(c){c||0!=d.find(".fp-slide.active").length||a(this).addClass("active");a(this).css("width",h+"%");b.verticalCentered&& Z(a(this))})}else b.verticalCentered&&Z(a(this))}).promise().done(function(){a.fn.fullpage.setAutoScrolling(b.autoScrolling);var c=a(".fp-section.active").find(".fp-slide.active");if(c.length&&(0!=a(".fp-section.active").index(".fp-section")||0==a(".fp-section.active").index(".fp-section")&&0!=c.index())){var d=b.scrollingSpeed;a.fn.fullpage.setScrollingSpeed(0);q(a(".fp-section.active").find(".fp-slides"),c);a.fn.fullpage.setScrollingSpeed(d)}b.fixedElements&&b.css3&&a(b.fixedElements).appendTo("body"); b.navigation&&(m.css("margin-top","-"+m.height()/2+"px"),m.find("li").eq(a(".fp-section.active").index(".fp-section")).find("a").addClass("active"));b.menu&&b.css3&&a(b.menu).closest(".fullpage-wrapper").length&&a(b.menu).appendTo("body");b.scrollOverflow?(h.hasClass("fullpage-used")&&M(),a(window).on("load",M)):a.isFunction(b.afterRender)&&b.afterRender.call(this);c=window.location.hash.replace("#","").split("/")[0];c.length&&(d=a('[data-anchor="'+c+'"]'),!b.animateAnchor&&d.length&&(b.autoScrolling? u(d.position().top):(u(0),a("html, body").scrollTop(d.position().top)),H(c),I(c,null),a.isFunction(b.afterLoad)&&b.afterLoad.call(this,c,d.index(".fp-section")+1),d.addClass("active").siblings().removeClass("active")));a(window).on("load",function(){var a=window.location.hash.replace("#","").split("/"),b=a[0],a=a[1];b&&K(b,a)})});var O,F=!1;a(window).on("scroll",N);var x=0,B=0,w=0,A=0;a.fn.fullpage.moveSectionUp=function(){var c=a(".fp-section.active").prev(".fp-section");c.length||!b.loopTop&&!b.continuousVertical|| (c=a(".fp-section").last());c.length&&k(c,null,!0)};a.fn.fullpage.moveSectionDown=function(){var c=a(".fp-section.active").next(".fp-section");c.length||!b.loopBottom&&!b.continuousVertical||(c=a(".fp-section").first());(0<c.length||!c.length&&(b.loopBottom||b.continuousVertical))&&k(c,null,!1)};a.fn.fullpage.moveTo=function(b,d){var e="",e=isNaN(b)?a('[data-anchor="'+b+'"]'):a(".fp-section").eq(b-1);"undefined"!==typeof d?K(b,d):0<e.length&&k(e)};a.fn.fullpage.moveSlideRight=function(){R("next")}; a.fn.fullpage.moveSlideLeft=function(){R("prev")};a(window).on("hashchange",W);a(document).keydown(function(c){if(b.keyboardScrolling&&!t)switch(c.which){case 38:case 33:a.fn.fullpage.moveSectionUp();break;case 40:case 34:a.fn.fullpage.moveSectionDown();break;case 36:a.fn.fullpage.moveTo(1);break;case 35:a.fn.fullpage.moveTo(a(".fp-section").length);break;case 37:a.fn.fullpage.moveSlideLeft();break;case 39:a.fn.fullpage.moveSlideRight()}});a(document).on("click","#fp-nav a",function(b){b.preventDefault();

      b=a(this).parent().index();k(a(".fp-section").eq(b))});a(document).on({mouseenter:function(){var c=a(this).data("tooltip");a('
      '+c+"
      ").hide().appendTo(a(this)).fadeIn(200)},mouseleave:function(){a(this).find(".fp-tooltip").fadeOut().remove()}},"#fp-nav li");b.normalScrollElements&&(a(document).on("mouseover",b.normalScrollElements,function(){a.fn.fullpage.setMouseWheelScrolling(!1)}),a(document).on("mouseout",b.normalScrollElements,function(){a.fn.fullpage.setMouseWheelScrolling(!0)}));

      a(".fp-section").on("click",".fp-controlArrow",function(){a(this).hasClass("fp-prev")?a.fn.fullpage.moveSlideLeft():a.fn.fullpage.moveSlideRight()});a(".fp-section").on("click",".toSlide",function(b){b.preventDefault();b=a(this).closest(".fp-section").find(".fp-slides");b.find(".fp-slide.active");var d=null,d=b.find(".fp-slide").eq(a(this).data("index")-1);0<d.length&&q(b,d)});var ca;a(window).resize(function(){L?a.fn.fullpage.reBuild():(clearTimeout(ca),ca=setTimeout(a.fn.fullpage.reBuild,500))}); a.fn.fullpage.reBuild=function(){D=!0;var c=a(window).width();l=a(window).height();b.resize&&fa(l,c);a(".fp-section").each(function(){parseInt(a(this).css("padding-bottom"));parseInt(a(this).css("padding-top"));b.verticalCentered&&a(this).find(".fp-tableCell").css("height",$(a(this))+"px");a(this).css("height",l+"px");if(b.scrollOverflow){var c=a(this).find(".fp-slide");c.length?c.each(function(){z(a(this))}):z(a(this))}c=a(this).find(".fp-slides");c.length&&q(c,c.find(".fp-slide.active"))});a(".fp-section.active").position(); c=a(".fp-section.active");c.index(".fp-section")&&k(c);D=!1;a.isFunction(b.afterResize)&&b.afterResize.call(this)};a(document).on("click",".fp-slidesNav a",function(b){b.preventDefault();b=a(this).closest(".fp-section").find(".fp-slides");var d=b.find(".fp-slide").eq(a(this).closest("li").index());q(b,d)});a.fn.fullpage.destroy=function(c){a.fn.fullpage.setAutoScrolling(!1);a.fn.fullpage.setAllowScrolling(!1);a.fn.fullpage.setKeyboardScrolling(!1);a(window).off("scroll",N).off("hashchange",W);a(document).off("click", "#fp-nav a").off("mouseenter","#fp-nav li").off("mouseleave","#fp-nav li").off("click",".fp-slidesNav a").off("mouseover",b.normalScrollElements).off("mouseout",b.normalScrollElements);a(".fp-section").off("click",".fp-controlArrow").off("click",".toSlide");c&&ia()}}})(jQuery);

      /*! Copyright (c) 2011 Piotr Rochala (http://rocha.la) 

      * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
*
* Version: 1.3.2 (modified for fullpage.js)
*
*/

      (function(f){jQuery.fn.extend({slimScroll:function(g){var a=f.extend({width:"auto",height:"250px",size:"7px",color:"#000",position:"right",distance:"1px",start:"top",opacity:.4,alwaysVisible:!1,disableFadeOut:!1,railVisible:!1,railColor:"#333",railOpacity:.2,railDraggable:!0,railClass:"slimScrollRail",barClass:"slimScrollBar",wrapperClass:"slimScrollDiv",allowPageScroll:!1,wheelStep:20,touchScrollStep:200,borderRadius:"7px",railBorderRadius:"7px"},g);this.each(function(){function s(d){d=d||window.event; var c=0;d.wheelDelta&&(c=-d.wheelDelta/120);d.detail&&(c=d.detail/3);f(d.target||d.srcTarget||d.srcElement).closest("."+a.wrapperClass).is(b.parent())&&m(c,!0);d.preventDefault&&!k&&d.preventDefault();k||(d.returnValue=!1)}function m(d,f,g){k=!1;var e=d,h=b.outerHeight()-c.outerHeight();f&&(e=parseInt(c.css("top"))+d*parseInt(a.wheelStep)/100*c.outerHeight(),e=Math.min(Math.max(e,0),h),e=0<d?Math.ceil(e):Math.floor(e),c.css({top:e+"px"}));l=parseInt(c.css("top"))/(b.outerHeight()-c.outerHeight()); e=l*(b[0].scrollHeight-b.outerHeight());g&&(e=d,d=e/b[0].scrollHeight*b.outerHeight(),d=Math.min(Math.max(d,0),h),c.css({top:d+"px"}));b.scrollTop(e);b.trigger("slimscrolling",~~e);u();p()}function C(){window.addEventListener?(this.addEventListener("DOMMouseScroll",s,!1),this.addEventListener("mousewheel",s,!1)):document.attachEvent("onmousewheel",s)}function v(){r=Math.max(b.outerHeight()/b[0].scrollHeight*b.outerHeight(),D);c.css({height:r+"px"});var a=r==b.outerHeight()?"none":"block";c.css({display:a})} function u(){v();clearTimeout(A);l==~~l?(k=a.allowPageScroll,B!=l&&b.trigger("slimscroll",0==~~l?"top":"bottom")):k=!1;B=l;r>=b.outerHeight()?k=!0:(c.stop(!0,!0).fadeIn("fast"),a.railVisible&&h.stop(!0,!0).fadeIn("fast"))}function p(){a.alwaysVisible||(A=setTimeout(function(){a.disableFadeOut&&w||x||y||(c.fadeOut("slow"),h.fadeOut("slow"))},1E3))}var w,x,y,A,z,r,l,B,D=30,k=!1,b=f(this);if(b.parent().hasClass(a.wrapperClass)){var n=b.scrollTop(),c=b.parent().find("."+a.barClass),h=b.parent().find("."+

      a.railClass);v();if(f.isPlainObject(g)){if("height"in g&&"auto"==g.height){b.parent().css("height","auto");b.css("height","auto");var q=b.parent().parent().height();b.parent().css("height",q);b.css("height",q)}if("scrollTo"in g)n=parseInt(a.scrollTo);else if("scrollBy"in g)n+=parseInt(a.scrollBy);else if("destroy"in g){c.remove();h.remove();b.unwrap();return}m(n,!1,!0)}}else{a.height="auto"==g.height?b.parent().height():g.height;n=f("
      ").addClass(a.wrapperClass).css({position:"relative", overflow:"hidden",width:a.width,height:a.height});b.css({overflow:"hidden",width:a.width,height:a.height});var h=f("
      ").addClass(a.railClass).css({width:a.size,height:"100%",position:"absolute",top:0,display:a.alwaysVisible&&a.railVisible?"block":"none","border-radius":a.railBorderRadius,background:a.railColor,opacity:a.railOpacity,zIndex:90}),c=f("
      ").addClass(a.barClass).css({background:a.color,width:a.size,position:"absolute",top:0,opacity:a.opacity,display:a.alwaysVisible?

      "block":"none","border-radius":a.borderRadius,BorderRadius:a.borderRadius,MozBorderRadius:a.borderRadius,WebkitBorderRadius:a.borderRadius,zIndex:99}),q="right"==a.position?{right:a.distance}:{left:a.distance};h.css(q);c.css(q);b.wrap(n);b.parent().append(c);b.parent().append(h);a.railDraggable&&c.bind("mousedown",function(a){var b=f(document);y=!0;t=parseFloat(c.css("top"));pageY=a.pageY;b.bind("mousemove.slimscroll",function(a){currTop=t+a.pageY-pageY;c.css("top",currTop);m(0,c.position().top,!1)}); b.bind("mouseup.slimscroll",function(a){y=!1;p();b.unbind(".slimscroll")});return!1}).bind("selectstart.slimscroll",function(a){a.stopPropagation();a.preventDefault();return!1});h.hover(function(){u()},function(){p()});c.hover(function(){x=!0},function(){x=!1});b.hover(function(){w=!0;u();p()},function(){w=!1;p()});b.bind("touchstart",function(a,b){a.originalEvent.touches.length&&(z=a.originalEvent.touches[0].pageY)});b.bind("touchmove",function(b){k||b.originalEvent.preventDefault();b.originalEvent.touches.length&& (m((z-b.originalEvent.touches[0].pageY)/a.touchScrollStep,!0),z=b.originalEvent.touches[0].pageY)});v();"bottom"===a.start?(c.css({top:b.outerHeight()-c.outerHeight()}),m(0,!0)):"top"!==a.start&&(m(f(a.start).position().top,null,!0),a.alwaysVisible||c.hide());C()}});return this}});jQuery.fn.extend({slimscroll:jQuery.fn.slimScroll})})(jQuery); <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>UMN iGEM 2014</title> <style> /* Style for our header texts * --------------------------------------- */ h1{ font-size: 5em; font-family: arial,helvetica; color: #fff; margin:0; padding: 3% 0 0 0; } div.smallbox { position: relative; top: -150px; left: 25%; right: 25%; width: 50%; height: 50%; border-style: solid; margin: 0px; } logo { position: relative; top: 0%; right: 20%; } .intro p{ color: #fff; } /* Centered texts in each section * --------------------------------------- */ .section { text-align:center; } /* Backgrounds will cover all the section * --------------------------------------- */ #section0, #section1, #section2, #section3, #section4, #section5, #section6, #section7 { background-size: cover; background-repeat: no-repeat; } /* Defining each sectino background and styles * --------------------------------------- */ #section0{ background-image: url(imgs/bg1.jpg); padding: 0 0 0 0; } #section2{ background-image: url(imgs/bg3.jpg); padding: 0 0 0 0; } #section3{ background-image: url(imgs/bg4.jpg); padding: 0 0 0 0; } #section4{ background-image: url(imgs/bg3.jpg); padding: 0 0 0 0; } #section5{ background-image: url(imgs/bg3.jpg); padding: 0 0 0 0; } #section6{ background-image: url(imgs/bg4.jpg); padding: 0 0 0 0; } #section7{ background-image: url(imgs/bg4.jpg); padding: 0 0 0 0; } #section3 h1{ color: #000; } /* Overwriting styles for the navigation dots (to place it where we want) * --------------------------------------- */ .fp-slidesNav.bottom{ bottom: 3%; } /*Adding background for the slides * --------------------------------------- */ #slide1{ background-image: url(imgs/bg2.jpg); padding: 0 0 0 0; } #slide2{ background-image: url(imgs/bg5.jpg); padding: 0 0 0 0; } #slide3{ background-image: url(imgs/bg5.jpg); padding: 0 0 0 0; } #slide4{ background-image: url(imgs/bg5.jpg); padding: 0 0 0 0; } #safetySlide1{ background-image: url(imgs/bg2.jpg); padding: 0 0 0 0; } #safetySlide2{ background-image: url(imgs/bg5.jpg); padding: 0 0 0 0; } #safetySlide3{ background-image: url(imgs/bg5.jpg); padding: 0 0 0 0; } #safetySlide4{ background-image: url(imgs/bg5.jpg); padding: 0 0 0 0; } /* Fixed header and footer. * --------------------------------------- */ #header { position:fixed; height: 6%; display:block; width: 100%; background: #333; z-index:9; text-align:center; color: #f2f2f2; padding: 0 0 0 0; opacity: .60; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */ filter: alpha(opacity=60); /* IE lt 8 */ -ms-filter: "alpha(opacity=60)"; /* IE 8 */ -khtml-opacity: .60; /* Safari 1.x */ -moz-opacity: .60; /* FF lt 1.5, Netscape */ } #footer{ position:fixed; height: 2%; display:block; width: 100%; background: #333; z-index:9; text-align:center; color: #f2f2f2; padding: 0 0 0 0; opacity: .60; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */ filter: alpha(opacity=60); /* IE lt 8 */ -ms-filter: "alpha(opacity=60)"; /* IE 8 */ -khtml-opacity: .60; /* Safari 1.x */ -moz-opacity: .60; /* FF lt 1.5, Netscape */ bottom:0%; } #twitterbutton { /* position:fixed; height: 7%; display:block; width: 100%; background: #333; z-index:9; text-align:center; position:absolute; top:0%; right:0%; margin:0; color: #f2f2f2; */ padding: .5% 4%; display:block; top:1.5%; left:0%; background: 0; position:absolute; margin:0; } #igembutton { padding: .5% 4%; display:block; top:1.5%; right:0%; background: 0; position:absolute; margin:0; } #teamImg { padding: 6px 6px; border: 2px solid gary; background-color:gray; margin: 5px; } #title { /* top: 6%; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; */ } /* Bottom menu * --------------------------------------- */ #infoMenu { bottom: 10%; position:fixed; } #infoMenu li a { color: #fff; z-index: 999; } /* Tooltip css */ /* a.tooltips { position: relative; display: inline; } a.tooltips span { position: absolute; width:140px; color: black; background: #BBBBDD; border: 2px solid #6D6D6D; height: 140px; /* change these two for tooltip heigh */ /* line-height: 140px; width: 400px; text-align: center; visibility: hidden; border-radius: 18px; } */ /* a.tooltips span:before { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -12px; width: 0; height: 0; border-bottom: 12px solid #6D6D6D; border-right: 12px solid transparent; border-left: 12px solid transparent; } a.tooltips span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #BBBBDD; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.tooltips span { visibility: visible; opacity: 0.9; top: 30px; left: 50%; margin-left: -76px; z-index: 999; } */ </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> <script type="text/javascript" src="{{:Team:Minnesota/Templates/jqueryslimscrollminjs}}"></script> <script type="text/javascript" src="{{:Team:Minnesota/Templates/jqueryfullPagejs}}"></script> <script type="text/javascript"> $(document).ready(function() { $('#fullpage').fullpage({ sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'], anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', '5thpage', '6thpage', '7thpage', '8thpage'], menu: '#menu', continuousVertical: true, slidesNavigation: true, easing: 'easeInOutCirc', <!-- options here: http://jqueryui.com/resources/demos/effect/easing.html --> scrollingSpeed: 1300, <!-- autoScrolling:false --> <!-- removes slides as sections and allows continuous scrolling --> }); }); </script> </head> <body> <!-- Required Menu Start --> <!-- Required Menu End --> <div id="header"> <ul id="menu"> <li data-menuanchor="firstPage" class="active"><a href="#firstPage">Home</a></li> <li data-menuanchor="secondPage" class="active"><a href="#secondPage">Project</a></li> <li data-menuanchor="3rdPage" class="active"><a href="#3rdPage">Team</a></li> <li data-menuanchor="4thpage" class="active"><a href="#4thpage">Parts</a></li> <li data-menuanchor="5thpage" class="active"><a href="#5thpage">Modeling</a></li> <li data-menuanchor="6thpage" class="active"><a href="#6thpage">Notebook</a></li> <li data-menuanchor="7thpage" class="active"><a href="#7thpage">Safety</a></li> <li data-menuanchor="8thpage" class="active"><a href="#8thpage">Attributions</a></li> <div id="twitterbutton"> <a href="https://twitter.com/GopheriGEM"> <img src="http://i1158.photobucket.com/albums/p607/iGEM_MN/twitter.png" width=80% ></a></div> <div id="igembutton"><a href="https://2014.igem.org"> <img width=16% src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"></a></div> </ul> </div> <div id="footer"> <a href="https://igem.org/2013_Judging_Form?id=1187" style="color:white;"> iGEM Home </a> | <a href="https://igem.org/2013_Judging_Form?id=1187" style="color:white;" > iGEM Judge-Click Here! </a> | <a href="https://igem.org/Team.cgi?year=2014" style="color:white;" > Official Team Profile </a> | <a href="http://www1.umn.edu/twincities/index.html" style="color:white;" > University of Minnesota Home </a> | <a href="https://2013.igem.org/Team:Minnesota/Contact" style="color:white;" > Contact Us! </a></div> <div id="fullpage"> <div class="section " id="section0"> <logo><img src="imgs/1.png" alt = "logo" width= "300" height = "300"></logo> <div class="intro"> <h1>MINNESOTA iGEM 2014</h1> <p> Insert catchy igem tag line here </p> </div> </div> <div class="section" id="section1"> <div class="slide" id="slide1" data-anchor="slide1"> <!-- <div class= "smallbox" > <p> Stuff about iGEM </p> </div> --> <svg width=80% height=100% preserveAspectRatio="xMidYMin"> <rect x=0% y=12% rx="20" ry="20" width=100% height=80% style="fill:grey;stroke:grey;stroke-width:5;opacity:0.95" /> <text x=45% y=20% font-family="Verdana" font-size="55" fill="white" > Project </text> </svg> <!-- Overall project summary Project Details Materials and Methods The Experiments Results Data analysis Conclusions --> </div> <div class="slide" id="slide2" data-anchor="slide2"> <h1>Slide 2</h1> </div> <div class="slide" id="slide3" data-anchor="slide3"> <h1>Slide 3</h1> </div> <div class="slide" id="slide4" data-anchor="slide4"> <h1>Slide 4</h1> </div> </div> <div class="section" id="section2"> <div id="title"> <h1>Meet The Team</h1> </div> <ul> <li> <img id="teamImg" src="http://imageshack.us/a/img546/231/4tz9.png" height=10% width=10%> <img id="teamImg" src="http://imageshack.us/a/img7/5002/dt8a.png" height=10% width=10%> <img id="teamImg" src="http://i791.photobucket.com/albums/yy194/GopheriGEM/Niko_zps3942856a.png" height=10% width=10%> <img id="teamImg" src="http://i791.photobucket.com/albums/yy194/GopheriGEM/Jessica1_zps12615f3d.jpg" height=10% width=10%> <img id="teamImg" src="http://i791.photobucket.com/albums/yy194/GopheriGEM/aunicaRES_zps6853e18d.jpeg" height=10% width=10%> <img id="teamImg" src="http://img5.imageshack.us/img5/4337/jqot.jpg" height=10% width=10%> </li> <li> <img id="teamImg" src="http://api.randomuser.me/portraits/med/women/42.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/women/43.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/women/44.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/women/45.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/women/46.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/women/47.jpg" height=10% width=10%> </li> <li> <img id="teamImg" src="http://api.randomuser.me/portraits/med/men/42.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/men/43.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/men/44.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/men/45.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/men/46.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/men/47.jpg" height=10% width=10%> </li> <li> <img id="teamImg" src="http://api.randomuser.me/portraits/med/men/32.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/women/33.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/men/34.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/men/35.jpg" height=10% width=10%> <img id="teamImg" src="http://api.randomuser.me/portraits/med/women/36.jpg" height=10% width=10%> </li> </ul> </div> <div class="section" id="section3"> </div> <div class="section" id="section4"> </div> <div class="section" id="section5"> <div> <h1>NOTEBOOK</h1> </div> </div> <div class="section" id="section6"> <div class="slide" id="safetySlide1" data-anchor="slide1"> <h1>SAFTEY IN THE LAB</h1> </div> <div class="slide" id="safetySlide2" data-anchor="slide2"> <h1>Slide 2</h1> </div> <div class="slide" id="safetySlide3" data-anchor="slide3"> <h1>Slide 3</h1> </div> <div class="slide" id="safetySlide4" data-anchor="slide4"> <h1>Slide 4</h1> </div> </div> <div class="section" id="section7"> </div> </div> </body> </html>

      Retrieved from "http://2014.igem.org/Team:Minnesota/Templates"