Added cruising pages support

src/pages/cruise/cruise.html

@@ -0,0 +1,26 @@
+<ion-content no-padding [style.backgroundImage]="getBackground(this.cruise.pic)" (press)="showLightbox($event, this.cruise.pic.detail)">
+  <ion-toolbar>
+    <ion-buttons left>
+      <button ion-button icon-only (tap)="closeCruise($event)">
+        <ion-icon name="arrow-back"></ion-icon>
+      </button>
+    </ion-buttons>
+  </ion-toolbar>
+
+  <div id="detail-overlay" class="details" swipeAll (swipedown)="closeCruiseDetails($event)" (swipeup)="openCruiseDetails($event)" (click)="toggleCruiseDetails($event)">
+    <ion-grid>
+      <ion-row nowrap align-items-center justify-content-between>
+        <ion-col col-8>
+          <h2 class="placename">{{this.cruise.name}}</h2>
+        </ion-col>
+      </ion-row>
+      <ion-row class="location" *ngIf="this.cruise.location">
+        <ion-col col-4>Location</ion-col>
+        <ion-col col-8 [innerHTML]="getFormattedCruiseAddress(this.cruise.location)"></ion-col>
+      </ion-row>
+      <ion-row class="text" *ngIf="this.cruise.text">
+        <ion-col col-12>{{this.cruise.text}}</ion-col>
+      </ion-row>
+    </ion-grid>
+  </div>
+</ion-content>