techadmin/sonith-website
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat: echtes Logo, Team-Mitglieder & CI-Quelldateien (v1.2.0)

Browse Source 
- CI-Logo (img/logo.svg) eingebunden, helle Variante (img/logo-light.svg)
  fuer dunklen Hintergrund mit aufgehellten Schrift-Grautoenen
- Wordmark-Text in Navbar durch echtes SVG-Logo ersetzt (Index, Impressum,
  Datenschutz)
- Favicon von logo.png (entfernt) auf logo.svg umgestellt
- Team-Sektion mit echten Mitgliedern: Dominik Knapp (Geschaeftsfuehrung),
  Dominik Hoefling (Administration & Entwicklung), Stefan Riederer (Support)
- Foto-Platzhalter durch Initialen-Avatare in CI-Petrol ersetzt
- Geschaeftsfuehrer im Impressum eingetragen (Dominik Knapp)
- src/ mit CI-Handbuch und Original-Logo-SVG ins Repo aufgenommen
  (privat, vom Webserver auszuschliessen)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dominik Höfling
2026-05-04 23:12:17 +02:00
parent 6662ba2dd1
commit 380924ffdb
11 changed files with 2307 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+18 -18
View File
@@ -16,7 +16,7 @@
<meta property="og:locale" content="de_DE">
<!-- Favicon -->
<link rel="icon" type="image/png" href="img/logo.png">
<link rel="icon" type="image/svg+xml" href="img/logo.svg">
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
@@ -72,8 +72,8 @@
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16 lg:h-20">
<!-- Logo -->
<a href="#hero" class="flex items-center gap-3 shrink-0">
<span class="text-2xl font-extrabold text-white">son<span class="text-sonith">i</span>th</span>
<a href="#hero" class="flex items-center shrink-0" aria-label="sonith Startseite">
<img src="img/logo-light.svg" alt="sonith" class="h-9 lg:h-10 w-auto">
</a>
<!-- Desktop Menu -->
@@ -316,31 +316,31 @@
</div>
<div class="grid sm:grid-cols-3 gap-8 max-w-4xl mx-auto">
<!-- Team Member 1 -->
<!-- Dominik Knapp — Geschaeftsfuehrung -->
<div class="team-card text-center fade-in">
<div class="w-32 h-32 rounded-full bg-dark-lighter mx-auto mb-5 overflow-hidden border-2 border-petrol/40">
<img src="img/team/placeholder-1.svg" alt="Teammitglied" class="w-full h-full object-cover">
<div class="w-32 h-32 rounded-full bg-petrol mx-auto mb-5 flex items-center justify-center border-2 border-petrol-light/30 shadow-lg shadow-petrol/20">
<span class="text-3xl font-extrabold text-white tracking-wide">DK</span>
</div>
<h3 class="text-lg font-bold text-white">Max Mustermann</h3>
<h3 class="text-lg font-bold text-white">Dominik Knapp</h3>
<p class="text-sonith text-sm font-medium">Geschäftsführung</p>
</div>
<!-- Team Member 2 -->
<!-- Dominik Hoefling — Administration & Entwicklung -->
<div class="team-card text-center fade-in">
<div class="w-32 h-32 rounded-full bg-dark-lighter mx-auto mb-5 overflow-hidden border-2 border-petrol/40">
<img src="img/team/placeholder-2.svg" alt="Teammitglied" class="w-full h-full object-cover">
<div class="w-32 h-32 rounded-full bg-petrol mx-auto mb-5 flex items-center justify-center border-2 border-petrol-light/30 shadow-lg shadow-petrol/20">
<span class="text-3xl font-extrabold text-white tracking-wide">DH</span>
</div>
<h3 class="text-lg font-bold text-white">Erika Musterfrau</h3>
<p class="text-sonith text-sm font-medium">Systemadministration</p>
<h3 class="text-lg font-bold text-white">Dominik Höfling</h3>
<p class="text-sonith text-sm font-medium">Administration &amp; Entwicklung</p>
</div>
<!-- Team Member 3 -->
<!-- Stefan Riederer — Support -->
<div class="team-card text-center fade-in">
<div class="w-32 h-32 rounded-full bg-dark-lighter mx-auto mb-5 overflow-hidden border-2 border-petrol/40">
<img src="img/team/placeholder-3.svg" alt="Teammitglied" class="w-full h-full object-cover">
<div class="w-32 h-32 rounded-full bg-petrol mx-auto mb-5 flex items-center justify-center border-2 border-petrol-light/30 shadow-lg shadow-petrol/20">
<span class="text-3xl font-extrabold text-white tracking-wide">SR</span>
</div>
<h3 class="text-lg font-bold text-white">Alex Beispiel</h3>
<p class="text-sonith text-sm font-medium">IT-Support</p>
<h3 class="text-lg font-bold text-white">Stefan Riederer</h3>
<p class="text-sonith text-sm font-medium">Support</p>
</div>
</div>
</div>
@@ -414,7 +414,7 @@
<div class="flex flex-col sm:flex-row items-center justify-between gap-4">
<div class="flex items-center gap-3">
<p class="text-ci-gray text-sm">&copy; 2026 sonith UG (haftungsbeschränkt)</p>
<span class="text-ci-gray/60 text-xs">v1.1.0</span>
<span class="text-ci-gray/60 text-xs">v1.2.0</span>
</div>
<div class="flex items-center gap-6">
<a href="impressum.html" class="text-ci-gray text-sm hover:text-sonith transition-colors">Impressum</a>