#69 Tabs Navigation and Updated Home Page Design
Merged a year ago by a2batic. Opened a year ago by thelittlewonder.
thelittlewonder/Fedora-app tabs  into  master

Fix Merge Conflicts
Abhishek Sharma • a year ago  
pass query parameters natively
Abhishek Sharma • a year ago  
fix type of date
Abhishek Sharma • a year ago  
Refactor auto generated pages
Abhishek Sharma • a year ago  
Remove Inline SVG images
Abhishek Sharma • a year ago  
Fix Back icon on the navbar
Abhishek Sharma • a year ago  
Refactored and added comments
Abhishek Sharma • a year ago  
Remove conflicting style
Abhishek Sharma • a year ago  
Add Tabs Stylesheet
Abhishek Sharma • a year ago  
Update the app to show tabs view
Abhishek Sharma • a year ago  
Add Icons for the homepage
Abhishek Sharma • a year ago  
Add Home Page View
Abhishek Sharma • a year ago  
Add Tabs View
Abhishek Sharma • a year ago  
Add More and Notifications Page
Abhishek Sharma • a year ago  
Add community blog proxy
Abhishek Sharma • a year ago  
fix conflicting interface name
Abhishek Sharma • a year ago  
Remove unused imports and add HTTPS
Abhishek Sharma • a year ago  
update mag provider to fetch images
Abhishek Sharma • a year ago  
Add Community Blog Provider
Abhishek Sharma • a year ago  
Add Dates to the social
Abhishek Sharma • a year ago  
file modified
+4

@@ -17,6 +17,10 @@ 

      {

        "path": "/ask-fedora",

        "proxyUrl": "https://ask.fedoraproject.org/en/api/v1/"

+     },

+     {

+       "path": "/community-blog",

+       "proxyUrl": "https://communityblog.fedoraproject.org/wp-json/wp/v2/"

      }

    ],

    "integrations": {

file modified
+3 -36

@@ -1,12 +1,7 @@ 

  import { Component, ViewChild } from '@angular/core';

  import { Platform, NavController } from 'ionic-angular';

  

- import { MagazinePage } from '../pages/magazine/magazine';

- import { AskPage } from '../pages/ask/ask';

- import { CalendarPage } from '../pages/calendar/calendar';

- import { SocialPage } from '../pages/social/social';

- import { WomenPage } from '../pages/women/women';

- import { FirstPage } from '../pages/first/first';

+ import { TabsPage } from '../pages/tabs/tabs';

  import { SplashScreen } from '@ionic-native/splash-screen';

  

  /**

@@ -16,44 +11,16 @@ 

    templateUrl: 'app.html',

  })

  export class App {

-   /**

-    * Contains the pages that constitute this app

-    */

-   pages: { title: string, component: any }[];

- 

-   rootPage: any;

+   //set the entry point of app as Tabs

+   rootPage:any = TabsPage;

  

    @ViewChild('content') nav: NavController;

  

- 

    constructor(platform: Platform, splashScreen: SplashScreen) {

-     this.pages = [

-       { title: 'Home', component: FirstPage },

-       { title: 'Magazine', component: MagazinePage },

-       { title: 'Social', component: SocialPage },

-       { title: 'Ask', component: AskPage },

-       { title: 'Calendar', component: CalendarPage },

-       { title: 'Women', component: WomenPage }

- 

-     ];

- 

-     this.rootPage = FirstPage;

- 

      platform.ready().then(() => {

        // Okay, so the platform is ready and our plugins are available.

        // Here you can do any higher level native things you might need.

        splashScreen.hide();

      });

    }

- 

-   /**

-    * Navigate to a new page

-    *

-    * @param page page to navigate to

-    */

-   openPage(page): void {

-     // Reset the content nav to have just this page we wouldn't want the back

-     // button to show in this scenario

-     this.nav.push(page.component);

-   }

  }

file modified
+1 -19

@@ -1,19 +1,1 @@ 

- <ion-menu [content]="content">

-     <ion-header>

-       <ion-toolbar>

-         <ion-title>Fedora</ion-title>

-       </ion-toolbar>

-     </ion-header>

- 

-     <ion-content>

-       <ion-list>

-         <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">

-           {{p.title}}

-         </button>

-       </ion-list>

-     </ion-content>

- 

-   </ion-menu>

- 

-   <!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->

-   <ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

+ <ion-nav [root]="rootPage"></ion-nav> 

\ No newline at end of file

file modified
+12 -6

@@ -11,11 +11,13 @@ 

  import { Toast } from '@ionic-native/toast';

  

  import { App } from './app.component';

- import { FirstPage } from '../pages/first/first';

+ import { TabsPage } from '../pages/tabs/tabs';

+ import { HomePage } from '../pages/home/home';

  import { MagazinePage } from '../pages/magazine/magazine';

  import { AskPage } from '../pages/ask/ask';

  import { CalendarPage } from '../pages/calendar/calendar';

- import { SocialPage } from '../pages/social/social';

+ import { MorePage} from '../pages/more/more';

+ import { NotificationsPage} from '../pages/notifications/notifications';

  import { WomenPage } from '../pages/women/women';

  

  import { Browser } from '../providers/browser/browser';

