DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

links.html: alle Plattform-Karten größer + echte Markenfarben

Browse Source 
- .card-tiktok zu generischem .card-brand-System umgebaut (--brand-1/2/3
  Custom Properties statt Duplikat pro Plattform).
- Instagram (lila/pink/orange-Verlauf), Snapchat (Gelb), Discord
  (Blurple #5865F2), Merchandise/Shop (Gold/Amber) und Bewerben (Site-
  Akzentfarben) bekommen jetzt denselben Polarlicht-Farbstil wie TikTok
  vorher schon — auf Wunsch, "so wie die von TikTok".
- Karten größer: mehr Padding, größere Icons (eigenes .icon-badge-Element
  statt Emoji inline im Text), größere Schrift, breiteres Grid (800px →
  1040px).
This commit is contained in:
DogFatherGit
2026-08-02 15:33:26 +02:00
parent 83c7310533
commit 3298581a4f
3 changed files with 63 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
links.html
+19 -13
View File
@@ -37,29 +37,35 @@
<section class="section-tight">
<div class="container">
<div class="grid grid-3" style="max-width:800px;margin:0 auto;">
<a class="card card-tiktok text-center" href="https://www.tiktok.com/@dogfather0804" target="_blank" rel="noopener">
<h3>🎥 TikTok</h3>
<div class="grid grid-3" style="max-width:1040px;margin:0 auto;">
<a class="card card-brand card-tiktok text-center" href="https://www.tiktok.com/@dogfather0804" target="_blank" rel="noopener">
<span class="icon-badge">🎥</span>
<h3>TikTok</h3>
<p>@dogfather0804</p>
</a>
<a class="card text-center" href="https://www.instagram.com/sf0118?igsh=MWo2eXFlcXFicXN5OQ==" target="_blank" rel="noopener">
<h3>📸 Instagram</h3>
<a class="card card-brand card-instagram text-center" href="https://www.instagram.com/sf0118?igsh=MWo2eXFlcXFicXN5OQ==" target="_blank" rel="noopener">
<span class="icon-badge">📸</span>
<h3>Instagram</h3>
<p>@sf0118</p>
</a>
<a class="card text-center" href="https://www.snapchat.com/add/dogfather0804?share_id=m8mR6ylEtLo&amp;locale=de-DE" target="_blank" rel="noopener">
<h3>👻 Snapchat</h3>
<a class="card card-brand card-snapchat text-center" href="https://www.snapchat.com/add/dogfather0804?share_id=m8mR6ylEtLo&amp;locale=de-DE" target="_blank" rel="noopener">
<span class="icon-badge">👻</span>
<h3>Snapchat</h3>
<p>@dogfather0804</p>
</a>
<a class="card text-center" href="kontakt.html">
<h3>💬 Discord</h3>
<a class="card card-brand card-discord text-center" href="kontakt.html">
<span class="icon-badge">💬</span>
<h3>Discord</h3>
<p class="small muted" data-i18n="lk_discord_hint">Nur auf Anfrage</p>
</a>
<a class="card text-center" href="#" target="_blank" rel="noopener">
<h3>🛒 Merchandise / Shop</h3>
<a class="card card-brand card-shop text-center" href="#" target="_blank" rel="noopener">
<span class="icon-badge">🛒</span>
<h3 data-i18n="lk_shop_h3">Merchandise / Shop</h3>
<p class="small muted" data-i18n="lk_shop_hint">Folgt in Kürze</p>
</a>
<a class="card text-center" href="bewerben.html">
<h3 data-i18n="lk_bewerben_h3">📝 Bewerben</h3>
<a class="card card-brand card-bewerben text-center" href="bewerben.html">
<span class="icon-badge">📝</span>
<h3 data-i18n="lk_bewerben_h3">Bewerben</h3>
<p data-i18n="lk_bewerben_p">Modi, Scout, Creator oder Kooperation</p>
</a>
</div>