This commit is contained in:
Chris Chen
2025-11-05 16:20:08 -08:00
parent b24753afe7
commit b4d52283aa
2 changed files with 147 additions and 21 deletions
@@ -15,19 +15,26 @@
<div class="row no-gutters">
<div class="col-12 col-sm-7">
<div class="tp-wrapper mb-2">
<div class="tp-box g-height-300 g-height-350--sm g-height-500--md" [@flipState]="flip">
<div class="tp-box" [@flipState]="flip">
<div class="tp-box__side tp-box__front ">
<div class="row">
<div class="col-6">
<!-- show hero stand image -->
<img src="{{imgUrl('Heros/'+className+'.jpg')}}" (click)="toggleFlip()">
</div>
<div class="col-6">
<!-- show skill html -->
<div [innerHTML]="hero.skillHtml"></div>
<!-- show shadow skill html -->
<div [innerHTML]="hero.shadowSkillHtml"></div>
<div class="hero-card-content">
<div class="row no-gutters h-100">
<div class="col-6 hero-image-col">
<div class="hero-image-wrapper">
<img src="{{imgUrl('Heros/'+className+'.jpg')}}" class="hero-image"
(click)="toggleFlip()" alt="{{hero.name}}">
</div>
</div>
<div class="col-6 hero-skills-col">
<div class="hero-skills">
<div class="skills-title">Abilities</div>
<div class="skill-content" [innerHTML]="hero.skillHtml"></div>
<div class="skills-title shadow-skills-title">Shadow Abilities</div>
<div class="skill-content shadow-skill-content"
[innerHTML]="hero.shadowSkillHtml"></div>
</div>
</div>
</div>
</div>
<!-- <img class="MD2HeroCard " src="{{imgUrl('Heros/'+className+'.jpg')}}" (click)="toggleFlip()"> -->