Some bitchin animations

This commit is contained in:
2018-11-14 19:04:43 -05:00
parent 44fc493f37
commit 1bf46d16c8
11 changed files with 102 additions and 27 deletions

View File

@ -1,10 +1,27 @@
<div class="my-5 text-center">
<div>
<h1 class="d-inline mr-2">Home Front</h1>
<span style="color: #b7b7b7">v{{environment.version}}</span>
<!--
<div class="align-self-center">
<div class="text-center">
<div>
<h1 class="d-inline text-white">Home Front</h1>
<div [@growX]="true" class="d-inline">
<span class="pl-2" style="color: #b7b7b7">v{{environment.version}}</span>
</div>
</div>
</div>
<img src="assets/icon-white.png" class="mt-4" width="275px" height="auto">
<div class="mt-5 text-center">
<img src="assets/icon-white.png" width="275px" height="auto">
</div>
<button mat-stroked-button class="mt-5" (click)="login()" [disabled]="loading">Login With Google</button>
</div>
<div class="text-center pt-5">
<button mat-stroked-button class="mt-5" (click)="login()">Login With Google</button>
-->
<div class="center">
<div class="text-center">
<h1 class="d-inline text-white">Home Front</h1>
</div>
<div class="mt-5">
<img src="assets/icon-white.png" width="275px" height="auto">
</div>
</div>
<div class="off-center" [@expandDown]="animate">
<button mat-stroked-button class="mt-5" style="width: 150px" (click)="login()" [disabled]="loading">Login With Google</button>
</div>