Homepage/de: Difference between revisions
Rebrand German landing page (Homepage/de) |
Fix broken internal links: remove erroneous /wiki/ path prefix (articlepath is /$1) |
||
| Line 45: | Line 45: | ||
<nav class="nav"> | <nav class="nav"> | ||
<a href=" | <a href="/Homepage/de"> | ||
<img src="/images/0/0c/BigBro_Know_logo.png" alt="BigBro Know Wiki" style="height:34px;width:auto;"> | <img src="/images/0/0c/BigBro_Know_logo.png" alt="BigBro Know Wiki" style="height:34px;width:auto;"> | ||
</a> | </a> | ||
| Line 56: | Line 56: | ||
<div style="display:flex;align-items:center;gap:1rem;"> | <div style="display:flex;align-items:center;gap:1rem;"> | ||
<div class="lang-switcher"> | <div class="lang-switcher"> | ||
<a href=" | <a href="/Homepage" class="lang-btn available">EN</a> | ||
<a href=" | <a href="/Homepage/de" class="lang-btn active">DE</a> | ||
<span class="lang-btn soon" title="Demnächst">FR</span> | <span class="lang-btn soon" title="Demnächst">FR</span> | ||
<span class="lang-btn soon" title="Demnächst">ES</span> | <span class="lang-btn soon" title="Demnächst">ES</span> | ||
| Line 125: | Line 125: | ||
</div> | </div> | ||
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;"> | <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;"> | ||
<a href=" | <a href="/Category:Sexuelle_Gesundheit" class="topic-tile"><img src="/images/c/c2/Sexual_health.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Sexuelle Gesundheit</div></div></a> | ||
<a href=" | <a href="/Category:Dating,_Sex_%26_Beziehungen" class="topic-tile"><img src="/images/6/6c/Dating_and_relationships.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Dating, Sex & Beziehungen</div></div></a> | ||
<a href=" | <a href="/Category:Kink_und_BDSM" class="topic-tile"><img src="/images/a/a1/Chain-image.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Kink und BDSM</div></div></a> | ||
<a href=" | <a href="/Category:Kultur,_Geschichte_%26_Politik" class="topic-tile"><img src="/images/2/25/Culture_History_Politics_Hero.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Kultur, Geschichte & Politik</div></div></a> | ||
<a href=" | <a href="/Category:Mode_%26_Visuelle_Signale" class="topic-tile"><img src="/images/8/86/Screenshot_2026-04-26_at_15.06.46.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Mode & Visuelle Signale</div></div></a> | ||
<a href=" | <a href="/Category:Community_%26_Identit%C3%A4t" class="topic-tile"><img src="/images/e/ed/Community_Identity_Hero.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Community & Identität</div></div></a> | ||
<a href=" | <a href="/Category:Drogen,_Partykultur_%26_Schadensminimierung" class="topic-tile"><img src="/images/3/38/Drugs_Party_Culture_Hero.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Drogen, Partykultur & Schadensminimierung</div></div></a> | ||
<a href=" | <a href="/Category:Lebensplanung" class="topic-tile"><img src="/images/7/74/Life_Planning_Hero.jpg" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Lebensplanung</div></div></a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 152: | Line 152: | ||
</div> | </div> | ||
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;"> | <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;"> | ||
<a href=" | <a href="/Category:Sexuelle_Gesundheit" class="path-card"><div style="font-size:1.4rem;margin-bottom:.5rem;">🏥</div><div style="font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.3rem;">Ich möchte gesund bleiben</div><div style="color:var(--text-3);font-size:.82rem;">Gesundheit, PrEP, STI-Tests, psychische Gesundheit</div></a> | ||
<a href=" | <a href="/Category:Dating,_Sex_%26_Beziehungen" class="path-card"><div style="font-size:1.4rem;margin-bottom:.5rem;">💬</div><div style="font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.3rem;">Ich navigiere Beziehungen</div><div style="color:var(--text-3);font-size:.82rem;">Dating, Intimität, Kommunikation, Grenzen</div></a> | ||
<a href=" | <a href="/Category:Kink_und_BDSM" class="path-card"><div style="font-size:1.4rem;margin-bottom:.5rem;">🔗</div><div style="font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.3rem;">Ich erkunde Kink & BDSM</div><div style="color:var(--text-3);font-size:.82rem;">Zustimmung, Sicherheit, Rollen, Praktiken</div></a> | ||
<a href=" | <a href="/Category:Community_%26_Identit%C3%A4t" class="path-card"><div style="font-size:1.4rem;margin-bottom:.5rem;">🏳️🌈</div><div style="font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.3rem;">Ich suche Community</div><div style="color:var(--text-3);font-size:.82rem;">Identität, Zugehörigkeit, Sichtbarkeit</div></a> | ||
<a href=" | <a href="/Category:Drogen,_Partykultur_%26_Schadensminimierung" class="path-card"><div style="font-size:1.4rem;margin-bottom:.5rem;">🌙</div><div style="font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.3rem;">Ich gehe feiern</div><div style="color:var(--text-3);font-size:.82rem;">Nachtleben, Schadensminimierung, Chemsex</div></a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 168: | Line 168: | ||
</div> | </div> | ||
<div style="display:flex;gap:16px;overflow-x:auto;padding-bottom:1rem;scrollbar-width:none;"> | <div style="display:flex;gap:16px;overflow-x:auto;padding-bottom:1rem;scrollbar-width:none;"> | ||
<a href=" | <a href="/Entering_the_Gay_Scene_for_the_First_Time/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Community</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">Zum ersten Mal in die schwule Szene</div><div style="color:var(--text-2);font-size:.82rem;">Was dich erwartet, wie du dich vorbereitest und wo du anfängst.</div></div></a> | ||
<a href=" | <a href="/Understanding_PrEP_and_Modern_HIV_Prevention/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Gesundheit</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">PrEP und moderne HIV-Prävention</div><div style="color:var(--text-2);font-size:.82rem;">Ein vollständiger Leitfaden zu PrEP und wie du Zugang bekommst.</div></div></a> | ||
<a href=" | <a href="/Body_Image_Pressure_in_Gay_Communities/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Identität</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">Körperbild-Druck in schwulen Communities</div><div style="color:var(--text-2);font-size:.82rem;">Über Schönheitsideale, Selbstwahrnehmung und Erwartungen.</div></div></a> | ||
<a href=" | <a href="/Understanding_Consent_in_Power_Exchange/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Kink & BDSM</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">Zustimmung in Machtdynamiken verstehen</div><div style="color:var(--text-2);font-size:.82rem;">Was Zustimmung wirklich bedeutet und wie sie praktiziert wird.</div></div></a> | ||
<a href=" | <a href="/Loneliness,_Hookup_Culture,_and_Emotional_Well-Being/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Beziehungen</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">Einsamkeit, Hookup-Kultur und Wohlbefinden</div><div style="color:var(--text-2);font-size:.82rem;">Über die Spannung zwischen sexueller Freiheit und Verbundenheit.</div></div></a> | ||
<a href=" | <a href="/Navigating_Intimacy_After_Sexual_Trauma/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Gesundheit</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">Intimität nach einem sexuellen Trauma</div><div style="color:var(--text-2);font-size:.82rem;">Verarbeitung, Heilung und der Weg zurück zur Verbindung.</div></div></a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 185: | Line 185: | ||
</div> | </div> | ||
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;"> | <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;"> | ||
<a href=" | <a href="/Sexual_Health_in_the_Gay_Community/de" class="ed-card"><div class="tag">Gesundheit</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Sexuelle Gesundheit in der schwulen Community</div></a> | ||
<a href=" | <a href="/What_Is_BDSM/de" class="ed-card"><div class="tag">Kink & BDSM</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Was ist BDSM?</div></a> | ||
<a href=" | <a href="/Body_Diversity_and_Attraction_in_Gay_Communities/de" class="ed-card"><div class="tag">Identität</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Körpervielfalt und Anziehung in schwulen Communities</div></a> | ||
<a href=" | <a href="/Understanding_Routine_STI_Testing_in_Gay_Communities/de" class="ed-card"><div class="tag">Gesundheit</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Routinemäßige STI-Tests in schwulen Communities</div></a> | ||
<a href=" | <a href="/First_Time_at_a_Private_Gay_Sex_Party/de" class="ed-card"><div class="tag">Nachtleben</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Erstes Mal auf einer privaten schwulen Sexparty</div></a> | ||
<a href=" | <a href="/Recovering_Sexual_Confidence_After_Relationship_Breakups/de" class="ed-card"><div class="tag">Beziehungen</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Sexuelles Selbstvertrauen nach einer Trennung</div></a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 232: | Line 232: | ||
<div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Gesundheit</div> | <div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Gesundheit</div> | ||
<div style="display:flex;flex-direction:column;gap:.6rem;"> | <div style="display:flex;flex-direction:column;gap:.6rem;"> | ||
<a href=" | <a href="/Category:Sexuelle_Gesundheit">Sexuelle Gesundheit</a> | ||
<a href=" | <a href="/Category:HIV-Pr%C3%A4vention_%26_Behandlung">HIV-Prävention</a> | ||
<a href=" | <a href="/Category:STI-Aufkl%C3%A4rung_%26_Tests">STI-Tests</a> | ||
<a href=" | <a href="/Category:Psychische_Gesundheit_%26_Sexualit%C3%A4t">Psychische Gesundheit</a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 241: | Line 241: | ||
<div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Lebensstil</div> | <div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Lebensstil</div> | ||
<div style="display:flex;flex-direction:column;gap:.6rem;"> | <div style="display:flex;flex-direction:column;gap:.6rem;"> | ||
<a href=" | <a href="/Category:Dating,_Sex_%26_Beziehungen">Dating & Beziehungen</a> | ||
<a href=" | <a href="/Category:Kink_und_BDSM">Kink & BDSM</a> | ||
<a href=" | <a href="/Category:Kultur,_Geschichte_%26_Politik">Kultur & Geschichte</a> | ||
<a href=" | <a href="/Category:Mode_%26_Visuelle_Signale">Mode & Stil</a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 250: | Line 250: | ||
<div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Website</div> | <div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Website</div> | ||
<div style="display:flex;flex-direction:column;gap:.6rem;"> | <div style="display:flex;flex-direction:column;gap:.6rem;"> | ||
<a href=" | <a href="/Homepage/de">Startseite</a> | ||
<a href=" | <a href="/Special:AllPages">Alle Artikel</a> | ||
<a href="/radmin">Admin</a> | <a href="/radmin">Admin</a> | ||
</div> | </div> | ||