40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { ChangeDetectionStrategy, Component, input } from '@angular/core';
|
|
import {
|
|
PiDividerComponent,
|
|
PiTextColorDirective,
|
|
PiTextSmallDirective,
|
|
} from '@pi/ui';
|
|
|
|
import type { Copy } from '../core/copy';
|
|
|
|
@Component({
|
|
selector: 'app-site-footer',
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
imports: [PiDividerComponent, PiTextSmallDirective, PiTextColorDirective],
|
|
styleUrl: './site-footer.scss',
|
|
template: `
|
|
<footer class="landing-footer">
|
|
<div class="landing-shell">
|
|
<pi-divider color="grey" width="large" />
|
|
<div class="landing-footer__row">
|
|
<p s pi-color color="grey">© {{ year }} Pireon. {{ copy().footer.rights }}</p>
|
|
<p s pi-color color="grey">
|
|
{{ copy().footer.built }}
|
|
<a
|
|
href="https://landing-api.pireon.dev/docs/api"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>API ↗</a
|
|
>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
`,
|
|
})
|
|
export class SiteFooter {
|
|
readonly copy = input.required<Copy>();
|
|
|
|
protected readonly year = new Date().getFullYear();
|
|
}
|