bastian/ashen-realms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

animation

Browse Source
This commit is contained in:
Bastian Wagner
2026-08-19 23:24:36 +02:00
parent 76e8ef4320
commit fd9852bfbf
9 changed files with 220 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
apps/web/src/app/features/hunting/encounter-card/encounter-card.component.html
View File

@@ -1,22 +1,26 @@
<article class="encounter-card">
<div class="encounter-card__artwork-frame">
<picture>
@if (runtimeArtworkPath(encounter.monster.artworkPath); as runtimeArtwork) {
<source [srcset]="runtimeArtwork" type="image/jpeg" />
}
<img
class="encounter-card__artwork"
[src]="encounter.monster.artworkPath"
[alt]="encounter.monster.name"
loading="lazy"
decoding="async"
/>
</picture>
<div class="encounter-card__crest">
@if (iconPath(); as icon) {
<img class="encounter-card__crest-icon" [src]="icon" alt="" loading="lazy" decoding="async" />
}
</div>
<div class="encounter-card__body">
<h3 class="encounter-card__name">{{ encounter.monster.name }}</h3>
<div class="encounter-card__artwork-frame">
<img
class="encounter-card__artwork"
[src]="artworkPath()"
[alt]="encounter.monster.name"
loading="lazy"
decoding="async"
/>
</div>
<h3 class="encounter-card__name">{{ encounter.monster.name }}</h3>
<div class="encounter-card__meta">
<span class="encounter-card__level">Stufe {{ encounter.monster.level }}</span>
<app-danger-badge class="encounter-card__danger" [rating]="encounter.dangerRating" />
<button type="button" class="encounter-card__attack" (click)="onAttack()">Angreifen</button>
</div>
<button type="button" class="encounter-card__attack" (click)="onAttack()">Angreifen</button>
</article>