@@ -23,11 +25,13 @@ 

  @NgModule({

    declarations: [

      App,

-     FirstPage,

+     TabsPage,

+     HomePage,

      MagazinePage,

      AskPage,

      CalendarPage,

-     SocialPage,

+     MorePage,

+     NotificationsPage,

      WomenPage

    ],

    imports: [

@@ -39,11 +43,13 @@ 

    bootstrap: [IonicApp],

    entryComponents: [

      App,

-     FirstPage,

      MagazinePage,

      AskPage,

      CalendarPage,

-     SocialPage,

+     TabsPage,

+     HomePage,

+     MorePage,

+     NotificationsPage,

      WomenPage

    ],

    providers: [

file modified
+118 -12

@@ -1,6 +1,4 @@ 

  // http://ionicframework.com/docs/v2/theming/

- 

- 

  // App Global Sass

  // --------------------------------------------------

  // Put style rules here that you want to apply globally. These

@@ -12,21 +10,129 @@ 

  // default Sass variables, belong in "theme/variables.scss".

  //

  // To declare rules for a specific mode, create a child rule

- // for the .md, .ios, or .wp mode classes. The mode class is

+ // for the .md, .md, or .wp mode classes. The mode class is

  // automatically applied to the <body> element in the app.

  // http://ionicframework.com/docs/v2/theming/

- 

  // @import "../pages/magazine/magazine";

  // @import "../pages/ask/ask";

  // @import "../pages/calendar/calendar";

- // @import "../pages/social/social";

  // @import "../pages/women/women";

- // @import "../pages/first/first";

- 

- 

  // App Shared Rules

- 

  .iframeWrapper iframe {

-   width: 100%;

-   height: 100%;

- }

+     width: 100%;

+     height: 100%;

+   }

+   

+   //tab icons-active 

+   ion-icon {

+     &[class*="fedora-"] {

+         mask-size: contain;

+         mask-position: 50% 50%;

+         mask-repeat: no-repeat;

+         background: currentColor;

+         width: 1em;

+         height: 1em;

+     }

+     &[class*="fedora-home"] {

+         mask-image: url(../assets/img/home-active.svg);

+     }

+     &[class*="fedora-mag"] {

+         mask-image: url(../assets/img/mag-active.svg);

+     }

+     &[class*="fedora-cal"] {

+         mask-image: url(../assets/img/cal-active.svg);

+     }

+     &[class*="fedora-ask"] {

+         mask-image: url(../assets/img/ask-active.svg);

+     }

+     &[class*="fedora-more"] {

+         mask-image: url(../assets/img/more-active.svg);

+     }

+   }

+   

+   //tab icons-inactive

+   .tabs {

+     a[aria-selected=false] {

+         .tab-button-icon[ng-reflect-name=fedora-home] {

+             mask-image: url(../assets/img/home-inactive.svg);

+         }

+     }

+     a[aria-selected=false] {

+         .tab-button-icon[ng-reflect-name=fedora-mag] {

+             mask-image: url(../assets/img/mag-inactive.svg);

+         }

+     }

+     a[aria-selected=false] {

+         .tab-button-icon[ng-reflect-name=fedora-cal] {

+             mask-image: url(../assets/img/cal-inactive.svg);

+         }

+     }

+     a[aria-selected=false] {

+         .tab-button-icon[ng-reflect-name=fedora-ask] {

+             mask-image: url(../assets/img/ask-inactive.svg);

+         }

+     }

+     a[aria-selected=false] {

+         .tab-button-icon[ng-reflect-name=fedora-more] {

+             mask-image: url(../assets/img/more-inactive.svg);

+         }

+     }

+   }

+   

+   ion-buttons {

+       button {

+           background-color: transparent;

+       }

+     }

+     

+   

+   //tab typography

+   .tabs {

+     a[aria-selected=false] {

+         span {

+             font-family: "Montserrat-Regular";

+             font-size: 12px;

+             color: #9A9FA6;

+             text-align: left;

+         }

+     }

+     a[aria-selected=true] {

+         span {

+             /* Home: */

+             font-family: "Montserrat-SemiBold";

+             font-size: 12px;

+             color: #3C6EB4;

+             text-align: left;

+             line-height: 12px;

+         }

+     }

+   }

+   

+   .tabs-md[tabsLayout=icon-top] .has-icon .tab-button-text {

+     margin-top: 8px;

+   }

+   

+   //styles of the tabbar

+   .tabbar {

+     padding: 12px 0;

+     background-color: #fff !important;

+     box-shadow: 0 2px 4px 0 #565656 !important;

+     justify-content: space-around !important;

+   }

+   

+   .tab-button {

+     overflow: visible !important;

+     flex: none;

+   }

+   

+   //styles of the top navbar

+   ion-navbar {

+     ion-title {

+         text-align: center;

+     }

+     background-color: #fff !important;

+     box-shadow: 0 2px 4px 0 rgba(86,

+     86,

+     86,

+     0.05);

+   } 

\ No newline at end of file

@@ -0,0 +1,1 @@ 

+ <svg xmlns="http://www.w3.org/2000/svg" width="1024" height="324" viewBox="-1.8 -1.8 197.9 62.6"><path d="M194.4 16.4C194.4 7.4 187 0 177.9 0 168.8 0 161.5 7.4 161.5 16.4L161.5 16.4 161.5 29.2 161.5 29.2C161.5 31.2 163.1 32.9 165.2 32.9L165.2 32.9 165.2 32.9 177.9 32.9C187 32.9 194.4 25.5 194.4 16.4" fill="#072b61"/><path d="M182.8 3.9C178.5 3.9 175 7.4 175 11.6L175 15.7 170.9 15.7C166.7 15.7 163.2 19.1 163.2 23.4 163.2 27.7 166.7 31.1 170.9 31.1 175.2 31.1 178.7 27.7 178.7 23.4L178.7 19.3 182.8 19.3C187 19.3 190.5 15.9 190.5 11.6 190.5 7.4 187 3.9 182.8 3.9zM182.8 7.5C185 7.5 186.8 9.4 186.8 11.6 186.8 13.9 185 15.7 182.8 15.7L182.7 15.7 179.3 15.7C178.9 15.7 178.7 15.4 178.7 15.1L178.7 11.6C178.7 9.4 180.5 7.5 182.8 7.5zM76.8 17.9C75.2 17.9 73.9 19.1 73.9 20.8L73.9 36.2C72.4 33.5 69.2 31.6 65.3 31.6 57.5 31.6 52.3 37.5 52.3 45.3 52.3 53.2 57.7 59.1 65.3 59.1 68.7 59.1 71.7 57.7 73.4 55.2L74.1 56.9C74.5 58 75.6 58.8 76.9 58.8 78.5 58.8 79.8 57.5 79.8 55.9L79.8 55.9 79.8 20.8C79.8 19.1 78.5 17.9 76.8 17.9zM17 17.9C10.9 17.9 6 22.9 6 28.9L6 32.4 2.4 32.4C1.1 32.4 0 33.5 0 34.8 0 36.1 1.1 37.4 2.4 37.4L6 37.4 6 55.9C6 57.5 7.3 58.8 8.9 58.8 10.6 58.8 11.9 57.5 11.9 55.9L11.9 37.4 15.8 37.4C17.2 37.4 18.3 36.1 18.3 34.8 18.3 33.5 17.2 32.4 15.8 32.4L11.9 32.4 11.9 28.9C11.9 26.1 14.2 23.4 17 23.4 17.3 23.4 17.5 23.4 17.8 23.5 19.4 23.7 20.9 23 21.1 21.4 21.4 19.8 20.2 18.3 18.6 18.1 18.1 18 17.5 17.9 17 17.9zM170.9 19.3L174.4 19.3C174.8 19.3 175 19.6 175 19.9L175 23.4C175 25.7 173.2 27.5 170.9 27.5 168.7 27.5 166.8 25.7 166.8 23.4 166.8 21.2 168.7 19.3 170.9 19.3zM189.8 29L189.8 29.2 190.1 29.2 190.1 30.1 190.3 30.1 190.3 29.2 190.6 29.2 190.6 29 189.8 29zM190.7 29L190.7 30.1 190.9 30.1 190.9 29.5 190.9 29.4 190.9 29.5 191.2 30.1 191.5 29.5 191.5 29.3 191.5 29.5 191.5 30.1 191.7 30.1 191.7 29 191.5 29 191.3 29.5 191.2 29.7 191.2 29.5 190.9 29 190.7 29zM34.3 31.6C26.6 31.6 20.7 37.7 20.7 45.3 20.7 53 26.8 59.1 34.4 59.1 38.6 59.1 42.9 57.3 45.4 54.6 45.9 54 46.2 53.3 46.3 52.7 46.3 52.2 46.1 51.7 45.8 51.3 45.3 50.7 44.6 50.3 43.8 50.3 43.3 50.3 42.8 50.4 42.4 50.8 40.3 52.9 37.7 54.2 34.6 54.2 30.3 54.2 27.1 51.1 26.8 47.1 45.3 47.1 45.3 47.1 45.3 47.1 46.4 47.1 47.5 46.4 47.5 45.2 47.5 37.5 41.8 31.6 34.3 31.6zM98.3 31.6C90.6 31.6 84.5 37.7 84.5 45.3 84.5 53 90.6 59.1 98.3 59.1 105.9 59.1 112 53 112 45.3 112 37.7 105.9 31.6 98.3 31.6zM131.8 31.6C127.8 31.6 125.1 32.8 122.8 35.8L122.5 34.4C122.3 32.9 121.1 31.8 119.6 31.8 118 31.8 116.7 33.1 116.7 34.8L116.7 34.8 116.7 55.9C116.7 57.5 118 58.8 119.6 58.8 121.2 58.8 122.6 57.5 122.6 55.9L122.6 44.6C122.6 39.4 127 36.8 131.8 36.8 133.2 36.8 134.4 35.6 134.4 34.2 134.4 32.7 133.2 31.6 131.8 31.6zM149.1 31.6C141.4 31.6 135.3 37.7 135.3 45.3 135.3 53 141.3 59.1 148.5 59.1 152.2 59.1 155.4 57.2 156.8 55.3L157.6 57.1C157.9 58.1 158.9 58.8 160.1 58.8 161.6 58.8 162.8 57.6 162.8 56.1L162.8 49.1 162.8 45.3C162.8 38 157.6 31.6 149.1 31.6zM34.3 36.5C38.2 36.5 41.1 39.3 41.6 43 41.6 43 35.9 43 26.9 43 27.5 39.2 30.2 36.5 34.3 36.5zM66.1 36.8C70.9 36.8 73.9 40.5 73.9 45.3 73.9 50.2 70.9 53.8 66.1 53.8 61.3 53.8 58.2 50 58.2 45.3 58.2 40.7 61.3 36.8 66.1 36.8zM98.3 36.8C103 36.8 106.2 40.7 106.2 45.3 106.2 50 103 53.8 98.3 53.8 93.5 53.8 90.3 50 90.3 45.3 90.3 40.7 93.5 36.8 98.3 36.8zM149.1 36.8C153.9 36.8 157 40.7 157 45.3 157 50 153.9 53.8 149.1 53.8 144.3 53.8 141.2 50 141.2 45.3 141.2 40.7 144.3 36.8 149.1 36.8zM163.6 55.1L163.6 55.3 163.9 55.3 163.9 56.2 164.1 56.2 164.1 55.3 164.4 55.3 164.4 55.1 163.6 55.1zM164.5 55.1L164.5 56.2 164.7 56.2 164.7 55.6 164.7 55.5 164.8 55.6 165 56.2 165.3 55.6 165.3 55.5 165.3 55.6 165.3 56.2 165.5 56.2 165.5 55.1 165.3 55.1 165.1 55.6 165 55.8 165 55.6 164.7 55.1 164.5 55.1z" fill="#0a57a4"/><path d="M175 15.7L175 11.6 175 11.6C175 7.4 178.5 3.9 182.7 3.9 183.4 3.9 183.8 4 184.4 4.1 185.3 4.4 186 5.1 186 5.9 186 6.9 185.3 7.6 184.2 7.6 183.7 7.6 183.5 7.5 182.7 7.5 180.5 7.5 178.7 9.4 178.7 11.6L178.7 15.1 178.7 15.1C178.7 15.5 178.9 15.7 179.2 15.7L179.2 15.7 181.9 15.7C182.9 15.7 183.7 16.5 183.7 17.5 183.7 18.5 182.9 19.3 181.9 19.3L178.7 19.3 178.7 23.4 178.7 23.4C178.7 27.7 175.2 31.1 170.9 31.1 170.3 31.1 169.8 31.1 169.2 30.9 168.4 30.7 167.7 30 167.7 29.1 167.7 28.1 168.4 27.4 169.5 27.4 170 27.4 170.2 27.5 170.9 27.5 173.2 27.5 175 25.7 175 23.4L175 19.9C175 19.6 174.8 19.3 174.4 19.3L174.4 19.3 171.8 19.3C170.8 19.3 170 18.5 170 17.5 170 16.5 170.8 15.7 171.8 15.7L175 15.7" fill="#fff"/></svg> 

\ No newline at end of file

@@ -0,0 +1,15 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>Group Copy 2</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/Ask/Active" fill="#3C6EB4">

+             <g id="Group-Copy-2">

+                 <path d="M15.1279827,4.49376496 C15.5486341,5.41714594 15.7589566,6.37642179 15.7589566,7.37162129 C15.7589566,8.38734037 15.5486341,9.35174604 15.1279827,10.2648672 C14.727851,11.1472091 14.1635711,11.9269413 13.4351261,12.6040873 C12.7066811,13.2812334 11.8705208,13.8096046 10.9266203,14.1892168 C9.95194037,14.568829 8.93623653,14.7586322 7.87947829,14.7586322 C7.03817562,14.7586322 6.21740484,14.6355166 5.41714133,14.3892817 L3.13947963,15.6820086 C3.04714153,15.7333075 2.95480482,15.7589566 2.86246672,15.7589566 C2.77012863,15.7589566 2.68805155,15.7384373 2.61623303,15.6973982 C2.44181662,15.6050601 2.33922027,15.4614252 2.30844091,15.2664892 L1.95447997,12.2501264 C1.32863286,11.5729804 0.846430025,10.8163323 0.507856999,9.98015952 C0.169283974,9.14398674 0,8.2744827 0,7.37162129 C0,6.37642179 0.210322513,5.41714594 0.630973848,4.49376496 C1.03110561,3.61142314 1.59538552,2.82656108 2.32383051,2.13915524 C3.05227551,1.46200919 3.88843574,0.938767815 4.8323363,0.569415424 C5.79675643,0.189803243 6.81246027,0 7.87947829,0 C8.94649631,0 9.96220016,0.189803243 10.9266203,0.569415424 C11.8705208,0.938767815 12.7066811,1.46200919 13.4351261,2.13915524 C14.1635711,2.82656108 14.727851,3.61142314 15.1279827,4.49376496 Z M14.1276583,9.80317905 C14.4764912,9.0336949 14.650905,8.22574866 14.650905,7.3793161 C14.650905,6.53288353 14.4764912,5.7249373 14.1276583,4.95545315 C13.7890853,4.20648857 13.3068825,3.54217722 12.6810354,2.96249916 C12.0551883,2.3828211 11.3370138,1.92883227 10.5264905,1.60051903 C9.68518786,1.27220579 8.80285927,1.10805164 7.87947829,1.10805164 C6.95609731,1.10805164 6.07376872,1.27220579 5.23246605,1.60051903 C4.42194275,1.91857248 3.70376832,2.36999641 3.07792121,2.95480436 C2.4520741,3.53961231 1.96987127,4.20648857 1.63129824,4.95545315 C1.28246543,5.7249373 1.10805164,6.53031862 1.10805164,7.37162129 C1.10805164,8.16162502 1.25938125,8.92083799 1.56204501,9.64928299 C1.86470878,10.377728 2.30330817,11.0292148 2.87785633,11.603763 C2.97019443,11.6961011 3.0214926,11.8038272 3.03175239,11.9269447 L3.3087653,14.3123336 L5.07856999,13.3120092 C5.22220704,13.2299309 5.37610156,13.2145415 5.54025818,13.2658404 C6.28922275,13.5223351 7.06895499,13.6505806 7.87947829,13.6505806 C8.80285927,13.6505806 9.68518786,13.4812966 10.5264905,13.1427236 C11.3370138,12.8246701 12.0551883,12.378376 12.6810354,11.8038278 C13.3068825,11.2190199 13.7890853,10.5521436 14.1276583,9.80317905 Z" id="message---anticon"></path>

+                 <path d="M8.05484468,14.270812 C7.04023809,14.270812 5.40475643,14.3392715 3.14839971,14.4761905 C1.30343482,11.3968352 0.380952381,9.11743213 0.380952381,7.63798126 C0.380952381,3.90759954 4.29803914,0.761904762 8.05484468,0.761904762 C11.8116502,0.761904762 14.8571429,3.78597664 14.8571429,7.51635836 C14.8571429,11.2467401 11.8116502,14.270812 8.05484468,14.270812 Z M5.0008658,6.42770563 C4.77921967,6.2060595 4.5090925,6.0952381 4.19047619,6.0952381 C3.87185988,6.0952381 3.60173271,6.2060595 3.38008658,6.42770563 C3.15844045,6.64935176 3.04761905,6.91947893 3.04761905,7.23809524 C3.04761905,7.55671155 3.15844045,7.82683872 3.38008658,8.04848485 C3.60173271,8.27013098 3.87185988,8.38095238 4.19047619,8.38095238 C4.5090925,8.38095238 4.77921967,8.27013098 5.0008658,8.04848485 C5.22251193,7.82683872 5.33333333,7.55671155 5.33333333,7.23809524 C5.33333333,6.91947893 5.22251193,6.64935176 5.0008658,6.42770563 Z M12.6199134,6.42770563 C12.3982673,6.2060595 12.1281401,6.0952381 11.8095238,6.0952381 C11.4909075,6.0952381 11.2207803,6.2060595 10.9991342,6.42770563 C10.7774881,6.64935176 10.6666667,6.91947893 10.6666667,7.23809524 C10.6666667,7.55671155 10.7774881,7.82683872 10.9991342,8.04848485 C11.2207803,8.27013098 11.4909075,8.38095238 11.8095238,8.38095238 C12.1281401,8.38095238 12.3982673,8.27013098 12.6199134,8.04848485 C12.8415595,7.82683872 12.952381,7.55671155 12.952381,7.23809524 C12.952381,6.91947893 12.8415595,6.64935176 12.6199134,6.42770563 Z M8.81038961,6.42770563 C8.58874348,6.2060595 8.31861631,6.0952381 8,6.0952381 C7.68138369,6.0952381 7.41125652,6.2060595 7.18961039,6.42770563 C6.96796426,6.64935176 6.85714286,6.91947893 6.85714286,7.23809524 C6.85714286,7.55671155 6.96796426,7.82683872 7.18961039,8.04848485 C7.41125652,8.27013098 7.68138369,8.38095238 8,8.38095238 C8.31861631,8.38095238 8.58874348,8.27013098 8.81038961,8.04848485 C9.03203574,7.82683872 9.14285714,7.55671155 9.14285714,7.23809524 C9.14285714,6.91947893 9.03203574,6.64935176 8.81038961,6.42770563 Z" id="Combined-Shape"></path>

+             </g>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -0,0 +1,12 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>message - anticon</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/Ask/Inactive" fill="#9A9FA6">

+             <path d="M5.171875,6.890625 C5.3385425,7.0572925 5.421875,7.26041547 5.421875,7.5 C5.421875,7.73958453 5.3385425,7.9427075 5.171875,8.109375 C5.0052075,8.2760425 4.80208453,8.359375 4.5625,8.359375 C4.32291547,8.359375 4.1197925,8.2760425 3.953125,8.109375 C3.7864575,7.9427075 3.703125,7.73958453 3.703125,7.5 C3.703125,7.26041547 3.7864575,7.0572925 3.953125,6.890625 C4.1197925,6.7239575 4.32291547,6.640625 4.5625,6.640625 C4.80208453,6.640625 5.0052075,6.7239575 5.171875,6.890625 Z M12.046875,6.890625 C12.2135425,7.0572925 12.296875,7.26041547 12.296875,7.5 C12.296875,7.73958453 12.2135425,7.9427075 12.046875,8.109375 C11.8802075,8.2760425 11.6770845,8.359375 11.4375,8.359375 C11.1979155,8.359375 10.9947925,8.2760425 10.828125,8.109375 C10.6614575,7.9427075 10.578125,7.73958453 10.578125,7.5 C10.578125,7.26041547 10.6614575,7.0572925 10.828125,6.890625 C10.9947925,6.7239575 11.1979155,6.640625 11.4375,6.640625 C11.6770845,6.640625 11.8802075,6.7239575 12.046875,6.890625 Z M8.609375,6.890625 C8.7760425,7.0572925 8.859375,7.26041547 8.859375,7.5 C8.859375,7.73958453 8.7760425,7.9427075 8.609375,8.109375 C8.4427075,8.2760425 8.23958453,8.359375 8,8.359375 C7.76041547,8.359375 7.5572925,8.2760425 7.390625,8.109375 C7.2239575,7.9427075 7.140625,7.73958453 7.140625,7.5 C7.140625,7.26041547 7.2239575,7.0572925 7.390625,6.890625 C7.5572925,6.7239575 7.76041547,6.640625 8,6.640625 C8.23958453,6.640625 8.4427075,6.7239575 8.609375,6.890625 Z M15.359375,4.5625 C15.7864605,5.50000469 16,6.47395328 16,7.484375 C16,8.51563016 15.7864605,9.49478703 15.359375,10.421875 C14.953123,11.3177128 14.380212,12.1093716 13.640625,12.796875 C12.901038,13.4843784 12.0520881,14.0208314 11.09375,14.40625 C10.1041617,14.7916686 9.07292203,14.984375 8,14.984375 C7.14582906,14.984375 6.31250406,14.8593762 5.5,14.609375 L3.1875,15.921875 C3.09374953,15.9739586 3.00000047,16 2.90625,16 C2.81249953,16 2.72916703,15.9791669 2.65625,15.9375 C2.47916578,15.8437495 2.37500016,15.6979177 2.34375,15.5 L1.984375,12.4375 C1.34895516,11.7499966 0.859376719,10.9817751 0.515625,10.1328125 C0.171873281,9.28384992 0,8.40104625 0,7.484375 C0,6.47395328 0.213539531,5.50000469 0.640625,4.5625 C1.04687703,3.66666219 1.61978797,2.86979516 2.359375,2.171875 C3.09896203,1.48437156 3.94791187,0.953126875 4.90625,0.578125 C5.88542156,0.192706406 6.91666125,0 8,0 C9.08333875,0 10.1145784,0.192706406 11.09375,0.578125 C12.0520881,0.953126875 12.901038,1.48437156 13.640625,2.171875 C14.380212,2.86979516 14.953123,3.66666219 15.359375,4.5625 Z M14.34375,9.953125 C14.6979184,9.17187109 14.875,8.3515668 14.875,7.4921875 C14.875,6.6328082 14.6979184,5.81250391 14.34375,5.03125 C13.9999983,4.27082953 13.5104198,3.59635711 12.875,3.0078125 C12.2395802,2.41926789 11.5104208,1.958335 10.6875,1.625 C9.83332906,1.291665 8.93750469,1.125 8,1.125 C7.06249531,1.125 6.16667094,1.291665 5.3125,1.625 C4.48957922,1.94791828 3.76041984,2.40624703 3.125,3 C2.48958016,3.59375297 2.00000172,4.27082953 1.65625,5.03125 C1.30208156,5.81250391 1.125,6.63020406 1.125,7.484375 C1.125,8.28646234 1.2786443,9.05728797 1.5859375,9.796875 C1.8932307,10.536462 2.33853875,11.1979138 2.921875,11.78125 C3.01562547,11.8750005 3.06770828,11.9843744 3.078125,12.109375 L3.359375,14.53125 L5.15625,13.515625 C5.30208406,13.4322912 5.4583325,13.4166664 5.625,13.46875 C6.38542047,13.729168 7.17707922,13.859375 8,13.859375 C8.93750469,13.859375 9.83332906,13.6875017 10.6875,13.34375 C11.5104208,13.0208317 12.2395802,12.5677112 12.875,11.984375 C13.5104198,11.390622 13.9999983,10.7135455 14.34375,9.953125 Z" id="message---anticon"></path>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -0,0 +1,15 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>Group 2</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/Cal/Active" fill="#3C6EB4">

+             <g id="Group-2">

+                 <path d="M15,1.5 C15.2812514,1.5 15.5182282,1.5963532 15.7109375,1.7890625 C15.9036468,1.9817718 16,2.21874859 16,2.5 L16,15 C16,15.2708347 15.9036468,15.5052073 15.7109375,15.703125 C15.5182282,15.9010427 15.2812514,16 15,16 L1,16 C0.718748594,16 0.481771797,15.9010427 0.2890625,15.703125 C0.0963532031,15.5052073 0,15.2708347 0,15 L0,2.5 C0,2.21874859 0.0963532031,1.9817718 0.2890625,1.7890625 C0.481771797,1.5963532 0.718748594,1.5 1,1.5 L5,1.5 L5,0.5 C5,0.364582656 5.04947867,0.247396328 5.1484375,0.1484375 C5.24739633,0.0494786719 5.36458266,0 5.5,0 C5.63541734,0 5.75260367,0.0494786719 5.8515625,0.1484375 C5.95052133,0.247396328 6,0.364582656 6,0.5 L6,1.5 L10,1.5 L10,0.5 C10,0.364582656 10.0494787,0.247396328 10.1484375,0.1484375 C10.2473963,0.0494786719 10.3645827,0 10.5,0 C10.6354173,0 10.7526037,0.0494786719 10.8515625,0.1484375 C10.9505213,0.247396328 11,0.364582656 11,0.5 L11,1.5 L15,1.5 Z M15,15 L15,2.5 L11,2.5 L11,3 C11,3.13541734 10.9505213,3.25260367 10.8515625,3.3515625 C10.7526037,3.45052133 10.6354173,3.5 10.5,3.5 C10.3645827,3.5 10.2473963,3.45052133 10.1484375,3.3515625 C10.0494787,3.25260367 10,3.13541734 10,3 L10,2.5 L6,2.5 L6,3 C6,3.13541734 5.95052133,3.25260367 5.8515625,3.3515625 C5.75260367,3.45052133 5.63541734,3.5 5.5,3.5 C5.36458266,3.5 5.24739633,3.45052133 5.1484375,3.3515625 C5.04947867,3.25260367 5,3.13541734 5,3 L5,2.5 L1,2.5 L1,15 L15,15 Z" id="calendar---simple-line-icons"></path>

+                 <path d="M1.2,2.8 L1.2,14.8 L14.8,14.8 L14.8,2.8 L1.2,2.8 Z M11.5,8.4 C11.2574993,8.4 11.0388863,8.30769674 10.8655948,8.13440521 C10.6923033,7.96111368 10.6,7.7425007 10.6,7.5 L10.6,6.5 C10.6,6.2574993 10.6923033,6.03888632 10.8655948,5.86559479 C11.0388863,5.69230326 11.2574993,5.6 11.5,5.6 L12.5,5.6 C12.7425007,5.6 12.9611137,5.69230326 13.1344052,5.86559479 C13.3076967,6.03888632 13.4,6.2574993 13.4,6.5 L13.4,7.5 C13.4,7.7425007 13.3076967,7.96111368 13.1344052,8.13440521 C12.9611137,8.30769674 12.7425007,8.4 12.5,8.4 L11.5,8.4 Z M11.5,12.4 C11.2574993,12.4 11.0388863,12.3076967 10.8655948,12.1344052 C10.6923033,11.9611137 10.6,11.7425007 10.6,11.5 L10.6,10.5 C10.6,10.2574993 10.6923033,10.0388863 10.8655948,9.86559479 C11.0388863,9.69230326 11.2574993,9.6 11.5,9.6 L12.5,9.6 C12.7425007,9.6 12.9611137,9.69230326 13.1344052,9.86559479 C13.3076967,10.0388863 13.4,10.2574993 13.4,10.5 L13.4,11.5 C13.4,11.7425007 13.3076967,11.9611137 13.1344052,12.1344052 C12.9611137,12.3076967 12.7425007,12.4 12.5,12.4 L11.5,12.4 Z M8.5,9.6 C8.7425007,9.6 8.96111368,9.69230326 9.13440521,9.86559479 C9.30769674,10.0388863 9.4,10.2574993 9.4,10.5 L9.4,11.5 C9.4,11.7425007 9.30769674,11.9611137 9.13440521,12.1344052 C8.96111368,12.3076967 8.7425007,12.4 8.5,12.4 L7.5,12.4 C7.2574993,12.4 7.03888632,12.3076967 6.86559479,12.1344052 C6.69230326,11.9611137 6.6,11.7425007 6.6,11.5 L6.6,10.5 C6.6,10.2574993 6.69230326,10.0388863 6.86559479,9.86559479 C7.03888632,9.69230326 7.2574993,9.6 7.5,9.6 L8.5,9.6 Z M8.5,5.6 C8.7425007,5.6 8.96111368,5.69230326 9.13440521,5.86559479 C9.30769674,6.03888632 9.4,6.2574993 9.4,6.5 L9.4,7.5 C9.4,7.7425007 9.30769674,7.96111368 9.13440521,8.13440521 C8.96111368,8.30769674 8.7425007,8.4 8.5,8.4 L7.5,8.4 C7.2574993,8.4 7.03888632,8.30769674 6.86559479,8.13440521 C6.69230326,7.96111368 6.6,7.7425007 6.6,7.5 L6.6,6.5 C6.6,6.2574993 6.69230326,6.03888632 6.86559479,5.86559479 C7.03888632,5.69230326 7.2574993,5.6 7.5,5.6 L8.5,5.6 Z M4.5,5.6 C4.7425007,5.6 4.96111368,5.69230326 5.13440521,5.86559479 C5.30769674,6.03888632 5.4,6.2574993 5.4,6.5 L5.4,7.5 C5.4,7.7425007 5.30769674,7.96111368 5.13440521,8.13440521 C4.96111368,8.30769674 4.7425007,8.4 4.5,8.4 L3.5,8.4 C3.2574993,8.4 3.03888632,8.30769674 2.86559479,8.13440521 C2.69230326,7.96111368 2.6,7.7425007 2.6,7.5 L2.6,6.5 C2.6,6.2574993 2.69230326,6.03888632 2.86559479,5.86559479 C3.03888632,5.69230326 3.2574993,5.6 3.5,5.6 L4.5,5.6 Z M4.5,9.6 C4.7425007,9.6 4.96111368,9.69230326 5.13440521,9.86559479 C5.30769674,10.0388863 5.4,10.2574993 5.4,10.5 L5.4,11.5 C5.4,11.7425007 5.30769674,11.9611137 5.13440521,12.1344052 C4.96111368,12.3076967 4.7425007,12.4 4.5,12.4 L3.5,12.4 C3.2574993,12.4 3.03888632,12.3076967 2.86559479,12.1344052 C2.69230326,11.9611137 2.6,11.7425007 2.6,11.5 L2.6,10.5 C2.6,10.2574993 2.69230326,10.0388863 2.86559479,9.86559479 C3.03888632,9.69230326 3.2574993,9.6 3.5,9.6 L4.5,9.6 Z" id="Combined-Shape" stroke="#3C6EB4" stroke-width="0.8"></path>

+             </g>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -0,0 +1,20 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>Group 11</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/Cal/Inactive" fill="#9A9FA6">

+             <g id="Group-11">

+                 <path d="M15,1.5 C15.2812514,1.5 15.5182282,1.5963532 15.7109375,1.7890625 C15.9036468,1.9817718 16,2.21874859 16,2.5 L16,15 C16,15.2708347 15.9036468,15.5052073 15.7109375,15.703125 C15.5182282,15.9010427 15.2812514,16 15,16 L1,16 C0.718748594,16 0.481771797,15.9010427 0.2890625,15.703125 C0.0963532031,15.5052073 0,15.2708347 0,15 L0,2.5 C0,2.21874859 0.0963532031,1.9817718 0.2890625,1.7890625 C0.481771797,1.5963532 0.718748594,1.5 1,1.5 L5,1.5 L5,0.5 C5,0.364582656 5.04947867,0.247396328 5.1484375,0.1484375 C5.24739633,0.0494786719 5.36458266,0 5.5,0 C5.63541734,0 5.75260367,0.0494786719 5.8515625,0.1484375 C5.95052133,0.247396328 6,0.364582656 6,0.5 L6,1.5 L10,1.5 L10,0.5 C10,0.364582656 10.0494787,0.247396328 10.1484375,0.1484375 C10.2473963,0.0494786719 10.3645827,0 10.5,0 C10.6354173,0 10.7526037,0.0494786719 10.8515625,0.1484375 C10.9505213,0.247396328 11,0.364582656 11,0.5 L11,1.5 L15,1.5 Z M15,15 L15,2.5 L11,2.5 L11,3 C11,3.13541734 10.9505213,3.25260367 10.8515625,3.3515625 C10.7526037,3.45052133 10.6354173,3.5 10.5,3.5 C10.3645827,3.5 10.2473963,3.45052133 10.1484375,3.3515625 C10.0494787,3.25260367 10,3.13541734 10,3 L10,2.5 L6,2.5 L6,3 C6,3.13541734 5.95052133,3.25260367 5.8515625,3.3515625 C5.75260367,3.45052133 5.63541734,3.5 5.5,3.5 C5.36458266,3.5 5.24739633,3.45052133 5.1484375,3.3515625 C5.04947867,3.25260367 5,3.13541734 5,3 L5,2.5 L1,2.5 L1,15 L15,15 Z" id="calendar---simple-line-icons"></path>

+                 <path d="M11.5,8 C11.3645827,8 11.2473963,7.95052133 11.1484375,7.8515625 C11.0494787,7.75260367 11,7.63541734 11,7.5 L11,6.5 C11,6.36458266 11.0494787,6.24739633 11.1484375,6.1484375 C11.2473963,6.04947867 11.3645827,6 11.5,6 L12.5,6 C12.6354173,6 12.7526037,6.04947867 12.8515625,6.1484375 C12.9505213,6.24739633 13,6.36458266 13,6.5 L13,7.5 C13,7.63541734 12.9505213,7.75260367 12.8515625,7.8515625 C12.7526037,7.95052133 12.6354173,8 12.5,8 L11.5,8 Z" id="Path"></path>

+                 <path d="M11.5,12 C11.3645827,12 11.2473963,11.9505213 11.1484375,11.8515625 C11.0494787,11.7526037 11,11.6354173 11,11.5 L11,10.5 C11,10.3645827 11.0494787,10.2473963 11.1484375,10.1484375 C11.2473963,10.0494787 11.3645827,10 11.5,10 L12.5,10 C12.6354173,10 12.7526037,10.0494787 12.8515625,10.1484375 C12.9505213,10.2473963 13,10.3645827 13,10.5 L13,11.5 C13,11.6354173 12.9505213,11.7526037 12.8515625,11.8515625 C12.7526037,11.9505213 12.6354173,12 12.5,12 L11.5,12 Z" id="Path"></path>

+                 <path d="M8.5,10 C8.63541734,10 8.75260367,10.0494787 8.8515625,10.1484375 C8.95052133,10.2473963 9,10.3645827 9,10.5 L9,11.5 C9,11.6354173 8.95052133,11.7526037 8.8515625,11.8515625 C8.75260367,11.9505213 8.63541734,12 8.5,12 L7.5,12 C7.36458266,12 7.24739633,11.9505213 7.1484375,11.8515625 C7.04947867,11.7526037 7,11.6354173 7,11.5 L7,10.5 C7,10.3645827 7.04947867,10.2473963 7.1484375,10.1484375 C7.24739633,10.0494787 7.36458266,10 7.5,10 L8.5,10 Z" id="Path"></path>

+                 <path d="M8.5,6 C8.63541734,6 8.75260367,6.04947867 8.8515625,6.1484375 C8.95052133,6.24739633 9,6.36458266 9,6.5 L9,7.5 C9,7.63541734 8.95052133,7.75260367 8.8515625,7.8515625 C8.75260367,7.95052133 8.63541734,8 8.5,8 L7.5,8 C7.36458266,8 7.24739633,7.95052133 7.1484375,7.8515625 C7.04947867,7.75260367 7,7.63541734 7,7.5 L7,6.5 C7,6.36458266 7.04947867,6.24739633 7.1484375,6.1484375 C7.24739633,6.04947867 7.36458266,6 7.5,6 L8.5,6 Z" id="Path"></path>

+                 <path d="M4.5,6 C4.63541734,6 4.75260367,6.04947867 4.8515625,6.1484375 C4.95052133,6.24739633 5,6.36458266 5,6.5 L5,7.5 C5,7.63541734 4.95052133,7.75260367 4.8515625,7.8515625 C4.75260367,7.95052133 4.63541734,8 4.5,8 L3.5,8 C3.36458266,8 3.24739633,7.95052133 3.1484375,7.8515625 C3.04947867,7.75260367 3,7.63541734 3,7.5 L3,6.5 C3,6.36458266 3.04947867,6.24739633 3.1484375,6.1484375 C3.24739633,6.04947867 3.36458266,6 3.5,6 L4.5,6 Z" id="Path"></path>

+                 <path d="M4.5,10 C4.63541734,10 4.75260367,10.0494787 4.8515625,10.1484375 C4.95052133,10.2473963 5,10.3645827 5,10.5 L5,11.5 C5,11.6354173 4.95052133,11.7526037 4.8515625,11.8515625 C4.75260367,11.9505213 4.63541734,12 4.5,12 L3.5,12 C3.36458266,12 3.24739633,11.9505213 3.1484375,11.8515625 C3.04947867,11.7526037 3,11.6354173 3,11.5 L3,10.5 C3,10.3645827 3.04947867,10.2473963 3.1484375,10.1484375 C3.24739633,10.0494787 3.36458266,10 3.5,10 L4.5,10 Z" id="Path"></path>

+             </g>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -0,0 +1,12 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="21px" height="18px" viewBox="0 0 21 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>home - material</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/Home/Active" transform="translate(1.000000, 1.000000)" fill="#3C6EB4" stroke="#3C6EB4">

+             <path d="M7.48173077,16 L2.95456731,16 C2.89933883,16 2.85456731,15.9552285 2.85456731,15.9 L2.85456731,8.46262341 L0.262597727,8.46262341 C0.207369252,8.46262341 0.162597727,8.41785189 0.162597727,8.36262341 C0.162597727,8.33409686 0.174780803,8.30692824 0.196081562,8.28795347 L9.43348383,0.0592527641 C9.47139731,0.025479349 9.52860269,0.025479349 9.56651617,0.0592527641 L18.8039184,8.28795347 C18.8451575,8.32468934 18.8488081,8.38790051 18.8120722,8.42913958 C18.7930974,8.45044034 18.7659288,8.46262341 18.7374023,8.46262341 L16.1454327,8.46262341 L16.1454327,15.9 C16.1454327,15.9552285 16.1006612,16 16.0454327,16 L11.5182692,16 C11.4630408,16 11.4182692,15.9552285 11.4182692,15.9 L11.4182692,10.3582511 L7.58173077,10.3582511 L7.58173077,15.9 C7.58173077,15.9552285 7.53695924,16 7.48173077,16 Z" id="home---material"></path>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -0,0 +1,12 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="20px" height="17px" viewBox="0 0 20 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>home - material</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/Home/Inactive" fill="#9DA2A9" fill-rule="nonzero">

+             <path d="M7.41913304,10.3243284 L12.2556715,10.3243284 L12.2556715,15.9660773 L15.982835,15.9660773 L15.982835,8.42870071 L18.0244136,8.42870071 L9.83740227,1.13569081 L1.65039091,8.42870071 L3.69196958,8.42870071 L3.69196958,15.9660773 L7.41913304,15.9660773 L7.41913304,10.3243284 Z M8.41913304,11.3243284 L8.41913304,16.3660773 C8.41913304,16.6974481 8.15050389,16.9660773 7.81913304,16.9660773 L3.29196958,16.9660773 C2.96059873,16.9660773 2.69196958,16.6974481 2.69196958,16.3660773 L2.69196958,9.42870071 L0.6,9.42870071 C0.26862915,9.42870071 -3.33066907e-16,9.16007156 0,8.82870071 C1.66533454e-16,8.6575414 0.0730984566,8.49452969 0.200903008,8.38068108 L9.43830528,0.151980368 C9.66578612,-0.0506601227 10.0090184,-0.0506601227 10.2364993,0.151980368 L19.4739015,8.38068108 C19.7213359,8.60109626 19.7432394,8.98036329 19.5228242,9.2277977 C19.4089756,9.35560225 19.2459639,9.42870071 19.0748045,9.42870071 L16.982835,9.42870071 L16.982835,16.3660773 C16.982835,16.6974481 16.7142058,16.9660773 16.382835,16.9660773 L11.8556715,16.9660773 C11.5243007,16.9660773 11.2556715,16.6974481 11.2556715,16.3660773 L11.2556715,11.3243284 L8.41913304,11.3243284 Z" id="home---material"></path>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -0,0 +1,15 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="15px" height="16px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>Group Copy</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/Mag/Active" fill="#3C6EB4">

+             <g id="Group-Copy">

+                 <path d="M0.850476215,1.08974498 L7.35109231,2.84166641 L14.7640044,0.804197419 L14.7640044,13.0992751 L7.80724028,15.0441972 L0.850476215,13.0992751 L0.850476215,1.08974498 Z M9.40429688,5.68607955 L9.47021484,5.68607955 C9.49462903,5.68607955 9.51660146,5.681108 9.53613281,5.67116477 L12.8173828,4.73153409 C12.9345709,4.69176116 13.024902,4.61470228 13.0883789,4.50035511 C13.1518558,4.38600795 13.1689455,4.26917673 13.1396484,4.14985795 C13.1005857,4.02059594 13.0249029,3.92365089 12.9125977,3.85901989 C12.8002924,3.79438888 12.6806647,3.77698849 12.5537109,3.80681818 L9.27246094,4.74644886 C9.15527285,4.78622179 9.06494172,4.86328068 9.00146484,4.97762784 C8.93798796,5.091975 8.92089829,5.21377776 8.95019531,5.34303977 C8.97949233,5.45241532 9.0380855,5.53693152 9.12597656,5.59659091 C9.21386763,5.6562503 9.30664014,5.68607955 9.40429688,5.68607955 Z M9.40429688,8.54971591 L9.47021484,8.54971591 C9.49462903,8.54971591 9.51660146,8.54474437 9.53613281,8.53480114 L12.8173828,7.59517045 C12.9345709,7.55539753 13.024902,7.47833864 13.0883789,7.36399148 C13.1518558,7.24964431 13.1689455,7.1328131 13.1396484,7.01349432 C13.1005857,6.88423231 13.0249029,6.78728725 12.9125977,6.72265625 C12.8002924,6.65802525 12.6806647,6.64062485 12.5537109,6.67045455 L9.27246094,7.61008523 C9.15527285,7.64985815 9.06494172,7.72691704 9.00146484,7.8412642 C8.93798796,7.95561137 8.92089829,8.07741413 8.95019531,8.20667614 C8.97949233,8.31605168 9.0380855,8.40056788 9.12597656,8.46022727 C9.21386763,8.51988666 9.30664014,8.54971591 9.40429688,8.54971591 Z M9.40429688,11.4133523 L9.47021484,11.4133523 C9.49462903,11.4133523 9.51660146,11.4083807 9.53613281,11.3984375 L12.8173828,10.4588068 C12.9345709,10.4190339 13.024902,10.341975 13.0883789,10.2276278 C13.1518558,10.1132807 13.1689455,9.99644946 13.1396484,9.87713068 C13.1005857,9.74786867 13.0249029,9.65092362 12.9125977,9.58629261 C12.8002924,9.52166161 12.6806647,9.50426121 12.5537109,9.53409091 L9.27246094,10.4737216 C9.15527285,10.5134945 9.06494172,10.5905534 9.00146484,10.7049006 C8.93798796,10.8192477 8.92089829,10.9410505 8.95019531,11.0703125 C8.97949233,11.179688 9.0380855,11.2642042 9.12597656,11.3238636 C9.21386763,11.383523 9.30664014,11.4133523 9.40429688,11.4133523 Z M5.78613281,4.74644886 L2.50488281,3.80681818 C2.37792905,3.77698849 2.25830134,3.79438888 2.14599609,3.85901989 C2.03369084,3.92365089 1.95800801,4.02059594 1.91894531,4.14985795 C1.88964829,4.26917673 1.90673796,4.38600795 1.97021484,4.50035511 C2.03369172,4.61470228 2.12402285,4.69176116 2.24121094,4.73153409 L5.52246094,5.67116477 C5.54199229,5.681108 5.56396472,5.68607955 5.58837891,5.68607955 L5.65429688,5.68607955 C5.75195361,5.68607955 5.84472612,5.6562503 5.93261719,5.59659091 C6.02050825,5.53693152 6.07910142,5.45241532 6.10839844,5.34303977 C6.13769546,5.21377776 6.12060579,5.091975 6.05712891,4.97762784 C5.99365203,4.86328068 5.9033209,4.78622179 5.78613281,4.74644886 Z M5.78613281,7.61008523 L2.50488281,6.67045455 C2.37792905,6.64062485 2.25830134,6.65802525 2.14599609,6.72265625 C2.03369084,6.78728725 1.95800801,6.88423231 1.91894531,7.01349432 C1.88964829,7.1328131 1.90673796,7.24964431 1.97021484,7.36399148 C2.03369172,7.47833864 2.12402285,7.55539753 2.24121094,7.59517045 L5.52246094,8.53480114 C5.54199229,8.54474437 5.56396472,8.54971591 5.58837891,8.54971591 L5.65429688,8.54971591 C5.75195361,8.54971591 5.84472612,8.51988666 5.93261719,8.46022727 C6.02050825,8.40056788 6.07910142,8.31605168 6.10839844,8.20667614 C6.13769546,8.07741413 6.12060579,7.95561137 6.05712891,7.8412642 C5.99365203,7.72691704 5.9033209,7.64985815 5.78613281,7.61008523 Z M5.78613281,10.4737216 L2.50488281,9.53409091 C2.37792905,9.50426121 2.25830134,9.52166161 2.14599609,9.58629261 C2.03369084,9.65092362 1.95800801,9.74786867 1.91894531,9.87713068 C1.88964829,9.99644946 1.90673796,10.1132807 1.97021484,10.2276278 C2.03369172,10.341975 2.12402285,10.4190339 2.24121094,10.4588068 L5.52246094,11.3984375 C5.54199229,11.4083807 5.56396472,11.4133523 5.58837891,11.4133523 C5.61279309,11.4133523 5.63476553,11.4133523 5.65429688,11.4133523 C5.75195361,11.4133523 5.84472612,11.383523 5.93261719,11.3238636 C6.02050825,11.2642042 6.07910142,11.179688 6.10839844,11.0703125 C6.13769546,10.9410505 6.12060579,10.8192477 6.05712891,10.7049006 C5.99365203,10.5905534 5.9033209,10.5134945 5.78613281,10.4737216 Z" id="Combined-Shape"></path>

+                 <path d="M13.9453125,0.257102273 C14.2187514,0.17755642 14.4628896,0.222300291 14.6777344,0.391335227 C14.8925792,0.560370163 15,0.784089517 15,1.0625 L15,12.6661932 C15,12.9048307 14.9218758,13.1260643 14.765625,13.3299006 C14.6093742,13.5337368 14.4189464,13.6654827 14.1943359,13.725142 L7.99804688,15.4403409 C7.90039014,15.4701706 7.80029348,15.4900568 7.69775391,15.5 C7.59521433,15.5099432 7.5048832,15.5149148 7.42675781,15.5149148 C7.3193354,15.5149148 7.21435598,15.5074575 7.11181641,15.4925426 C7.00927683,15.4776278 6.9189457,15.4602274 6.84082031,15.4403409 L0.805664062,13.7400568 C0.581053564,13.6704542 0.390625781,13.5337368 0.234375,13.3299006 C0.0781242187,13.1260643 0,12.9048307 0,12.6661932 L0,1.0625 C0,0.784089517 0.107420801,0.560370163 0.322265625,0.391335227 C0.537110449,0.222300291 0.781248633,0.17755642 1.0546875,0.257102273 L7.08984375,1.95738636 C7.16796914,1.97727283 7.27783132,1.98721591 7.41943359,1.98721591 C7.56103586,1.98721591 7.67089805,1.97727283 7.74902344,1.95738636 L13.9453125,0.257102273 Z M7.03125,14.5007102 L7.03125,2.91193182 C7.00195298,2.91193182 6.97021501,2.90696028 6.93603516,2.89701705 C6.9018553,2.88707381 6.87011733,2.88210227 6.84082031,2.88210227 L0.9375,1.21164773 L0.9375,12.6661932 C0.9375,12.6960229 0.949706909,12.7258521 0.974121094,12.7556818 C0.998535278,12.7855115 1.02050771,12.8053977 1.04003906,12.8153409 L7.03125,14.5007102 Z M14.0625,12.6661932 L14.0625,1.21164773 L7.99804688,2.88210227 L7.96875,2.88210227 L7.96875,14.4559659 L13.9453125,12.8153409 C13.9648438,12.8053977 13.9892577,12.7855115 14.0185547,12.7556818 C14.0478517,12.7258521 14.0625,12.6960229 14.0625,12.6661932 Z" id="book-open---simple-line-icons"></path>

+             </g>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -0,0 +1,12 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>book-open - simple-line-icons</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/Mag/Inactive" fill="#9A9FA6">

+             <path d="M14.875,0.03125 C15.1666681,-0.05208375 15.4270822,-0.00520921875 15.65625,0.171875 C15.8854178,0.348959219 16,0.583331875 16,0.875 L16,13.03125 C16,13.2812513 15.9166675,13.5130198 15.75,13.7265625 C15.5833325,13.9401052 15.3802095,14.0781247 15.140625,14.140625 L8.53125,15.9375 C8.42708281,15.9687502 8.32031305,15.9895833 8.2109375,16 C8.10156195,16.0104167 8.00520875,16.015625 7.921875,16.015625 C7.80729109,16.015625 7.69531305,16.0078126 7.5859375,15.9921875 C7.47656195,15.9765624 7.38020875,15.9583334 7.296875,15.9375 L0.859375,14.15625 C0.619790469,14.083333 0.4166675,13.9401052 0.25,13.7265625 C0.0833325,13.5130198 0,13.2812513 0,13.03125 L0,0.875 C0,0.583331875 0.114582188,0.348959219 0.34375,0.171875 C0.572917812,-0.00520921875 0.833331875,-0.05208375 1.125,0.03125 L7.5625,1.8125 C7.64583375,1.83333344 7.76302008,1.84375 7.9140625,1.84375 C8.06510492,1.84375 8.18229125,1.83333344 8.265625,1.8125 L14.875,0.03125 Z M7.5,14.953125 L7.5,2.8125 C7.46874984,2.8125 7.43489602,2.80729172 7.3984375,2.796875 C7.36197898,2.78645828 7.32812516,2.78125 7.296875,2.78125 L1,1.03125 L1,13.03125 C1,13.0625002 1.0130207,13.0937498 1.0390625,13.125 C1.0651043,13.1562502 1.08854156,13.1770833 1.109375,13.1875 L7.5,14.953125 Z M15,13.03125 L15,1.03125 L8.53125,2.78125 L8.5,2.78125 L8.5,14.90625 L14.875,13.1875 C14.8958334,13.1770833 14.9218748,13.1562502 14.953125,13.125 C14.9843752,13.0937498 15,13.0625002 15,13.03125 Z M10.03125,5.71875 C9.92708281,5.71875 9.82812547,5.68750031 9.734375,5.625 C9.64062453,5.56249969 9.57812516,5.47395891 9.546875,5.359375 C9.51562484,5.22395766 9.53385383,5.09635477 9.6015625,4.9765625 C9.66927117,4.85677023 9.76562437,4.77604188 9.890625,4.734375 L13.390625,3.75 C13.5260423,3.71874984 13.6536452,3.73697883 13.7734375,3.8046875 C13.8932298,3.87239617 13.9739581,3.97395766 14.015625,4.109375 C14.0468752,4.23437563 14.0286462,4.35677023 13.9609375,4.4765625 C13.8932288,4.59635477 13.7968756,4.67708312 13.671875,4.71875 L10.171875,5.703125 C10.1510416,5.71354172 10.1276043,5.71875 10.1015625,5.71875 L10.03125,5.71875 Z M10.03125,8.71875 C9.92708281,8.71875 9.82812547,8.68750031 9.734375,8.625 C9.64062453,8.56249969 9.57812516,8.47395891 9.546875,8.359375 C9.51562484,8.22395766 9.53385383,8.09635477 9.6015625,7.9765625 C9.66927117,7.85677023 9.76562437,7.77604188 9.890625,7.734375 L13.390625,6.75 C13.5260423,6.71874984 13.6536452,6.73697883 13.7734375,6.8046875 C13.8932298,6.87239617 13.9739581,6.97395766 14.015625,7.109375 C14.0468752,7.23437563 14.0286462,7.35677023 13.9609375,7.4765625 C13.8932288,7.59635477 13.7968756,7.67708313 13.671875,7.71875 L10.171875,8.703125 C10.1510416,8.71354172 10.1276043,8.71875 10.1015625,8.71875 L10.03125,8.71875 Z M10.03125,11.71875 C9.92708281,11.71875 9.82812547,11.6875003 9.734375,11.625 C9.64062453,11.5624997 9.57812516,11.4739589 9.546875,11.359375 C9.51562484,11.2239577 9.53385383,11.0963548 9.6015625,10.9765625 C9.66927117,10.8567702 9.76562437,10.7760419 9.890625,10.734375 L13.390625,9.75 C13.5260423,9.71874984 13.6536452,9.73697883 13.7734375,9.8046875 C13.8932298,9.87239617 13.9739581,9.97395766 14.015625,10.109375 C14.0468752,10.2343756 14.0286462,10.3567702 13.9609375,10.4765625 C13.8932288,10.5963548 13.7968756,10.6770831 13.671875,10.71875 L10.171875,11.703125 C10.1510416,11.7135417 10.1276043,11.71875 10.1015625,11.71875 L10.03125,11.71875 Z M6.171875,4.734375 C6.29687563,4.77604188 6.39322883,4.85677023 6.4609375,4.9765625 C6.52864617,5.09635477 6.54687516,5.22395766 6.515625,5.359375 C6.48437484,5.47395891 6.42187547,5.56249969 6.328125,5.625 C6.23437453,5.68750031 6.13541719,5.71875 6.03125,5.71875 L5.9609375,5.71875 C5.9348957,5.71875 5.91145844,5.71354172 5.890625,5.703125 L2.390625,4.71875 C2.26562437,4.67708312 2.16927117,4.59635477 2.1015625,4.4765625 C2.03385383,4.35677023 2.01562484,4.23437563 2.046875,4.109375 C2.08854187,3.97395766 2.16927023,3.87239617 2.2890625,3.8046875 C2.40885477,3.73697883 2.53645766,3.71874984 2.671875,3.75 L6.171875,4.734375 Z M6.171875,7.734375 C6.29687563,7.77604188 6.39322883,7.85677023 6.4609375,7.9765625 C6.52864617,8.09635477 6.54687516,8.22395766 6.515625,8.359375 C6.48437484,8.47395891 6.42187547,8.56249969 6.328125,8.625 C6.23437453,8.68750031 6.13541719,8.71875 6.03125,8.71875 L5.9609375,8.71875 C5.9348957,8.71875 5.91145844,8.71354172 5.890625,8.703125 L2.390625,7.71875 C2.26562437,7.67708313 2.16927117,7.59635477 2.1015625,7.4765625 C2.03385383,7.35677023 2.01562484,7.23437563 2.046875,7.109375 C2.08854187,6.97395766 2.16927023,6.87239617 2.2890625,6.8046875 C2.40885477,6.73697883 2.53645766,6.71874984 2.671875,6.75 L6.171875,7.734375 Z M6.171875,10.734375 C6.29687563,10.7760419 6.39322883,10.8567702 6.4609375,10.9765625 C6.52864617,11.0963548 6.54687516,11.2239577 6.515625,11.359375 C6.48437484,11.4739589 6.42187547,11.5624997 6.328125,11.625 C6.23437453,11.6875003 6.13541719,11.71875 6.03125,11.71875 C6.01041656,11.71875 5.9869793,11.71875 5.9609375,11.71875 C5.9348957,11.71875 5.91145844,11.7135417 5.890625,11.703125 L2.390625,10.71875 C2.26562437,10.6770831 2.16927117,10.5963548 2.1015625,10.4765625 C2.03385383,10.3567702 2.01562484,10.2343756 2.046875,10.109375 C2.08854187,9.97395766 2.16927023,9.87239617 2.2890625,9.8046875 C2.40885477,9.73697883 2.53645766,9.71874984 2.671875,9.75 L6.171875,10.734375 Z" id="book-open---simple-line-icons"></path>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -0,0 +1,12 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="5px" height="17px" viewBox="0 0 5 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>Combined Shape</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/More/Active" transform="translate(1.000000, 1.000000)" fill="#3C6EB4" stroke="#3C6EB4" stroke-width="0.666666667">

+             <path d="M1.66666667,3.33333333 C0.746192084,3.33333333 0,2.58714125 0,1.66666667 C0,0.746192084 0.746192084,0 1.66666667,0 C2.58714125,0 3.33333333,0.746192084 3.33333333,1.66666667 C3.33333333,2.58714125 2.58714125,3.33333333 1.66666667,3.33333333 Z M1.66666667,9.33333333 C0.746192084,9.33333333 0,8.58714125 0,7.66666667 C0,6.74619208 0.746192084,6 1.66666667,6 C2.58714125,6 3.33333333,6.74619208 3.33333333,7.66666667 C3.33333333,8.58714125 2.58714125,9.33333333 1.66666667,9.33333333 Z M1.66666667,15.3333333 C0.746192084,15.3333333 0,14.5871412 0,13.6666667 C0,12.7461921 0.746192084,12 1.66666667,12 C2.58714125,12 3.33333333,12.7461921 3.33333333,13.6666667 C3.33333333,14.5871412 2.58714125,15.3333333 1.66666667,15.3333333 Z" id="Combined-Shape"></path>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -0,0 +1,12 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="4px" height="16px" viewBox="0 0 4 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>Combined Shape</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/More/Inactive" fill="#9A9FA6">

+             <path d="M1.73913043,3.47826087 C0.778635218,3.47826087 0,2.69962565 0,1.73913043 C0,0.778635218 0.778635218,0 1.73913043,0 C2.69962565,0 3.47826087,0.778635218 3.47826087,1.73913043 C3.47826087,2.69962565 2.69962565,3.47826087 1.73913043,3.47826087 Z M1.73913043,9.73913043 C0.778635218,9.73913043 0,8.96049522 0,8 C0,7.03950478 0.778635218,6.26086957 1.73913043,6.26086957 C2.69962565,6.26086957 3.47826087,7.03950478 3.47826087,8 C3.47826087,8.96049522 2.69962565,9.73913043 1.73913043,9.73913043 Z M1.73913043,16 C0.778635218,16 0,15.2213648 0,14.2608696 C0,13.3003743 0.778635218,12.5217391 1.73913043,12.5217391 C2.69962565,12.5217391 3.47826087,13.3003743 3.47826087,14.2608696 C3.47826087,15.2213648 2.69962565,16 1.73913043,16 Z" id="Combined-Shape"></path>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -0,0 +1,12 @@ 

+ <?xml version="1.0" encoding="UTF-8"?>

+ <svg width="15px" height="18px" viewBox="0 0 15 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

+     <!-- Generator: Sketch 50.1 (55044) - http://www.bohemiancoding.com/sketch -->

+     <title>ion-android-notifications-none - Ionicons</title>

+     <desc>Created with Sketch.</desc>

+     <defs></defs>

+     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">

+         <g id="Icons/Notification" fill="#79818B">

+             <path d="M7.54261364,3.11538462 L7.45738636,3.11538462 L6.43465909,3.33173077 C5.46874517,3.53365486 4.67329858,4.04566897 4.04829545,4.86778846 C3.42329233,5.68990796 3.11079545,6.62018712 3.11079545,7.65865385 L3.11079545,13.1538462 L2.72727273,13.5865385 L2.38636364,13.9326923 L12.6136364,13.9326923 L12.2727273,13.5865385 L11.8892045,13.1538462 L11.8892045,7.65865385 C11.8892045,6.62018712 11.5767077,5.68990796 10.9517045,4.86778846 C10.3267014,4.04566897 9.53125483,3.53365486 8.56534091,3.33173077 C8.08238395,3.18749928 7.74147827,3.11538462 7.54261364,3.11538462 Z M6.51988636,0.389423077 C6.74716023,0.129806394 7.10227074,0 7.5,0 C7.89772926,0 8.21732834,0.129806394 8.45880682,0.389423077 C8.7002853,0.64903976 8.82102273,0.966344279 8.82102273,1.34134615 L8.82102273,1.99038462 C10.0994382,2.30769389 11.1576663,2.9927832 11.9957386,4.04567308 C12.833811,5.09856296 13.2528409,6.30287784 13.2528409,7.65865385 L13.2528409,12.1886129 C13.2528409,12.4470174 13.3528689,12.6953903 13.5319579,12.8816697 L14.720883,14.1183303 C14.899972,14.3046097 15,14.5529826 15,14.8113871 L15,14.8629808 C15,15.1138986 14.7965909,15.3173077 14.5456731,15.3173077 L0.454326923,15.3173077 C0.203409092,15.3173077 3.07285719e-17,15.1138986 0,14.8629808 L1.55431223e-15,14.8113871 C1.98168531e-15,14.5529826 0.100028027,14.3046097 0.279116964,14.1183303 L1.46804213,12.8816697 C1.64713106,12.6953903 1.74715909,12.4470174 1.74715909,12.1886129 L1.74715909,7.65865385 C1.74715909,6.30287784 2.16618899,5.09856296 3.00426136,4.04567308 C3.84233374,2.9927832 4.90056179,2.30769389 6.17897727,1.99038462 L6.17897727,1.34134615 C6.17897727,0.966344279 6.2926125,0.64903976 6.51988636,0.389423077 Z M9.24715909,16.1826923 C9.24715909,16.6730794 9.07670625,17.0985559 8.73579545,17.4591346 C8.39488466,17.8197133 7.98295696,18 7.5,18 C7.01704304,18 6.60511534,17.8197133 6.26420455,17.4591346 C5.92329375,17.0985559 5.75284091,16.6730794 5.75284091,16.1826923 L9.24715909,16.1826923 Z" id="ion-android-notifications-none---Ionicons"></path>

+         </g>

+     </g>

+ </svg> 

\ No newline at end of file

@@ -18,10 +18,6 @@ 

    margin:auto;

  }

  

- ion-list {

-   margin-top: 40px !important;

- }

- 

  .item

  {

    background-color: transparent;

@@ -1,47 +0,0 @@ 

- <!--

-   Generated template for the AskPage page.

- 

-   See http://ionicframework.com/docs/v2/components/#navigation for more info on

-   Ionic pages and navigation.

- -->

- 

- <ion-content class="first">

- 

-     <ion-navbar class="first-navbar">

-         <button ion-button menuToggle left>

-           <ion-icon name="menu"></ion-icon>

-         </button>

- 

-       </ion-navbar>

- 

-   <img id="logo" src="assets/img/logo.svg" ng-click="login()" />

- 

-   <div id="div1" class="button button1" ion-button (click)="openMag()">

-     <div id="mag-logo">

-       <img src="assets/img/m.svg" />

-       <p class="caption">Magazine</p>

-     </div>

-   </div>

- 

-   <div id="div2" class="button button1" ion-button (click)="openSocial()">

-     <div id="social-logo">

-       <img src="assets/img/s.svg" />

-       <p class="caption">Social</p>

-     </div>

-   </div>

- 

-   <div id="div3" class="button button1" ion-button (click)="openAsk()">

-     <div id="ask-logo">

-       <img src="assets/img/a.svg" />

-       <p class="caption">Ask</p>

-     </div>

-   </div>

- 

-   <div id="div4" class="button button1" ion-button (click)="openCal()">

-     <div id="calender-logo">

-       <img src="assets/img/c.svg" />

-       <p class="caption">Calendar</p>

-     </div>

-   </div>

- 

- </ion-content>

@@ -1,122 +0,0 @@ 

- @font-face {

-   font-family: native;

-   src: url('/assets/fonts/Comfortaa-Regular.ttf');

- }

- 

- @font-face {

-   font-family: nativeBold;

-   src: url('/assets/fonts/Comfortaa-Bold.ttf');

- }

- 

- .first {

-   background-color: transparent;

-   padding: 0;

-   margin: 0;

-   .first-navbar {

-       z-index: 1;

-   }

- }

- 

- 

- /*First page */

- 

- html,

- body {

-   height: 100%;

-   padding: 0;

-   margin: 0;

- }

- 

- #div1,

- #div2,

- #div3,

- #div4 {

-   width: 50%;

-   height: 50%;

-   position: absolute;

-   /* Chrome bug, does not honor z-index properly */

-   z-index: -1;

- }

- 

- .button1 {

-   padding: 0;

-   margin: 0;

-   border-radius: 0;

- }

- 

- #div1 {

-   background: #3c6eb4;

-   top: 0;

-   left: 0;

- }

- 

- #div2 {

-   background: #db3279;

-   top: 0;

-   right: 0;

- }

