diff --git a/config.xml b/config.xml
index 69927e92..2479a4ce 100644
--- a/config.xml
+++ b/config.xml
@@ -1,5 +1,5 @@
 <?xml version='1.0' encoding='utf-8'?>
-<widget id="com.minds.mobile.dev" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+<widget id="com.minds.mobile.dev" version="0.0.2" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
     <name>Minds (2.0)</name>
     <description>The next gen Minds app</description>
     <author email="mark@minds.com" href="http://minds.com/mark">Minds Inc.</author>
@@ -23,6 +23,7 @@
     <preference name="DisallowOverscroll" value="true" />
     <preference name="android-minSdkVersion" value="16" />
     <preference name="BackupWebStorage" value="none" />
+    <preference name="loadUrlTimeoutValue" value="700000" />
 
     <!--
       Change these to configure how the splashscreen displays and fades in/out.
diff --git a/resources/android/icon/drawable-hdpi-icon-ionic.png b/resources/android/icon/drawable-hdpi-icon-ionic.png
new file mode 100644
index 00000000..b9100934
Binary files /dev/null and b/resources/android/icon/drawable-hdpi-icon-ionic.png differ
diff --git a/resources/android/icon/drawable-hdpi-icon.png b/resources/android/icon/drawable-hdpi-icon.png
old mode 100644
new mode 100755
index b9100934..688b14e2
Binary files a/resources/android/icon/drawable-hdpi-icon.png and b/resources/android/icon/drawable-hdpi-icon.png differ
diff --git a/resources/android/icon/drawable-mdpi-icon-ionic.png b/resources/android/icon/drawable-mdpi-icon-ionic.png
new file mode 100644
index 00000000..64a6cbc5
Binary files /dev/null and b/resources/android/icon/drawable-mdpi-icon-ionic.png differ
diff --git a/resources/android/icon/drawable-mdpi-icon.png b/resources/android/icon/drawable-mdpi-icon.png
old mode 100644
new mode 100755
index 64a6cbc5..688b14e2
Binary files a/resources/android/icon/drawable-mdpi-icon.png and b/resources/android/icon/drawable-mdpi-icon.png differ
diff --git a/resources/android/icon/drawable-xhdpi-icon-ionic.png b/resources/android/icon/drawable-xhdpi-icon-ionic.png
new file mode 100644
index 00000000..1605f695
Binary files /dev/null and b/resources/android/icon/drawable-xhdpi-icon-ionic.png differ
diff --git a/resources/android/icon/drawable-xhdpi-icon.png b/resources/android/icon/drawable-xhdpi-icon.png
old mode 100644
new mode 100755
index 1605f695..688b14e2
Binary files a/resources/android/icon/drawable-xhdpi-icon.png and b/resources/android/icon/drawable-xhdpi-icon.png differ
diff --git a/resources/android/icon/drawable-xxhdpi-icon-ionic.png b/resources/android/icon/drawable-xxhdpi-icon-ionic.png
new file mode 100644
index 00000000..56fb29e6
Binary files /dev/null and b/resources/android/icon/drawable-xxhdpi-icon-ionic.png differ
diff --git a/resources/android/icon/drawable-xxhdpi-icon.png b/resources/android/icon/drawable-xxhdpi-icon.png
index 56fb29e6..0d677037 100644
Binary files a/resources/android/icon/drawable-xxhdpi-icon.png and b/resources/android/icon/drawable-xxhdpi-icon.png differ
diff --git a/resources/android/icon/drawable-xxxhdpi-icon-ionic.png b/resources/android/icon/drawable-xxxhdpi-icon-ionic.png
new file mode 100644
index 00000000..e4a91525
Binary files /dev/null and b/resources/android/icon/drawable-xxxhdpi-icon-ionic.png differ
diff --git a/resources/android/icon/drawable-xxxhdpi-icon.png b/resources/android/icon/drawable-xxxhdpi-icon.png
index e4a91525..d395d158 100644
Binary files a/resources/android/icon/drawable-xxxhdpi-icon.png and b/resources/android/icon/drawable-xxxhdpi-icon.png differ
diff --git a/resources/android/splash/drawable-land-hdpi-screen-ionic.png b/resources/android/splash/drawable-land-hdpi-screen-ionic.png
new file mode 100644
index 00000000..66b12fea
Binary files /dev/null and b/resources/android/splash/drawable-land-hdpi-screen-ionic.png differ
diff --git a/resources/android/splash/drawable-land-hdpi-screen.png b/resources/android/splash/drawable-land-hdpi-screen.png
index 66b12fea..ef0edf78 100644
Binary files a/resources/android/splash/drawable-land-hdpi-screen.png and b/resources/android/splash/drawable-land-hdpi-screen.png differ
diff --git a/resources/android/splash/drawable-land-mdpi-screen-ionic.png b/resources/android/splash/drawable-land-mdpi-screen-ionic.png
new file mode 100644
index 00000000..0dc2ba75
Binary files /dev/null and b/resources/android/splash/drawable-land-mdpi-screen-ionic.png differ
diff --git a/resources/android/splash/drawable-land-mdpi-screen.png b/resources/android/splash/drawable-land-mdpi-screen.png
index 0dc2ba75..8e993146 100644
Binary files a/resources/android/splash/drawable-land-mdpi-screen.png and b/resources/android/splash/drawable-land-mdpi-screen.png differ
diff --git a/resources/android/splash/drawable-port-xhdpi-screen-ionic.png b/resources/android/splash/drawable-port-xhdpi-screen-ionic.png
new file mode 100644
index 00000000..64c27f8a
Binary files /dev/null and b/resources/android/splash/drawable-port-xhdpi-screen-ionic.png differ
diff --git a/resources/android/splash/drawable-port-xhdpi-screen.png b/resources/android/splash/drawable-port-xhdpi-screen.png
index 64c27f8a..f5d30f1d 100644
Binary files a/resources/android/splash/drawable-port-xhdpi-screen.png and b/resources/android/splash/drawable-port-xhdpi-screen.png differ
diff --git a/resources/android/splash/drawable-port-xxhdpi-screen-ionic.png b/resources/android/splash/drawable-port-xxhdpi-screen-ionic.png
new file mode 100644
index 00000000..f605e6a3
Binary files /dev/null and b/resources/android/splash/drawable-port-xxhdpi-screen-ionic.png differ
diff --git a/resources/android/splash/drawable-port-xxhdpi-screen.png b/resources/android/splash/drawable-port-xxhdpi-screen.png
index f605e6a3..407d2f28 100644
Binary files a/resources/android/splash/drawable-port-xxhdpi-screen.png and b/resources/android/splash/drawable-port-xxhdpi-screen.png differ
diff --git a/resources/android/splash/drawable-port-xxxhdpi-screen-ionic.png b/resources/android/splash/drawable-port-xxxhdpi-screen-ionic.png
new file mode 100644
index 00000000..2b993cff
Binary files /dev/null and b/resources/android/splash/drawable-port-xxxhdpi-screen-ionic.png differ
diff --git a/resources/android/splash/drawable-port-xxxhdpi-screen.png b/resources/android/splash/drawable-port-xxxhdpi-screen.png
index 2b993cff..e8095232 100644
Binary files a/resources/android/splash/drawable-port-xxxhdpi-screen.png and b/resources/android/splash/drawable-port-xxxhdpi-screen.png differ
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index e22b0f10..86f9b58b 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,8 +1,9 @@
 import { Component, ViewChild } from "@angular/core";
 import { Nav } from 'ionic-angular';
 
