testimonials carousel

1 files changed, 16 insertions, 8 deletions

diff --git a/public/assets/site.js b/public/assets/site.js
index 215df11..61b7da6 100644
--- a/public/assets/site.js
+++ b/public/assets/site.js
@@ -1,4 +1,10 @@
-var site = {}
+var isIphone = !! (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))
+var isIpad = !! (navigator.userAgent.match(/iPad/i))
+var isAndroid = !! (navigator.userAgent.match(/Android/i))
+var isMobile = isIphone || isIpad || isAndroid
+var isDesktop = ! isMobile
+
+document.body.classList.add(isDesktop ? 'desktop' : 'mobile')
 
 $(function(){
   $.getJSON('/db.json', function(data){
@@ -37,6 +43,15 @@ function bind(){
     var tag = $(this).html()
     filter_by_tag(tag)
   })
+  var gallery = new Flickity( "#testimonials", {
+    cellSelector: '.testimonial',
+    wrapAround: true,
+    prevNextButtons: true,
+    pageDots: false,
+    setGallerySize: false,
+    draggable: true,
+    autoPlay: 5000,
+  })
 }
 function build(){
   $('.cell').each( function(){
@@ -81,10 +96,3 @@ function close_modals(){
 }
 
 function newlineToBr(s){ return s.replace(/\n/g,'<br>') }
-var isIphone = !! (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))
-var isIpad = !! (navigator.userAgent.match(/iPad/i))
-var isAndroid = !! (navigator.userAgent.match(/Android/i))
-var isMobile = isIphone || isIpad || isAndroid
-var isDesktop = ! isMobile
-
-document.body.classList.add(isDesktop ? 'desktop' : 'mobile')
\ No newline at end of file