added 'not logged in info' in feed

src/app/components/feed/feed.component.html

@@ -1,5 +1,6 @@
 <div id="home">
-<mat-card >      
+  <div [hidden]="!loggedIn">
+    <mat-card >      
       <mat-card-content>
         <mat-form-field id="input">
           <textarea matInput #content type="text" [(ngModel)]="empty" mat-autosize="true" matAutosizeMaxRows="3" placeholder="post something"></textarea>
@@ -22,8 +23,22 @@
         <button mat-raised-button *ngIf="empty" color="primary" id="post-button" (click)=createPost(content)>
           POST
         </button>
-</mat-card-content>
+      </mat-card-content>
-</mat-card>
+    </mat-card>
+  </div>
+  <div [hidden]="loggedIn">
+    <mat-card id="info">      
+      <mat-card-header>
+        <mat-card-title >
+          You are not logged in. Do you want to post something?
+        </mat-card-title>
+      </mat-card-header>
+      <mat-card-content>
+        <a mat-stroked-button color="primary" routerLink="/login" id="post-button">Login</a>
+      </mat-card-content>
+    </mat-card>
+  </div>
+
 <div id="chooser-div" style="text-align: center; margin-top: 1em;">
     <mat-button-toggle-group id="feedchooser" value="new">
     <mat-button-toggle (click)="showNew()" value="new">New</mat-button-toggle>

src/app/components/feed/feed.component.sass

@@ -10,6 +10,9 @@
     display: flex
     width: 100%
     padding: 0.5em
+#info
+    ::ng-deep .mat-card-header-text
+        margin: 0px
 
 #feedlist
     width: 100%