cleaned up images

centered swiper
ChristopherLinnett · May 26, 2022 · 289be62 · 289be62
1 parent 198037e
commit 289be62
Show file tree

Hide file tree

Showing 13 changed files with 6 additions and 5 deletions.
diff --git a/photoshop/aida instructorimage.png b/photoshop/aida instructorimage.png
diff --git a/photoshop/aida1image.png b/photoshop/aida1image.png
diff --git a/photoshop/aida2image.png b/photoshop/aida2image.png
diff --git a/photoshop/aida3image.png b/photoshop/aida3image.png
diff --git a/photoshop/aida4image.png b/photoshop/aida4image.png
diff --git a/photoshop/course images2.psd b/photoshop/course images2.psd
diff --git a/src/app/landing/landing.page.html b/src/app/landing/landing.page.html
@@ -33,13 +33,13 @@
     </div>
     </ion-row>
     <swiper #swiper [config]="config">
-      <ng-template class="ion-margin" swiperSlide *ngFor="let course of availableCourses; index as i">
-              <!-- <ion-card > -->
+      <ng-template swiperSlide *ngFor="let course of availableCourses; index as i">
+              <ion-card >
                 <!-- <ion-card-title class="ion-text-center">{{course.title}}</ion-card-title> -->
                 <!-- <ion-card-content class="ion-text-center"> -->
                   <img src="./assets/img/{{course.title.toLowerCase()}}image.png" alt="" [routerLink]="['/course-landing']" (click)="onSelectCourse(course.title)">
               <!-- </ion-card-content> -->
-              <!-- </ion-card> -->
+              </ion-card>
       </ng-template>
     </swiper>
   </ion-grid>

diff --git a/src/app/landing/landing.page.ts b/src/app/landing/landing.page.ts
@@ -8,7 +8,8 @@ import {
 } from '@angular/core';
 import Swiper, { SwiperOptions } from 'swiper';
 import { SwiperComponent } from 'swiper/angular';
-
+import SwiperCore, {EffectCoverflow} from "swiper";
+SwiperCore.use([EffectCoverflow])
 import { Router } from '@angular/router';
 import { ModalController } from '@ionic/angular';
 import { Subscription } from 'rxjs';
@@ -40,7 +41,7 @@ export class LandingPage implements OnInit, AfterContentChecked, OnDestroy {
   studentList = []
 
   @ViewChild('swiper') swiper: SwiperComponent
-config: SwiperOptions = {slidesPerView: 'auto' , effect: 'cube'}
+config: SwiperOptions = {slidesPerView: 'auto' , effect: 'coverflow'}
   constructor(
     private dataStorageService: DatastorageService,
     private modalController: ModalController,

diff --git a/src/assets/img/aida instructorimage.png b/src/assets/img/aida instructorimage.png
diff --git a/src/assets/img/aida1image.png b/src/assets/img/aida1image.png
diff --git a/src/assets/img/aida2image.png b/src/assets/img/aida2image.png
diff --git a/src/assets/img/aida3image.png b/src/assets/img/aida3image.png
diff --git a/src/assets/img/aida4image.png b/src/assets/img/aida4image.png