From 3a6df1aa774163e6ab13548a8aea3336b79fc5f6 Mon Sep 17 00:00:00 2001
From: Christoph Heiss <christoph@c8h4.io>
Date: Thu, 4 Jul 2024 16:03:33 +0200
Subject: [PATCH] tree-wide: add some missing license headers

Seems I forgot these in 776e5f06d [0]. Fix it up.

[0] https://codeberg.org/beerbrawl/beerbrawl/commit/776e5f06dc

Signed-off-by: Christoph Heiss <christoph@c8h4.io>
---
 e2e/cypress.config.ci.js                                        | 2 ++
 e2e/cypress.config.js                                           | 2 ++
 frontend/src/app/app.component.html                             | 2 ++
 frontend/src/app/app.component.scss                             | 2 ++
 .../beer-pong-table-create.component.html                       | 2 ++
 .../beer-pong-table-create.component.scss                       | 2 ++
 .../beer-pong-table-overview.component.html                     | 2 ++
 .../beer-pong-table-overview.component.scss                     | 2 ++
 .../beer-pong-table-update.component.html                       | 2 ++
 .../beer-pong-table-update.component.scss                       | 2 ++
 .../app/components/confirm-dialog/confirm-dialog.component.html | 2 ++
 .../app/components/confirm-dialog/confirm-dialog.component.scss | 2 ++
 .../components/copy-link-dialog/copy-link-dialog.component.html | 2 ++
 .../components/copy-link-dialog/copy-link-dialog.component.scss | 2 ++
 .../src/app/components/header-card/header-card.component.html   | 2 ++
 .../src/app/components/header-card/header-card.component.scss   | 2 ++
 .../src/app/components/image-upload/image-upload.component.html | 2 ++
 .../src/app/components/image-upload/image-upload.component.scss | 2 ++
 .../infoscreen-knockout-phase-tree.component.html               | 2 ++
 .../infoscreen-knockout-phase-tree.component.scss               | 2 ++
 .../knockout-phase-tree-node.component.html                     | 2 ++
 .../knockout-phase-tree-node.component.scss                     | 2 ++
 frontend/src/app/components/login/user-login.component.html     | 2 ++
 frontend/src/app/components/login/user-login.component.scss     | 2 ++
 .../party-picture-card/party-picture-card.component.html        | 2 ++
 .../party-picture-card/party-picture-card.component.scss        | 2 ++
 .../party-pictures-approve/party-pics-approve.component.html    | 2 ++
 .../party-pictures-approve/party-pics-approve.component.scss    | 2 ++
 .../qualification-match-line.component.html                     | 2 ++
 .../qualification-match-line.component.scss                     | 2 ++
 .../qualification-matches/qualification-matches.component.html  | 2 ++
 .../qualification-matches/qualification-matches.component.scss  | 2 ++
 frontend/src/app/components/sidebar/sidebar.component.html      | 2 ++
 frontend/src/app/components/sidebar/sidebar.component.scss      | 2 ++
 .../tournament-score-table.component.html                       | 2 ++
 .../tournament-score-table.component.scss                       | 2 ++
 .../tournament-team-edit/tournament-team-edit.component.html    | 2 ++
 .../tournament-team-edit/tournament-team-edit.component.scss    | 2 ++
 .../components/tournament-teams/tournament-teams.component.html | 2 ++
 .../components/tournament-teams/tournament-teams.component.scss | 2 ++
 .../edit-knockout-phase-tree.component.html                     | 2 ++
 .../edit-knockout-phase-tree.component.scss                     | 2 ++
 .../tournament/team-signup/team-signup.component.html           | 2 ++
 .../tournament/team-signup/team-signup.component.scss           | 2 ++
 .../tournament/tournament-card/tournament-card.component.html   | 2 ++
 .../tournament/tournament-card/tournament-card.component.scss   | 2 ++
 .../tournament-create/tournament-create.component.html          | 2 ++
 .../tournament-create/tournament-create.component.scss          | 2 ++
 .../tournament-edit-match-results-dialog.component.html         | 2 ++
 .../tournament-edit-match-results-dialog.component.scss         | 2 ++
 .../tournament/tournament-edit/tournament-edit.component.html   | 2 ++
 .../tournament/tournament-edit/tournament-edit.component.scss   | 2 ++
 .../tournament-overview/tournament-overview.component.html      | 2 ++
 .../tournament-overview/tournament-overview.component.scss      | 2 ++
 .../tournament-public-gallery.component.html                    | 2 ++
 .../tournament-public-gallery.component.scss                    | 2 ++
 .../tournament-public-view.component.html                       | 2 ++
 .../tournament-public-view.component.scss                       | 2 ++
 .../pick-qualified-teams/pick-qualified-teams.component.html    | 2 ++
 .../pick-qualified-teams/pick-qualified-teams.component.scss    | 2 ++
 .../tournament-qualification-phase.component.html               | 2 ++
 .../tournament-qualification-phase.component.scss               | 2 ++
 .../tournament/tournaments/tournaments.component.html           | 2 ++
 .../tournament/tournaments/tournaments.component.scss           | 2 ++
 .../src/app/components/update-user/update-user.component.html   | 2 ++
 .../src/app/components/update-user/update-user.component.scss   | 2 ++
 .../src/app/components/user-detail/user-detail.component.html   | 2 ++
 .../src/app/components/user-detail/user-detail.component.scss   | 2 ++
 .../user-edit-details-form.component.html                       | 2 ++
 .../user-edit-details-form.component.scss                       | 2 ++
 .../app/components/user-register/user-register.component.html   | 2 ++
 .../app/components/user-register/user-register.component.scss   | 2 ++
 .../src/app/components/watch-timer/watch-timer.component.html   | 2 ++
 .../src/app/components/watch-timer/watch-timer.component.scss   | 2 ++
 frontend/src/app/layouts/auth-layout/auth-layout.component.html | 2 ++
 frontend/src/app/layouts/auth-layout/auth-layout.component.scss | 2 ++
 frontend/src/app/layouts/main-layout/main-layout.component.html | 2 ++
 frontend/src/app/layouts/main-layout/main-layout.component.scss | 2 ++
 frontend/src/index.html                                         | 2 ++
 frontend/src/karma.conf.ci.js                                   | 2 ++
 frontend/src/karma.conf.local.js                                | 2 ++
 frontend/src/styles.scss                                        | 2 ++
 frontend/src/theme/theme.scss                                   | 2 ++
 83 files changed, 166 insertions(+)

