@for (logo of duplicatedLogos; track $index) {
-
+
= {
- title: 'Components/Logo Carousel',
+ title: 'Logo Carousel',
component: GfLogoCarouselComponent
};
diff --git a/libs/ui/src/lib/logo-carousel/logo-carousel.component.ts b/libs/ui/src/lib/logo-carousel/logo-carousel.component.ts
index fbee86b25..ec9f1dea8 100644
--- a/libs/ui/src/lib/logo-carousel/logo-carousel.component.ts
+++ b/libs/ui/src/lib/logo-carousel/logo-carousel.component.ts
@@ -1,13 +1,7 @@
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component } from '@angular/core';
-export interface LogoItem {
- name: string;
- url: string;
- title: string;
- className: string;
- isMask?: boolean;
-}
+import { LogoItem } from './interfaces/interfaces';
@Component({
changeDetection: ChangeDetectionStrategy.OnPush,
@@ -19,96 +13,96 @@ export interface LogoItem {
export class GfLogoCarouselComponent {
public readonly logos: LogoItem[] = [
{
+ className: 'logo-alternative-to',
+ isMask: true,
name: 'AlternativeTo',
- url: 'https://alternativeto.net',
title: 'AlternativeTo - Crowdsourced software recommendations',
- className: 'logo-alternative-to',
- isMask: true
+ url: 'https://alternativeto.net'
},
{
+ className: 'logo-awesome',
name: 'Awesome Selfhosted',
- url: 'https://github.com/awesome-selfhosted/awesome-selfhosted',
title:
'Awesome-Selfhosted: A list of Free Software network services and web applications which can be hosted on your own servers',
- className: 'logo-awesome'
+ url: 'https://github.com/awesome-selfhosted/awesome-selfhosted'
},
{
+ className: 'logo-dev-community',
+ isMask: true,
name: 'DEV Community',
- url: 'https://dev.to',
title:
'DEV Community - A constructive and inclusive social network for software developers',
- className: 'logo-dev-community',
- isMask: true
+ url: 'https://dev.to'
},
{
+ className: 'logo-hacker-news',
+ isMask: true,
name: 'Hacker News',
- url: 'https://news.ycombinator.com',
title: 'Hacker News',
- className: 'logo-hacker-news',
- isMask: true
+ url: 'https://news.ycombinator.com'
},
{
+ className: 'logo-openalternative',
+ isMask: true,
name: 'OpenAlternative',
- url: 'https://openalternative.co',
title: 'OpenAlternative: Open Source Alternatives to Popular Software',
- className: 'logo-openalternative',
- isMask: true
+ url: 'https://openalternative.co'
},
{
+ className: 'logo-privacy-tools',
+ isMask: true,
name: 'Privacy Tools',
- url: 'https://www.privacytools.io',
title: 'Privacy Tools: Software Alternatives and Encryption',
- className: 'logo-privacy-tools',
- isMask: true
+ url: 'https://www.privacytools.io'
},
{
+ className: 'logo-product-hunt',
name: 'Product Hunt',
- url: 'https://www.producthunt.com',
title: 'Product Hunt – The best new products in tech.',
- className: 'logo-product-hunt'
+ url: 'https://www.producthunt.com'
},
{
+ className: 'logo-reddit',
+ isMask: true,
name: 'Reddit',
- url: 'https://www.reddit.com',
title: 'Reddit - Dive into anything',
- className: 'logo-reddit',
- isMask: true
+ url: 'https://www.reddit.com'
},
{
+ className: 'logo-sackgeld',
+ isMask: true,
name: 'Sackgeld',
- url: 'https://www.sackgeld.com',
title: 'Sackgeld.com – Apps für ein höheres Sackgeld',
- className: 'logo-sackgeld',
- isMask: true
+ url: 'https://www.sackgeld.com'
},
{
+ className: 'logo-selfh-st',
+ isMask: true,
name: 'selfh.st',
- url: 'https://selfh.st',
title: 'selfh.st — Self-hosted content and software',
- className: 'logo-selfh-st',
- isMask: true
+ url: 'https://selfh.st'
},
{
+ className: 'logo-sourceforge',
+ isMask: true,
name: 'SourceForge',
- url: 'https://sourceforge.net',
title:
'SourceForge: The Complete Open-Source and Business Software Platform',
- className: 'logo-sourceforge',
- isMask: true
+ url: 'https://sourceforge.net'
},
{
+ className: 'logo-umbrel',
+ isMask: true,
name: 'Umbrel',
- url: 'https://umbrel.com',
title: 'Umbrel — A personal server OS for self-hosting',
- className: 'logo-umbrel',
- isMask: true
+ url: 'https://umbrel.com'
},
{
+ className: 'logo-unraid',
+ isMask: true,
name: 'Unraid',
- url: 'https://unraid.net',
title: 'Unraid | Unleash Your Hardware',
- className: 'logo-unraid',
- isMask: true
+ url: 'https://unraid.net'
}
];