29 lines
No EOL
874 B
HTML
29 lines
No EOL
874 B
HTML
<div style="width: 100%; height: 100%; overflow-x: scroll; overflow-y: hidden;">
|
|
<canvas id="gameCanvas"></canvas>
|
|
</div>
|
|
<div class="hud">
|
|
<div class="jump-counter">
|
|
Jumps: {{ totalJumps }}
|
|
<button (click)="restartGame()">Restart</button>
|
|
<button (click)="showInvitePopup = true">Invite Friend</button>
|
|
<button (click)="navigateToSettings()">Settings</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Invite Friend Modal -->
|
|
<div class="modal-backdrop" *ngIf="showInvitePopup">
|
|
<div class="modal">
|
|
<h2>Invite a Friend</h2>
|
|
<input
|
|
type="email"
|
|
placeholder="Enter friend's email"
|
|
[(ngModel)]="inviteEmail"
|
|
/>
|
|
<div class="modal-buttons">
|
|
<button (click)="sendInvite()">Send Invite</button>
|
|
<button (click)="showInvitePopup = false">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<router-outlet></router-outlet> |