Add slides to show parameter to carouselInit template

Customer wants four slides in home’s carousel, while keeping three in
the rest of the carousels.

In mobile screen, Oriol told me to always have a single slide, but in
tablet it is the given number minus one.

web/templates/public/campsite/type.gohtml

@@ -120,7 +120,7 @@
         </section>
     </article>
 
-    {{ template "carouselInit" }}
+    {{ template "carouselInit" 3 }}
 
     <script>
         (function () {

web/templates/public/home.gohtml

@@ -53,5 +53,5 @@
         </div>
     </section>
 
-    {{ template "carouselInit" }}
+    {{ template "carouselInit" 4 }}
 {{- end }}

web/templates/public/layout.gohtml

@@ -157,7 +157,7 @@
     <script>
         jQuery(function () {
             jQuery('.carousel').slick({
-                slidesToShow: 3,
+                slidesToShow: {{ . }},
                 slidesToScroll: 1,
                 infinite: false,
                 arrows: true,
@@ -167,7 +167,7 @@
                     {
                         breakpoint: 1024,
                         settings: {
-                            slidesToShow: 2,
+                            slidesToShow: {{ . | dec }},
                         }
                     },
                     {

web/templates/public/services.gohtml

@@ -29,7 +29,7 @@
         {{- end }}
     </div>
 
-    {{ template "carouselInit" }}
+    {{ template "carouselInit" 3 }}
 
     <dl>
         {{ range .Services -}}