- 

- #div3 {

-   background: #e59728;

-   bottom: 0;

-   left: 0;

- }

- 

- #div4 {

-   background: #79db32;

-   bottom: 0;

-   right: 0;

- }

- 

- #div1,

- #div2,

- #div3,

- #div4 p {

-   font-family: 'opensans';

-   font-size: 16px;

-   color: #ffffff;

-   position: absolute;

- }

- 

- #logo {

-   position: absolute;

-   left: 50%;

-   top: 50%;

-   margin-left: -60px;

-   margin-top: -60px;

-   z-index: 3;

- }

- 

- #mag-logo {

-   position: absolute;

-   left: 25%;

-   top: 25%;

- }

- 

- #social-logo {

-   position: absolute;

-   left: 25%;

-   top: 25%;

- }

- 

- #ask-logo {

-   position: absolute;

-   left: 25%;

-   top: 25%;

- }

- 

- #calender-logo {

-   position: absolute;

-   left: 25%;

-   top: 25%;

- }

- 

- .caption {

-   color: #ffffff;

-   text-transform: uppercase;

-   font-family: nativeBold !important;

-   letter-spacing: 1px;

- }

- 

- 

- /*Front page ends*/

@@ -1,47 +0,0 @@ 

- import { Component } from '@angular/core';

