Homepage: Difference between revisions

From BigBro Know
Jump to navigation Jump to search
← Older editNewer edit →
Admin (talk | contribs)
Bureaucrats, Interface administrators, Administrators
9,027 edits
VisualWikitext
Rebrand real landing page (Homepage): logo, brand text, domain-relative links
Choose Your Path: 5 guided entry paths linking to new path pages
Line 85: Line 85:
.pt{font-weight:700;color:var(--tx);font-size:.9rem;margin-bottom:.3rem;font-family:'Space Grotesk',sans-serif;}
.pt{font-weight:700;color:var(--tx);font-size:.9rem;margin-bottom:.3rem;font-family:'Space Grotesk',sans-serif;}
.ps{color:var(--tx3);font-size:.78rem;line-height:1.4;}
.ps{color:var(--tx3);font-size:.78rem;line-height:1.4;}
.cyp-sub{color:var(--tx2);font-size:1rem;max-width:600px;margin:1rem auto 0;font-family:'Inter',sans-serif;font-weight:400;line-height:1.6;}
.cyp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;}
.cypw{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.cyc{background:var(--card);border:1px solid var(--cb);border-radius:18px;padding:26px;text-decoration:none;display:block;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;}
.cyc:hover{border-color:var(--chb);background:var(--chov);transform:translateY(-3px);box-shadow:0 12px 40px rgba(255,106,33,.08);}
.cyn{font-size:.8rem;letter-spacing:.14em;color:var(--tx3);font-weight:700;margin-bottom:16px;}
.cyi{display:inline-flex;width:48px;height:48px;border-radius:13px;background:rgba(255,106,33,.1);border:1px solid rgba(255,106,33,.28);align-items:center;justify-content:center;margin-bottom:20px;}
.cyt{font-weight:700;color:var(--tx);font-size:1.18rem;margin-bottom:.6rem;font-family:'Space Grotesk',sans-serif;letter-spacing:-.01em;line-height:1.25;}
.cyd{color:var(--tx2);font-size:.92rem;line-height:1.55;margin-bottom:1.1rem;}
.cye{color:var(--or);font-size:.9rem;font-weight:700;font-family:'Space Grotesk',sans-serif;}
.cyc:hover .cye{color:var(--or2);}
.cyc-w{display:flex;align-items:center;gap:22px;}
.cyc-w .cyn{margin-bottom:0;}
.cyc-w .cyi{margin-bottom:0;flex-shrink:0;}
.cyc-w .cyt{margin-bottom:0;max-width:170px;flex-shrink:0;}
.cyc-w .cyd{margin-bottom:0;flex:1;}
.cyc-w .cye{flex-shrink:0;}
@media(max-width:820px){.cyp,.cypw{grid-template-columns:1fr;}.cyc-w{flex-wrap:wrap;gap:14px;}.cyc-w .cyt{max-width:none;}.cyc-w .cyd{flex-basis:100%;}}
.ctab{background:linear-gradient(135deg,rgba(255,106,33,.12) 0%,rgba(255,80,0,.05) 100%);border-top:1px solid rgba(255,106,33,.15);border-bottom:1px solid rgba(255,106,33,.15);padding:80px 1rem;text-align:center;}
.ctab{background:linear-gradient(135deg,rgba(255,106,33,.12) 0%,rgba(255,80,0,.05) 100%);border-top:1px solid rgba(255,106,33,.15);border-bottom:1px solid rgba(255,106,33,.15);padding:80px 1rem;text-align:center;}
.tsg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.tsg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
Line 257: Line 275:
     <div class="sec-hd fade-up">
     <div class="sec-hd fade-up">
       <div class="stag">Entry Points</div>
       <div class="stag">Entry Points</div>
       <h2 class="stitle">Choose your path</h2>
       <h2 class="stitle">Choose Your Path</h2>
      <p class="cyp-sub">Not sure where to begin? Pick the path that fits where you are right now.</p>
     </div>
     </div>
     <div class="pg">
     <div class="cyp fade-up">
       <a href="/wiki/Category:Sexual_Health" class="pc"><div class="pi">🏥</div><div class="pt">I want to stay healthy</div><div class="ps">Health, PrEP, STI testing, mental health</div></a>
       <a href="/New_and_Just_Curious" class="cyc">
       <a href="/wiki/Category:Dating,_Sex_%26_Relationships" class="pc"><div class="pi">💬</div><div class="pt">I'm navigating relationships</div><div class="ps">Dating, intimacy, communication, boundaries</div></a>
        <div class="cyn">01</div>
       <a href="/wiki/Category:Kink_%26_BDSM" class="pc"><div class="pi">🔗</div><div class="pt">I'm exploring kink</div><div class="ps">Consent, safety, roles, practices</div></a>
        <span class="cyi"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF6A21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></svg></span>
       <a href="/wiki/Category:Community_%26_Identity" class="pc"><div class="pi">🏳️‍🌈</div><div class="pt">I'm finding community</div><div class="ps">Identity, belonging, visibility</div></a>
        <div class="cyt">I'm New / Just Curious</div>
       <a href="/wiki/Category:Drugs,_Party_Culture_%26_Harm_Reduction" class="pc"><div class="pi">🌙</div><div class="pt">I'm going out</div><div class="ps">Nightlife, harm reduction, chemsex</div></a>
        <div class="cyd">Community basics, health, consent &amp; finding your people.</div>
        <div class="cye">Explore &rarr;</div>
      </a>
       <a href="/Exploring_Kink" class="cyc">
        <div class="cyn">02</div>
        <span class="cyi"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF6A21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg></span>
        <div class="cyt">I Want to Explore Kink</div>
        <div class="cyd">BDSM, fetishes, leather culture &amp; power dynamics.</div>
        <div class="cye">Explore &rarr;</div>
      </a>
       <a href="/Improving_Your_Relationship" class="cyc">
        <div class="cyn">03</div>
        <span class="cyi"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF6A21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg></span>
        <div class="cyt">Improve My Relationship</div>
        <div class="cyd">Communication, trust, non-monogamy &amp; intimacy.</div>
        <div class="cye">Explore &rarr;</div>
      </a>
    </div>
    <div class="cypw fade-up">
       <a href="/Safety_and_Consent" class="cyc cyc-w">
        <span class="cyn">04</span>
        <span class="cyi"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF6A21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg></span>
        <span class="cyt">I Care About Safety</span>
        <span class="cyd">Harm reduction, safe sex, PrEP, BDSM safety &amp; consent.</span>
        <span class="cye">Explore &rarr;</span>
      </a>
       <a href="/Advanced_Knowledge" class="cyc cyc-w">
        <span class="cyn">05</span>
        <span class="cyi"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF6A21" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6M10 22h4"/></svg></span>
        <span class="cyt">I Want Advanced Knowledge</span>
        <span class="cyd">Psychology, advanced BDSM, identity &amp; queer history.</span>
        <span class="cye">Explore &rarr;</span>
      </a>
     </div>
     </div>
   </div>
   </div>

Revision as of 15:22, 16 June 2026

Free · Independent · Always Open

The free knowledge platform for gay communities worldwide

Explore BigBro Know →
500+ articles · Always free

Everything about
gay life.
In one place. Free.

Honest, life-saving articles on health, safety, culture, relationships, nightlife and more — written for the gay community, by the gay community.

Start Reading Browse Topics
Sexual HealthKink & BDSMDating & RelationshipsCommunity & IdentityCulture & HistoryFashion & StyleLife PlanningHarm ReductionHIV PreventionPrEP & STI TestingMental HealthChemsex Sexual HealthKink & BDSMDating & RelationshipsCommunity & IdentityCulture & HistoryFashion & StyleLife PlanningHarm ReductionHIV PreventionPrEP & STI TestingMental HealthChemsex
500+
Articles
2M+
Monthly Readers
80+
Topics
∞
Always Free
Why BigBro Know

Knowledge that actually matters

🛡️
Life-saving knowledge
From PrEP and STI testing to consent and mental health — information that makes a real difference in real life, written with care and precision by people who understand the community.
📖
Deep, honest articles
No clickbait. No headlines. Real, thorough articles that treat complex topics with the respect they deserve.
🔒
Private by default
No account. No tracking. No judgment. Read what you need — completely privately.
✍️
Community authors
Written by people who live this life. Reviewed for accuracy. Never by outside journalists.
🔍
Fully searchable
Find exactly what you need across all 500+ articles in seconds.
💙
Always free
No paywall. No premium tier. BigBro Know is free and will always be free.
Knowledge Areas

Explore by category

Eight areas covering every aspect of gay life.

Sexual Health
Sexual Health
 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
Life Planning

Knowledge that saves lives

Everyone deserves access to honest, life-saving information about their own life.

Explore Articles
Entry Points

Choose Your Path

Not sure where to begin? Pick the path that fits where you are right now.

01
I'm New / Just Curious
Community basics, health, consent & finding your people.
Explore →
02
I Want to Explore Kink
BDSM, fetishes, leather culture & power dynamics.
Explore →
03
Improve My Relationship
Communication, trust, non-monogamy & intimacy.
Explore →
04 I Care About Safety Harm reduction, safe sex, PrEP, BDSM safety & consent. Explore → 05 I Want Advanced Knowledge Psychology, advanced BDSM, identity & queer history. Explore →
Latest

Recent articles

Community
Entering the Gay Scene for the First Time
What to expect, how to prepare, and where to start.
Health
Understanding PrEP and Modern HIV Prevention
A complete guide to PrEP, how it works, and how to access it.
Identity
Body Image Pressure in Gay Communities
Beauty ideals, self-perception, and navigating expectations.
Kink & BDSM
Understanding Consent in Power Exchange
What consent truly means and how it's practiced.
Relationships
Loneliness, Hookup Culture, and Emotional Well-Being
The tension between sexual freedom and connection.
Health
Navigating Intimacy After Sexual Trauma
Processing, healing, and the path back to connection.
Curated

Editor's selection

Health
Sexual Health in the Gay Community
Kink & BDSM
What Is BDSM?
Identity
Body Diversity and Attraction in Gay Communities
Health
Understanding Routine STI Testing
Nightlife
First Time at a Private Gay Sex Party
Relationships
Recovering Sexual Confidence After Breakups
Readers

What people say

"
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

Stay informed.

Join 50,000+ readers. Weekly highlights, no spam, always free.

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