Feat: Add clickable Developer Cards with placehodler links

This commit is contained in:
Jona Walpert
2026-04-13 01:12:16 +02:00
parent 30f98b1333
commit 088407b041
2 changed files with 26 additions and 12 deletions
+16 -12
View File
@@ -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',
+10
View File
@@ -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;