diff --git a/e2e/cypress.config.ci.js b/e2e/cypress.config.ci.js
index c8d3bc5..536b827 100644
--- a/e2e/cypress.config.ci.js
+++ b/e2e/cypress.config.ci.js
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 const { defineConfig } = require('cypress');
 
 module.exports = defineConfig({
diff --git a/e2e/cypress.config.js b/e2e/cypress.config.js
index e6df400..91611fa 100644
--- a/e2e/cypress.config.js
+++ b/e2e/cypress.config.js
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 const { defineConfig } = require('cypress');
 
 module.exports = defineConfig({
diff --git a/frontend/src/app/app.component.html b/frontend/src/app/app.component.html
index 0680b43..c24d44f 100644
--- a/frontend/src/app/app.component.html
+++ b/frontend/src/app/app.component.html
@@ -1 +1,3 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <router-outlet></router-outlet>
diff --git a/frontend/src/app/app.component.scss b/frontend/src/app/app.component.scss
index e69de29..ef0d129 100644
--- a/frontend/src/app/app.component.scss
+++ b/frontend/src/app/app.component.scss
@@ -0,0 +1,2 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
diff --git a/frontend/src/app/components/beer-pong-table-create/beer-pong-table-create.component.html b/frontend/src/app/components/beer-pong-table-create/beer-pong-table-create.component.html
index 4a6713b..276041b 100644
--- a/frontend/src/app/components/beer-pong-table-create/beer-pong-table-create.component.html
+++ b/frontend/src/app/components/beer-pong-table-create/beer-pong-table-create.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <form [formGroup]="beerPongTableForm" (ngSubmit)="createBeerPongTable()">
   <mat-card>
     <mat-card-header>
diff --git a/frontend/src/app/components/beer-pong-table-create/beer-pong-table-create.component.scss b/frontend/src/app/components/beer-pong-table-create/beer-pong-table-create.component.scss
index ed0a5b9..941bc5d 100644
--- a/frontend/src/app/components/beer-pong-table-create/beer-pong-table-create.component.scss
+++ b/frontend/src/app/components/beer-pong-table-create/beer-pong-table-create.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 mat-card-content {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/app/components/beer-pong-table-overview/beer-pong-table-overview.component.html b/frontend/src/app/components/beer-pong-table-overview/beer-pong-table-overview.component.html
index 34b869a..1d9743f 100644
--- a/frontend/src/app/components/beer-pong-table-overview/beer-pong-table-overview.component.html
+++ b/frontend/src/app/components/beer-pong-table-overview/beer-pong-table-overview.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <app-header-card [title]="'Tournament Tables Overview'">
   <div class="action-buttons">
     <button mat-raised-button color="primary" (click)="backToOverview()">Back to Overview</button>
diff --git a/frontend/src/app/components/beer-pong-table-overview/beer-pong-table-overview.component.scss b/frontend/src/app/components/beer-pong-table-overview/beer-pong-table-overview.component.scss
index c750835..e56206d 100644
--- a/frontend/src/app/components/beer-pong-table-overview/beer-pong-table-overview.component.scss
+++ b/frontend/src/app/components/beer-pong-table-overview/beer-pong-table-overview.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .table-container {
   padding: 0px var(--spacing2) var(--spacing2) var(--spacing2);
 
diff --git a/frontend/src/app/components/beer-pong-table-update/beer-pong-table-update.component.html b/frontend/src/app/components/beer-pong-table-update/beer-pong-table-update.component.html
index a454899..f2a8413 100644
--- a/frontend/src/app/components/beer-pong-table-update/beer-pong-table-update.component.html
+++ b/frontend/src/app/components/beer-pong-table-update/beer-pong-table-update.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <form [formGroup]="beerPongTableForm" (ngSubmit)="updateBeerPongTable()">
   <mat-card>
     <mat-card-header>
diff --git a/frontend/src/app/components/beer-pong-table-update/beer-pong-table-update.component.scss b/frontend/src/app/components/beer-pong-table-update/beer-pong-table-update.component.scss
index ed0a5b9..941bc5d 100644
--- a/frontend/src/app/components/beer-pong-table-update/beer-pong-table-update.component.scss
+++ b/frontend/src/app/components/beer-pong-table-update/beer-pong-table-update.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 mat-card-content {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/app/components/confirm-dialog/confirm-dialog.component.html b/frontend/src/app/components/confirm-dialog/confirm-dialog.component.html
index 6f24de7..e6bce0b 100644
--- a/frontend/src/app/components/confirm-dialog/confirm-dialog.component.html
+++ b/frontend/src/app/components/confirm-dialog/confirm-dialog.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <h1 mat-dialog-title>Confirm {{ actionToPerform() }}</h1>
 <div mat-dialog-content>
   @if (infoNote()) {
diff --git a/frontend/src/app/components/confirm-dialog/confirm-dialog.component.scss b/frontend/src/app/components/confirm-dialog/confirm-dialog.component.scss
index e69de29..ef0d129 100644
--- a/frontend/src/app/components/confirm-dialog/confirm-dialog.component.scss
+++ b/frontend/src/app/components/confirm-dialog/confirm-dialog.component.scss
@@ -0,0 +1,2 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
diff --git a/frontend/src/app/components/copy-link-dialog/copy-link-dialog.component.html b/frontend/src/app/components/copy-link-dialog/copy-link-dialog.component.html
index 14a68d1..7a9b897 100644
--- a/frontend/src/app/components/copy-link-dialog/copy-link-dialog.component.html
+++ b/frontend/src/app/components/copy-link-dialog/copy-link-dialog.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <h2 matDialogTitle>Copy {{ title }}</h2>
 <mat-dialog-content>
   <mat-form-field [appearance]="'outline'" [subscriptSizing]="'dynamic'">
diff --git a/frontend/src/app/components/copy-link-dialog/copy-link-dialog.component.scss b/frontend/src/app/components/copy-link-dialog/copy-link-dialog.component.scss
index a43473c..2f606d6 100644
--- a/frontend/src/app/components/copy-link-dialog/copy-link-dialog.component.scss
+++ b/frontend/src/app/components/copy-link-dialog/copy-link-dialog.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 mat-dialog-content {
   display: flex;
   align-items: center;
diff --git a/frontend/src/app/components/header-card/header-card.component.html b/frontend/src/app/components/header-card/header-card.component.html
index eeb3a3f..622d21f 100644
--- a/frontend/src/app/components/header-card/header-card.component.html
+++ b/frontend/src/app/components/header-card/header-card.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <mat-card>
   <div class="top-bar">
     <div class="row">
diff --git a/frontend/src/app/components/header-card/header-card.component.scss b/frontend/src/app/components/header-card/header-card.component.scss
index 00c41af..f5e1817 100644
--- a/frontend/src/app/components/header-card/header-card.component.scss
+++ b/frontend/src/app/components/header-card/header-card.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 mat-card {
   margin: var(--spacing2);
 }
diff --git a/frontend/src/app/components/image-upload/image-upload.component.html b/frontend/src/app/components/image-upload/image-upload.component.html
index d97af3e..0585a68 100644
--- a/frontend/src/app/components/image-upload/image-upload.component.html
+++ b/frontend/src/app/components/image-upload/image-upload.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="vertical-center center">
   <mat-card class="upload-card">
     <mat-card-header>
diff --git a/frontend/src/app/components/image-upload/image-upload.component.scss b/frontend/src/app/components/image-upload/image-upload.component.scss
index d8625d2..d98fd87 100644
--- a/frontend/src/app/components/image-upload/image-upload.component.scss
+++ b/frontend/src/app/components/image-upload/image-upload.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .upload-card {
   max-width: 500px;
   min-width: 400px;
diff --git a/frontend/src/app/components/infoscreen-knockout-phase-tree/infoscreen-knockout-phase-tree.component.html b/frontend/src/app/components/infoscreen-knockout-phase-tree/infoscreen-knockout-phase-tree.component.html
index f631f48..15c7e9a 100644
--- a/frontend/src/app/components/infoscreen-knockout-phase-tree/infoscreen-knockout-phase-tree.component.html
+++ b/frontend/src/app/components/infoscreen-knockout-phase-tree/infoscreen-knockout-phase-tree.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="wrapper">
   @if (this.isInitialLoading) {
     <div class="center-content">
diff --git a/frontend/src/app/components/infoscreen-knockout-phase-tree/infoscreen-knockout-phase-tree.component.scss b/frontend/src/app/components/infoscreen-knockout-phase-tree/infoscreen-knockout-phase-tree.component.scss
index 6057ee0..2526b91 100644
--- a/frontend/src/app/components/infoscreen-knockout-phase-tree/infoscreen-knockout-phase-tree.component.scss
+++ b/frontend/src/app/components/infoscreen-knockout-phase-tree/infoscreen-knockout-phase-tree.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 @use '@angular/material' as mat;
 @use '../../../theme/theme.scss' as theme;
 
diff --git a/frontend/src/app/components/knockout-phase-tree-node/knockout-phase-tree-node.component.html b/frontend/src/app/components/knockout-phase-tree-node/knockout-phase-tree-node.component.html
index 28376a5..7af0acb 100644
--- a/frontend/src/app/components/knockout-phase-tree-node/knockout-phase-tree-node.component.html
+++ b/frontend/src/app/components/knockout-phase-tree-node/knockout-phase-tree-node.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="ko-phase-tree">
   @for (item of this.flattenedTree; track item.node.id) {
     <div [style]="this.getNodeStyle(item.column, item.row)">
diff --git a/frontend/src/app/components/knockout-phase-tree-node/knockout-phase-tree-node.component.scss b/frontend/src/app/components/knockout-phase-tree-node/knockout-phase-tree-node.component.scss
index 666a3da..da0395b 100644
--- a/frontend/src/app/components/knockout-phase-tree-node/knockout-phase-tree-node.component.scss
+++ b/frontend/src/app/components/knockout-phase-tree-node/knockout-phase-tree-node.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .ko-phase-tree {
   height: 100%;
   display: grid;
diff --git a/frontend/src/app/components/login/user-login.component.html b/frontend/src/app/components/login/user-login.component.html
index 0d1b367..3ecdcff 100644
--- a/frontend/src/app/components/login/user-login.component.html
+++ b/frontend/src/app/components/login/user-login.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="content">
   <mat-dialog-content>
     <form class="form" [formGroup]="loginForm" (ngSubmit)="loginUser()">
diff --git a/frontend/src/app/components/login/user-login.component.scss b/frontend/src/app/components/login/user-login.component.scss
index fea97bd..d600773 100644
--- a/frontend/src/app/components/login/user-login.component.scss
+++ b/frontend/src/app/components/login/user-login.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .content {
   display: flex;
   justify-content: center;
diff --git a/frontend/src/app/components/party-picture-card/party-picture-card.component.html b/frontend/src/app/components/party-picture-card/party-picture-card.component.html
index 97e08dd..158ac99 100644
--- a/frontend/src/app/components/party-picture-card/party-picture-card.component.html
+++ b/frontend/src/app/components/party-picture-card/party-picture-card.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <mat-card class="party-picture-card">
   <div class="image-container" [style.background-color]="getBackgroundColor()">
     <img class="images" src="{{ imageUrl }}" alt="party pic" />
diff --git a/frontend/src/app/components/party-picture-card/party-picture-card.component.scss b/frontend/src/app/components/party-picture-card/party-picture-card.component.scss
index 47a8626..7f9d488 100644
--- a/frontend/src/app/components/party-picture-card/party-picture-card.component.scss
+++ b/frontend/src/app/components/party-picture-card/party-picture-card.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .party-picture-card {
   width: 20rem;
   padding-left: 2rem;
diff --git a/frontend/src/app/components/party-pictures-approve/party-pics-approve.component.html b/frontend/src/app/components/party-pictures-approve/party-pics-approve.component.html
index aab872f..65c2d1d 100644
--- a/frontend/src/app/components/party-pictures-approve/party-pics-approve.component.html
+++ b/frontend/src/app/components/party-pictures-approve/party-pics-approve.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <app-header-card [title]="'Approve Party Pics'">
   <div class="buttons-container">
     <button mat-raised-button color="primary" [routerLink]="'..'">Back to Overview</button>
diff --git a/frontend/src/app/components/party-pictures-approve/party-pics-approve.component.scss b/frontend/src/app/components/party-pictures-approve/party-pics-approve.component.scss
index 1f79cb8..aba76f4 100644
--- a/frontend/src/app/components/party-pictures-approve/party-pics-approve.component.scss
+++ b/frontend/src/app/components/party-pictures-approve/party-pics-approve.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .picture-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
diff --git a/frontend/src/app/components/qualification-matches/qualification-match-line/qualification-match-line.component.html b/frontend/src/app/components/qualification-matches/qualification-match-line/qualification-match-line.component.html
index d3ef4a6..6e471f4 100644
--- a/frontend/src/app/components/qualification-matches/qualification-match-line/qualification-match-line.component.html
+++ b/frontend/src/app/components/qualification-matches/qualification-match-line/qualification-match-line.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div
   class="qualification-line-container"
   [class.currently-playing-light]="match().startTime && !match().endTime && !viewOnly()"
diff --git a/frontend/src/app/components/qualification-matches/qualification-match-line/qualification-match-line.component.scss b/frontend/src/app/components/qualification-matches/qualification-match-line/qualification-match-line.component.scss
index b84770c..8cfb85c 100644
--- a/frontend/src/app/components/qualification-matches/qualification-match-line/qualification-match-line.component.scss
+++ b/frontend/src/app/components/qualification-matches/qualification-match-line/qualification-match-line.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 @use '@angular/material' as mat;
 @use '../../../../theme/theme.scss' as theme;
 
diff --git a/frontend/src/app/components/qualification-matches/qualification-matches.component.html b/frontend/src/app/components/qualification-matches/qualification-matches.component.html
index 92709c4..87816c3 100644
--- a/frontend/src/app/components/qualification-matches/qualification-matches.component.html
+++ b/frontend/src/app/components/qualification-matches/qualification-matches.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 @for (match of sortedQualificationMatches; track match.id) {
   <app-qualification-match-line
     #matchLineElement
diff --git a/frontend/src/app/components/qualification-matches/qualification-matches.component.scss b/frontend/src/app/components/qualification-matches/qualification-matches.component.scss
index f8e2812..0281ad8 100644
--- a/frontend/src/app/components/qualification-matches/qualification-matches.component.scss
+++ b/frontend/src/app/components/qualification-matches/qualification-matches.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .no-matches-container {
   display: grid;
   justify-items: center;
diff --git a/frontend/src/app/components/sidebar/sidebar.component.html b/frontend/src/app/components/sidebar/sidebar.component.html
index d8527e4..c53b5f6 100644
--- a/frontend/src/app/components/sidebar/sidebar.component.html
+++ b/frontend/src/app/components/sidebar/sidebar.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <mat-nav-list class="sidebar-container">
   <div>
     <mat-list-item
diff --git a/frontend/src/app/components/sidebar/sidebar.component.scss b/frontend/src/app/components/sidebar/sidebar.component.scss
index c00effa..00f331c 100644
--- a/frontend/src/app/components/sidebar/sidebar.component.scss
+++ b/frontend/src/app/components/sidebar/sidebar.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 a {
   text-decoration: none;
   color: white;
diff --git a/frontend/src/app/components/tournament-score-table/tournament-score-table.component.html b/frontend/src/app/components/tournament-score-table/tournament-score-table.component.html
index 6f00b02..66a764b 100644
--- a/frontend/src/app/components/tournament-score-table/tournament-score-table.component.html
+++ b/frontend/src/app/components/tournament-score-table/tournament-score-table.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <table mat-table [dataSource]="scoreDtos() ?? []">
   <ng-container matColumnDef="position">
     <th mat-header-cell *matHeaderCellDef>No.</th>
diff --git a/frontend/src/app/components/tournament-score-table/tournament-score-table.component.scss b/frontend/src/app/components/tournament-score-table/tournament-score-table.component.scss
index 832a767..3a68406 100644
--- a/frontend/src/app/components/tournament-score-table/tournament-score-table.component.scss
+++ b/frontend/src/app/components/tournament-score-table/tournament-score-table.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .grey-text {
   color: darkgrey;
 }
diff --git a/frontend/src/app/components/tournament-team-edit/tournament-team-edit.component.html b/frontend/src/app/components/tournament-team-edit/tournament-team-edit.component.html
index 9e7405f..d34b325 100644
--- a/frontend/src/app/components/tournament-team-edit/tournament-team-edit.component.html
+++ b/frontend/src/app/components/tournament-team-edit/tournament-team-edit.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <h1 mat-dialog-title>Edit team {{ team?.name }}</h1>
 <form class="form" [formGroup]="form" (ngSubmit)="updateTeam()">
   <div class="form-content" mat-dialog-content>
diff --git a/frontend/src/app/components/tournament-team-edit/tournament-team-edit.component.scss b/frontend/src/app/components/tournament-team-edit/tournament-team-edit.component.scss
index 6775c7f..a72cf90 100644
--- a/frontend/src/app/components/tournament-team-edit/tournament-team-edit.component.scss
+++ b/frontend/src/app/components/tournament-team-edit/tournament-team-edit.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .form-content {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/app/components/tournament-teams/tournament-teams.component.html b/frontend/src/app/components/tournament-teams/tournament-teams.component.html
index 0eedb8e..6b4b845 100644
--- a/frontend/src/app/components/tournament-teams/tournament-teams.component.html
+++ b/frontend/src/app/components/tournament-teams/tournament-teams.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <app-header-card [title]="this.tournament?.name ?? 'Tournament'">
   <button mat-raised-button color="primary" [routerLink]="'..'">Back to Overview</button>
 </app-header-card>
diff --git a/frontend/src/app/components/tournament-teams/tournament-teams.component.scss b/frontend/src/app/components/tournament-teams/tournament-teams.component.scss
index 67dc3c1..af9df98 100644
--- a/frontend/src/app/components/tournament-teams/tournament-teams.component.scss
+++ b/frontend/src/app/components/tournament-teams/tournament-teams.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 div.no-teams-message {
   text-align: center;
 }
diff --git a/frontend/src/app/components/tournament/edit-knockout-phase-tree/edit-knockout-phase-tree.component.html b/frontend/src/app/components/tournament/edit-knockout-phase-tree/edit-knockout-phase-tree.component.html
index bc7daa6..3441412 100644
--- a/frontend/src/app/components/tournament/edit-knockout-phase-tree/edit-knockout-phase-tree.component.html
+++ b/frontend/src/app/components/tournament/edit-knockout-phase-tree/edit-knockout-phase-tree.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <app-header-card [title]="'KO Phase'">
   <div class="buttons-container">
     <button mat-raised-button color="primary" [routerLink]="'..'">Back to Overview</button>
diff --git a/frontend/src/app/components/tournament/edit-knockout-phase-tree/edit-knockout-phase-tree.component.scss b/frontend/src/app/components/tournament/edit-knockout-phase-tree/edit-knockout-phase-tree.component.scss
index dc13645..85e502b 100644
--- a/frontend/src/app/components/tournament/edit-knockout-phase-tree/edit-knockout-phase-tree.component.scss
+++ b/frontend/src/app/components/tournament/edit-knockout-phase-tree/edit-knockout-phase-tree.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .center-content {
   width: 100%;
 
diff --git a/frontend/src/app/components/tournament/team-signup/team-signup.component.html b/frontend/src/app/components/tournament/team-signup/team-signup.component.html
index 44f46fc..b085620 100644
--- a/frontend/src/app/components/tournament/team-signup/team-signup.component.html
+++ b/frontend/src/app/components/tournament/team-signup/team-signup.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 @if (isTournamentLoadedAndRegistrationOpen) {
   @if (success) {
     <div class="success-message">
diff --git a/frontend/src/app/components/tournament/team-signup/team-signup.component.scss b/frontend/src/app/components/tournament/team-signup/team-signup.component.scss
index 8d9cd69..aa6e5e9 100644
--- a/frontend/src/app/components/tournament/team-signup/team-signup.component.scss
+++ b/frontend/src/app/components/tournament/team-signup/team-signup.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .form-container {
   display: flex;
   justify-content: center;
diff --git a/frontend/src/app/components/tournament/tournament-card/tournament-card.component.html b/frontend/src/app/components/tournament/tournament-card/tournament-card.component.html
index a756dc4..dc687c2 100644
--- a/frontend/src/app/components/tournament/tournament-card/tournament-card.component.html
+++ b/frontend/src/app/components/tournament/tournament-card/tournament-card.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <mat-card class="tournament-card" data-cy="tournaments-list-item">
   <div class="left-color-bar"></div>
   <div class="card-content">
diff --git a/frontend/src/app/components/tournament/tournament-card/tournament-card.component.scss b/frontend/src/app/components/tournament/tournament-card/tournament-card.component.scss
index 752ff3b..d405cef 100644
--- a/frontend/src/app/components/tournament/tournament-card/tournament-card.component.scss
+++ b/frontend/src/app/components/tournament/tournament-card/tournament-card.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .tournament-card {
   width: 30rem;
   box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
diff --git a/frontend/src/app/components/tournament/tournament-create/tournament-create.component.html b/frontend/src/app/components/tournament/tournament-create/tournament-create.component.html
index ef9a53e..8e94a67 100644
--- a/frontend/src/app/components/tournament/tournament-create/tournament-create.component.html
+++ b/frontend/src/app/components/tournament/tournament-create/tournament-create.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <form [formGroup]="tournamentForm" (ngSubmit)="createTournament()">
   <mat-card>
     <mat-card-header>
diff --git a/frontend/src/app/components/tournament/tournament-create/tournament-create.component.scss b/frontend/src/app/components/tournament/tournament-create/tournament-create.component.scss
index ed0a5b9..941bc5d 100644
--- a/frontend/src/app/components/tournament/tournament-create/tournament-create.component.scss
+++ b/frontend/src/app/components/tournament/tournament-create/tournament-create.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 mat-card-content {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/app/components/tournament/tournament-edit-match-results-dialog/tournament-edit-match-results-dialog.component.html b/frontend/src/app/components/tournament/tournament-edit-match-results-dialog/tournament-edit-match-results-dialog.component.html
index 6b99da3..04ea9a2 100644
--- a/frontend/src/app/components/tournament/tournament-edit-match-results-dialog/tournament-edit-match-results-dialog.component.html
+++ b/frontend/src/app/components/tournament/tournament-edit-match-results-dialog/tournament-edit-match-results-dialog.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <h1 mat-dialog-title>Enter match results</h1>
 <h2>{{ participant1?.name }} vs. {{ participant2?.name }}</h2>
 <form class="form" [formGroup]="form" (ngSubmit)="updateQualificationMatchResults()">
diff --git a/frontend/src/app/components/tournament/tournament-edit-match-results-dialog/tournament-edit-match-results-dialog.component.scss b/frontend/src/app/components/tournament/tournament-edit-match-results-dialog/tournament-edit-match-results-dialog.component.scss
index 8bc189e..1fff5ec 100644
--- a/frontend/src/app/components/tournament/tournament-edit-match-results-dialog/tournament-edit-match-results-dialog.component.scss
+++ b/frontend/src/app/components/tournament/tournament-edit-match-results-dialog/tournament-edit-match-results-dialog.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .form-content {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/app/components/tournament/tournament-edit/tournament-edit.component.html b/frontend/src/app/components/tournament/tournament-edit/tournament-edit.component.html
index 1764635..70ed171 100644
--- a/frontend/src/app/components/tournament/tournament-edit/tournament-edit.component.html
+++ b/frontend/src/app/components/tournament/tournament-edit/tournament-edit.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <mat-card>
   <form [formGroup]="tournamentForm" (ngSubmit)="onSave()">
     <mat-card-content>
diff --git a/frontend/src/app/components/tournament/tournament-edit/tournament-edit.component.scss b/frontend/src/app/components/tournament/tournament-edit/tournament-edit.component.scss
index ed0a5b9..941bc5d 100644
--- a/frontend/src/app/components/tournament/tournament-edit/tournament-edit.component.scss
+++ b/frontend/src/app/components/tournament/tournament-edit/tournament-edit.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 mat-card-content {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/app/components/tournament/tournament-overview/tournament-overview.component.html b/frontend/src/app/components/tournament/tournament-overview/tournament-overview.component.html
index 84c4536..2fa9ba9 100644
--- a/frontend/src/app/components/tournament/tournament-overview/tournament-overview.component.html
+++ b/frontend/src/app/components/tournament/tournament-overview/tournament-overview.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="dashboard-container">
   <mat-card class="header-card">
     <div class="header">
diff --git a/frontend/src/app/components/tournament/tournament-overview/tournament-overview.component.scss b/frontend/src/app/components/tournament/tournament-overview/tournament-overview.component.scss
index 3085c6e..94f7a81 100644
--- a/frontend/src/app/components/tournament/tournament-overview/tournament-overview.component.scss
+++ b/frontend/src/app/components/tournament/tournament-overview/tournament-overview.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .dashboard-container {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/app/components/tournament/tournament-public-gallery/tournament-public-gallery.component.html b/frontend/src/app/components/tournament/tournament-public-gallery/tournament-public-gallery.component.html
index 0836ffd..05d0888 100644
--- a/frontend/src/app/components/tournament/tournament-public-gallery/tournament-public-gallery.component.html
+++ b/frontend/src/app/components/tournament/tournament-public-gallery/tournament-public-gallery.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="cards-container">
   @for (card of cards; track card) {
     <mat-card
diff --git a/frontend/src/app/components/tournament/tournament-public-gallery/tournament-public-gallery.component.scss b/frontend/src/app/components/tournament/tournament-public-gallery/tournament-public-gallery.component.scss
index a26c0d1..a19fc80 100644
--- a/frontend/src/app/components/tournament/tournament-public-gallery/tournament-public-gallery.component.scss
+++ b/frontend/src/app/components/tournament/tournament-public-gallery/tournament-public-gallery.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 @use '@angular/material' as mat;
 @use '../../../../theme/theme.scss' as theme;
 
diff --git a/frontend/src/app/components/tournament/tournament-public-view/tournament-public-view.component.html b/frontend/src/app/components/tournament/tournament-public-view/tournament-public-view.component.html
index 3a752d9..2572cd2 100644
--- a/frontend/src/app/components/tournament/tournament-public-view/tournament-public-view.component.html
+++ b/frontend/src/app/components/tournament/tournament-public-view/tournament-public-view.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="content">
   <div class="current-matches mat-elevation-z10">
     <mat-card>
diff --git a/frontend/src/app/components/tournament/tournament-public-view/tournament-public-view.component.scss b/frontend/src/app/components/tournament/tournament-public-view/tournament-public-view.component.scss
index 58a5b57..e7984e8 100644
--- a/frontend/src/app/components/tournament/tournament-public-view/tournament-public-view.component.scss
+++ b/frontend/src/app/components/tournament/tournament-public-view/tournament-public-view.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 @use '@angular/material' as mat;
 @use '../../../../theme/theme.scss' as theme;
 
diff --git a/frontend/src/app/components/tournament/tournament-qualification-phase/pick-qualified-teams/pick-qualified-teams.component.html b/frontend/src/app/components/tournament/tournament-qualification-phase/pick-qualified-teams/pick-qualified-teams.component.html
index bb14822..f1c3351 100644
--- a/frontend/src/app/components/tournament/tournament-qualification-phase/pick-qualified-teams/pick-qualified-teams.component.html
+++ b/frontend/src/app/components/tournament/tournament-qualification-phase/pick-qualified-teams/pick-qualified-teams.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <h2 class="dialog-title" mat-dialog-title>Pick qualified teams with the same points</h2>
 <mat-dialog-content class="content-container">
   <p class="info-text" #infoText>
diff --git a/frontend/src/app/components/tournament/tournament-qualification-phase/pick-qualified-teams/pick-qualified-teams.component.scss b/frontend/src/app/components/tournament/tournament-qualification-phase/pick-qualified-teams/pick-qualified-teams.component.scss
index daa58f9..8f58e9a 100644
--- a/frontend/src/app/components/tournament/tournament-qualification-phase/pick-qualified-teams/pick-qualified-teams.component.scss
+++ b/frontend/src/app/components/tournament/tournament-qualification-phase/pick-qualified-teams/pick-qualified-teams.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 table {
   width: 100%;
 }
diff --git a/frontend/src/app/components/tournament/tournament-qualification-phase/tournament-qualification-phase.component.html b/frontend/src/app/components/tournament/tournament-qualification-phase/tournament-qualification-phase.component.html
index 101517e..1663fb6 100644
--- a/frontend/src/app/components/tournament/tournament-qualification-phase/tournament-qualification-phase.component.html
+++ b/frontend/src/app/components/tournament/tournament-qualification-phase/tournament-qualification-phase.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="content">
   <app-header-card [title]="'Qualification Round'" class="header">
     <div class="header-container">
diff --git a/frontend/src/app/components/tournament/tournament-qualification-phase/tournament-qualification-phase.component.scss b/frontend/src/app/components/tournament/tournament-qualification-phase/tournament-qualification-phase.component.scss
index 4917636..1b4736e 100644
--- a/frontend/src/app/components/tournament/tournament-qualification-phase/tournament-qualification-phase.component.scss
+++ b/frontend/src/app/components/tournament/tournament-qualification-phase/tournament-qualification-phase.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .content {
   display: grid;
   grid-template-areas:
diff --git a/frontend/src/app/components/tournament/tournaments/tournaments.component.html b/frontend/src/app/components/tournament/tournaments/tournaments.component.html
index 8659793..c64717b 100644
--- a/frontend/src/app/components/tournament/tournaments/tournaments.component.html
+++ b/frontend/src/app/components/tournament/tournaments/tournaments.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <app-header-card [title]="'All Tournaments'">
   <button mat-flat-button color="primary">
     <a [routerLink]="'/tournaments/create'" class="no-decoration">Create Tournament</a>
diff --git a/frontend/src/app/components/tournament/tournaments/tournaments.component.scss b/frontend/src/app/components/tournament/tournaments/tournaments.component.scss
index 426da16..3ea01af 100644
--- a/frontend/src/app/components/tournament/tournaments/tournaments.component.scss
+++ b/frontend/src/app/components/tournament/tournaments/tournaments.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .no-matches-container {
   display: grid;
   justify-items: center;
diff --git a/frontend/src/app/components/update-user/update-user.component.html b/frontend/src/app/components/update-user/update-user.component.html
index c9f81ed..1826acd 100644
--- a/frontend/src/app/components/update-user/update-user.component.html
+++ b/frontend/src/app/components/update-user/update-user.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <h2 matDialogTitle>Update Account</h2>
 <div class="content">
   <mat-dialog-content>
diff --git a/frontend/src/app/components/update-user/update-user.component.scss b/frontend/src/app/components/update-user/update-user.component.scss
index 73a32e6..956b423 100644
--- a/frontend/src/app/components/update-user/update-user.component.scss
+++ b/frontend/src/app/components/update-user/update-user.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 mat-dialog-content {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/app/components/user-detail/user-detail.component.html b/frontend/src/app/components/user-detail/user-detail.component.html
index e2b2f2e..8b85f91 100644
--- a/frontend/src/app/components/user-detail/user-detail.component.html
+++ b/frontend/src/app/components/user-detail/user-detail.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="content">
   <mat-card>
     <mat-card-title>User Information</mat-card-title>
diff --git a/frontend/src/app/components/user-detail/user-detail.component.scss b/frontend/src/app/components/user-detail/user-detail.component.scss
index 1a3d494..8c58e83 100644
--- a/frontend/src/app/components/user-detail/user-detail.component.scss
+++ b/frontend/src/app/components/user-detail/user-detail.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 mat-card,
 mat-card-actions {
   padding: var(--spacing2);
diff --git a/frontend/src/app/components/user-edit-details-form/user-edit-details-form.component.html b/frontend/src/app/components/user-edit-details-form/user-edit-details-form.component.html
index 9c373db..0f4d5c1 100644
--- a/frontend/src/app/components/user-edit-details-form/user-edit-details-form.component.html
+++ b/frontend/src/app/components/user-edit-details-form/user-edit-details-form.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <form class="form" [formGroup]="form" (ngSubmit)="_onSubmit()">
   <mat-form-field appearance="outline">
     <mat-label>Username</mat-label>
diff --git a/frontend/src/app/components/user-edit-details-form/user-edit-details-form.component.scss b/frontend/src/app/components/user-edit-details-form/user-edit-details-form.component.scss
index ea83983..beb55e9 100644
--- a/frontend/src/app/components/user-edit-details-form/user-edit-details-form.component.scss
+++ b/frontend/src/app/components/user-edit-details-form/user-edit-details-form.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .form {
   display: flex;
   flex-direction: column;
diff --git a/frontend/src/app/components/user-register/user-register.component.html b/frontend/src/app/components/user-register/user-register.component.html
index 81975b6..27c998c 100644
--- a/frontend/src/app/components/user-register/user-register.component.html
+++ b/frontend/src/app/components/user-register/user-register.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="content">
   <app-user-edit-details-form
     submitText="Register"
diff --git a/frontend/src/app/components/user-register/user-register.component.scss b/frontend/src/app/components/user-register/user-register.component.scss
index e4db9d1..c7deb1a 100644
--- a/frontend/src/app/components/user-register/user-register.component.scss
+++ b/frontend/src/app/components/user-register/user-register.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .title {
   margin-top: 1em;
   text-align: center;
diff --git a/frontend/src/app/components/watch-timer/watch-timer.component.html b/frontend/src/app/components/watch-timer/watch-timer.component.html
index 468afd0..969c198 100644
--- a/frontend/src/app/components/watch-timer/watch-timer.component.html
+++ b/frontend/src/app/components/watch-timer/watch-timer.component.html
@@ -1 +1,3 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div id="timer">{{ displayTime }}</div>
diff --git a/frontend/src/app/components/watch-timer/watch-timer.component.scss b/frontend/src/app/components/watch-timer/watch-timer.component.scss
index e69de29..ef0d129 100644
--- a/frontend/src/app/components/watch-timer/watch-timer.component.scss
+++ b/frontend/src/app/components/watch-timer/watch-timer.component.scss
@@ -0,0 +1,2 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
diff --git a/frontend/src/app/layouts/auth-layout/auth-layout.component.html b/frontend/src/app/layouts/auth-layout/auth-layout.component.html
index df6bb1b..ba5d1e1 100644
--- a/frontend/src/app/layouts/auth-layout/auth-layout.component.html
+++ b/frontend/src/app/layouts/auth-layout/auth-layout.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <div class="container">
   <h1>BeerBrawl🍻</h1>
   <div class="content">
diff --git a/frontend/src/app/layouts/auth-layout/auth-layout.component.scss b/frontend/src/app/layouts/auth-layout/auth-layout.component.scss
index c6a35aa..0bde615 100644
--- a/frontend/src/app/layouts/auth-layout/auth-layout.component.scss
+++ b/frontend/src/app/layouts/auth-layout/auth-layout.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .container {
   height: 100vh;
   display: flex;
diff --git a/frontend/src/app/layouts/main-layout/main-layout.component.html b/frontend/src/app/layouts/main-layout/main-layout.component.html
index 1ca074a..b2267fd 100644
--- a/frontend/src/app/layouts/main-layout/main-layout.component.html
+++ b/frontend/src/app/layouts/main-layout/main-layout.component.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <mat-sidenav-container class="sidenav-container">
   <mat-sidenav #drawer mode="side" opened="true" fixedInViewport="true">
     <mat-toolbar color="primary">BeerBrawl</mat-toolbar>
diff --git a/frontend/src/app/layouts/main-layout/main-layout.component.scss b/frontend/src/app/layouts/main-layout/main-layout.component.scss
index 3752ee2..3959f6e 100644
--- a/frontend/src/app/layouts/main-layout/main-layout.component.scss
+++ b/frontend/src/app/layouts/main-layout/main-layout.component.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 .sidenav-container {
   height: 100vh;
 }
diff --git a/frontend/src/index.html b/frontend/src/index.html
index 3be14f6..e9046ad 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -1,3 +1,5 @@
+<!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
+
 <!doctype html>
 <html lang="en">
   <head>
diff --git a/frontend/src/karma.conf.ci.js b/frontend/src/karma.conf.ci.js
index 4dbde5f..a3f2a8c 100644
--- a/frontend/src/karma.conf.ci.js
+++ b/frontend/src/karma.conf.ci.js
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 process.env.CHROME_BIN = require('puppeteer').executablePath();
 
 module.exports = function (config) {
diff --git a/frontend/src/karma.conf.local.js b/frontend/src/karma.conf.local.js
index cf44f47..7765860 100644
--- a/frontend/src/karma.conf.local.js
+++ b/frontend/src/karma.conf.local.js
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 module.exports = function (config) {
   config.set({
     basePath: '',
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 3efbf7c..16fd217 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 /* You can add global styles to this file, and also import other style files */
 @use '@angular/material' as mat;
 @include mat.core();
diff --git a/frontend/src/theme/theme.scss b/frontend/src/theme/theme.scss
index 94b680f..4b96366 100644
--- a/frontend/src/theme/theme.scss
+++ b/frontend/src/theme/theme.scss
@@ -1,3 +1,5 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+
 @use '@angular/material' as mat;
 @include mat.core();