From 24117adf33fdcf70318a7b13f7b3cbd9d6d9c6c1 Mon Sep 17 00:00:00 2001
From: vanalmsick <44527602+vanalmsick@users.noreply.github.com>
Date: Sat, 27 Sep 2025 18:51:06 +0100
Subject: [PATCH] Trigger Github workflow for first docker deployment #major

---
 README.md                              | 5 ++++-
 src-frontend/src/forms/supportModal.js | 7 +++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 7cb042f..b78ddf6 100644
--- a/README.md
+++ b/README.md
@@ -23,10 +23,13 @@ Create your own competition or use a friend’s invitation link to join their co
 ### Your Personal Dashboard:
 ![Preview Dashboard](/docs/imgs/preview-myspace-light.png)
 
-### Competition Dashboards:*
+### Competition Dashboards:
 ![Preview Competition](/docs/imgs/preview-competition-both.png)
 
 
+### Automatic Strava Workout Import:
+![Preview Strava Import](/src-frontend/public/how_to_strava_sync.png)
+
 <div align="center">
 
 If you like <b>Workout Challenge</b>, consider giving it a **star** ⭐!  
diff --git a/src-frontend/src/forms/supportModal.js b/src-frontend/src/forms/supportModal.js
index 1ba7318..bc59577 100644
--- a/src-frontend/src/forms/supportModal.js
+++ b/src-frontend/src/forms/supportModal.js
@@ -56,6 +56,13 @@ function AccordionMenu() {
             {items.map((item, index) => (
                 <AccordionItem key={index} {...item} />
             ))}
+            <div className="border-b py-4">
+                <div align="center">
+                    <p className="mb-1.5">If you like <b>Workout Challenge</b>, consider giving it a <b>star on Github</b> ⭐!</p>
+                    <p className="mb-3">Made with ❤️ in London</p>
+                    <a href='https://ko-fi.com/vanalmsick' target='_blank'><img height='36' style={{'border': '0px', 'height': '36px'}} src='https://storage.ko-fi.com/cdn/kofi1.png?v=6' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>
+                </div>
+            </div>
         </div>
     );
 }