- import { NavController } from 'ionic-angular';

- import { MagazinePage } from '../magazine/magazine';

- import { AskPage } from '../ask/ask';

- import { CalendarPage } from '../calendar/calendar';

- import { SocialPage } from '../social/social';

- 

- /**

-  * Home page of the Fedora App

-  */

- @Component({

-   templateUrl: 'first.html',

- })

- 

- export class FirstPage {

- 

-   constructor(private nav: NavController) {

-   }

- 

-   /**

-    * Navigate to Fedora Magazine section

-    */

-   openMag(): void {

-     this.nav.push(MagazinePage);

-   }

- 

-   /**

-    * Navigate to Ask Fedora section

-    */

-   openAsk(): void {

-     this.nav.push(AskPage);

-   }

- 

-   /**

-    * Navigate to Fedora Social section

-    */

-   openSocial(): void {

-     this.nav.push(SocialPage);

-   }

- 

-   /**

-    * Navigate to Fedora Calendar section

-    */

-   openCal(): void {

-     this.nav.push(CalendarPage);

-   }

- }

@@ -0,0 +1,62 @@ 

+ <ion-header no-border>

+   <ion-navbar>

+     <ion-title>

+       <img src="./assets/img/Fedora.svg" height="24px" alt="Fedora">

+     </ion-title>

