diff --git a/_includes/home/our_supporters.html b/_includes/home/our_supporters.html index ad7599f..673fc47 100644 --- a/_includes/home/our_supporters.html +++ b/_includes/home/our_supporters.html @@ -1,10 +1,10 @@
-
+
{% assign supporters = site.data.supporters | sort_natural: "name" %} {%for supporter in supporters %} -
+
@@ -36,6 +37,7 @@

@@ -68,6 +70,7 @@

diff --git a/_includes/join_us/testimonial_slider.html b/_includes/join_us/testimonial_slider.html index 7d18e04..9a9d0f2 100644 --- a/_includes/join_us/testimonial_slider.html +++ b/_includes/join_us/testimonial_slider.html @@ -1,6 +1,6 @@
-
+
{% assign testimonials = site.data.join_us.testimonials %} {% for testimonial in testimonials %} diff --git a/_includes/our_work/project_slider.html b/_includes/our_work/project_slider.html index e172f0f..8b936ec 100644 --- a/_includes/our_work/project_slider.html +++ b/_includes/our_work/project_slider.html @@ -1,6 +1,6 @@
-
+
{% for slide in page.slider %}
- - - - - - - - - - - + + + + @@ -106,10 +99,6 @@ - - - - @@ -131,11 +120,10 @@ - - - - - + + + + @@ -163,4 +151,4 @@ - \ No newline at end of file + diff --git a/assets/css/flickity.min.css b/assets/css/flickity.min.css new file mode 100644 index 0000000..76f8d65 --- /dev/null +++ b/assets/css/flickity.min.css @@ -0,0 +1,4 @@ +/*! Flickity v2.3.0 +https://flickity.metafizzy.co +---------------------------------------------- */ +.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1} diff --git a/assets/css/owl.carousel.min.css b/assets/css/owl.carousel.min.css deleted file mode 100644 index f0e14a9..0000000 --- a/assets/css/owl.carousel.min.css +++ /dev/null @@ -1,26 +0,0 @@ -/** - * Owl Carousel v2.3.4 - * Copyright 2013-2018 David Deutsch - * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE - */ -.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} - -.owl-prev, .owl-next { - width: 15px; - height: 50px; - position: absolute; - top: 40%; - transform: translateY(-50%); - display: block !important; - outline-style: none !important; -} -.owl-prev { - left: -4em; -} -.owl-next { - right: -4em; -} -.owl-prev i, .owl-next i { - transform : scale(1.3,2.5); - color: #03777E; -} diff --git a/assets/css/responsive.scss b/assets/css/responsive.scss index 7f43ad2..3d20274 100644 --- a/assets/css/responsive.scss +++ b/assets/css/responsive.scss @@ -173,6 +173,11 @@ .sticky { position: static; } + + .flickity-prev-next-button.next, + .flickity-prev-next-button.previous { + display: none; + } } /* Extra small Device. */ @@ -349,6 +354,15 @@ .title-header > h2 { font-size: 3.8rem; } + + .clients-active { + padding: 2rem; + } + + .flickity-prev-next-button.next, + .flickity-prev-next-button.previous { + display: none; + } } /* SM Small Device :550px. */ diff --git a/assets/css/slick.css b/assets/css/slick.css deleted file mode 100644 index 0bf1e99..0000000 --- a/assets/css/slick.css +++ /dev/null @@ -1,96 +0,0 @@ -/* Slider */ -.slick-slider { - box-sizing: border-box; - display: block; - position: relative; - -webkit-tap-highlight-color: transparent; - touch-action: pan-y; - -webkit-touch-callout: none; - user-select: none; -} - -.slick-list { - display: block; - margin: 0; - overflow: hidden; - padding: 0; - position: relative; -} - -.slick-list:focus { - outline: none; -} - -.slick-list.dragging { - cursor: pointer; - cursor: hand; -} - -.slick-slider .slick-track, -.slick-slider .slick-list { - transform: translate3d(0, 0, 0); -} - -.slick-track { - display: block; - left: 0; - margin-left: auto; - margin-right: auto; - position: relative; - top: 0; -} - -.slick-track::before, -.slick-track::after { - content: ""; - display: table; -} - -.slick-track::after { - clear: both; -} - -.slick-loading .slick-track { - visibility: hidden; -} - -.slick-slide { - display: none; - float: left; - height: 100%; - min-height: 1px; -} - -[dir="rtl"] .slick-slide { - float: right; -} - -.slick-slide img { - display: block; -} - -.slick-slide.slick-loading img { - display: none; -} - -.slick-slide.dragging img { - pointer-events: none; -} - -.slick-initialized .slick-slide { - display: block; -} - -.slick-loading .slick-slide { - visibility: hidden; -} - -.slick-vertical .slick-slide { - border: 1px solid transparent; - display: block; - height: auto; -} - -.slick-arrow.slick-hidden { - display: none; -} diff --git a/assets/css/style.css b/assets/css/style.css index 93dc0e1..abbba1c 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1138,6 +1138,7 @@ span.navbar-toggler-icon > i.fas.fa-bars { background-position: center center; background-size: cover; height: 81rem; + width: 100%; position: relative; } @@ -1204,72 +1205,22 @@ span.navbar-toggler-icon > i.fas.fa-bars { color: #fff; } -/* Slick Next/Prev Buttons */ - -.slider-three-active .slick-arrow { - background: no-repeat; - border: 1px solid #ddd; - color: #fff; - font-size: 1.8rem; - font-weight: 800; - height: 4.5rem; - left: 5rem; - opacity: 0%; - padding: 0; - position: absolute; - top: 50%; - transform: translateY(-50%); - transition: 0.5s; - width: 3.5rem; - z-index: 99; -} - -.slider-three-active:hover .slick-arrow { - opacity: 100%; -} - -.slick-arrow:hover { - border-color: #fdd14a; - color: #fdd14a; -} - -.slider-three-active .slick-next { - left: auto; - right: 5rem; -} - -.slider-three-active .slick-arrow i { - display: inline-block; - position: relative; -} - -/* Slick Dots */ - -.slider-active .slick-dots li { - display: inline-block; -} +/* Flickit Dots */ -.slider-active .slick-dots { +.flickity-page-dots { bottom: 2.5rem; - left: 0; - position: absolute; - right: 0; - text-align: center; } -.slider-active .slick-dots li button { - background-color: #fff; - border: 0; - height: 3px; - margin: 0 0.5rem; - padding: 0; - text-indent: -9999px; +.flickity-page-dots .dot { + height: 0.18rem; width: 2.5rem; + border-radius: 0; + background-color: #fff; + opacity: 1; } -.slider-active .slick-dots li.slick-active button { +.flickity-page-dots .dot.is-selected { background-color: #fdd14a; - outline: 0; } /* ---------------- 4. About ---------------- */ @@ -1845,7 +1796,7 @@ span.navbar-toggler-icon > i.fas.fa-bars { font-style: italic; } -.testimonial-active.owl-carousel .owl-item img { +.testimonial-active img { display: inline-block; width: initial; } @@ -1854,7 +1805,7 @@ span.navbar-toggler-icon > i.fas.fa-bars { text-align: center; } -.owl-carousel .owl-item .single-clients img { +.single-clients img { display: inline-block; width: 100%; } @@ -2894,9 +2845,44 @@ blockquote { /* ---------------- 18. Our Supporters ---------------- */ -/* https://kenwheeler.github.io/slick/ */ +.clients-active { + width: 100%; + height: 100%; + margin: 3rem; +} + +.container-single-clients { + width: 19rem; + margin-right: 3.5rem; +} -/* https://github.com/kenwheeler/slick/ */ +.single-clients img { + width: 100%; + height: 100%; +} + +.flickity-button { + background: none; +} + +.flickity-button-icon { + fill: #03777e; +} + +.flickity-prev-next-button.previous { + left: -45px; + top: 50%; +} + +.flickity-prev-next-button.next { + right: -50px; + top: 50%; +} + +.flickity-button:focus { + outline: none; + box-shadow: none; +} /* ---------------- 19. Projects ---------------- */ @@ -2996,7 +2982,7 @@ h3.project-sidebar-header { font-style: italic; } -.project-slider-active.owl-carousel .owl-item img { +.project-slider-active img { display: inline-block; width: initial; } @@ -3005,7 +2991,7 @@ h3.project-sidebar-header { text-align: center; } -.owl-carousel .owl-item .single-item img { +.single-item img { display: inline-block; width: 100%; } diff --git a/assets/js/flickity.pkgd.min.js b/assets/js/flickity.pkgd.min.js new file mode 100644 index 0000000..b404035 --- /dev/null +++ b/assets/js/flickity.pkgd.min.js @@ -0,0 +1,56 @@ +/*! + * Flickity PACKAGED v2.3.0 + * Touch, responsive, flickable carousels + * + * Licensed GPLv3 for open source use + * or Flickity Commercial License for commercial use + * + * https://flickity.metafizzy.co + * Copyright 2015-2021 Metafizzy + */ +(function(e,i){if(typeof define=="function"&&define.amd){define("jquery-bridget/jquery-bridget",["jquery"],function(t){return i(e,t)})}else if(typeof module=="object"&&module.exports){module.exports=i(e,require("jquery"))}else{e.jQueryBridget=i(e,e.jQuery)}})(window,function t(e,r){"use strict";var o=Array.prototype.slice;var i=e.console;var u=typeof i=="undefined"?function(){}:function(t){i.error(t)};function n(h,s,c){c=c||r||e.jQuery;if(!c){return}if(!s.prototype.option){s.prototype.option=function(t){if(!c.isPlainObject(t)){return}this.options=c.extend(true,this.options,t)}}c.fn[h]=function(t){if(typeof t=="string"){var e=o.call(arguments,1);return i(this,t,e)}n(this,t);return this};function i(t,r,o){var a;var l="$()."+h+'("'+r+'")';t.each(function(t,e){var i=c.data(e,h);if(!i){u(h+" not initialized. Cannot call methods, i.e. "+l);return}var n=i[r];if(!n||r.charAt(0)=="_"){u(l+" is not a valid method");return}var s=n.apply(i,o);a=a===undefined?s:a});return a!==undefined?a:t}function n(t,n){t.each(function(t,e){var i=c.data(e,h);if(i){i.option(n);i._init()}else{i=new s(e,n);c.data(e,h,i)}})}a(c)}function a(t){if(!t||t&&t.bridget){return}t.bridget=n}a(r||e.jQuery);return n});(function(t,e){if(typeof define=="function"&&define.amd){define("ev-emitter/ev-emitter",e)}else if(typeof module=="object"&&module.exports){module.exports=e()}else{t.EvEmitter=e()}})(typeof window!="undefined"?window:this,function(){function t(){}var e=t.prototype;e.on=function(t,e){if(!t||!e){return}var i=this._events=this._events||{};var n=i[t]=i[t]||[];if(n.indexOf(e)==-1){n.push(e)}return this};e.once=function(t,e){if(!t||!e){return}this.on(t,e);var i=this._onceEvents=this._onceEvents||{};var n=i[t]=i[t]||{};n[e]=true;return this};e.off=function(t,e){var i=this._events&&this._events[t];if(!i||!i.length){return}var n=i.indexOf(e);if(n!=-1){i.splice(n,1)}return this};e.emitEvent=function(t,e){var i=this._events&&this._events[t];if(!i||!i.length){return}i=i.slice(0);e=e||[];var n=this._onceEvents&&this._onceEvents[t];for(var s=0;s