From 088407b0413c64fba4476413f044a73bc01170d2 Mon Sep 17 00:00:00 2001
From: Jona Walpert <jona.walpert@stud.unibas.ch>
Date: Mon, 13 Apr 2026 01:12:16 +0200
Subject: [PATCH] Feat: Add clickable Developer Cards with placehodler links

---
 outreach/index.html | 28 ++++++++++++++++------------
 outreach/style.css  | 10 ++++++++++
 2 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/outreach/index.html b/outreach/index.html
index f5d9cb3..41187cb 100644
--- a/outreach/index.html
+++ b/outreach/index.html
@@ -77,7 +77,7 @@
 
                 <div class="feature-card" data-accent="2" data-aos="fade-up" data-aos-delay="300">
                     <h3 data-i18n="feature2Title">Stilvolle UI</h3>
-                    <p data-i18n="feature2Text">Elegante und intuitive Benutzeroberfläche für ein immersives Erlebnis.
+                    <p data-i18n="feature2Text">Intuitive Benutzeroberfläche für ein immersives Erlebnis.
                     </p>
                 </div>
                 <div class="feature-card" data-accent="3" data-aos="fade-up" data-aos-delay="400">
@@ -148,26 +148,30 @@ java -jar casono.jar client &lt;serverip&gt;:&lt;serverport&gt; [username]
         <section id="team" class="team-section">
             <h2 data-i18n="teamTitle" data-aos="fade-up">Das Team</h2>
             <div class="team-grid">
-                <div class="team-member" data-aos="fade-up" data-aos-delay="100">
+                <a class="team-member team-member-link" href="https://git.scicore.unibas.ch/cs108-fs26/Gruppe-13"
+                    target="_blank" rel="noopener noreferrer" data-aos="fade-up" data-aos-delay="100">
                     <img src="images/team/lars.svg" alt="Lars Winzer" class="team-photo" loading="lazy">
                     <h3>Lars Winzer</h3>
                     <p>Server architecture & Server side networking</p>
-                </div>
-                <div class="team-member" data-aos="fade-up" data-aos-delay="200">
+                </a>
+                <a class="team-member team-member-link" href="https://git.scicore.unibas.ch/cs108-fs26/Gruppe-13"
+                    target="_blank" rel="noopener noreferrer" data-aos="fade-up" data-aos-delay="200">
                     <img src="images/team/jona.svg" alt="Jona Walpert" class="team-photo" loading="lazy">
                     <h3>Jona Walpert</h3>
                     <p>UI & UX Design</p>
-                </div>
-                <div class="team-member" data-aos="fade-up" data-aos-delay="300">
+                </a>
+                <a class="team-member team-member-link" href="https://git.scicore.unibas.ch/cs108-fs26/Gruppe-13"
+                    target="_blank" rel="noopener noreferrer" data-aos="fade-up" data-aos-delay="300">
                     <img src="images/team/matthis.svg" alt="Matthis Ginkel" class="team-photo" loading="lazy">
                     <h3>Matthis Ginkel</h3>
                     <p>Client side development</p>
-                </div>
-                <div class="team-member" data-aos="fade-up" data-aos-delay="400">
+                </a>
+                <a class="team-member team-member-link" href="https://git.scicore.unibas.ch/cs108-fs26/Gruppe-13"
+                    target="_blank" rel="noopener noreferrer" data-aos="fade-up" data-aos-delay="400">
                     <img src="images/team/julian.svg" alt="Julian Kropff" class="team-photo" loading="lazy">
                     <h3>Julian Kropff</h3>
                     <p>UI & UX Design, Game Engine</p>
-                </div>
+                </a>
             </div>
             <div class="github-link" data-aos="fade-up" data-aos-delay="500">
                 <a href="https://git.scicore.unibas.ch/cs108-fs26/Gruppe-13">
@@ -222,13 +226,13 @@ java -jar casono.jar client &lt;serverip&gt;:&lt;serverport&gt; [username]
                 feature1Title: 'Sitzungen & Matchmaking',
                 feature1Text: 'Realistisches Poker-Erlebnis mit spannenden Matches.',
                 feature2Title: 'Stilvolle UI',
-                feature2Text: 'Elegante und intuitive Benutzeroberfläche für ein immersives Erlebnis.',
+                feature2Text: 'Intuitive Benutzeroberfläche für ein immersives Erlebnis.',
                 feature3Title: 'Einfache Installation',
                 feature3Text: 'Download, entpacken, starten, fertig!',
                 tableTitle: 'Der Tisch',
                 tableText: 'Spielen und chatten in einer gemeinsamen eleganten Ansicht.',
                 mediaTitle: 'Trailer & Gameplay',
-                mediaText: 'Erhalte einen schnellen Eindruck vom Stil und vom Spielablauf.',
+                mediaText: 'Erhalte einen Eindruck vom Stil und vom Spielablauf.',
                 mediaTrailer: 'Trailer',
                 mediaGameplay: 'Gameplay',
                 resourcesTitle: 'Download & Ressourcen',
@@ -255,7 +259,7 @@ java -jar casono.jar client &lt;serverip&gt;:&lt;serverport&gt; [username]
                 feature1Title: 'Sessions & Matchmaking',
                 feature1Text: 'Realistic poker experience with thrilling matches.',
                 feature2Title: 'Stylish UI',
-                feature2Text: 'Elegant and intuitive interface for an immersive experience.',
+                feature2Text: 'Intuitive interface for an immersive experience.',
                 feature3Title: 'Easy Setup',
                 feature3Text: 'Download, unpack, launch, done!',
                 tableTitle: 'The Table',
diff --git a/outreach/style.css b/outreach/style.css
index e0d3f80..dc30f21 100644
--- a/outreach/style.css
+++ b/outreach/style.css
@@ -511,6 +511,16 @@ video,
     z-index: 2;
 }
 
+.team-member-link {
+    text-decoration: none;
+    color: inherit;
+    width: 100%;
+}
+
+.team-member-link:hover {
+    color: inherit;
+}
+
 .feature-card .icon {
     width: 100px;
     margin-bottom: 1.5rem;