From f227cd3669ae19c88d9be233603f5de875f5e42f Mon Sep 17 00:00:00 2001
From: Poolitzer <25934244+Poolitzer@users.noreply.github.com>
Date: Wed, 30 Dec 2020 13:15:34 +0100
Subject: [PATCH] increasing sliding interval + pause sliding when pressing
 arrows

---
 index.html | 37 +++++++++++++++++++++++++++++++------
 1 file changed, 31 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 527d77d3..3b7fd5a5 100644
--- a/index.html
+++ b/index.html
@@ -447,11 +447,11 @@ <h3>What other people think</h3>
                         <!-- Controls: not displayed but needed to get preventJumpingPage() working
                              Pausing the Carousel won't work without controls. Don't ask me why :)
                          -->
-                        <a class="left carousel-control" href="#user-voices-carousel" role="button" data-slide="prev">
+                        <a class="left user-voices carousel-control" href="#user-voices-carousel" role="button" data-slide="prev">
                             <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                             <span class="sr-only">Previous</span>
                         </a>
-                        <a class="right carousel-control" href="#user-voices-carousel" role="button" data-slide="next">
+                        <a class="right user-voices carousel-control" href="#user-voices-carousel" role="button" data-slide="next">
                             <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                             <span class="sr-only">Next</span>
                         </a>
@@ -498,7 +498,7 @@ <h3 class="title">Get NewPipe</h3>
                         </div>
                         <div class="col-xs-12 col-sm-12 col-md-8">
                             <div id="download-info-carousel-container">
-                                <div id="f-droid-carousel" class="carousel slide" data-ride="carousel" data-interval="6000">
+                                <div id="f-droid-carousel" class="carousel slide" data-ride="carousel" data-interval="10000">
 
                                     <!-- Wrapper for slides -->
                                     <div class="carousel-inner" role="listbox">
@@ -552,11 +552,11 @@ <h3 class="title">Get NewPipe</h3>
                                     <!-- Controls: not displayed but needed to get preventJumpingPage() working
                                          Pausing the Carousel won't work without controls. Don't ask me why :)
                                      -->
-                                    <a class="left carousel-control" href="#f-droid-carousel" role="button" data-slide="prev">
+                                    <a class="left f-droid carousel-control" href="#f-droid-carousel" role="button" data-slide="prev">
                                         <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                         <span class="sr-only">Previous</span>
                                     </a>
-                                    <a class="right carousel-control" href="#f-droid-carousel" role="button" data-slide="next">
+                                    <a class="right f-droid carousel-control" href="#f-droid-carousel" role="button" data-slide="next">
                                         <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                         <span class="sr-only">Next</span>
                                     </a>
@@ -746,17 +746,21 @@ <h3>Support our developers</h3>
             let userVoicesSwiper = new Swipe('#user-voices');
             userVoicesSwiper.onLeft(function () {
                 $('#user-voices-carousel').carousel('next');
+				$('#user-voices-carousel').carousel('pause');
             });
             userVoicesSwiper.onRight(function () {
                 $('#user-voices-carousel').carousel('prev');
+				$('#user-voices-carousel').carousel('pause');
             });
             userVoicesSwiper.run();
             let downloadFdroidSwiper = new Swipe('#download-info-carousel-container');
             downloadFdroidSwiper.onLeft(function () {
                 $('#f-droid-carousel').carousel('next');
+				$('#f-droid-carousel').carousel('pause');
             });
             downloadFdroidSwiper.onRight(function () {
                 $('#f-droid-carousel').carousel('prev');
+				$('#f-droid-carousel').carousel('pause');
             });
             downloadFdroidSwiper.run();
         }
@@ -770,7 +774,28 @@ <h3>Support our developers</h3>
             });
         });
     </script>
-
+	
+	<!-- Script to pause slides when buttons are pressed -->
+	<script>
+	$(document).ready(function(){
+	  $(".left.f-droid").click(function(){
+		$("#f-droid-carousel").carousel("prev");
+		$("#f-droid-carousel").carousel("pause");
+	  });
+	  $(".right.f-droid").click(function(){
+		$("#f-droid-carousel").carousel("next");
+		$("#f-droid-carousel").carousel("pause");
+	  });
+	  $(".left.user-voices").click(function(){
+		$("#user-voices-carousel").carousel("prev");
+		$("#user-voices-carousel").carousel("pause");
+	  });
+	  $(".right.user-voices").click(function(){
+		$("#user-voices-carousel").carousel("next");
+		$("#user-voices-carousel").carousel("pause");
+	  });
+	});
+	</script>
     <!-- Load and play animation on medium and large screens -->
     <script>
         let loaded = false;