From a448cdbb65c38ec5ec5002640e2c52bc09cde40c Mon Sep 17 00:00:00 2001 From: James Dinh Date: Fri, 6 Jan 2023 23:12:37 -0800 Subject: [PATCH] Added repsonsiveness on slides --- css/general.css | 5 +++++ js/general.js | 4 ++++ 2 files changed, 9 insertions(+) diff --git a/css/general.css b/css/general.css index 6281bcf..b0fdcd2 100644 --- a/css/general.css +++ b/css/general.css @@ -154,6 +154,11 @@ header { height: 75vh; } +.splide__slide, .splide__slide:focus, .splide.is-focus-in, .splide__pagination__page:focus-visible { + border: none !important; + outline: none !important; +} + .slide-desc { position: relative; font-size: 18px; diff --git a/js/general.js b/js/general.js index c024f27..19a5bae 100644 --- a/js/general.js +++ b/js/general.js @@ -11,6 +11,10 @@ document.addEventListener( 'DOMContentLoaded', function() { destroy: true, }, }, + lazyLoad: true, + keyboard: true, + isNavigation: true, + pauseOnFocus: true, } ); splide.mount(); }); \ No newline at end of file