From 030cc12544566024819b45d19a20f212d8b11d52 Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Sun, 16 Mar 2025 16:22:12 +0100
Subject: [PATCH 1/5] Overengineering for big image text

---
 js/components/BigImage.js | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/js/components/BigImage.js b/js/components/BigImage.js
index b89f6ff..aba9d5a 100644
--- a/js/components/BigImage.js
+++ b/js/components/BigImage.js
@@ -1,9 +1,27 @@
-import React from 'react';
+import React, {useEffect} from 'react';
 
 export function BigImage(props) {
+    useEffect(() => {
+        const handleResize = () => {
+            const element = document.querySelector('.dynamically-resizing-h1');
+            if (element) {
+                const parentWidth = element.parentElement.offsetWidth;
+                const fontSize = parentWidth / 16; // Adjust the divisor as needed
+                element.style.fontSize = `${fontSize}px`;
+            }
+        };
+
+        window.addEventListener('resize', handleResize);
+        handleResize(); // Initial call to set the font size
+
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+
     return (
         <div className="big-image">
-            <h1 className="display-1">{props.text}</h1>
+            <h1 className="text-truncate overflow-hidden dynamically-resizing-h1">{props.text}</h1>
         </div>
     );
 }

From 7cff7bdb0bbda7baffaee6abb38c8c9e378c7567 Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Sun, 16 Mar 2025 16:24:28 +0100
Subject: [PATCH 2/5] Clean up footer

---
 js/components/Footer.js | 17 +++--------------
 1 file changed, 3 insertions(+), 14 deletions(-)

diff --git a/js/components/Footer.js b/js/components/Footer.js
index d29ea06..70687cf 100644
--- a/js/components/Footer.js
+++ b/js/components/Footer.js
@@ -1,20 +1,13 @@
 export function Footer() {
     return (
-        <footer className="footer mt-5 bg-dark text-light">
-            <div className="container py-3">
-                <div className="row">
-                    <div className="col-md-6 text-center">
-                        <Copyright/> &middot; <Privacy/> &middot; <Imprint/>
-                    </div>
-                    <div className="col-md-6 text-center"><MoveToTop/></div>
-                </div>
-            </div>
+        <footer className="footer mt-5 p-3 bg-dark text-light text-center">
+            <Copyright/> &middot; <Privacy/> &middot; <Imprint/>
         </footer>
     );
 }
 
 function Copyright() {
-    return <span>&copy; 2024 turnie.re</span>;
+    return <span>&copy; 2025 turnie.re</span>;
 }
 
 function Privacy() {
@@ -24,7 +17,3 @@ function Privacy() {
 function Imprint() {
     return <a className="text-white" href="/imprint">Impressum</a>;
 }
-
-function MoveToTop() {
-    return <a href="#" className="text-white">zurück nach oben</a>;
-}

From d5a754ba73ab6a341ad6b6d90a858112ebaf17bd Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Sun, 16 Mar 2025 16:31:26 +0100
Subject: [PATCH 3/5] Fix navbar not sticky

---
 js/components/Navigation.js | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/js/components/Navigation.js b/js/components/Navigation.js
index ec697df..e8f6c5a 100644
--- a/js/components/Navigation.js
+++ b/js/components/Navigation.js
@@ -10,22 +10,16 @@ import {notify} from 'react-notify-toast';
 export class TurniereNavigation extends React.Component {
     constructor(props) {
         super(props);
-
         this.toggle = this.toggle.bind(this);
-
-        this.state = {
-            collapsed: true
-        };
+        this.state = {collapsed: true};
     }
 
     toggle() {
-        this.setState({
-            collapsed: !this.state.collapsed
-        });
+        this.setState({collapsed: !this.state.collapsed});
     }
 
     render() {
-        return (<Navbar color="light" light expand="lg">
+        return (<Navbar color="light" light expand="lg" sticky="top">
             <NavbarBrand href="/">turnie.re</NavbarBrand>
             <NavbarToggler onClick={this.toggle}/>
             <Collapse isOpen={!this.state.collapsed} navbar>

From f34b1507ebda4fd8ac238bec8a3078b6bef37e12 Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Sun, 16 Mar 2025 16:34:18 +0100
Subject: [PATCH 4/5] Fix loading page mobile

---
 js/components/LoadingPage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/components/LoadingPage.js b/js/components/LoadingPage.js
index 9fb26f6..bdb994d 100644
--- a/js/components/LoadingPage.js
+++ b/js/components/LoadingPage.js
@@ -12,7 +12,7 @@ export function LoadingPage(props) {
         <TurniereNavigation/>
         <Container>
             <div className='text-center'>
-                <img src='/static/images/logo-questionmark.png' alt='' className='loading-logo'/>
+                <img src='/static/images/logo-questionmark.png' alt='' className='img-fluid loading-logo'/>
             </div>
             <div className='py-5 text-center w-100 h1 custom-font'>
                 {props.text}

From be3884af01ccbcd360ac7a2a1bc570b6be2878f2 Mon Sep 17 00:00:00 2001
From: Malaber <git@schaedler.rocks>
Date: Mon, 17 Mar 2025 14:58:45 +0100
Subject: [PATCH 5/5] Workaround for weird padding around rows on mobile

---
 js/components/GroupStage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/components/GroupStage.js b/js/components/GroupStage.js
index 17b45ed..205ba58 100644
--- a/js/components/GroupStage.js
+++ b/js/components/GroupStage.js
@@ -22,7 +22,7 @@ export default class GroupStage extends Component {
                 <span className='px-2'>Gruppenphase</span>
                 <ShowMatchesToggleButton show={this.state.showMatches} toggle={this.toggleShowMatches}/>
             </h1>
-            <Row className='mt-3'>
+            <Row className='mt-3 gx-0'>
                 {this.props.groups.map(group => <Group group={group} key={group.id} isSignedIn={this.props.isSignedIn}
                     isOwner={this.props.isOwner} showMatches={this.state.showMatches}/>)}
             </Row>