Add welcome page

src/app/pages/welcome/welcome-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { WelcomePage } from './welcome.page';
+
+const routes: Routes = [
+ {
+ path: '',
+ component: WelcomePage
+ }
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule],
+})
+export class WelcomePageRoutingModule {}

src/app/pages/welcome/welcome.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { WelcomePageRoutingModule } from './welcome-routing.module';
+
+import { WelcomePage } from './welcome.page';
+
+@NgModule({
+ imports: [
+ CommonModule,
+ FormsModule,
+ IonicModule,
+ WelcomePageRoutingModule
+ ],
+ declarations: [WelcomePage]
+})
+export class WelcomePageModule {}

src/app/pages/welcome/welcome.page.html

@@ -0,0 +1,16 @@
+<ion-content forceOverscroll="false">
+ <ion-grid style="height: 100%;">
+ <ion-row style="height: 100%; align-items: center;">
+ <ion-col>
+ <div class="ion-text-center">
+ <img src="/assets/welcome.svg" width="100%"/>
+ </div>
+ <h1 style="text-align: center; font-size: 7.5vw">Καλωσόρισες στο <br> UniStudents</h1>
+ <p style="text-align: center; margin-bottom: 30px; font-size: 4.5vw">Ο καλύτερος τρόπος να παρακολουθείς τη πρόοδο σου. Έτοιμος;</p>
+ <ion-button [routerLink]="['/universities']" expand="block" style="text-transform: none" class="login-btn">
+ <span id="inner-text" class="inner-text">Ας Ξεκινήσουμε</span>
+ </ion-button>
+ </ion-col>
+ </ion-row>
+ </ion-grid>
+</ion-content>

src/app/pages/welcome/welcome.page.ts

@@ -0,0 +1,22 @@
+import { Component, OnInit } from '@angular/core';
+import { RoutingService } from '../../shared/services/routing.service';
+
+@Component({
+ selector: 'app-welcome',
+ templateUrl: './welcome.page.html',
+ styleUrls: ['./welcome.page.scss'],
+})
+export class WelcomePage implements OnInit {
+
+ constructor(
+ private routingService: RoutingService
+ ) { }
+
+ ngOnInit() {
+ }
+
+ ionViewWillEnter() {
+ this.routingService.currentPage = '/welcome';
+ }
+
+}