Merge pull request #192 from H2-invent/feature/thanksTo

Added Thanks to Bühl an Offenburg to the startpage
H2-invent · May 22, 2021 · 029d1fc · 029d1fc
2 parents 67d745a + 6a2c421
commit 029d1fc
Show file tree

Hide file tree

Showing 8 changed files with 99 additions and 41 deletions.
diff --git a/README.md b/README.md
@@ -26,12 +26,9 @@ We use a double-opt-in process where you will receive a confirmation email conta
 It is always possible to leave the mailing list.
 
 ### Partners and Sponsors
-<div style="text-align: center">
-
-<img src="https://readi.de/wp-content/uploads/sites/5/2020/10/cropped-Logo-Simplified-mit-Text-e1602047847827.png" width="200px">
-<br>
+![re@di Digital](docs/images/readi.png)<br>
 We cooperate with the city administrations of Baden-Baden, Bretten, Bruchsal, Bühl, Ettlingen, Gaggenau, Rastatt, Rheinstetten and Stutensee
-</div>
+
 
 ## Translation
 Please help us to improve our localiczation

diff --git a/assets/css/startpage.scss b/assets/css/startpage.scss
@@ -2,7 +2,7 @@
 @import '~@fortawesome/fontawesome-free/css/all.css';
 
 @import "startpage/maginific-popup";
-@import "startpage/swiper";
+@import "~swiper/swiper-bundle.css";
 /* Template: Pavo Mobile App Website Bootstrap HTML Template
    Description: Master CSS file
 */
@@ -927,17 +927,6 @@ input[type='checkbox'] {
   outline: none;
 }
 
-.slider-1 .swiper-button-prev {
-  left: -14px;
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23707375'%2F%3E%3C%2Fsvg%3E");
-  background-size: 18px 28px;
-}
-
-.slider-1 .swiper-button-next {
-  right: -14px;
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23707375'%2F%3E%3C%2Fsvg%3E");
-  background-size: 18px 28px;
-}
 
 .slider-1 .card {
   position: relative;
@@ -1439,24 +1428,6 @@ a:hover.back-to-top {
   /* end of statistics */
 
 
-  /* Testimonials */
-  .slider-1 .swiper-container {
-    width: 92%;
-  }
-
-  .slider-1 .swiper-button-prev {
-    left: -16px;
-    width: 22px;
-    background-size: 22px 34px;
-  }
-
-  .slider-1 .swiper-button-next {
-    right: -16px;
-    width: 22px;
-    background-size: 22px 34px;
-  }
-  /* end of testimonials */
-
 
   /* Pricing */
   .cards-2 .card {

diff --git a/docs/images/readi.png b/docs/images/readi.png
diff --git a/docs/images/readio.png b/docs/images/readio.png
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -35,6 +35,7 @@
         "moment": "^2.29.1",
         "popper.js": "^1.16.1",
         "sass": "^1.32.8",
+        "swiper": "^6.6.2",
         "toastr": "^2.1.4"
     }
 }
diff --git a/public/start/js/scripts.js b/public/start/js/scripts.js
@@ -73,17 +73,18 @@
 			nextEl: '.swiper-button-next',
 			prevEl: '.swiper-button-prev'
 		},
-		slidesPerView: 3,
+		slidesPerView: 1,
 		spaceBetween: 70,
         breakpoints: {
-            // when window is <= 767px
+
             767: {
-                slidesPerView: 1
+                slidesPerView: 2,
+				spaceBetween: 40,
             },
-            // when window is <= 991px
+
             991: {
-                slidesPerView: 2,
-                spaceBetween: 40
+                slidesPerView: 3,
+                spaceBetween: 70,
             }
         }
     });

diff --git a/templates/dashboard/start.html.twig b/templates/dashboard/start.html.twig
@@ -274,8 +274,72 @@
     </div> <!-- end of container -->
 </div> <!-- end of cards-1 -->
 <!-- end of features -->
+<!-- Thanks to sponsoredd Servers -->
+<div class="slider-1 bg-gray" style="padding: 0">
+    <div class="container">
+        <div class="row">
+            <div class="col-lg-12">
+                <h2 class="h2-heading">Gespendete kostenfreie Jitsi-Meet Server</h2>
+
+            </div> <!-- end of col -->
+        </div> <!-- end of row -->
+        <div class="row">
+            <div class="col-lg-12">
+
+                <!-- Card Slider -->
+                <div class="slider-container">
+                    <div class="swiper-container card-slider">
+                        <div class="swiper-wrapper" style="align-items: flex-end">
+
+                            <!-- Slide -->
+                            <div class="swiper-slide">
+                                <div class="card">
+                                    <div class="card-body" >
+                                        <img class="card-img-top" style="background-color: rgba(0,92,170,1)" src="https://www.buehl.de/images/layout/website/logo.svg">
+                                        <h5 class="card-title"><a href="https://www.buehl.de/willkommen" target="_blank">Stadt Bühl</a></h5>
+                                        <p class="card-text">geplantekonferenz.buehl.digital</p>
+                                    </div>
+                                </div>
+                            </div> <!-- end of swiper-slide -->
+                            <!-- end of slide -->
+
+                            <!-- Slide -->
+                            <div class="swiper-slide">
+                                <div class="card">
+                                    <div class="card-body">
+                                        <img class="card-img-top" src="https://www.offenburg.de/im/img/bShu5FhuJFruaKRD5FD3aG-lWs6dWGYL_8B3_2BG5SDQ50vgbKJLf8OQYSBQfKvI5IruY2rE5R7laIHd5d/f,j/logo_stadt_offenburg_1.jpg">
+                                        <p class="testimonial-author"><a href="https://www.offenburg.de" target="_blank">Stadt Offenburg</a></p>
+                                        <p class="card-text">geplant.connect.offenburg.digital</p>
+                                    </div>
+                                </div>
+                            </div><!-- end of swiper-slide -->
+                            <!-- end of slide -->
+
+                            <!-- Slide -->
+                            <!-- end of swiper-slide -->
+                            <!-- end of slide -->
+
+                        </div> <!-- end of swiper-wrapper -->
 
+                        <!-- Add Arrows -->
+                        <div class="swiper-button-next"></div>
+                        <div class="swiper-button-prev"></div>
+                        <!-- end of add arrows -->
 
+                    </div> <!-- end of swiper-container -->
+                </div> <!-- end of slider-container -->
+                <!-- end of card slider -->
+            </div> <!-- end of col -->
+        </div> <!-- end of row -->
+        <div class="row mt-4">
+            <div class="col-lg-12">
+                <h5 class="h5-heading text-center"><small>Alle hier genannten Server sind DSGVO konform gehostet</small></h5>
+                <p class="text-center">Wollen Sie uns Ihren Jitsi-Meet Server auch kostenfrei zur Verfügung stellen, kontaktieren Sie uns <a href="mailto:info@h2-invent.com">hier</a> </p>
+            </div>
+        </div>
+    </div> <!-- end of container -->
+</div> <!-- end of slider-1 -->
+<!-- end of testimonials -->
 <!-- Details 1 -->
 <div id="details" class="basic-2">
     <div class="container">
@@ -450,6 +514,8 @@
 <!-- end of lightbox -->
 <!-- end of details lightbox -->
 
+
+
 <!-- Details 3 -->
 <div class="basic-4">
     <div class="container">