-import { TabsComponent } from "./modules/tabs/tabs.component"
-import { LoginComponent } from "./modules/auth/login.component"
+import { TabsComponent } from "./modules/tabs/tabs.component";
+import { LoginComponent } from "./modules/auth/login.component";
+import { NewsfeedList } from "./modules/newsfeed/list.component";
 import { OAuth2 } from "./common/services/api/oauth2";
 
 @Component({
@@ -18,13 +19,13 @@ export class MindsApp {
   rootPage : any = LoginComponent;
 
   constructor(private oauth2 : OAuth2){
+    if(this.oauth2.hasAccessToken()){
+      this.rootPage = TabsComponent;
+    }
   }
 
   ngOnInit(){
-    if(this.oauth2.hasAccessToken()){
-      //this.nav.setRoot(LoginComponent);
-      this.rootPage = LoginComponent;
-    }
+
   }
 
   logout(){
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 2fc41a24..aac27fa3 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -5,6 +5,8 @@ import { MindsApp } from './app.component';
 import { ApiModule } from './common/services/api.module';
 import { CacheModule } from './common/services/cache/cache.module';
 
+import { CommonModule } from './common/common.module';
+
 import { AuthModule } from './modules/auth/auth.module';
 import { TabsModule } from './modules/tabs/tabs.module';
 import { ChannelModule } from './modules/channel/channel.module';
@@ -25,10 +27,11 @@ import { routes } from "./app.routes";
       tabsPlacement: 'bottom',
       platforms: {
         android: {
-          tabsPlacement: 'top'
+          tabsPlacement: 'bottom'
         }
       }
     }),
+    CommonModule,
     ApiModule,
     CacheModule,
     AuthModule,
diff --git a/src/app/app.scss b/src/app/app.scss
index 89a007b3..cb315330 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -2,7 +2,7 @@ $tabbar-md-background: #37474f;
 
 
 img{
-  background:#333;
+
 }
 
 
diff --git a/src/app/common/common.module.ts b/src/app/common/common.module.ts
new file mode 100644
index 00000000..2f9413fe
--- /dev/null
+++ b/src/app/common/common.module.ts
@@ -0,0 +1,10 @@
+import { NgModule }     from '@angular/core';
+
+import { ImgFadeDirective } from './directives/img-fade.directive';
+import { DomainPipe } from './pipes/domain.pipe';
+
+@NgModule({
+  declarations: [ ImgFadeDirective, DomainPipe ],
+  exports: [ ImgFadeDirective, DomainPipe ]
+})
+export class CommonModule { }
diff --git a/src/app/common/directives/img-fade.directive.scss b/src/app/common/directives/img-fade.directive.scss
new file mode 100644
index 00000000..630873df
--- /dev/null
+++ b/src/app/common/directives/img-fade.directive.scss
@@ -0,0 +1,17 @@
+img[imgFade]{
+  -webkit-transition: -webkit-filter 1s ease-in;
+          transition: filter 1s ease-in;
+
+  background:#666;
+  -webkit-filter:
+    //blur(1px)
+    opacity(0%);
+
+  drop-shadow:0 0 3px #EEE;
+}
+
+img.m-imgFade--loaded{
+  -webkit-filter:
+    //blur(0)
+    opacity(100%);
+}
diff --git a/src/app/common/directives/img-fade.directive.ts b/src/app/common/directives/img-fade.directive.ts
new file mode 100644
index 00000000..709ad3e8
--- /dev/null
+++ b/src/app/common/directives/img-fade.directive.ts
@@ -0,0 +1,17 @@
+import { Directive, ElementRef, Input } from '@angular/core';
+
+@Directive({
+  selector: '[imgFade]'
+})
+
+export class ImgFadeDirective {
+
+  constructor(el: ElementRef) {
+
+    //el.nativeElement.cla = 0;
+    el.nativeElement.addEventListener('load', () => {
+      el.nativeElement.className += " m-imgFade--loaded";
+    });
+
+  }
+}
diff --git a/src/app/modules/auth/login.component.css b/src/app/modules/auth/login.component.css
deleted file mode 100644
index 3b192eeb..00000000
--- a/src/app/modules/auth/login.component.css
+++ /dev/null
@@ -1,27 +0,0 @@
-.m-auth-login-grid{
-  /*padding: 16;*/
-}
-
-StackLayout {
-  margin-left: 30;
-  margin-right: 30;
-  padding-bottom: 15;
-  background-color: white;
-}
-Image {
-  margin-top: 5;
-  margin-bottom: 20;
-}
-Button, TextField {
-  margin-left: 16;
-  margin-right: 16;
-  margin-bottom: 10;
-}
-.submit-button {
-  margin-top: 20;
-}
-
-.m-auth-login-logo{
-  max-width:200;
-  width:200;
-}
diff --git a/src/app/modules/auth/login.component.html b/src/app/modules/auth/login.component.html
index face6411..1d1cb69f 100644
--- a/src/app/modules/auth/login.component.html
+++ b/src/app/modules/auth/login.component.html
@@ -1,7 +1,7 @@
 
-<div class="login-header">
-   <div class="background-image background-image-2"></div>
-   <img src="assets/full_logo.png" class="login-logo"/>
+<div class="m-ionic-login--header login-header">
+   <div class="m-ionic-login--bg"></div>
+   <img src="assets/full_logo_white.png" class="m-ionic-login--logo"/>
 </div>
 
   <ion-list>
diff --git a/src/app/modules/auth/login.component.scss b/src/app/modules/auth/login.component.scss
new file mode 100644
index 00000000..a1dbdd95
--- /dev/null
+++ b/src/app/modules/auth/login.component.scss
@@ -0,0 +1,31 @@
+.m-auth-login-grid{
+  /*padding: 16;*/
+}
+
+.m-ionic-login--header{
+  text-align:center;
+  width:100%;
+  overflow: hidden;
+  position: relative;
+  max-height: 300px;
+
+}
+
+.m-ionic-login--bg{
+  position: absolute;
+	top: 0;
+	left: 0;
+	width: 110%;
+	height: 110%;
+	background: url('../assets/bg-1.jpeg') center 0;
+	background-size:100%;
+	z-index: -1;
+	margin: -12px;
+  -webkit-filter: brightness(60%);
+}
+
+.m-ionic-login--logo{
+  width:200px;
+  margin:50px 0;
+  background:transparent;
+}
diff --git a/src/app/modules/auth/login.component.ts b/src/app/modules/auth/login.component.ts
index 5616b1f2..56248931 100644
--- a/src/app/modules/auth/login.component.ts
+++ b/src/app/modules/auth/login.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit, OnDestroy } from '@angular/core';
-import { NavController } from 'ionic-angular';
+import { NavController, LoadingController, AlertController } from 'ionic-angular';
 
 
 import { TabsComponent } from '../tabs/tabs.component';
@@ -14,7 +14,7 @@ import { OAuth2 } from '../../common/services/api/oauth2';
 
 export class LoginComponent {
 
-  constructor(private oauth2 : OAuth2, private nav : NavController){
+  constructor(private oauth2 : OAuth2, private nav : NavController, public loadingCtrl: LoadingController, private alertCtrl: AlertController){
   }
 
   ngOnInit(){
@@ -25,16 +25,23 @@ export class LoginComponent {
 
   login(username, password, e){
     e.preventDefault();
-    console.log('clicked login');
-    console.log('username: ', username.value);
-    console.log('password: ', password.value);
+
+    let loader = this.loadingCtrl.create({
+      content: "Please wait...",
+    });
+    loader.present();
+
     this.oauth2.login(username.value, password.value, (success) => {
-      console.log('login callback called');
-      console.log(success);
+      loader.dismiss();
       if(success){
         this.nav.push(TabsComponent);
       } else {
-        alert('Please try again');
+        let alert = this.alertCtrl.create({
+          title: 'Sorry!',
+          subTitle: "We could not log you in. Please check your credentials",
+          buttons: ['Try again']
+        });
+        alert.present();
       }
     });
     //this.routerExtensions.navigate(['/tab/newsfeed'], { clearHistory: true });
diff --git a/src/app/modules/buttons/buttons.scss b/src/app/modules/buttons/buttons.scss
index ecab17f1..746c519d 100644
--- a/src/app/modules/buttons/buttons.scss
+++ b/src/app/modules/buttons/buttons.scss
@@ -5,3 +5,13 @@
 .m-ionic-icon{
   font-size:20px;
 }
+
+
+minds-button-comment{
+  span{
+    margin-top: 4px;
+    margin-left: 8px;
+    font-weight: 600;
+    position: absolute;
+  }
+}
diff --git a/src/app/modules/channel/channel.component.html b/src/app/modules/channel/channel.component.html
index fc8e9e24..7f3861a0 100644
--- a/src/app/modules/channel/channel.component.html
+++ b/src/app/modules/channel/channel.component.html
@@ -14,7 +14,7 @@
          width="100%"
          [hidden]="banner.hide"
          height="225px"
-
+         imgFade
          >
      </div>
 
@@ -23,6 +23,7 @@
       [src]="'https://www.minds.com/icon/' + channel.guid + '/large'"
       width="150px"
       height="150px"
+      imgFade
       >
 
     <h1>  {{channel.name}} </h1>
diff --git a/src/app/modules/channel/channel.module.ts b/src/app/modules/channel/channel.module.ts
index e2ff49af..7035ceb9 100644
--- a/src/app/modules/channel/channel.module.ts
+++ b/src/app/modules/channel/channel.module.ts
@@ -5,6 +5,7 @@ import { Client } from '../../common/services/api/client';
 import { ChannelComponent } from './channel.component';
 import { ChannelFeedComponent } from './feed.component';
 import { NewsfeedModule } from '../newsfeed/newsfeed.module';
+import { CommonModule } from '../../common/common.module';
 
 @NgModule({
   /*imports: [
@@ -22,7 +23,7 @@ import { NewsfeedModule } from '../newsfeed/newsfeed.module';
   exports: [
     RouterModule
   ]*/
-  imports: [ IonicModule, NewsfeedModule ],
+  imports: [ IonicModule, NewsfeedModule, CommonModule ],
   providers: [ Client ],
   declarations: [ ChannelComponent, ChannelFeedComponent ],
   exports: [ ChannelComponent ],
diff --git a/src/app/modules/comments/list.component.html b/src/app/modules/comments/list.component.html
index 350d3d59..84cb643a 100644
--- a/src/app/modules/comments/list.component.html
+++ b/src/app/modules/comments/list.component.html
@@ -12,13 +12,13 @@
 
 <ion-content>
 
-  <ion-refresher (ionRefresh)="refresh($event)">
-    <ion-refresher-content></ion-refresher-content>
+  <ion-refresher (ionRefresh)="loadEarlier($event)">
+    <ion-refresher-content *ngIf="inProgress"></ion-refresher-content>
   </ion-refresher>
 
-  <ion-list>
+  <ion-list class="m-ionic-comments--list">
 
-    <div *ngFor="let comment of comments" class="m-ionic-comments--list">
+    <div *ngFor="let comment of comments">
       <div class="m-ionic-comments--comment">
         <div class="m-ionic-avatar">
           <img [src]="'https://www.minds.com/icon/' +  comment.ownerObj.guid + '/medium'" class="mdl-shadow--2dp"/>
@@ -34,17 +34,16 @@
 	</ion-list>
 
 
-  <ion-infinite-scroll (ionInfinite)="loadMore($event)">
-    <ion-infinite-scroll-content></ion-infinite-scroll-content>
-  </ion-infinite-scroll>
 
-  <div class="m-ionic-comments--composer">
-    <div class="m-ionic-avatar">
-      <img [src]="'https://www.minds.com/icon/' +  storage.get('user_guid') + '/medium'" class="mdl-shadow--2dp"/>
-    </div>
-    <div class="m-ionic-body">
-      <textarea placeholder="Write your comment..." rows="0"></textarea>
-    </div>
-  </div>
+
 
 </ion-content>
+
+<div class="m-ionic-comments--composer">
+  <div class="m-ionic-avatar">
+    <img [src]="'https://www.minds.com/icon/' +  storage.get('user_guid') + '/medium'" class="mdl-shadow--2dp"/>
+  </div>
+  <div class="m-ionic-body">
+    <textarea placeholder="Write your comment..." rows="0"></textarea>
+  </div>
+</div>
diff --git a/src/app/modules/comments/list.component.scss b/src/app/modules/comments/list.component.scss
index 189d0b70..67dd9276 100644
--- a/src/app/modules/comments/list.component.scss
+++ b/src/app/modules/comments/list.component.scss
@@ -1,3 +1,8 @@
+.m-ionic-comments--list{
+  margin-bottom:100px;
+}
+
+
 .m-ionic-comments--comment{
   display:flex;
   align-items:column;
@@ -23,6 +28,8 @@
   padding: 8px;
   width: 100%;
   border-top: 1px solid #EEE;
+  background:#FFF;
+  z-index:9999;
 
   .m-ionic-body{
     width: 100%;
diff --git a/src/app/modules/comments/list.component.ts b/src/app/modules/comments/list.component.ts
index 359d5cfb..44c206b8 100644
--- a/src/app/modules/comments/list.component.ts
+++ b/src/app/modules/comments/list.component.ts
@@ -29,20 +29,24 @@ export class CommentsList {
   constructor(private client : Client, private cd : ChangeDetectorRef,  private params: NavParams){}
 
   ngOnInit(){
-    this.loadList();
+    this.loadList()
+      .then(() => {
+
+      });
   }
 
   loadList(){
     return new Promise((res, err) => {
       this.inProgress = true;
-      this.client.get('api/v1/comments/' + this.params.get('guid'), { limit: 12, offset: this.offset})
+      this.client.get('api/v1/comments/' + this.params.get('guid'), { limit: 12, offset: this.offset, reversed: true})
         .then((response : any) => {
-          //console.log(response);
-          for(let comment of response.comments){
-            this.comments.push(comment);
-          }
+
+          if (response.comments && response.comments.length >= 1) {
+  					this.comments = response.comments.concat(this.comments);
+            this.offset = response['load-previous'];
+				  }
+
           this.inProgress = false;
-          this.offset = response['load-next'];
           res();
           this.cd.markForCheck();
           this.cd.detectChanges();
@@ -50,21 +54,12 @@ export class CommentsList {
     });
   }
 
-  refresh(puller){
-    puller.complete();
-    this.offset = "";
-    this.comments = [];
+  loadEarlier(puller){
     this.loadList()
       .then(() => {
         puller.complete();
       });
   }
 
-  loadMore(e){
-    this.loadList()
-      .then(() => {
-        e.complete();
-      });
-  }
 
 }
diff --git a/src/app/modules/newsfeed/activity/activity.component.html b/src/app/modules/newsfeed/activity/activity.component.html
index e0e48356..54323948 100644
--- a/src/app/modules/newsfeed/activity/activity.component.html
+++ b/src/app/modules/newsfeed/activity/activity.component.html
@@ -7,6 +7,7 @@
         class="mdl-shadow--2dp"
         [navPush]="components.channel"
         [navParams]="{ channel: entity.ownerObj }"
+        imgFade
         />
 		</a>
 	</div>
@@ -61,7 +62,7 @@
 <div class="m-ionic-rich-embed"
   *ngIf="entity.perma_url && entity.title"
   >
-	<img [src]="entity.thumbnail_src" (error)="entity.thumbnail_src = null">
+	<img [src]="entity.thumbnail_src" (error)="entity.thumbnail_src = null" imgFade>
   <h3>{{entity.title}}</h3>
   <p>{{entity.perma_url | domain }}</p>
 </div>
@@ -105,7 +106,7 @@ <h3>{{entity.title}}</h3>
 <div class="m-ionic-image allow-select"
  *ngIf="entity.thumbnail_src && !entity.perma_url">
 	<a>
-		<img [src]="entity.thumbnail_src" (error)="entity.thumbnail_src = null">
+		<img [src]="entity.thumbnail_src" (error)="entity.thumbnail_src = null" imgFade>
 	</a>
 </div>
 
@@ -116,6 +117,7 @@ <h3>{{entity.title}}</h3>
 	<a>
 		<img [src]="entity.custom_data[0].src" style="width:100%"
       (error)="entity.custom_data[0].src = 'https://www.minds.com/assets/logos/medium.png'"
+      imgFade
       *ngIf="entity.custom_data"
     >
 	</a>
diff --git a/src/app/modules/newsfeed/activity/activity.component.scss b/src/app/modules/newsfeed/activity/activity.component.scss
index 0524475a..6eb11f22 100644
--- a/src/app/modules/newsfeed/activity/activity.component.scss
+++ b/src/app/modules/newsfeed/activity/activity.component.scss
@@ -1,3 +1,8 @@
+
+.m-ionic-activity{
+  border-bottom:1px solid #EEE;
+}
+
 .m-ionic-owner-block{
   display:flex;
   align-items: center;
diff --git a/src/app/modules/newsfeed/activity/activity.component.ts b/src/app/modules/newsfeed/activity/activity.component.ts
index b0b5831b..93819bca 100644
--- a/src/app/modules/newsfeed/activity/activity.component.ts
+++ b/src/app/modules/newsfeed/activity/activity.component.ts
@@ -40,8 +40,5 @@ export class Activity {
     //this.cache.set('channel:' + entity.ownerObj.guid, entity.ownerObj, false);
   }
 
-  onLoaded(){
-    console.log('fully loaded');
-  }
 
 }
diff --git a/src/app/modules/newsfeed/list.component.html b/src/app/modules/newsfeed/list.component.html
index 7d21438c..5434cce3 100644
--- a/src/app/modules/newsfeed/list.component.html
+++ b/src/app/modules/newsfeed/list.component.html
@@ -13,6 +13,7 @@
         <img [src]="'https://www.minds.com/icon/' + storage.get('user_guid') +'/small'"
           width="36"
           height="36"
+          imgFade
           style="margin: 0px; border-radius:50%;"
           />
       </button>
@@ -22,13 +23,15 @@
 
 <ion-content>
 
+  <newsfeed-poster></newsfeed-poster>
+
   <ion-refresher (ionRefresh)="refresh($event)">
     <ion-refresher-content></ion-refresher-content>
   </ion-refresher>
 
   <ion-list>
 
-    <div *ngFor="let activity of feed">
+    <div *ngFor="let activity of feed" class="m-ionic-activity">
   		<activity [entity]="activity" class="activity-item list card">
   		</activity>
     </div>
diff --git a/src/app/modules/newsfeed/newsfeed.module.ts b/src/app/modules/newsfeed/newsfeed.module.ts
index eb9ae9f5..b4a3cf36 100644
--- a/src/app/modules/newsfeed/newsfeed.module.ts
+++ b/src/app/modules/newsfeed/newsfeed.module.ts
@@ -9,11 +9,12 @@ import { Activity } from './activity/activity.component';
 import { BatchActivity } from './activity/batch-activity.component';
 import { ImageActivity } from './activity/image-activity.component';
 import { RichActivity } from './activity/rich-activity.component';
+import { PosterComponent } from './poster/poster.component';
 import { Remind } from './activity/remind.component';
 import { ButtonsModule } from '../buttons/buttons.module';
 
 import { ImageCachePipe } from '../../common/pipes/image-cache.pipe';
-import { DomainPipe } from '../../common/pipes/domain.pipe';
+import { CommonModule } from '../../common/common.module';
 
 @NgModule({
   /*imports: [
@@ -31,10 +32,10 @@ import { DomainPipe } from '../../common/pipes/domain.pipe';
   exports: [
     RouterModule
   ]*/
-  imports: [ IonicModule, ButtonsModule ],
+  imports: [ IonicModule, CommonModule, ButtonsModule,  ],
   providers: [ Client ],
-  declarations: [ NewsfeedList, NewsfeedSingleComponent, Activity, ImageActivity, BatchActivity, RichActivity, Remind, ImageCachePipe, DomainPipe ],
-  exports: [ NewsfeedList, NewsfeedSingleComponent, Activity, ImageActivity, BatchActivity, RichActivity, Remind ],
+  declarations: [ NewsfeedList, NewsfeedSingleComponent, Activity, ImageActivity, BatchActivity, RichActivity, Remind, PosterComponent, ImageCachePipe ],
+  exports: [ NewsfeedList, NewsfeedSingleComponent, Activity, ImageActivity, BatchActivity, RichActivity, Remind, PosterComponent ],
   entryComponents: [ NewsfeedList, NewsfeedSingleComponent ]
 })
 export class NewsfeedModule { }
diff --git a/src/app/modules/newsfeed/poster/poster.component.html b/src/app/modules/newsfeed/poster/poster.component.html
new file mode 100644
index 00000000..c695c54f
--- /dev/null
+++ b/src/app/modules/newsfeed/poster/poster.component.html
@@ -0,0 +1,17 @@
+
+<div class="m-ionic-poster m-ionic-owner-block">
+
+	<div class="m-ionic-avatar">
+		<a>
+			<img [src]="minds.cdn_url + '/icon/' + storage.get('user_guid') + '/medium'"
+        class="mdl-shadow--2dp"
+        imgFade
+        />
+		</a>
+	</div>
+
+	<div class="m-ionic-body">
+    <textarea placeholder="Enter your status here"></textarea>
+	</div>
+
+</div>
diff --git a/src/app/modules/newsfeed/poster/poster.component.scss b/src/app/modules/newsfeed/poster/poster.component.scss
new file mode 100644
index 00000000..04f09007
--- /dev/null
+++ b/src/app/modules/newsfeed/poster/poster.component.scss
@@ -0,0 +1,19 @@
+.m-ionic-poster{
+
+  padding:8px;
+  border-bottom:1px solid #EEE;
+
+  .m-ionic-avatar{
+    img{
+      min-width:32px;
+      min-height:32px;
+      max-width:32px;
+      max-height:32px;
+    }
+  }
+
+  textarea{
+    border:0;
+  }
+
+}
diff --git a/src/app/modules/newsfeed/poster/poster.component.ts b/src/app/modules/newsfeed/poster/poster.component.ts
new file mode 100644
index 00000000..130df8de
--- /dev/null
+++ b/src/app/modules/newsfeed/poster/poster.component.ts
@@ -0,0 +1,31 @@
+import { Component, OnInit, OnDestroy, Input, ChangeDetectionStrategy } from '@angular/core';
+import { CacheService } from '../../../common/services/cache/cache.service';
+import { ChannelComponent } from '../../channel/channel.component';
+import { Storage } from '../../../common/services/storage';
+
+@Component({
+  moduleId: 'module.id',
+  selector: 'newsfeed-poster',
+  templateUrl: 'poster.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+
+export class PosterComponent {
+
+  entity;
+
+  minds = {
+    cdn_url: 'https://edge.minds.com/'
+  }
+
+  components = {
+    channel: ChannelComponent
+  }
+
+  storage = new Storage();
+
+  constructor(public cache : CacheService){
+
+  }
+
+}
diff --git a/src/assets/bg-1.jpeg b/src/assets/bg-1.jpeg
new file mode 100644
index 00000000..7cbb72fd
Binary files /dev/null and b/src/assets/bg-1.jpeg differ
diff --git a/src/assets/full_logo_white.png b/src/assets/full_logo_white.png
new file mode 100755
index 00000000..45f536e6
Binary files /dev/null and b/src/assets/full_logo_white.png differ
diff --git a/src/index.html b/src/index.html
index b9e78098..3ace6bb0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,7 +2,7 @@
 <html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
-  <title>Ionic App</title>
+  <title>Minds App</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <meta name="format-detection" content="telephone=no">
   <meta name="msapplication-tap-highlight" content="no">
diff --git a/src/main.html b/src/main.html
new file mode 100644
index 00000000..b9e78098
--- /dev/null
+++ b/src/main.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+  <title>Ionic App</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="msapplication-tap-highlight" content="no">
+
+  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
+  <link rel="manifest" href="manifest.json">
+  <meta name="theme-color" content="#4e8ef7">
+
+  <style>
+    body{
+      background:#FFF;
+    }
+  </style>
+
+  <!-- cordova.js required for cordova apps -->
+  <script src="cordova.js"></script>
+
+  <!-- un-comment this code to enable service worker
+  <script>
+    if ('serviceWorker' in navigator) {
+      navigator.serviceWorker.register('service-worker.js')
+        .then(() => console.log('service worker installed'))
+        .catch(err => console.log('Error', err));
+    }
+  </script>-->
+
+  <link href="build/main.css" rel="stylesheet">
+
+        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
+<body>
+
+  <!-- Ionic's root component and where the app will load -->
+  <ion-app></ion-app>
+
+  <!-- The polyfills js is generated during the build process -->
+  <script src="build/polyfills.js"></script>
+
+  <!-- The bundle js is generated during the build process -->
+  <script src="build/main.js"></script>
+
+</body>
+</html>
diff --git a/www/assets/bg-1.jpeg b/www/assets/bg-1.jpeg
new file mode 100644
index 00000000..7cbb72fd
Binary files /dev/null and b/www/assets/bg-1.jpeg differ
diff --git a/www/assets/full_logo_white.png b/www/assets/full_logo_white.png
new file mode 100644
index 00000000..45f536e6
Binary files /dev/null and b/www/assets/full_logo_white.png differ
diff --git a/www/index.html b/www/index.html
index b9e78098..3ace6bb0 100644
--- a/www/index.html
+++ b/www/index.html
@@ -2,7 +2,7 @@
 <html lang="en" dir="ltr">
 <head>
   <meta charset="UTF-8">
-  <title>Ionic App</title>
+  <title>Minds App</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <meta name="format-detection" content="telephone=no">
   <meta name="msapplication-tap-highlight" content="no">