+     <ion-buttons end>

+       <button tappable (click)="openNotificationPage()">

+         <img src="./assets/img/notification.svg">

+       </button>

+     </ion-buttons>

+   </ion-navbar>

+ </ion-header>

+ 

+ <ion-content>

+   <ion-slides autoplay="3000" centeredSlides effect="fade" loop speed="700" *ngIf="carousel.length !== 0">

+     <ion-slide *ngFor="let post of carousel" tappable (click)="openUpdate(post)">

+       <a href="{{post.link}}">

+         <img src="{{post.image}}">

+       </a>

+     </ion-slide>

+   </ion-slides>

+ 

+   <div class="latest">

+     <ion-label>Latest from the community </ion-label>

+     <ion-segment [(ngModel)]="latestActive">

+       <ion-segment-button value="blog">

+         Community Blog

+       </ion-segment-button>

+       <ion-segment-button value="social">

+         Social Media

+       </ion-segment-button>

+     </ion-segment>

+     <div [ngSwitch]="latestActive">

+       <ion-list *ngSwitchCase="'blog'">

+         <ion-list *ngIf="blogposts.length !== 0">

+           <ion-card *ngFor="let blogpost of blogposts" tappable (click)="openUpdate(blogpost)">

+             <ion-card-header [innerHTML]="blogpost.title" class="body-title"></ion-card-header>

