<ion-header>
  <ion-navbar>
        <br>
        <button ion-button menuToggle><ion-icon name="menu"></ion-icon></button>
    <ion-title align="middle">The Vault</ion-title>
  </ion-navbar>
</ion-header>

<ion-buttons side="right" class="has-header">
  <button class="button icon ion-android-settings"></button>
</ion-buttons>
<ion-content padding="true" style="background: url(../assets/img/0iNAJ9CJQ1qT57JTEweX_palePurpVault.png) no-repeat center;background-size:cover;" class="has-header">
  <div id="myVault-markdown9" class="show-list-numbers-and-dots"> 
    
    <p  class="codystar" style="color:#FFFFFF;font-size:020px;" >
      <strong>Begin a new post...</strong>
    </p>
    <ion-textarea [(ngModel)]="postInput" style="color:#FFFFFF;background-color:black;opacity:.5;"rows="5"></ion-textarea>
    
    <button (click)="sendPost()" id="myVault-button18" style="font-weight:600;font-size:20px;" class="codystar button button-royal button-block button-small">Post</button>
  </div>
  
  
  <div id="myVault-markdown4" class="show-list-numbers-and-dots" >
      <ul style="color:#FFFFFF;list-style-type: none" *ngFor="let p of posts">
        <li><strong>{{ p.userName }}: </strong> {{ p.message }}</li>
      </ul>
  </div>
</ion-content>
