<div class="row py-4">
  <div class="col-12 col-md-auto my-2">
    <img src="assets/images/VLASS_Logo_White.png" width="320" class="rounded-lg shadow-sm p-2 bg-white"/>
  </div>
  <div class="col my-2">
    <h4 class="m-0 pt-1">Welcome to</h4>
    <h1 class="pb-2 mb-3">VLASS Manager</h1>
    <ng-container *ngIf="!isLoggedIn()">
      <button type="button" class="btn btn-primary mr-1" (click)="signIn()">Sign In</button>
      to get started.
    </ng-container>
    <h3 class="text-secondary">Resources</h3>
    <ul>
      <li><a href="https://archive-new.nrao.edu/vlass/VLASS_dyn_summary.php">Tile Definitions and Observing Status</a>
      </li>
      <li><a href="https://archive-new.nrao.edu/vlass/weblog">Calibration and Imaging Weblogs</a></li>
      <li><a href="https://archive-new.nrao.edu/vlass/quicklook">Quicklook Images</a></li>
      <li><a href="https://archive-new.nrao.edu/vlass/HiPS">Scrollable HiPS Quick Look images</a></li>
    </ul>
  </div>
</div>