+             <ion-card-content [innerHTML]="blogpost.publishedAt" class="body-subtitle">

+             </ion-card-content>

+           </ion-card>

+         </ion-list>

+       </ion-list>

+       <ion-list *ngSwitchCase="'social'">

+         <ion-list *ngIf="socialposts.length !== 0">

+           <ion-card *ngFor="let update of socialposts" tappable (click)="openUpdate(update)">

+             <ion-card-header>

+               <img src="./assets/img/logo.svg" height="34px">

+               <div>

+                 <span class="active-title">Fedora</span>

+                 <span class="body-subtitle">

+                   <ion-icon name="logo-{{ update.origin }}" color="fedoraltblue"></ion-icon>

+                   {{update.date}}

+                 </span>

+               </div>

+             </ion-card-header>

+             <ion-card-content [innerHTML]="update.content" class="content social"></ion-card-content>

+           </ion-card>

+         </ion-list>

+       </ion-list>

+     </div>

+   </div>

+ </ion-content> 

\ No newline at end of file

@@ -0,0 +1,73 @@ 

+ page-home {

+     ion-content {

+         background-color: #EFF0F1 !important;

+     }

+     ion-slides {

+         height: auto;

+     }

+     ion-slide.swiper-slide {

+         align-items: flex-start;

+     }

+     .slide-zoom {

+         img {

+             padding: 0.25em;

+         }

+     }

+     .latest {

+         .label {

+             background-color: #fff;

+             padding: 13px 16px;

+             margin: 0;

+         }

+         ion-segment {

+             padding: 0px 24px 0 24px;

+             background-color: #fff;

+         }

+         .segment-button {

+             font-family: "Montserrat-Light";

+             font-size: 12px;

+             color: #9A9FA6;

+             text-transform: none;

+             padding: 0;

+         }

+         .segment-activated {

+             font-family: "Montserrat-SemiBold";

+             font-size: 12px;

+             color: #3C6EB4;

+             padding: 0;

+         }

+     }

+     .card {

+ 		padding: 16px 24px;

+ 		background-color: #FFFFFF!important;

+ 		box-shadow: none;

+ 		margin: 4px 0;

+ 		width: 100%;

+ 	}

+ 	.card-header{

+ 		padding: 0!important;

+ 	}

+ 	.card-content{

+ 		margin-top: 8px;

+ 		padding: 0!important;

+ 	}

+ 	ion-card{

+ 		img{

+ 			width: auto;

+ 			float: left;

+ 			margin-right: 12px;

+ 		}

+ 		span{

+ 			display: block;

+ 		}

+ 		.active-title{

+ 			margin-bottom: 4px;

+ 		}

+ 		ion-icon{

+ 			margin-right: 5px;

+ 		}

+ 	}

+ 	.social{

+ 		margin-top: 16px!important;

+ 	}

+ } 

