From 4408bc9b8466b8e50200399061cb64f1183fd6e0 Mon Sep 17 00:00:00 2001
From: Piet Ostendorp <piet@ostendorp-online.de>
Date: Mon, 17 Nov 2025 23:37:34 +0100
Subject: [PATCH] Next Sprint. Juhuuu!

---
 src/app/main/main.component.html | 100 +++++++++++++++----------------
 src/app/main/main.component.ts   |   2 +-
 2 files changed, 51 insertions(+), 51 deletions(-)

diff --git a/src/app/main/main.component.html b/src/app/main/main.component.html
index 9979e51..20d8c07 100644
--- a/src/app/main/main.component.html
+++ b/src/app/main/main.component.html
@@ -1,11 +1,11 @@
-<div class="flex flex-row items-center justify-center gap-8 h-1/1">
-  <div class="max-w-xl m-auto">
+<div class="flex items-center h-1/1 justify-center space-x-30">
+  <div class="max-w-xl">
     <section class="felx flex-row">
       <div class="flex items-center">
         <h1 class="text-3xl font-bold">
           Willkommen bei
         </h1>
-        <div class="bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent text-3xl font-bold">
+        <div class="bg-linear-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent text-3xl font-bold">
           &nbsp;InfiniMotion
         </div>
         <h1 class="text-3xl font-bold">! 🎬</h1>
@@ -41,7 +41,7 @@
             Wir haben uns bei Gestaltung und Stil bewusst an bestehenden Kinowebsites orientiert.
             Dabei handelt es sich um eine rein stilistische Anlehnung; diese Seite verfolgt keinerlei kommerzielle Zwecke und dient ausschließlich universitären Zwecken.
             Marken, Designs oder Funktionalitäten, die bekannten Anbietern ähneln, sind nicht als Kopie zum Wettbewerb gedacht, sondern als pragmatische Inspirationsquelle im Rahmen der Praxisarbeit.
-            <a href="https://infinimotion.de" target="_blank" class="bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent">
+            <a href="https://infinimotion.de" target="_blank" class="bg-linear-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent">
               https://infinimotion.de
             </a>
             wird zum Projektende offline genommen.
@@ -52,57 +52,57 @@
     </section>
   </div>
 
-  <div class="max-w-md mr-60 mt-10">
-  <mat-vertical-stepper [linear]="false" [selectedIndex]="5" class="always-open-stepper">
+  <div class="mt-10">
+    <mat-vertical-stepper [linear]="false" [selectedIndex]="5" class="always-open-stepper">
 
-    <mat-step
-      [completed]="isCompleted(0)"
-      [editable]="isEditable(0)">
-      <ng-template matStepLabel>
-        <span>Sprint #0:&nbsp; &nbsp; Planung, Installation und Vorbereitung</span>
-      </ng-template>
-    </mat-step>
+      <mat-step
+        [completed]="isCompleted(0)"
+        [editable]="isEditable(0)">
+        <ng-template matStepLabel>
+          <span>Sprint #0:&nbsp; &nbsp; Planung, Installation und Vorbereitung</span>
+        </ng-template>
+      </mat-step>
 
-    <mat-step
-      [completed]="isCompleted(1)"
-      [editable]="isEditable(1)">
-      <ng-template matStepLabel>
-        <span>Sprint #1:&nbsp; &nbsp; Programmübersicht</span>
-      </ng-template>
-    </mat-step>
+      <mat-step
+        [completed]="isCompleted(1)"
+        [editable]="isEditable(1)">
+        <ng-template matStepLabel>
+          <span>Sprint #1:&nbsp; &nbsp; Programmübersicht</span>
+        </ng-template>
+      </mat-step>
 
-    <mat-step
-      [completed]="isCompleted(2)"
-      [editable]="isEditable(2)">
-      <ng-template matStepLabel>
-        <span>Sprint #2:&nbsp; &nbsp; Kinosäle anzeigen</span>
-      </ng-template>
-    </mat-step>
+      <mat-step
+        [completed]="isCompleted(2)"
+        [editable]="isEditable(2)">
+        <ng-template matStepLabel>
+          <span>Sprint #2:&nbsp; &nbsp; Kinosäle anzeigen</span>
+        </ng-template>
+      </mat-step>
 
-    <mat-step
-      [completed]="isCompleted(3)"
-      [editable]="isEditable(3)">
-      <ng-template matStepLabel>
-        <span>Sprint #3:&nbsp; &nbsp; Vorstellungstickets reservieren und buchen</span>
-      </ng-template>
-    </mat-step>
+      <mat-step
+        [completed]="isCompleted(3)"
+        [editable]="true">
+        <ng-template matStepLabel>
+          <span>Sprint #3:&nbsp; &nbsp; Vorstellungstickets reservieren und buchen</span>
+        </ng-template>
+      </mat-step>
 
-    <mat-step
-      [completed]="isCompleted(4)"
-      [editable]="isEditable(4)">
-      <ng-template matStepLabel>
-        <span>Sprint #4:&nbsp; &nbsp; Statistiken auswerten und anzeigen</span>
-      </ng-template>
-    </mat-step>
+      <mat-step
+        [completed]="isCompleted(4)"
+        [editable]="isEditable(4)">
+        <ng-template matStepLabel>
+          <span>Sprint #4:&nbsp; &nbsp; Statistiken auswerten und anzeigen</span>
+        </ng-template>
+      </mat-step>
 
-    <mat-step
-      [completed]="isCompleted(5)"
-      [editable]="isEditable(5)">
-      <ng-template matStepLabel>
-        <span>Sprint #5:&nbsp; &nbsp; Aufbereitung und Optimierung</span>
-      </ng-template>
-    </mat-step>
-
-  </mat-vertical-stepper>
+      <mat-step
+        [completed]="isCompleted(5)"
+        [editable]="isEditable(5)">
+        <ng-template matStepLabel>
+          <span>Sprint #5:&nbsp; &nbsp; Aufbereitung und Optimierung</span>
+        </ng-template>
+      </mat-step>
 
+    </mat-vertical-stepper>
+  </div>
 </div>
diff --git a/src/app/main/main.component.ts b/src/app/main/main.component.ts
index 706cf1a..8bfe389 100644
--- a/src/app/main/main.component.ts
+++ b/src/app/main/main.component.ts
@@ -7,7 +7,7 @@ import { Component } from '@angular/core';
   styleUrl: './main.component.css'
 })
 export class MainComponent {
-  currentSprint = 3;
+  currentSprint = 4;
 
   isCompleted(index: number): boolean {
     return index <= this.currentSprint;