added 'not logged in info' in feed

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

@@ -1,4 +1,5 @@
 <div id="home">
+  <div [hidden]="!loggedIn">
     <mat-card >      
       <mat-card-content>
         <mat-form-field id="input">
@@ -24,6 +25,20 @@
         </button>
       </mat-card-content>
     </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%