\ No newline at end of file

file added
+106

@@ -0,0 +1,106 @@ 

+ import { Component } from '@angular/core';

+ import { NavController } from 'ionic-angular';

+ import { NotificationsPage } from '../../pages/notifications/notifications'

+ import { Browser } from '../../providers/browser/browser';

+ import { FacebookProvider } from '../../providers/social/facebook';

+ import { TwitterProvider } from '../../providers/social/twitter';

+ import { SocialMediaPost } from '../../providers/social/social';

+ import { forkJoin } from 'rxjs/observable/forkJoin';

+ import { FedoraMagazineService, Post, Image } from '../../providers/fedora-magazine/fedora-magazine';

+ import { CommunityBlogService } from '../../providers/community-blog/community-blog';

+ 

+ const HANDLE = {

+   FB: 'fedoraqa',

+   TWITTER: 'fedora_qa',

+ };

+ 

+ @Component({

+   selector: 'page-home',

+   templateUrl: 'home.html',

+   providers: [FacebookProvider, TwitterProvider, FedoraMagazineService, CommunityBlogService]

+ })

+ 

+ export class HomePage {

+   /**

+    * Set the currently active segment on Home Page as Community Blog

+    */

+   latestActive: String = "blog";

+ 

+   /**

+    * List of Facebook and Twitter Posts

+    */

+   private socialposts: SocialMediaPost[];

+ 

+   /**

+    * List of images fetched from FedoraMag showing top 5 latest events

+    */

+   private carousel: Image[];

+ 

+   /**

+    * List of posts from Fedora Community Blog

+    */

+   private blogposts: Post[];

+ 

+   constructor(public navCtrl: NavController, private browser: Browser, private fb: FacebookProvider, private twitter: TwitterProvider, private fedoraMag: FedoraMagazineService, private communityblog: CommunityBlogService) {

+     this.socialposts = [];

+     this.blogposts = [];

+     this.carousel = [];

+   }

+ 

+   /**

+    * Fetch posts from social media channels

+    *

+    * Currently, we fetch posts from Facebook and Twitter

+    */

+   private updateSocialMedia(): void {

+     forkJoin(this.fb.getPosts(HANDLE.FB), this.twitter.getPosts(HANDLE.TWITTER))

+       .subscribe(values => {

+         this.socialposts = [...values[0], ...values[1]] as SocialMediaPost[];

+       });

+   }

+ 

+   /**

+    * Fetch Latest 5 Images from 'Latest from Fedora Section' of Magazine for carousel

+    */

+   private updateImages(): void {

+     this.fedoraMag.getImages()

+       .subscribe(images => {

+         this.carousel = images;

+       });

+   }

+ 

+   /**

+    * Fetch Blog Posts from the Fedora Community Blog

+    */

+   private updateBlogPosts(): void {

+     this.communityblog.getBlogPosts()

+       .subscribe(blogposts => {

+         this.blogposts = blogposts;

+       });

+   }

+ 

+   ngOnInit() {

+     this.updateImages();

+     this.updateBlogPosts();

+     this.updateSocialMedia();

+   }

+ 

+   /**

+    * Opens a update in a browser

+    *

+    * Opens the update in an in-app browser in mobile app and in a new tab on desktop.

+    *

+    * @param update update to open

+    */

+   openUpdate(update: any): void {

+     this.browser.open(update.link);

+   }

+ 

+   /**

+    * Open the notifications pane from the home page

+    */

+   openNotificationPage() {

+     this.navCtrl.push(NotificationsPage, { animate: true, direction: 'forward' });

+   }

+ 

+ } 

\ No newline at end of file

@@ -0,0 +1,18 @@ 

+ <!--

+   Generated template for the MorePage page.

+ 

+   See http://ionicframework.com/docs/components/#navigation for more info on

+   Ionic pages and navigation.

+ -->

+ <ion-header>

+ 

+   <ion-navbar>

+     <ion-title>more</ion-title>

+   </ion-navbar>

+ 

+ </ion-header>

+ 

+ 

+ <ion-content padding>

+ 

+ </ion-content>

@@ -0,0 +1,3 @@ 

+ page-more {

+ 

+ }

@@ -0,0 +1,12 @@ 

+ import { Component } from '@angular/core';

+ import { NavController, NavParams } from 'ionic-angular';

+ 

+ @Component({

+   selector: 'page-more',

+   templateUrl: 'more.html',

+ })

+ export class MorePage {

+ 

+   constructor(public navCtrl: NavController, public navParams: NavParams) {

+   }

+ }

@@ -0,0 +1,18 @@ 

+ <!--

+   Generated template for the NotificationsPage page.

+ 

+   See http://ionicframework.com/docs/components/#navigation for more info on

