mirror of https://github.com/ghostfolio/ghostfolio
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.5 KiB
40 lines
1.5 KiB
<div class="container">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h1 class="h3 line-height-1 mb-4 text-center">
|
|
<span class="d-none d-sm-block"
|
|
><ng-container i18n>Our</ng-container> OSS Friends</span
|
|
>
|
|
<small class="text-muted" i18n
|
|
>Discover other exciting Open Source Software projects</small
|
|
>
|
|
</h1>
|
|
<div class="row">
|
|
@for (ossFriend of ossFriends; track ossFriend) {
|
|
<div class="col-xs-12 col-md-4" [class.mb-3]="!$last">
|
|
<a target="_blank" [href]="ossFriend.href">
|
|
<mat-card appearance="outlined" class="d-flex flex-column h-100">
|
|
<mat-card-header>
|
|
<mat-card-title class="h4">{{
|
|
ossFriend.name
|
|
}}</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content class="flex-grow-1">
|
|
<p>{{ ossFriend.description }}</p>
|
|
</mat-card-content>
|
|
<mat-card-actions class="justify-content-end">
|
|
<a mat-button target="_blank" [href]="ossFriend.href">
|
|
<span
|
|
><ng-container i18n>Visit</ng-container>
|
|
{{ ossFriend.name }}</span
|
|
><ion-icon class="ml-1" name="arrow-forward-outline" />
|
|
</a>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</a>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|