portfolio/src/app/job/job.component.html
Naomi b909f4666c feat: modularise and expand job information, set up testing (#9)
Closes #6
Closes #7
Closes #8

Reviewed-on: https://codeberg.org/nhcarrigan/portfolio/pulls/9
Co-authored-by: Naomi <commits@nhcarrigan.com>
Co-committed-by: Naomi <commits@nhcarrigan.com>
2024-05-19 05:17:17 +00:00

28 lines
663 B
HTML

<button class="job {{ align }} {{ type }}" (click)="expand()">
<div class="info">
<h2>{{ job.title }}</h2>
<img
*ngIf="job.logo && expanded"
class="logo"
[src]="'/assets/img/icons/' + job.logo"
[alt]="job.company + ' Logo'"
/>
<p>{{ job.company }}</p>
<p class="date">
{{ date }}
</p>
<p class="desc" *ngIf="icon && expanded">{{ iconDescription }}</p>
<hr *ngIf="expanded" />
<article *ngIf="expanded">
<p *ngFor="let line of description">{{ line }}</p>
</article>
</div>
</button>
<fa-icon
*ngIf="icon"
class="icon {{ type }}"
[icon]="icon"
[attr.alt]="iconDescription"
/>