Homepage: Difference between revisions
Jump to navigation
Jump to search
Restyle homepage to bigbro.men design (Archivo+Anton, #FF7900 palette, panel cards); fix heading/button cascade vs skin; localize hero |
Header: restore B mark (now centered asset) Tag: Manual revert |
||
| (9 intermediate revisions 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:# | /* ===== DAY MODE — cohesive light theme (mirrors the dark palette; dark mode untouched) ===== */ | ||
body.light-mode .nav{background:rgba( | 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 . | body.light-mode .bc:hover{background:var(--chov);box-shadow:inset 0 0 0 1px rgba(255,121,0,.22);} | ||
body.light-mode . | 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 206: | Line 249: | ||
</div> | </div> | ||
</nav> | </nav> | ||
<div class="mq-wrap" style="margin-top:60px;"> | |||
<div class="mq-track"> | |||
<span class="mq-item"><a href="/Category:HIV_Prevention_%26_Treatment" style="color:inherit;text-decoration:none;">HIV Prevention & Treatment</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Consent_%26_Negotiation" style="color:inherit;text-decoration:none;">Consent & Negotiation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Boundaries" style="color:inherit;text-decoration:none;">Communication & Boundaries</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging,_Relevance,_and_Shifting_Identity" style="color:inherit;text-decoration:none;">Aging, Relevance & Shifting Identity</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Culture" style="color:inherit;text-decoration:none;">Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Presentation" style="color:inherit;text-decoration:none;">Body Presentation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Party_Drugs" style="color:inherit;text-decoration:none;">Party Drugs</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Trauma_%26_Recovery" style="color:inherit;text-decoration:none;">Trauma & Recovery</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Power_Dynamics" style="color:inherit;text-decoration:none;">Power Dynamics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Hookups_vs._Dating" style="color:inherit;text-decoration:none;">Hookups vs. Dating</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Chosen_Family_and_Social_Belonging" style="color:inherit;text-decoration:none;">Chosen Family & Social Belonging</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:History" style="color:inherit;text-decoration:none;">History</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Style_as_Communication" style="color:inherit;text-decoration:none;">Style as Communication</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:STI_Awareness_%26_Testing" style="color:inherit;text-decoration:none;">STI Awareness & Testing</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Roles_%26_Archetypes" style="color:inherit;text-decoration:none;">Roles & Archetypes</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sex,_Intimacy_%26_Connection" style="color:inherit;text-decoration:none;">Sex, Intimacy & Connection</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Online_Communities_vs._Physical_Communities" style="color:inherit;text-decoration:none;">Online Communities vs. Physical Communities</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Politics" style="color:inherit;text-decoration:none;">Politics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Subculture_Aesthetics" style="color:inherit;text-decoration:none;">Subculture Aesthetics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Image_%26_Self-Perception" style="color:inherit;text-decoration:none;">Body Image & Self-Perception</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Risk_Awareness_%26_Safety" style="color:inherit;text-decoration:none;">Risk Awareness & Safety</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Belonging_Without_Centrality" style="color:inherit;text-decoration:none;">Belonging Without Centrality</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Symbols_%26_Accessories" style="color:inherit;text-decoration:none;">Symbols & Accessories</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Substance_Use_%26_Sexual_Contexts" style="color:inherit;text-decoration:none;">Substance Use & Sexual Contexts</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Digital_Kink_Culture" style="color:inherit;text-decoration:none;">Digital Kink Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Identity_Performance_in_Dating_and_Social_Spaces" style="color:inherit;text-decoration:none;">Identity Performance in Dating & Social Spaces</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging_%26_Sexual_Health" style="color:inherit;text-decoration:none;">Aging & Sexual Health</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Emotional_Dynamics_in_Kink" style="color:inherit;text-decoration:none;">Emotional Dynamics in Kink</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Visibility,_Privacy,_and_Being_%22Out%22" style="color:inherit;text-decoration:none;">Visibility, Privacy & Being Out</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Disclosure" style="color:inherit;text-decoration:none;">Communication & Disclosure</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Kink_in_Relationships" style="color:inherit;text-decoration:none;">Kink in Relationships</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:The_Role_of_Humor,_Irony,_and_Distance" style="color:inherit;text-decoration:none;">The Role of Humor, Irony & Distance</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sexual_Function_%26_Mental_Health" style="color:inherit;text-decoration:none;">Sexual Function & Mental Health</a></span><span class="mq-dot"></span> | |||
<span class="mq-item"><a href="/Category:HIV_Prevention_%26_Treatment" style="color:inherit;text-decoration:none;">HIV Prevention & Treatment</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Consent_%26_Negotiation" style="color:inherit;text-decoration:none;">Consent & Negotiation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Boundaries" style="color:inherit;text-decoration:none;">Communication & Boundaries</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging,_Relevance,_and_Shifting_Identity" style="color:inherit;text-decoration:none;">Aging, Relevance & Shifting Identity</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Culture" style="color:inherit;text-decoration:none;">Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Presentation" style="color:inherit;text-decoration:none;">Body Presentation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Party_Drugs" style="color:inherit;text-decoration:none;">Party Drugs</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Trauma_%26_Recovery" style="color:inherit;text-decoration:none;">Trauma & Recovery</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Power_Dynamics" style="color:inherit;text-decoration:none;">Power Dynamics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Hookups_vs._Dating" style="color:inherit;text-decoration:none;">Hookups vs. Dating</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Chosen_Family_and_Social_Belonging" style="color:inherit;text-decoration:none;">Chosen Family & Social Belonging</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:History" style="color:inherit;text-decoration:none;">History</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Style_as_Communication" style="color:inherit;text-decoration:none;">Style as Communication</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:STI_Awareness_%26_Testing" style="color:inherit;text-decoration:none;">STI Awareness & Testing</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Roles_%26_Archetypes" style="color:inherit;text-decoration:none;">Roles & Archetypes</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sex,_Intimacy_%26_Connection" style="color:inherit;text-decoration:none;">Sex, Intimacy & Connection</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Online_Communities_vs._Physical_Communities" style="color:inherit;text-decoration:none;">Online Communities vs. Physical Communities</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Politics" style="color:inherit;text-decoration:none;">Politics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Subculture_Aesthetics" style="color:inherit;text-decoration:none;">Subculture Aesthetics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Image_%26_Self-Perception" style="color:inherit;text-decoration:none;">Body Image & Self-Perception</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Risk_Awareness_%26_Safety" style="color:inherit;text-decoration:none;">Risk Awareness & Safety</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Belonging_Without_Centrality" style="color:inherit;text-decoration:none;">Belonging Without Centrality</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Symbols_%26_Accessories" style="color:inherit;text-decoration:none;">Symbols & Accessories</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Substance_Use_%26_Sexual_Contexts" style="color:inherit;text-decoration:none;">Substance Use & Sexual Contexts</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Digital_Kink_Culture" style="color:inherit;text-decoration:none;">Digital Kink Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Identity_Performance_in_Dating_and_Social_Spaces" style="color:inherit;text-decoration:none;">Identity Performance in Dating & Social Spaces</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging_%26_Sexual_Health" style="color:inherit;text-decoration:none;">Aging & Sexual Health</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Emotional_Dynamics_in_Kink" style="color:inherit;text-decoration:none;">Emotional Dynamics in Kink</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Visibility,_Privacy,_and_Being_%22Out%22" style="color:inherit;text-decoration:none;">Visibility, Privacy & Being Out</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Disclosure" style="color:inherit;text-decoration:none;">Communication & Disclosure</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Kink_in_Relationships" style="color:inherit;text-decoration:none;">Kink in Relationships</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:The_Role_of_Humor,_Irony,_and_Distance" style="color:inherit;text-decoration:none;">The Role of Humor, Irony & Distance</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sexual_Function_%26_Mental_Health" style="color:inherit;text-decoration:none;">Sexual Function & Mental Health</a></span><span class="mq-dot"></span> | |||
</div> | |||
</div> | |||
| Line 211: | Line 263: | ||
<div class="ab-glow"></div> | <div class="ab-glow"></div> | ||
<div class="ab-inner"> | <div class="ab-inner"> | ||
<img src="/images/f/f9/BigBro_Know_logo_new.png" alt="BigBro Know" style="max-width:480px;width:80%;margin-bottom:1rem;"> | |||
<p class="ab-tagline">The free knowledge platform for gay communities worldwide</p> | <p class="ab-tagline">The free knowledge platform for gay communities worldwide</p> | ||
<a href="/Start_Here" class="ab-cta">Explore BigBro Know →</a> | <a href="/Start_Here" class="ab-cta">Explore BigBro Know →</a> | ||
| Line 230: | Line 281: | ||
</section> | </section> | ||
<section class="sec" id="features"> | <section class="sec" id="features"> | ||
| Line 277: | Line 315: | ||
<a href="/Category:Drugs,_Party_Culture_%26_Harm_Reduction" class="tc"><img src="/images/3/38/Drugs_Party_Culture_Hero.png" alt="Drugs, Party Culture & Harm Reduction" loading="lazy"><div class="to"><span class="tn">Drugs, Party Culture & Harm Reduction</span></div></a> | <a href="/Category:Drugs,_Party_Culture_%26_Harm_Reduction" class="tc"><img src="/images/3/38/Drugs_Party_Culture_Hero.png" alt="Drugs, Party Culture & Harm Reduction" loading="lazy"><div class="to"><span class="tn">Drugs, Party Culture & Harm Reduction</span></div></a> | ||
<a href="/Category:Life_Planning" class="tc"><img src="/images/7/74/Life_Planning_Hero.jpg" alt="Life Planning" loading="lazy"><div class="to"><span class="tn">Life Planning</span></div></a> | <a href="/Category:Life_Planning" class="tc"><img src="/images/7/74/Life_Planning_Hero.jpg" alt="Life Planning" loading="lazy"><div class="to"><span class="tn">Life Planning</span></div></a> | ||
<a href="/Category:Connections" class="tc"><img src="/images/c/c0/Connecions.png" alt="Connections" loading="lazy"><div class="to"><span class="tn">Connections</span></div></a> | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 284: | Line 323: | ||
<div style="max-width:600px;margin:0 auto;"> | <div style="max-width:600px;margin:0 auto;"> | ||
<h2 style="font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:-.03em;margin-bottom:.75rem;">Knowledge that saves lives</h2> | <h2 style="font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:-.03em;margin-bottom:.75rem;">Knowledge that saves lives</h2> | ||
<p style="color:var(--tx2);font-size:1.05rem;margin-bottom:2rem;">Everyone deserves access to honest, life-saving information about their own life.</p> | <p style="color:var(--tx2);font-size:1.05rem;margin-bottom:2rem;">Everyone deserves access to honest, life-saving information about their own life.</p | ||
<a href=" | <div style="margin-top:2.5rem;text-align:left;max-width:1000px;margin-left:auto;margin-right:auto;"> | ||
<h3 style="font-size:1.2rem;font-weight:800;margin-bottom:1.5rem;text-align:center;color:var(--tx);">Start with these life-saving articles</h3> | |||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;"> | |||
<a href="/Understanding_PrEP_and_Modern_HIV_Prevention" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Health</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Understanding PrEP and Modern HIV Prevention</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">A complete guide to PrEP and modern HIV prevention.</div> | |||
</a> | |||
<a href="/Understanding_U%3DU_(Undetectable_%3D_Untransmittable)" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Health</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Understanding U=U (Undetectable = Untransmittable)</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">What undetectable status means for transmission.</div> | |||
</a> | |||
<a href="/Understanding_Routine_STI_Testing_in_Gay_Communities" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Health</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Understanding Routine STI Testing in Gay Communities</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Why regular testing matters and how it works.</div> | |||
</a> | |||
<a href="/Condom_Use_in_Modern_Gay_Sexual_Health" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Health</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Condom Use in Modern Gay Sexual Health</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Practical guidance on barrier protection.</div> | |||
</a> | |||
<a href="/Chemsex,_Party_Drugs,_and_Harm_Reduction_in_Gay_Communities" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Harm Reduction</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Chemsex, Party Drugs, and Harm Reduction in Gay Communities</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Balanced, non-judgmental harm-reduction info.</div> | |||
</a> | |||
<a href="/Harm_Reduction_in_Nightlife" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Harm Reduction</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Harm Reduction in Nightlife</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Staying safer in club and party environments.</div> | |||
</a> | |||
<a href="/Overdose_Awareness" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Harm Reduction</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Overdose Awareness</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Recognizing and responding to overdose risk.</div> | |||
</a> | |||
<a href="/Mixing_Substances" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Harm Reduction</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Mixing Substances</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Understanding risks of combining substances.</div> | |||
</a> | |||
<a href="/Drug_Testing_Kits" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Harm Reduction</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Drug Testing Kits</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">How testing kits help reduce risk.</div> | |||
</a> | |||
<a href="/Risk_in_Consensual_Kink" style="display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .15s,transform .15s;"> | |||
<div style="color:var(--or);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;">Kink & BDSM</div> | |||
<div style="color:var(--tx);font-weight:700;margin-bottom:.35rem;line-height:1.3;">Risk in Consensual Kink</div> | |||
<div style="color:var(--tx2);font-size:.85rem;line-height:1.4;">Safety and harm-awareness in kink practices.</div> | |||
</a> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 409: | Line 502: | ||
</div> | </div> | ||
<div class="fb"> | <div class="fb"> | ||
<span>© | <span>© 2026 Karussell Labs OÜ, operating BigBro and BigBro Know · All content is for educational purposes only.</span> | ||
<span>No account · No tracking · Always free</span> | <span>No account · No tracking · Always free</span> | ||
</div> | </div> | ||
Latest revision as of 17:39, 16 July 2026
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+ 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.
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.
Knowledge that saves lives
Everyone deserves access to honest, life-saving information about their own life.
Start with these life-saving articles
Health
Understanding PrEP and Modern HIV Prevention
A complete guide to PrEP and modern HIV prevention.
Health
Understanding U=U (Undetectable = Untransmittable)
What undetectable status means for transmission.
Health
Understanding Routine STI Testing in Gay Communities
Why regular testing matters and how it works.
Health
Condom Use in Modern Gay Sexual Health
Practical guidance on barrier protection.
Harm Reduction
Chemsex, Party Drugs, and Harm Reduction in Gay Communities
Balanced, non-judgmental harm-reduction info.
Harm Reduction
Harm Reduction in Nightlife
Staying safer in club and party environments.
Harm Reduction
Overdose Awareness
Recognizing and responding to overdose risk.
Harm Reduction
Mixing Substances
Understanding risks of combining substances.
Harm Reduction
Drug Testing Kits
How testing kits help reduce risk.
Kink & BDSM
Risk in Consensual Kink
Safety and harm-awareness in kink practices.
Entry Points
Choose Your Path
Not sure where to begin? Pick the path that fits where you are right now.
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.
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.