feat: add newest spartans

README.md

@@ -29,6 +29,11 @@ Our initial 300 contributors and sponsors are featured here and on the front pag
 10. [jeremy-js-devweb](https://github.com/jeremy-js-devweb)
 11. [heddendorp](https://github.com/heddendorp)
 12. [tutkli](https://github.com/tutkli)
+13. [Pascalmh](https://github.com/Pascalmh)
+14. [okkindel](https://github.com/okkindel)
+15. [marcjulian](https://github.com/marcjulian)
+16. [elite-benni](https://github.com/elite-benni)
+17. [oidre](https://github.com/oidre)
 
 [Become a spartan today!](https://github.com/sponsors/goetzrobin)
 

apps/app/src/app/pages/(home)/components/three-hundred.component.ts

@@ -1,23 +1,20 @@
-import { Component, TrackByFunction } from '@angular/core';
+import { Component } from '@angular/core';
 import { ThreeHundredItemComponent } from './th-item.component';
-import { NgForOf } from '@angular/common';
 import { ThreeHundredItemPlaceholderComponent } from './th-item-placeholder.component';
 
 @Component({
   selector: 'spartan-three-hundred',
   standalone: true,
-  imports: [ThreeHundredItemComponent, NgForOf, ThreeHundredItemPlaceholderComponent],
+  imports: [ThreeHundredItemComponent, ThreeHundredItemPlaceholderComponent],
   host: {
     class: 'grid gap-2 grid-cols-5 md:grid-cols-10',
   },
   template: `
-    <spartan-th-item
-      class="mb-2"
-      *ngFor="let contributor of _contributors; trackBy: _trackBy"
-      [href]="'https://github.com/' + contributor"
-      >{{ contributor }}</spartan-th-item
-    >
-    <spartan-th-item-placeholder class="mb-2" *ngFor="let item of _rest; trackBy: _trackBy" />
+    @for (contributor of _contributors;track contributor) {
+    <spartan-th-item class="mb-2" [href]="'https://github.com/' + contributor">{{ contributor }} </spartan-th-item>
+    } @for (item of _rest;track item) {
+    <spartan-th-item-placeholder class="mb-2" />
+    }
   `,
 })
 export class ThreeHundredComponent {
@@ -34,7 +31,11 @@ export class ThreeHundredComponent {
     'jeremy-js-devweb',
     'heddendorp',
     'tutkli',
+    'Pascalmh',
+    'okkindel',
+    'marcjulian',
+    'elite-benni',
+    'oidre',
   ];
   protected readonly _rest = Array(300 - this._contributors.length).map((x, i) => i);
-  protected readonly _trackBy: TrackByFunction<number | string> = (n) => n;
 }