+
+
Some info on us...
diff --git a/js/general.js b/js/general.js
index 5ff72ba..f0df243 100644
--- a/js/general.js
+++ b/js/general.js
@@ -144,9 +144,7 @@ document.addEventListener('DOMContentLoaded', function(){
'#what-GilroyHacks',
'#why-GilroyHacks',
'#who-GilroyHacks',
- '#slide-wrapper-main',
- '#prev',
- '#next',
+ '#splide',
'#signup-title',
'#steps-card',
'#sponsor-title',
@@ -328,7 +326,7 @@ function save() {
}
window.onload = function() {
load();
- document.getElementById('#menu-btn').checked = false;
+ uncheck('menu-btn');
};
function load() {
for (i = 0; i < checkboxes.length; i++) {
@@ -425,117 +423,21 @@ document.addEventListener(
false
);
-var slider = document.getElementById('slider'),
- sliderItems = document.getElementById('items'),
- prev = document.getElementById('prev'),
- next = document.getElementById('next');
-slide(slider, sliderItems, prev, next);
-function slide(wrapper, items, prev, next) {
- var posX1 = 0,
- posX2 = 0,
- posInitial,
- posFinal,
- threshold = 100,
- slides = items.getElementsByClassName('slide'),
- slidesLength = slides.length,
- slideSize = items.getElementsByClassName('slide')[0].offsetWidth,
- firstSlide = slides[0],
- lastSlide = slides[slidesLength - 1],
- cloneFirst = firstSlide.cloneNode(true),
- cloneLast = lastSlide.cloneNode(true),
- index = 0,
- allowShift = true;
-
- // Clone first and last slide
- items.appendChild(cloneFirst);
- items.insertBefore(cloneLast, firstSlide);
- wrapper.classList.add('loaded');
-
- // Mouse and Touch events
- items.onmousedown = dragStart;
-
- // Touch events
- items.addEventListener('touchstart', dragStart);
- items.addEventListener('touchend', dragEnd);
- items.addEventListener('touchmove', dragAction);
-
- // Click events
- prev.addEventListener('click', function () { shiftSlide(-1) });
- next.addEventListener('click', function () { shiftSlide(1) });
-
- // Transition events
- items.addEventListener('transitionend', checkIndex);
-
- function dragStart (e) {
- e = e || window.event;
- e.preventDefault();
- posInitial = items.offsetLeft;
-
- if (e.type == 'touchstart') {
- posX1 = e.touches[0].clientX;
- } else {
- posX1 = e.clientX;
- document.onmouseup = dragEnd;
- document.onmousemove = dragAction;
- }
- }
- function dragAction (e) {
- e = e || window.event;
-
- if (e.type == 'touchmove') {
- posX2 = posX1 - e.touches[0].clientX;
- posX1 = e.touches[0].clientX;
- } else {
- posX2 = posX1 - e.clientX;
- posX1 = e.clientX;
- }
- items.style.left = (items.offsetLeft - posX2) + "px";
- }
-
- function dragEnd (e) {
- posFinal = items.offsetLeft;
- if (posFinal - posInitial < -threshold) {
- shiftSlide(1, 'drag');
- } else if (posFinal - posInitial > threshold) {
- shiftSlide(-1, 'drag');
- } else {
- items.style.left = (posInitial) + "px";
- }
- document.onmouseup = null;
- document.onmousemove = null;
- }
-
- function shiftSlide(dir, action) {
- items.classList.add('shifting');
-
- if (allowShift) {
- if (!action) { posInitial = items.offsetLeft; }
- if (dir == 1) {
- items.style.left = (posInitial - slideSize) + "px";
- index++;
- } else if (dir == -1) {
- items.style.left = (posInitial + slideSize) + "px";
- index--;
- }
- };
-
- allowShift = false;
- }
-
- function checkIndex (){
- items.classList.remove('shifting');
- if (index == -1) {
- items.style.left = -(slidesLength * slideSize) + "px";
- index = slidesLength - 1;
- }
- if (index == slidesLength) {
- items.style.left = -(1 * slideSize) + "px";
- index = 0;
- }
-
- allowShift = true;
- }
-}
+var splide = new Splide( '.splide', {
+ type : 'loop',
+ focus : 'center',
+ autoplay: true,
+ lazyLoad: true,
+ keyboard: true,
+ isNavigation: true,
+ pauseOnHover: true,
+ pauseOnFocus: true,
+ speed: 1000,
+ interval: 5000,
+} );
+
+splide.mount();
+
// var options = {
// series: [{
@@ -615,4 +517,4 @@ function slide(wrapper, items, prev, next) {
// };
// var chart = new ApexCharts(document.querySelector("#chart"), options);
-// chart.render();
\ No newline at end of file
+// chart.ren
\ No newline at end of file
diff --git a/js/splide.min.js b/js/splide.min.js
new file mode 100644
index 0000000..8879fea
--- /dev/null
+++ b/js/splide.min.js
@@ -0,0 +1,9 @@
+function r(n,t){for(var i=0;i
=r))return l();u=h(s)}}function l(){f=!0}function d(){u&&cancelAnimationFrame(u),f=!(u=c=0)}return{start:function(n){n||d(),o=e()-(n?c*t:0),f=!1,u=h(s)},rewind:function(){o=e(),c=0,i&&i(c)},pause:l,cancel:d,set:function(n){t=n},isPaused:function(){return f}}}function s(n){var t=n;return{set:function(n){t=n},is:function(n){return b(y(n),t)}}}var n="Arrow",Bn=n+"Left",Hn=n+"Right",t=n+"Up",n=n+"Down",Jn="ttb",l={width:["height"],left:["top","right"],right:["bottom","left"],x:["y"],X:["Y"],Y:["X"],ArrowLeft:[t,Hn],ArrowRight:[n,Bn]};var Z="role",$="tabindex",i="aria-",Kn=i+"controls",Vn=i+"current",Qn=i+"selected",nn=i+"label",Zn=i+"labelledby",$n=i+"hidden",nt=i+"orientation",tt=i+"roledescription",it=i+"live",rt=i+"busy",ot=i+"atomic",ut=[Z,$,"disabled",Kn,Vn,nn,Zn,$n,nt,tt],i=yn+"__",et=yn,ct=i+"track",ft=i+"list",at=i+"slide",st=at+"--clone",lt=at+"__container",dt=i+"arrows",vt=i+"arrow",ht=vt+"--prev",pt=vt+"--next",gt=i+"pagination",mt=gt+"__page",yt=i+"progress"+"__bar",bt=i+"toggle",wt=i+"sr",tn="is-active",xt="is-prev",kt="is-next",St="is-visible",Et="is-loading",Lt="is-focus-in",Ot="is-overflow",At=[tn,St,xt,kt,Et,Lt,Ot];var _t="touchstart mousedown",zt="touchmove mousemove",Dt="touchend touchcancel mouseup click";var Mt="slide",Pt="loop",It="fade";function Rt(o,r,t,u){var e,n=Q(o),i=n.on,c=n.emit,f=n.bind,a=o.Components,s=o.root,l=o.options,d=l.isNavigation,v=l.updateOnMove,h=l.i18n,p=l.pagination,g=l.slideFocus,m=a.Direction.resolve,y=z(u,"style"),b=z(u,nn),w=-1u.perPage}}},Layout:function(t,n,i){var r,o,u,e=(a=Q(t)).on,c=a.bind,f=a.emit,a=n.Slides,s=n.Direction.resolve,l=(n=n.Elements).root,d=n.track,v=n.list,h=a.getAt,p=a.style;function g(){r=i.direction===Jn,_(l,"maxWidth",W(i.width)),_(d,s("paddingLeft"),y(!1)),_(d,s("paddingRight"),y(!0)),m(!0)}function m(n){var t=N(l);!n&&o.width===t.width&&o.height===t.height||(_(d,"height",function(){var n="";r&&(bn(n=b(),"height or heightRatio is missing."),n="calc("+n+" - "+y(!1)+" - "+y(!0)+")");return n}()),p(s("marginRight"),W(i.gap)),p("width",i.autoWidth?null:W(i.fixedWidth)||(r?"":w())),p("height",W(i.fixedHeight)||(r?i.autoHeight?null:w():b()),!0),o=t,f(Nn),u!==(u=O())&&(A(l,Ot,u),f("overflow",u)))}function y(n){var t=i.padding,n=s(n?"right":"left");return t&&W(t[n]||(un(t)?0:t))||"0px"}function b(){return W(i.height||N(v).width*i.heightRatio)}function w(){var n=W(i.gap);return"calc((100%"+(n&&" + "+n)+")/"+(i.perPage||1)+(n&&" - "+n)+")"}function x(){return N(v)[s("width")]}function k(n,t){n=h(n||0);return n?N(n.slide)[s("width")]+(t?0:L()):0}function S(n,t){var i,n=h(n);return n?(n=N(n.slide)[s("right")],i=N(v)[s("left")],U(n-i)+(t?0:L())):0}function E(n){return S(t.length-1)-S(0)+k(0,n)}function L(){var n=h(0);return n&&parseFloat(_(n.slide,s("marginRight")))||0}function O(){return t.is(It)||E(!0)>x()}return{mount:function(){var n,t,i;g(),c(window,"resize load",(n=R(f,jn),i=qn(t||0,n,null,1),function(){i.isPaused()&&i.start()})),e([K,J],g),e(jn,m)},resize:m,listSize:x,slideSize:k,sliderSize:E,totalSize:S,getPadding:function(n){return parseFloat(_(d,s("padding"+(n?"Right":"Left"))))||0},isOverflow:O}},Clones:function(c,i,f){var t,r=Q(c),n=r.on,a=i.Elements,s=i.Slides,o=i.Direction.resolve,l=[];function u(){if(n(J,d),n([K,jn],v),t=h()){var o=t,u=s.get().slice(),e=u.length;if(e){for(;u.lengthc.Controller.getEnd(),(t<0||i)&&(n=w(n,i)))}return n}(n),_(p,"transform","translate"+v("X")+"("+t+"px)"),n!==t&&f(Un))}function w(n,t){var i=n-L(t),r=d();return n-=h(r*(kn(U(i)/r)||1))*(t?1:-1)}function x(){b(E(),!0),e.cancel()}function k(n){for(var t=c.Slides.get(),i=0,r=1/0,o=0;oh(L(!0));return i||n},reposition:m}},Controller:function(o,u,e){var c,f,a,s,n=Q(o),t=n.on,i=n.emit,l=u.Move,d=l.getPosition,r=l.getLimit,v=l.toPosition,h=(n=u.Slides).isEnough,p=n.getLength,g=e.omitEnd,m=o.is(Pt),y=o.is(Mt),b=R(L,!1),w=R(L,!0),x=e.start||0,k=x;function S(){f=p(!0),a=e.perMove,s=e.perPage,c=_();var n=q(x,0,g?c:f-1);n!==x&&(x=n,l.reposition())}function E(){c!==_()&&i("ei")}function L(n,t){var i=a||(P()?1:s),i=O(x+i*(n?-1:1),x,!(a||P()));return-1===i&&y&&!Sn(d(),r(!n),1)?n?0:c:t?i:A(i)}function O(n,t,i){var r;return h()||P()?((r=function(n){if(y&&"move"===e.trimSpace&&n!==x)for(var t=d();t===v(n,!0)&&En(n,0,o.length-1,!e.rewind);)n])(\d+)?/)||[],i=r[1],r=r[2],"+"===i||"-"===i?t=O(x+ +(""+i+(+r||1)),x):">"===i?t=r?z(+r):b(!0):"<"===i&&(t=w(!0))):t=m?n:q(n,0,c)}return t}(n)))&&(t||r!==x)&&(M(r),l.move(n,r,k,i))},scroll:function(n,t,i,r){u.Scroll.scroll(n,t,i,function(){var n=A(l.toIndex(d()));M(g?Y(n,c):n),r&&r()})},getNext:b,getPrev:w,getAdjacent:L,getEnd:_,setIndex:M,getIndex:function(n){return n?k:x},toIndex:z,toPage:D,toDest:function(n){return n=l.toIndex(n),y?q(n,0,c):n},hasFocus:P,isBusy:I}},Arrows:function(o,n,t){var i,r,u=Q(o),e=u.on,c=u.bind,f=u.emit,a=t.classes,s=t.i18n,l=n.Elements,d=n.Controller,v=l.arrows,h=l.track,p=v,g=l.prev,m=l.next,y={};function b(){var n=t.arrows;!n||g&&m||(p=v||j("div",a.arrows),g=S(!0),m=S(!1),i=!0,L(p,[g,m]),v||O(p,h)),g&&m&&(an(y,{prev:g,next:m}),ln(p,n?"":"none"),M(p,r=dt+"--"+t.direction),n&&(e([B,Dn,J,V,"ei"],E),c(m,"click",R(k,">")),c(g,"click",R(k,"<")),E(),I([g,m],Kn,h.id),f("arrows:mounted",g,m))),e(K,w)}function w(){x(),b()}function x(){u.destroy(),X(p,r),i?(T(v?[g,m]:p),g=m=null):P([g,m],ut)}function k(n){d.go(n,!0)}function S(n){return hn('
+ 
+ 
+ 
+ 
+