+   Ionic pages and navigation.

+ -->

+ <ion-header>

+ 

+   <ion-navbar>

+     <ion-title>notifications</ion-title>

+   </ion-navbar>

+ 

+ </ion-header>

+ 

+ 

+ <ion-content padding>

+ 

+ </ion-content>

@@ -0,0 +1,3 @@ 

+ page-notifications {

+ 

+ }

@@ -0,0 +1,12 @@ 

+ import { Component } from '@angular/core';

+ import { NavController, NavParams } from 'ionic-angular';

+ 

+ @Component({

+   selector: 'page-notifications',

+   templateUrl: 'notifications.html',

+ })

+ export class NotificationsPage {

+ 

+   constructor(public navCtrl: NavController, public navParams: NavParams) {

+   }

+ }

@@ -1,40 +0,0 @@ 

- <!--

-   Generated template for the SocialPage page.

- 

-   See http://ionicframework.com/docs/v2/components/#navigation for more info on

-   Ionic pages and navigation.

- -->

- <ion-content padding class="social">

- 

-     <ion-navbar>

-         <button ion-button menuToggle>

-           <ion-icon name="menu"></ion-icon>

-         </button>

-       </ion-navbar>

- 

-   <img id="social_logo" src="assets/img/social_icon.svg">

- 

-   <ion-list *ngIf="posts.length !== 0" id="social_card">

-     <ion-card *ngFor="let post of posts" >

- 

-         <ion-row>

-         <ion-col tappable (click)="openPost(post)">

-           {{ post.content }}

-         </ion-col>

- 

-       </ion-row>

-       <ion-row >

-         <ion-col center >

-           <button ion-button small clear disabled class="s-icon">

-             <ion-icon name="logo-{{ post.origin }}"></ion-icon>

-           </button>

-         </ion-col>

-         <ion-col center>

-           <button ion-button small clear tappable color="dark" (click)="sharePost(post)">

-             <ion-icon name="share"></ion-icon>

-           </button>

-         </ion-col>

-       </ion-row>

-     </ion-card>

-   </ion-list>

- </ion-content>

@@ -1,29 +0,0 @@ 

- .social {

-   background : url('../../social_back.png');

-   background-color: #FFFFFF;

- }

- 

- #social_logo{

-   z-index: 1;

-   display:block;

-   position:absolute;

-   left:0;

-   right:0;

-   top:40px;

-   margin:auto;

-   padding-bottom: 30px;

- }

- 

- #social_card{

-   margin-top: 80px !important;

- 

- }

- 

- .button{

-   box-shadow: none;

-   float: right;

- }

- 

- .s-icon{

-   float: left !important;

- }

@@ -1,81 +0,0 @@ 

- import { Component } from '@angular/core';

- import { SocialSharing } from '@ionic-native/social-sharing';

- 

- import { Browser } from '../../providers/browser/browser';

- import { FacebookProvider } from '../../providers/social/facebook';

- import { TwitterProvider } from '../../providers/social/twitter';

- import { Post } from '../../providers/social/social';

- import { combineLatest } from 'rxjs/observable/combineLatest';

- 

- const HANDLE = {

-   FB: 'fedoraqa',

-   TWITTER: 'fedora_qa',

- };

- 

- const DEFAULT_POST_TITLE = 'Update from Fedora Project';

- 

- /**

-  * Shows updates from the social media channels of Fedora

-  */

- @Component({

-   templateUrl: 'social.html',

-   providers: [FacebookProvider, TwitterProvider],

- })

- export class SocialPage {

- 

-   /**

-    * List of posts from different social media channels

-    */

-   private posts: Post[];

- 

-   constructor(private browser: Browser, private fb: FacebookProvider, private twitter: TwitterProvider,

-     private socialSharing: SocialSharing) {

-     this.posts = [];

-   }

- 

-   ngOnInit() {

-     this.updatePosts();

-   }

- 

-   /**

-    * Fetch posts from social media channels

-    *

-    * Currently, we fetch posts from Facebook and Twitter

-    */

-   private updatePosts(): void {

-     combineLatest(this.fb.getPosts(HANDLE.FB), this.twitter.getPosts(HANDLE.TWITTER))

-       .subscribe(values => {

-         this.posts = [...values[0], ...values[1]] as Post[];

-       });

-   }

- 

-   /**

-    * Open a post in a browser

-    *

-    * Opens the post in an in-app browser in mobile app and in a new tab on desktop.

-    * On some platforms, the post may directly open in the app of the social media

-    * service.

-    *

-    * @param post post to open

-    */

-   openPost(post:Post): void {

-     this.browser.open(post.link);

-   }

- 

-   /**

-    * Share the post using a third-party app installed in the user's device

-    *

-    * Allows to share the post using apps like WhatsApp, Facebook, or any app that

-    * exposes a share interface to the underlying OS.

-    *

-    * @param post post to share

-    */

-   sharePost(post:Post): void {

-     this.socialSharing.share(

-       post.content,

-       DEFAULT_POST_TITLE,

-       null,

-       post.link

-     );

-   }

- }

@@ -0,0 +1,8 @@ 

+ <!--Set the primary navigation of the app with 5 core tabs-->

+ <ion-tabs>

+   <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="fedora-home"></ion-tab>

+   <ion-tab [root]="tab2Root" tabTitle="Magazine" tabIcon="fedora-mag" ></ion-tab>

+   <ion-tab [root]="tab3Root" tabTitle="Calendar" tabIcon="fedora-cal" ></ion-tab>

+   <ion-tab [root]="tab4Root" tabTitle="Ask" tabIcon="fedora-ask"></ion-tab>

+   <ion-tab [root]="tab5Root" tabTitle="More" tabIcon="fedora-more"></ion-tab>

+ </ion-tabs> 

\ No newline at end of file

@@ -0,0 +1,3 @@ 

+ page-tabs {

+ 

+ }

@@ -0,0 +1,24 @@ 

+ import { Component } from '@angular/core';

+ 

+ import { HomePage } from '../home/home';

+ import { MagazinePage } from '../magazine/magazine';

+ import { CalendarPage } from '../calendar/calendar';

+ import { AskPage } from '../ask/ask';

+ import { MorePage } from '../more/more';

+ 

+ @Component({

+   templateUrl: 'tabs.html'

+ })

+ export class TabsPage {

+   /**

+    * set the root of the tabs

+    */

+   tab1Root = HomePage;

+   tab2Root = MagazinePage;

+   tab3Root = CalendarPage;

+   tab4Root = AskPage;

+   tab5Root = MorePage;

+   constructor() {

+ 

+   }

+ } 

\ No newline at end of file

@@ -0,0 +1,35 @@ 

+ import 'rxjs/add/operator/map';

+ import { Injectable } from '@angular/core';

+ import { HttpClient } from '@angular/common/http';

+ import { Observable } from 'rxjs/Observable';

+ import { chooseEndpoint, beautifyDate } from '../../utils';

+ import { Post } from '../fedora-magazine/fedora-magazine';

+ 

+ const ENDPOINT = chooseEndpoint('/community-blog', 'https://communityblog.fedoraproject.org/wp-json/wp/v2');

+ 

+ /**

+  * Service for fetching posts from Community Blog API

+  */

+ @Injectable()

+ export class CommunityBlogService {

+     constructor(private http: HttpClient) {

+     }

+ 

+     /**

+      * Fetch the list of latest posts on Fedora Community Blog

+      *

+      * @returns Observable which emits an array of blog posts

+      */

+     getBlogPosts(): Observable<Post[]> {

+         return this.http.get(`${ENDPOINT}/posts`)

+             .map((data: any[]) => data.map((blogpost: any) => ({

+                 id: blogpost.id,

+                 link: blogpost.link,

+                 permalink: blogpost.guid.rendered,

+                 title: blogpost.title.rendered,

+                 excerpt: blogpost.excerpt.rendered,

+                 content: blogpost.content.rendered,

+                 publishedAt: beautifyDate(blogpost.date_gmt, 'blog')

+             })));

+     }

+ }

@@ -5,7 +5,7 @@ 

  import { map, tap } from 'rxjs/operators';

  import { fromPromise } from 'rxjs/observable/fromPromise';

  import { merge } from 'rxjs/observable/merge';

- import { chooseEndpoint, defaultValue } from '../../utils';

+ import { chooseEndpoint, defaultValue, beautifyDate } from '../../utils';

  

  /**

   * Endpoint for this service.

@@ -45,11 +45,6 @@ 

    title: string,

  

    /**

-    * URL to the featured image of the post

-    */

-   image: string,

- 

-   /**

     * A short excerpt of the post

     */

    excerpt: string,

@@ -62,7 +57,28 @@ 

    /**

     * Time of publication

     */

-   publishedAt: Date

+   publishedAt: string

+ }

+ 

+ /**

+  * Represents a image on App Carousel fetched from fedora magazine

+  */

+ export interface Image {

+  /**

+    * Unique ID of the post, supplied by the CMS

+    */

+   id: number,

+ 

+   /**

+    * A sluggified link to the post

+    */

+   link: string,

+ 

+   /**

+    * The Image of the post

+    */

+ 

+   image: string

  }

  

  /**

@@ -99,7 +115,7 @@ 

            image: post.featured_media,

            excerpt: post.excerpt.rendered,

            content: post.content.rendered,

-           publishedAt: new Date(post.date_gmt + 'Z'),

+           publishedAt: beautifyDate(post.date_gmt,'blog'),

          })))

        );

    }

@@ -117,4 +133,22 @@ 

        tap(x => this.storage.set(STORAGE_KEY, x)))

      );

    }

+ 

+   /**

+    * Fetch the list of latest images on Fedora Magazine

+    *

+    * @returns Observable which emits an array of images

+    */

+   getImages(): Observable<Image[]> {

+ 

+     let pageResults = '5'; // get top 5 posts only

+     let imageCategory = '609'; //get posts from New in Fedora category

+ 

+     return this.http.get(`${ENDPOINT}/posts`, { params: { 'per_page': pageResults, 'categories':imageCategory, '_embed': '' } })

+       .map((data: any[]) => data.map((image: any) => ({

+         id: image.id,

+         link: image.link,

+         image: image._embedded['wp:featuredmedia']['0'].media_details.sizes.medium_large.source_url

+       })));

+   }

  }

<

@@ -3,7 +3,8 @@ 

  import { Storage } from '@ionic/storage';

  import { Facebook } from 'fb';

  import { compact } from 'lodash-es';

- import { SocialProvider, Post, FACEBOOK } from './social';

+ import { beautifyDate } from '../../utils';

+ import { SocialProvider, SocialMediaPost, FACEBOOK } from './social';

  import { Observable } from 'rxjs/Observable';

  import { Observer } from 'rxjs/Observer';

  import { fromPromise } from 'rxjs/observable/fromPromise';

@@ -49,7 +50,7 @@ 

     * @param page ID of the Facebook page

     * @returns Observable which emits an array of Facebook posts

     */

-   private loadCachedPosts(page: string): Observable<Post[]> {

+   private loadCachedPosts(page: string): Observable<SocialMediaPost[]> {

      return fromPromise(this.storage.get(getStorageKey(page))).pipe(defaultValue([]));

    }

  

@@ -80,16 +81,17 @@ 

     * @param args Extra args for pagination etc.

     * @returns Observable which emits an array of Facebook posts

     */

-   fetchPosts(page: string, args?): Observable<Post[]> {

+   fetchPosts(page: string, args?): Observable<SocialMediaPost[]> {

      return this.api(`${page}/posts`)

        .pipe(

          map((res: any) => {

-           const posts = compact<Post>(res.data.map(p => {

+           const posts = compact<SocialMediaPost>(res.data.map(p => {

              const post = {

                id: p.id,

                link: 'https://facebook.com/' + p.id,

                content: p.message,

                origin: FACEBOOK,

+               date: beautifyDate(p.created_time,'social')

              };