diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/assets/css.css | 22 | ||||
| -rw-r--r-- | public/assets/site.js | 4 |
2 files changed, 13 insertions, 13 deletions
diff --git a/public/assets/css.css b/public/assets/css.css index 04e26da..468d69f 100644 --- a/public/assets/css.css +++ b/public/assets/css.css @@ -154,15 +154,21 @@ h2 { #left { position: absolute; - top: 0; right: 94vw; + top: 2vw; left: 2vw; max-width: 5vw; - height: 30vh; + height: 100%; + max-height: 82vh; + cursor: pointer; + z-index: 2; } #right { position: absolute; - top: 0; left: 94vw; + top: 2vw; right: 2vw; max-width: 5vw; - height: 30vh; + height: 100%; + max-height: 82vh; + cursor: pointer; + z-index: 2; } /* TESTIMONIALS */ @@ -205,12 +211,4 @@ h2 { #testimonials { margin: 0; } - #left { - left: -3vw; - right: auto; - } - #right { - left: auto; - right: -3vw; - } } diff --git a/public/assets/site.js b/public/assets/site.js index 478cffc..fd0f181 100644 --- a/public/assets/site.js +++ b/public/assets/site.js @@ -61,7 +61,7 @@ function bind(){ autoPlay: 5000, }) - new Flickity( "#posts", { + postGallery = new Flickity( "#posts", { cellSelector: '.cell', wrapAround: true, prevNextButtons: false, @@ -70,6 +70,8 @@ function bind(){ draggable: true, autoPlay: 5000, }) + $("#left").click(() => { postGallery.next() }) + $("#right").click(() => { postGallery.previous() }) } function build(){ $('.cell').each( function(){ |