Merge pull request #35 from paiindustries/feature/testimonial

Feature/testimonial

Author: zainforbjs

app/models/Blog.cfc

@@ -48,7 +48,7 @@ component extends="app.Models.Model" {
     }
 
     // Fetch all latest blog posts with corresponding users
-    public function getAll() {
+    public function getTenLatest() {
         var blogs = findAll(
             where='statusid <> 1', 
             include="User", 

app/views/web/HomeController/index.cfm

@@ -20,29 +20,30 @@ var swiper = new Swiper(".blogSwiper", {
     },
 });
 
-var contributorsSwiper = new Swiper(".contributorsSwiper", {
+var contributorsSwiperThumb = new Swiper(".contributorsSwiperThumb", {
+    spaceBetween: 0,
+    slidesPerView: 8,
     freeMode: true,
-    slidesPerView: 7,
-    initialSlide: 0,
-    loop: true,
-    speed: 2000,
-    autoplay: {
-        delay: 0,
-        disableOnInteraction: false,
+    watchSlidesProgress: true,
+        navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
     },
-    breakpoints: {
-        640: {
-            slidesPerView: 1,
-            spaceBetween: 10,
-        },
-        768: {
-            slidesPerView: 2,
-            spaceBetween: 20,
-        },
-        1024: {
-            slidesPerView: 7,
-            spaceBetween: 30,
-        },
+});
+
+var contributorsSwiper = new Swiper(".contributorsSwiper", {
+    spaceBetween: 30,
+    thumbs: {
+        swiper: contributorsSwiperThumb,
+    },
+});
+
+var contributorsSwiper = new Swiper(".testimonialsSwiper", {
+    spaceBetween: 30,
+    
+    pagination: {
+        el: ".swiper-pagination",
+        clickable: true,
     },
 });
 

public/images/community.png

@@ -1 +1,74 @@
-:root{--primary:#ef3b2d;--primary-rgb:239,59,45;--secondary:#0c1620;--secondary-rgb:rgba(12, 22, 32, 1);--body:#f9f9f9;--iris:#5454d4;--lightGray:#9d9d9d}.text--primary{color:var(--primary)}.bg--primary{background-color:var(--primary)}.bg--primary\/10{background-color:rgba(var(--primary-rgb),.1)}.border--primary{border:1px solid var(--primary)}.text--secondary{color:var(--secondary)}.text--secondary\/70{color:rgba(var(--secondary-rgb),.7)}.bg--secondary{background-color:var(--secondary)}.text--lightGray{color:var(--lightGray)}.bg--iris{background-color:var(--iris)}.border--iris{border:1px solid var(--iris)}.text--iris{color:var(--iris)}.fill--iris{fill:var(--iris)}.table--iris{--bs-table-bg:var(--iris)}.table--primary{--bs-table-bg:var(--primary)}.bg-white\/10{background-color:rgba(255,255,255,.1)}
+:root {
+    --primary: #ef3b2d;
+    --primary-rgb: 239, 59, 45;
+    --secondary: #0c1620;
+    --secondary-rgb: rgba(12, 22, 32, 1);
+    --body: #f9f9f9;
+    --iris: #5454d4;
+    --lightGray: #9d9d9d;
+    --success: #6BE89D;
+}
+
+.text--primary {
+    color: var(--primary)
+}
+
+.bg--primary {
+    background-color: var(--primary)
+}
+
+.bg--primary\/10 {
+    background-color: rgba(var(--primary-rgb), .1)
+}
+
+.border--primary {
+    border: 1px solid var(--primary)
+}
+
+.text--secondary {
+    color: var(--secondary)
+}
+
+.text--secondary\/70 {
+    color: rgba(var(--secondary-rgb), .7)
+}
+
+.bg--secondary {
+    background-color: var(--secondary)
+}
+
+.text--lightGray {
+    color: var(--lightGray)
+}
+
+.bg--iris {
+    background-color: var(--iris)
+}
+
+.border--iris {
+    border: 1px solid var(--iris)
+}
+
+.text--iris {
+    color: var(--iris)
+}
+
+.fill--iris {
+    fill: var(--iris)
+}
+
+.table--iris {
+    --bs-table-bg: var(--iris)
+}
+
+.table--primary {
+    --bs-table-bg: var(--primary)
+}
+
+.bg-white\/10 {
+    background-color: rgba(255, 255, 255, .1)
+}
+
+.bg--success{
+    background-color: var(--success);
+}