Homepage/de: Difference between revisions

From BigBro Know
Jump to navigation Jump to search
← Older edit
Admin (talk | contribs)
Bureaucrats, Interface administrators, Administrators
9,027 edits
VisualWikitext
Restyle homepage to match bigbro.men design system (Archivo+Anton fonts, orange #FF7900 palette, panel cards); localize hero title
Day mode: cohesive light theme (parity with EN; dark untouched)
 
(One intermediate revision by the same user not shown)
Line 130: Line 130:
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s;}
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s;}
.fade-up.in{opacity:1;transform:none;}
.fade-up.in{opacity:1;transform:none;}
body.light-mode{--bg:#F4F4F2;--bg2:#ECECEA;--card:rgba(0,0,0,.03);--cb:rgba(0,0,0,.08);--chov:rgba(255,121,0,.04);--chb:rgba(255,121,0,.3);--tx:#111;--tx2:#555;--tx3:#999;}
/* ===== DAY MODE — cohesive light theme (mirrors the dark palette; dark mode untouched) ===== */
body.light-mode .nav{background:rgba(244,244,242,.88);}
body.light-mode{--bg:#F7F6F3;--bg2:#FFFFFF;--panel:#FFFFFF;--card:#FFFFFF;--cb:rgba(0,0,0,.09);--line:rgba(0,0,0,.10);--chov:rgba(255,121,0,.05);--chb:rgba(255,121,0,.40);--tx:#161513;--tx2:#575654;--tx3:#8A8985;}
/* Lift the forced-dark MediaWiki canvas to light (beats Common.css body/#content/.mw-parser-output !important via +1 class specificity or source order) */
body.light-mode,
body.light-mode #content,
body.light-mode .mw-body,
body.light-mode .mw-body-content,
body.light-mode #mw-content,
body.light-mode #mw-content-text,
body.light-mode #bodyContent,
body.light-mode .mw-parser-output{background:var(--bg)!important;color:var(--tx)!important;}
/* Homepage section headings: dark ink in day mode (Common.css forces them white) */
body.light-mode .mw-parser-output h1,
body.light-mode .mw-parser-output h2,
body.light-mode .mw-parser-output h3,
body.light-mode .mw-parser-output h4{color:var(--tx)!important;}
/* Chrome + components */
body.light-mode .nav{background:rgba(247,246,243,.9);border-bottom:1px solid var(--line);}
body.light-mode .lsw{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);}
body.light-mode .lb.av{color:#8A8985;}
body.light-mode .lb.dim{color:#C9C7C2;}
/* Nav/lang link hover: Common.css forces #fff !important — keep dark ink on light */
body.light-mode .nl:hover{color:var(--tx)!important;}
body.light-mode .lb.av:hover{color:var(--tx)!important;}
body.light-mode .tbtn{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.09);color:var(--tx2);}
body.light-mode .tbtn:hover{background:rgba(0,0,0,.07);}
body.light-mode .mq-wrap{border-top-color:rgba(0,0,0,.07);border-bottom-color:rgba(0,0,0,.07);}
body.light-mode .h-grid{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);}
body.light-mode .hcs{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12);color:var(--tx)!important;}
body.light-mode .hcs:hover{background:rgba(0,0,0,.07);border-color:rgba(255,121,0,.5);}
body.light-mode .stats{background:rgba(0,0,0,.08);}
body.light-mode .stat{background:var(--bg);}
body.light-mode .stat{background:var(--bg);}
body.light-mode .bento{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.06);}
body.light-mode .bc{background:var(--bg2);}
body.light-mode .bc{background:var(--bg2);}
body.light-mode .bento,.light-mode .stats{background:rgba(0,0,0,.07);}
body.light-mode .bc:hover{background:var(--chov);box-shadow:inset 0 0 0 1px rgba(255,121,0,.22);}
body.light-mode .h-grid{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);}
body.light-mode .tc{border-color:rgba(0,0,0,.08);}
body.light-mode .foot{background:var(--bg);}
body.light-mode .ac,
body.light-mode .ec,
body.light-mode .pc,
body.light-mode .cyc,
body.light-mode .tsc{box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 16px -8px rgba(0,0,0,.10);}
body.light-mode .ac:hover,
body.light-mode .pc:hover,
body.light-mode .cyc:hover{box-shadow:0 18px 44px -22px rgba(255,121,0,.45);}
body.light-mode .nli{background:#fff;border-color:rgba(0,0,0,.15);color:var(--tx);}
body.light-mode .nli:focus{border-color:rgba(255,121,0,.5);}
body.light-mode .foot{background:var(--bg);border-top-color:rgba(0,0,0,.08);}
body.light-mode .fb{border-top-color:rgba(0,0,0,.08);}
body.light-mode #topics,
body.light-mode #articles{border-top-color:rgba(0,0,0,.06)!important;border-bottom-color:rgba(0,0,0,.06)!important;}
@media(max-width:900px){.bento{grid-template-columns:1fr;}.bw{grid-column:span 1;}.stats{grid-template-columns:repeat(2,1fr);}.fg{grid-template-columns:1fr 1fr;}}
@media(max-width:900px){.bento{grid-template-columns:1fr;}.bw{grid-column:span 1;}.stats{grid-template-columns:repeat(2,1fr);}.fg{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.nav-links-wrap{display:none;}.fg{grid-template-columns:1fr;}}
@media(max-width:600px){.nav-links-wrap{display:none;}.fg{grid-template-columns:1fr;}}
Line 165: Line 208:
.hcp:hover::after{transform:translateX(60%);}
.hcp:hover::after{transform:translateX(60%);}


/* === bigbro.men unification layer === */
/* === bigbro.men unification layer (!important beats Vector skin heading/link rules) === */
h1,h2,h3{letter-spacing:-.012em;}
h1,h2,h3,h4{font-family:var(--head)!important;letter-spacing:-.012em;}
.h-title{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.015em;line-height:.98;}
.h-title{font-family:var(--disp)!important;font-weight:400;text-transform:uppercase;letter-spacing:.015em;line-height:.98;}
.stat-n,.tsq,.ab-logo{font-family:var(--disp);font-weight:400;}
.stat-n,.tsq,.ab-logo{font-family:var(--disp)!important;font-weight:400;}
.stitle{font-weight:800;}
.stitle{color:var(--tx)!important;font-weight:800;}
.btn-p,.hcp,.nlb,.ab-cta,.lb.on{color:#0D0D0D;font-weight:800;}
.btn-p,.hcp,.nlb,.ab-cta,.lb.on{color:#0D0D0D!important;font-weight:800;}
.nav{border-bottom:1px solid var(--line);}
.nav{border-bottom:1px solid var(--line);}
.stag,.atag,.etag,.cyn,.fct,.ab-eyebrow{font-weight:700;}
.stag,.atag,.etag,.cyn,.fct,.ab-eyebrow{font-weight:700;}

Latest revision as of 00:06, 13 July 2026

Kostenlos · Unabhängig · Immer offen
BigBro Know

Die freie Wissensplattform für die schwule Community

BigBro Know entdecken →
500+ Artikel · Immer kostenlos

Alles über
das schwule Leben.
An einem Ort. Kostenlos.

500+ ehrliche, lebensrettende Artikel über Gesundheit, Sicherheit, Kultur, Beziehungen, Nachtleben und mehr — geschrieben für die schwule Community, von der schwulen Community.

Jetzt lesen Themen erkunden
HIV Prevention & TreatmentConsent & NegotiationCommunication & BoundariesAging, Relevance & Shifting IdentityCultureBody PresentationParty DrugsTrauma & RecoveryPower DynamicsHookups vs. DatingChosen Family & Social BelongingHistoryStyle as CommunicationSTI Awareness & TestingRoles & ArchetypesSex, Intimacy & ConnectionOnline Communities vs. Physical CommunitiesPoliticsSubculture AestheticsBody Image & Self-PerceptionRisk Awareness & SafetyBelonging Without CentralitySymbols & AccessoriesSubstance Use & Sexual ContextsDigital Kink CultureIdentity Performance in Dating & Social SpacesAging & Sexual HealthEmotional Dynamics in KinkVisibility, Privacy & Being OutCommunication & DisclosureKink in RelationshipsThe Role of Humor, Irony & DistanceSexual Function & Mental Health HIV Prevention & TreatmentConsent & NegotiationCommunication & BoundariesAging, Relevance & Shifting IdentityCultureBody PresentationParty DrugsTrauma & RecoveryPower DynamicsHookups vs. DatingChosen Family & Social BelongingHistoryStyle as CommunicationSTI Awareness & TestingRoles & ArchetypesSex, Intimacy & ConnectionOnline Communities vs. Physical CommunitiesPoliticsSubculture AestheticsBody Image & Self-PerceptionRisk Awareness & SafetyBelonging Without CentralitySymbols & AccessoriesSubstance Use & Sexual ContextsDigital Kink CultureIdentity Performance in Dating & Social SpacesAging & Sexual HealthEmotional Dynamics in KinkVisibility, Privacy & Being OutCommunication & DisclosureKink in RelationshipsThe Role of Humor, Irony & DistanceSexual Function & Mental Health
500+
Artikel
2M+
Monatliche Leser
80+
Themen
∞
Immer kostenlos
Why BigBro Know

Wissen, das wirklich zählt

🛡️
Lebensrettendes Wissen
Von PrEP und STI-Tests bis hin zu Zustimmung und psychischer Gesundheit — Wissen, das im echten Leben einen Unterschied macht.
📖
Tiefgehende, ehrliche Artikel
Kein Clickbait, keine Schlagzeilen. Echte, ausführliche Artikel, die komplexe Themen mit Sorgfalt behandeln.
🔒
Standardmäßig privat
Kein Konto erforderlich. Kein Tracking. Kein Urteil. Lies, was du brauchst — vollständig privat.
✍️
Community-Autoren
Geschrieben von Menschen, die dieses Leben leben. Geprüft auf Richtigkeit. Nie von außenstehenden Journalisten.
🔍
Vollständig durchsuchbar
Finde in Sekunden genau das, was du brauchst — mit leistungsstarker Suche über alle 500+ Artikel.
💙
Immer kostenlos
Keine Paywalls. Kein Premium-Abo. BigBro Know ist kostenlos und wird es immer bleiben.
Knowledge Areas

Nach Kategorie erkunden

Acht Wissensbereiche, die jeden Aspekt des schwulen Lebens abdecken.

Sexual Health
Sexuelle Gesundheit
 Dating, Sex & Relationships
Dating, Sex & Relationships
 Kink & BDSM
Kink & BDSM
 Culture, History & Politics
Culture, History & Politics
 Fashion & Visual Signaling
Fashion & Visual Signaling
 Community & Identity
Community & Identity
 Drugs, Party Culture & Harm Reduction
Drugs, Party Culture & Harm Reduction
 Life Planning
Lebensplanung

Wissen, das Leben rettet

Jeder verdient Zugang zu ehrlichen, lebensrettenden Informationen über sein eigenes Leben.

Artikel erkunden
Entry Points

Wähle deinen Weg

Nicht sicher, wo du anfangen sollst? Wähle den Weg, der zu dir passt.

01
Neu hier / Einfach neugierig
Grundlagen, Gesundheit, Zustimmung & deine Community finden.
Explore →
02
Ich möchte Kink erkunden
BDSM, Fetische, Lederkultur & Machtdynamiken.
Explore →
03
Meine Beziehung verbessern
Kommunikation, Vertrauen, Nicht-Monogamie & Intimität.
Explore →
04 Mir ist Sicherheit wichtig Schadensminimierung, sicherer Sex, PrEP, BDSM-Sicherheit & Zustimmung. Explore → 05 Ich möchte tiefes Wissen Psychologie, fortgeschrittenes BDSM, Identität & queere Geschichte. Explore →
Latest

Neueste Artikel

Community
Zum ersten Mal in die schwule Szene
Was dich erwartet, wie du dich vorbereitest und wo du anfängst.
Health
PrEP und moderne HIV-Prävention
Ein vollständiger Leitfaden zu PrEP und wie du Zugang bekommst.
Identity
Körperbild-Druck in schwulen Communities
Über Schönheitsideale, Selbstwahrnehmung und Erwartungen.
Kink & BDSM
Zustimmung in Machtdynamiken verstehen
Was Zustimmung wirklich bedeutet und wie sie praktiziert wird.
Relationships
Einsamkeit, Hookup-Kultur und Wohlbefinden
Über die Spannung zwischen sexueller Freiheit und Verbundenheit.
Health
Intimität nach einem sexuellen Trauma
Verarbeitung, Heilung und der Weg zurück zur Verbindung.
Curated

Redaktionsauswahl

Health
Sexuelle Gesundheit in der schwulen Community
Kink & BDSM
Was ist BDSM?
Identity
Körperdiversität und Anziehung in schwulen Communities
Health
Regelmäßige STI-Tests verstehen
Nightlife
Zum ersten Mal auf einer privaten schwulen Sexparty
Relationships
Sexuelles Selbstvertrauen nach Trennungen zurückgewinnen
Readers

Was andere sagen

"
The PrEP article literally saved my life. I didn't even know what it was before I found BigBro Know. Now I'm on it and feel safe.
J
James
Manchester, UK
"
When I came out I had no idea where to start. The articles on identity and community made me feel less alone — and actually helped me find my people.
D
Daniel
Berlin, Germany
"
Finally honest information about chemsex and harm reduction — no judgment, no moralising, just practical knowledge that actually helps.
A
Aviv
Tel Aviv, Israel
Newsletter

Bleib informiert.

Werde Teil von 50.000+ Lesern. Wöchentliche Highlights, kein Spam, immer kostenlos.

Retrieved from "https://know.bigbro.men/index.php?title=Homepage/de&oldid=24988"