Start Here: Difference between revisions

From AlphaX Wiki
Jump to navigation Jump to search
No edit summary
Redesigned as modern 2026 landing page — new hero, stats bar, improved path cards, hot topics, section grid
Line 1: Line 1:
<div style="max-width:980px; margin:0 auto; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#111; border-radius:16px; overflow:hidden; padding-bottom:32px;">
<style>
@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes glowLine{0%,100%{box-shadow:0 0 18px 4px rgba(255,107,26,0.5)}50%{box-shadow:0 0 36px 10px rgba(255,107,26,0.9)}}
@keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}}
.ax-path-card{border-radius:16px;overflow:hidden;position:relative;height:230px;border-left:4px solid #FF6B1A;border-top:1px solid #2a2a2a;border-right:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;transition:transform 0.25s ease,box-shadow 0.25s ease;cursor:pointer;}
.ax-path-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(255,107,26,0.25);}
.ax-section-card{display:flex;align-items:center;gap:14px;background:#141414;border:1px solid #252525;border-left:4px solid #FF6B1A;border-radius:12px;padding:16px 18px;transition:background 0.2s,transform 0.2s;}
.ax-section-card:hover{background:#1c1c1c;transform:translateX(4px);}
.ax-pill{display:inline-block;background:rgba(255,107,26,0.12);border:1px solid rgba(255,107,26,0.3);color:#FF6B1A;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px;}
.ax-glow-bar{height:2px;background:linear-gradient(90deg,transparent,#FF6B1A,transparent);animation:glowLine 3s ease-in-out infinite;}
.ax-stat{text-align:center;padding:16px 10px;}
.ax-stat-num{font-size:28px;font-weight:900;color:#FF6B1A;letter-spacing:-1px;}
.ax-stat-label{font-size:10px;color:#666;letter-spacing:2px;text-transform:uppercase;margin-top:2px;}
.ax-topic-tag{display:inline-block;background:#1a1a1a;border:1px solid #2d2d2d;color:#bbb;font-size:11px;padding:5px 12px;border-radius:20px;margin:3px;transition:all 0.2s;}
.ax-topic-tag:hover{background:#FF6B1A;color:#000;border-color:#FF6B1A;}
</style>
<div style="max-width:1000px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#fff;padding-bottom:48px;">


<!-- HERO BANNER -->
<!-- HERO -->
<div style="background:linear-gradient(160deg,#1a0a00 0%,#2d1200 40%,#1a1a1a 100%); padding:44px 40px 40px; border-bottom:3px solid #FF6B1A; text-align:left;">
<div style="background:linear-gradient(135deg,#0a0a0a 0%,#120800 50%,#0d0d0d 100%);border-radius:20px;overflow:hidden;position:relative;margin-bottom:8px;">
<div style="margin-bottom:10px;">[[File:Alphax_Wiki_logo_new.png|400px|link=Main_Page]]</div>
<div style="position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(255,107,26,0.2) 0%,transparent 70%);pointer-events:none;"></div>
<div style="color:#aaa; font-size:15px; margin:10px 0 0; max-width:520px; line-height:1.6;">A curated knowledge base for gay culture, intimacy, kink communities, and LGBTQ+ identity. Choose a path below to start exploring.</div>
<div style="position:absolute;top:0;left:0;right:0;bottom:0;background:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1200&q=60&fit=crop') center/cover;opacity:0.04;"></div>
<div style="position:relative;z-index:1;padding:52px 44px 44px;text-align:center;">
<div style="margin-bottom:6px;">
<span class="ax-pill">Gay Lifestyle Knowledge Hub · Est. 2024</span>
</div>
[[File:Alphax_Wiki_logo_new.png|420px|link=Start_Here]]
<div style="margin-top:18px;font-size:16px;line-height:1.75;color:rgba(180,170,165,0.9);max-width:560px;margin-left:auto;margin-right:auto;">
The definitive encyclopedia for gay men — culture, intimacy, kink, identity & community. No judgement. Just knowledge.
</div>
<div style="margin-top:24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;">
<span class="ax-topic-tag">[[What Is BDSM|BDSM]]</span>
<span class="ax-topic-tag">[[Understanding PrEP and Modern HIV Prevention|PrEP & Health]]</span>
<span class="ax-topic-tag">[[Hookup Culture in Gay Communities|Hookup Culture]]</span>
<span class="ax-topic-tag">[[Open Relationships & Non-Monogamy|Open Relationships]]</span>
<span class="ax-topic-tag">[[Leather Culture in BDSM Communities|Leather Culture]]</span>
<span class="ax-topic-tag">[[Chemsex|Chemsex]]</span>
<span class="ax-topic-tag">[[Body Image Pressure in Gay Communities|Body Image]]</span>
<span class="ax-topic-tag">[[The Stonewall Uprising and Its Historical Impact|History]]</span>
</div>
</div>
<div class="ax-glow-bar"></div>
</div>
 
<!-- STATS BAR -->
<div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:#0f0f0f;border:1px solid #222;border-radius:14px;margin-bottom:28px;overflow:hidden;">
<div class="ax-stat" style="border-right:1px solid #1e1e1e;">
<div class="ax-stat-num">300+</div>
<div class="ax-stat-label">Articles</div>
</div>
<div class="ax-stat" style="border-right:1px solid #1e1e1e;">
<div class="ax-stat-num">8</div>
<div class="ax-stat-label">Knowledge Areas</div>
</div>
<div class="ax-stat" style="border-right:1px solid #1e1e1e;">
<div class="ax-stat-num">20+</div>
<div class="ax-stat-label">Languages</div>
</div>
<div class="ax-stat">
<div class="ax-stat-num">Free</div>
<div class="ax-stat-label">Always</div>
</div>
</div>
</div>


<!-- CHOOSE YOUR PATH -->
<!-- CHOOSE YOUR PATH -->
<div style="padding:32px 32px 0;">
<div style="font-size:11px;font-weight:800;letter-spacing:3px;color:#555;text-transform:uppercase;margin-bottom:16px;">Choose Your Path</div>
<div style="font-size:11px; font-weight:800; letter-spacing:3px; color:#666; text-transform:uppercase; margin-bottom:16px;">CHOOSE YOUR PATH</div>
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px;">


<div style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; margin-bottom:14px;">
<div class="ax-path-card" style="background:linear-gradient(160deg,#0d1a0d,#060d06);">
 
<div style="position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1516321497487-e288fb19713f?w=600&q=70&fit=crop&crop=faces') center/cover;opacity:0.4;"></div>
<!-- Card 1: New/Curious — Gay men community at pride event, B&W -->
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.98) 0%,rgba(0,0,0,0.5) 50%,rgba(0,20,0,0.2) 100%);"></div>
<div style="border-radius:14px; overflow:hidden; position:relative; height:220px; background:linear-gradient(to bottom,#1a2a1a,#0d150d); border-left:4px solid #FF6B1A; border-top:1px solid #2a2a2a; border-right:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a;">
<div style="position:absolute;bottom:0;left:0;right:0;padding:20px 18px 22px;">
<div style="position:absolute; top:0; left:0; right:0; bottom:0; background:url('https://images.unsplash.com/photo-1612435105313-fbe47314fcc5?w=600&q=80&fit=crop&crop=faces') center/cover; opacity:0.55;"></div>
<div class="ax-pill" style="margin-bottom:8px;">New Here</div>
<div style="position:absolute; bottom:0; left:0; right:0; padding:18px 16px 20px 18px; background:linear-gradient(to top,rgba(0,0,0,0.97) 0%,rgba(0,0,0,0.7) 50%,transparent 100%);">
<div style="color:#fff;font-weight:800;font-size:15px;margin-bottom:5px;">[[Entering the Gay Scene for the First Time|I'm New / Just Curious]]</div>
<div style="font-size:18px; margin-bottom:6px;">🟢</div>
<div style="color:#999;font-size:11px;line-height:1.5;">Community basics, health, consent &amp; finding your people.</div>
<div style="color:#fff; font-weight:800; font-size:14px; margin-bottom:4px;">[[Entering the Gay Scene for the First Time|I'm New / Just Curious]]</div>
<div style="color:#aaa; font-size:11px; line-height:1.5;">Start with community, health &amp; consent basics.</div>
</div>
</div>
</div>
</div>


<!-- Card 2: Explore Kink — Leather wrist cuffs and chain, B&W -->
<div class="ax-path-card" style="background:linear-gradient(160deg,#1a0808,#0d0404);">
<div style="border-radius:14px; overflow:hidden; position:relative; height:220px; background:linear-gradient(to bottom,#2a1010,#150808); border-left:4px solid #FF6B1A; border-top:1px solid #2a2a2a; border-right:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a;">
<div style="position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1583394293214-dda2e7b99690?w=600&q=70&fit=crop&crop=center') center/cover;opacity:0.4;"></div>
<div style="position:absolute; top:0; left:0; right:0; bottom:0; background:url('https://images.unsplash.com/photo-1579071072964-395e8239d579?w=600&q=80&fit=crop&crop=center') center/cover; opacity:0.55;"></div>
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.98) 0%,rgba(0,0,0,0.5) 50%,rgba(20,5,0,0.2) 100%);"></div>
<div style="position:absolute; bottom:0; left:0; right:0; padding:18px 16px 20px 18px; background:linear-gradient(to top,rgba(0,0,0,0.97) 0%,rgba(0,0,0,0.7) 50%,transparent 100%);">
<div style="position:absolute;bottom:0;left:0;right:0;padding:20px 18px 22px;">
<div style="font-size:18px; margin-bottom:6px;">🔥</div>
<div class="ax-pill" style="margin-bottom:8px;">Explore</div>
<div style="color:#fff; font-weight:800; font-size:14px; margin-bottom:4px;">[[Fetish & Kink Library|I Want to Explore Kink]]</div>
<div style="color:#fff;font-weight:800;font-size:15px;margin-bottom:5px;">[[Fetish & Kink Library|I Want to Explore Kink]]</div>
<div style="color:#aaa; font-size:11px; line-height:1.5;">BDSM, fetishes &amp; power dynamics.</div>
<div style="color:#999;font-size:11px;line-height:1.5;">BDSM, fetishes, leather culture &amp; power dynamics.</div>
</div>
</div>
</div>
</div>


<!-- Card 3: Improve Relationship — Two men intimate, one blindfolded, B&W -->
<div class="ax-path-card" style="background:linear-gradient(160deg,#0d0a1a,#060408);">
<div style="border-radius:14px; overflow:hidden; position:relative; height:220px; background:linear-gradient(to bottom,#1a102a,#0d0815); border-left:4px solid #FF6B1A; border-top:1px solid #2a2a2a; border-right:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a;">
<div style="position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=600&q=70&fit=crop&crop=top') center/cover;opacity:0.35;"></div>
<div style="position:absolute; top:0; left:0; right:0; bottom:0; background:url('https://images.unsplash.com/photo-1689207093970-9ccafe1f2fea?w=600&q=80&fit=crop&crop=center') center/cover; opacity:0.55;"></div>
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.98) 0%,rgba(0,0,0,0.5) 50%,rgba(10,5,20,0.2) 100%);"></div>
<div style="position:absolute; bottom:0; left:0; right:0; padding:18px 16px 20px 18px; background:linear-gradient(to top,rgba(0,0,0,0.97) 0%,rgba(0,0,0,0.7) 50%,transparent 100%);">
<div style="position:absolute;bottom:0;left:0;right:0;padding:20px 18px 22px;">
<div style="font-size:18px; margin-bottom:6px;">💬</div>
<div class="ax-pill" style="margin-bottom:8px;">Relationships</div>
<div style="color:#fff; font-weight:800; font-size:14px; margin-bottom:4px;">[[Dynamics & Relationships|Improve My Relationship]]</div>
<div style="color:#fff;font-weight:800;font-size:15px;margin-bottom:5px;">[[Dynamics & Relationships|Improve My Relationship]]</div>
<div style="color:#aaa; font-size:11px; line-height:1.5;">Communication, trust &amp; power dynamics.</div>
<div style="color:#999;font-size:11px;line-height:1.5;">Communication, trust, non-monogamy &amp; intimacy.</div>
</div>
</div>
</div>
</div>


</div>
</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px;">


<div style="display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:32px;">
<div class="ax-path-card" style="height:190px;background:linear-gradient(160deg,#0a0f1a,#050810);">
 
<div style="position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1559305289-0775b29c0a77?w=700&q=70&fit=crop&crop=center') center/cover;opacity:0.35;"></div>
<!-- Card 4: Safety — Two fists clasped together, B&W -->
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.98) 0%,rgba(0,0,0,0.5) 50%,rgba(5,10,20,0.2) 100%);"></div>
<div style="border-radius:14px; overflow:hidden; position:relative; height:190px; background:linear-gradient(to bottom,#0a1a2a,#050d15); border-left:4px solid #FF6B1A; border-top:1px solid #2a2a2a; border-right:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a;">
<div style="position:absolute;bottom:0;left:0;right:0;padding:18px 18px 20px;">
<div style="position:absolute; top:0; left:0; right:0; bottom:0; background:url('https://images.unsplash.com/photo-1631032245197-d887e8502420?w=700&q=80&fit=crop&crop=center') center/cover; opacity:0.5;"></div>
<div class="ax-pill" style="margin-bottom:8px;">Safety First</div>
<div style="position:absolute; bottom:0; left:0; right:0; padding:16px 16px 20px 18px; background:linear-gradient(to top,rgba(0,0,0,0.97) 0%,rgba(0,0,0,0.7) 50%,transparent 100%);">
<div style="color:#fff;font-weight:800;font-size:15px;margin-bottom:5px;">[[Safety & Consent|I Care About Safety]]</div>
<div style="font-size:18px; margin-bottom:6px;">🛡️</div>
<div style="color:#999;font-size:11px;line-height:1.5;">Harm reduction, safe sex, PrEP, BDSM safety &amp; consent.</div>
<div style="color:#fff; font-weight:800; font-size:14px; margin-bottom:4px;">[[Safety & Consent|I Care About Safety]]</div>
<div style="color:#aaa; font-size:11px; line-height:1.5;">Harm reduction, safe sex, BDSM safety &amp; consent.</div>
</div>
</div>
</div>
</div>


<!-- Card 5: Advanced Knowledge — Man silhouette deep in thought, B&W -->
<div class="ax-path-card" style="height:190px;background:linear-gradient(160deg,#1a1500,#0d0b00);">
<div style="border-radius:14px; overflow:hidden; position:relative; height:190px; background:linear-gradient(to bottom,#1a1a0a,#0d0d05); border-left:4px solid #FF6B1A; border-top:1px solid #2a2a2a; border-right:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a;">
<div style="position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=700&q=70&fit=crop&crop=face') center/cover;opacity:0.35;"></div>
<div style="position:absolute; top:0; left:0; right:0; bottom:0; background:url('https://images.unsplash.com/photo-1651017810068-a664fe80a1a2?w=700&q=80&fit=crop&crop=center') center/cover; opacity:0.5;"></div>
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.98) 0%,rgba(0,0,0,0.5) 50%,rgba(20,15,0,0.2) 100%);"></div>
<div style="position:absolute; bottom:0; left:0; right:0; padding:16px 16px 20px 18px; background:linear-gradient(to top,rgba(0,0,0,0.97) 0%,rgba(0,0,0,0.7) 50%,transparent 100%);">
<div style="position:absolute;bottom:0;left:0;right:0;padding:18px 18px 20px;">
<div style="font-size:18px; margin-bottom:6px;">🧠</div>
<div class="ax-pill" style="margin-bottom:8px;">Deep Dive</div>
<div style="color:#fff; font-weight:800; font-size:14px; margin-bottom:4px;">[[Advanced Practices|I Want Advanced Knowledge]]</div>
<div style="color:#fff;font-weight:800;font-size:15px;margin-bottom:5px;">[[Advanced Practices|I Want Advanced Knowledge]]</div>
<div style="color:#aaa; font-size:11px; line-height:1.5;">Psychology, advanced BDSM, identity &amp; history.</div>
<div style="color:#999;font-size:11px;line-height:1.5;">Psychology, advanced BDSM, identity &amp; queer history.</div>
</div>
</div>
</div>
</div>
Line 69: Line 124:
</div>
</div>


<!-- SCROLLING TILES ROW -->
<!-- LIVE FEEDS ROW -->
<div style="display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:32px;">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;">


<!-- LATEST ARTICLES TILE -->
<div style="border-radius:14px;overflow:hidden;height:280px;background:#0d0d0d;border-left:4px solid #FF6B1A;border-top:1px solid #222;border-right:1px solid #222;border-bottom:1px solid #222;display:flex;flex-direction:column;">
<div style="border-radius:14px; overflow:hidden; height:260px; background:#0f0f0f; border-left:4px solid #FF6B1A; border-top:1px solid #2a2a2a; border-right:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a; display:flex; flex-direction:column;">
<div style="padding:14px 16px 12px 18px;border-bottom:1px solid #1e1e1e;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;">
<div style="padding:14px 16px 10px 18px; border-bottom:1px solid #222; flex-shrink:0;">
<div style="font-size:11px;font-weight:800;letter-spacing:2px;color:#FF6B1A;text-transform:uppercase;">🆕 Latest Articles</div>
<div style="font-size:11px; font-weight:800; letter-spacing:2px; color:#FF6B1A; text-transform:uppercase;">🆕 Latest Articles</div>
<div style="font-size:10px;color:#444;">Auto-scrolling</div>
</div>
</div>
<div style="flex:1; overflow:hidden; position:relative;">
<div style="flex:1;overflow:hidden;position:relative;">
<div style="position:absolute; top:0; left:0; right:0; height:30px; background:linear-gradient(to bottom,#0f0f0f,transparent); z-index:2; pointer-events:none;"></div>
<div style="position:absolute;top:0;left:0;right:0;height:32px;background:linear-gradient(to bottom,#0d0d0d,transparent);z-index:2;pointer-events:none;"></div>
<div style="position:absolute; bottom:0; left:0; right:0; height:30px; background:linear-gradient(to top,#0f0f0f,transparent); z-index:2; pointer-events:none;"></div>
<div style="position:absolute;bottom:0;left:0;right:0;height:32px;background:linear-gradient(to top,#0d0d0d,transparent);z-index:2;pointer-events:none;"></div>
<div style="animation:scrollUp 28s linear infinite; padding:10px 16px 10px 18px;">
<div style="animation:scrollUp 30s linear infinite;padding:10px 16px 10px 18px;">
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Social Media and Sexual Identity|Social Media and Sexual Identity]]<br/><span style="color:#555; font-size:10px;">Psychology &amp; Identity</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Social Media and Sexual Identity|Social Media &amp; Sexual Identity]]<br/><span style="color:#FF6B1A;font-size:10px;">Psychology · Identity</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[The Impact of Dating Apps on Gay Social Structures|The Impact of Dating Apps]]<br/><span style="color:#555; font-size:10px;">Culture &amp; Nightlife</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[The Impact of Dating Apps on Gay Social Structures|Impact of Dating Apps on Gay Life]]<br/><span style="color:#FF6B1A;font-size:10px;">Culture · Dating</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Identity Labels and Fluidity|Identity Labels and Fluidity]]<br/><span style="color:#555; font-size:10px;">Psychology &amp; Identity</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Identity Labels and Fluidity|Identity Labels &amp; Fluidity in 2026]]<br/><span style="color:#FF6B1A;font-size:10px;">Identity · Community</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Navigating Identity Shifts Across Different Life Stages|Navigating Identity Shifts]]<br/><span style="color:#555; font-size:10px;">Psychology &amp; Identity</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[BDSM Contracts and Agreements|BDSM Contracts &amp; Agreements]]<br/><span style="color:#FF6B1A;font-size:10px;">Kink · Advanced</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[BDSM Contracts and Agreements|BDSM Contracts and Agreements]]<br/><span style="color:#555; font-size:10px;">Advanced Practices</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Jealousy and Emotional Security in Non-Monogamy|Jealousy in Non-Monogamy]]<br/><span style="color:#FF6B1A;font-size:10px;">Relationships</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[BDSM Events and Dungeons|BDSM Events and Dungeons]]<br/><span style="color:#555; font-size:10px;">Advanced Practices</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Understanding U=U (Undetectable = Untransmittable)|Understanding U=U]]<br/><span style="color:#FF6B1A;font-size:10px;">Health · HIV</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Jealousy and Emotional Security in Non-Monogamy|Jealousy in Non-Monogamy]]<br/><span style="color:#555; font-size:10px;">Dynamics &amp; Relationships</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Gentrification of Gay Neighborhoods|Gentrification of Gay Neighborhoods]]<br/><span style="color:#FF6B1A;font-size:10px;">Culture · Politics</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Transitioning from Casual Encounters to Dating|From Casual to Dating]]<br/><span style="color:#555; font-size:10px;">Dynamics &amp; Relationships</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Consent and Intoxication|Consent &amp; Intoxication]]<br/><span style="color:#FF6B1A;font-size:10px;">Safety · Consent</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Understanding U=U (Undetectable = Untransmittable)|Understanding U=U]]<br/><span style="color:#555; font-size:10px;">Safety &amp; Consent</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Navigating Identity Shifts Across Different Life Stages|Identity Shifts Across Life Stages]]<br/><span style="color:#FF6B1A;font-size:10px;">Psychology</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Disclosing STI or HIV Status to a Partner|Disclosing HIV Status]]<br/><span style="color:#555; font-size:10px;">Safety &amp; Consent</span></div>
<div style="padding:8px 0;">[[Clothing as Identity Expression in Gay Communities|Clothing as Identity Expression]]<br/><span style="color:#FF6B1A;font-size:10px;">Fashion · Culture</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Consent and Intoxication|Consent and Intoxication]]<br/><span style="color:#555; font-size:10px;">Safety &amp; Consent</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Social Media and Sexual Identity|Social Media &amp; Sexual Identity]]<br/><span style="color:#FF6B1A;font-size:10px;">Psychology · Identity</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Gentrification of Gay Neighborhoods|Gentrification of Gay Neighborhoods]]<br/><span style="color:#555; font-size:10px;">Culture &amp; Nightlife</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[The Impact of Dating Apps on Gay Social Structures|Impact of Dating Apps on Gay Life]]<br/><span style="color:#FF6B1A;font-size:10px;">Culture · Dating</span></div>
<div style="padding:7px 0;">[[Clothing as Identity Expression in Gay Communities|Clothing as Identity Expression]]<br/><span style="color:#555; font-size:10px;">Culture &amp; Nightlife</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Identity Labels and Fluidity|Identity Labels &amp; Fluidity in 2026]]<br/><span style="color:#FF6B1A;font-size:10px;">Identity · Community</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[BDSM Contracts and Agreements|BDSM Contracts &amp; Agreements]]<br/><span style="color:#FF6B1A;font-size:10px;">Kink · Advanced</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Jealousy and Emotional Security in Non-Monogamy|Jealousy in Non-Monogamy]]<br/><span style="color:#FF6B1A;font-size:10px;">Relationships</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Understanding U=U (Undetectable = Untransmittable)|Understanding U=U]]<br/><span style="color:#FF6B1A;font-size:10px;">Health · HIV</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Gentrification of Gay Neighborhoods|Gentrification of Gay Neighborhoods]]<br/><span style="color:#FF6B1A;font-size:10px;">Culture · Politics</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Consent and Intoxication|Consent &amp; Intoxication]]<br/><span style="color:#FF6B1A;font-size:10px;">Safety · Consent</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Navigating Identity Shifts Across Different Life Stages|Identity Shifts Across Life Stages]]<br/><span style="color:#FF6B1A;font-size:10px;">Psychology</span></div>
<div style="padding:8px 0;">[[Clothing as Identity Expression in Gay Communities|Clothing as Identity Expression]]<br/><span style="color:#FF6B1A;font-size:10px;">Fashion · Culture</span></div>
</div>
</div>
</div>
</div>
</div>
</div>


<!-- EDITOR'S SELECTION TILE -->
<div style="border-radius:14px;overflow:hidden;height:280px;background:#0d0d0d;border-left:4px solid #FF6B1A;border-top:1px solid #222;border-right:1px solid #222;border-bottom:1px solid #222;display:flex;flex-direction:column;">
<div style="border-radius:14px; overflow:hidden; height:260px; background:#0f0f0f; border-left:4px solid #FF6B1A; border-top:1px solid #2a2a2a; border-right:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a; display:flex; flex-direction:column;">
<div style="padding:14px 16px 12px 18px;border-bottom:1px solid #1e1e1e;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;">
<div style="padding:14px 16px 10px 18px; border-bottom:1px solid #222; flex-shrink:0;">
<div style="font-size:11px;font-weight:800;letter-spacing:2px;color:#FF6B1A;text-transform:uppercase;">⭐ Editor's Selection</div>
<div style="font-size:11px; font-weight:800; letter-spacing:2px; color:#FF6B1A; text-transform:uppercase;">⭐ Editor's Selection</div>
<div style="font-size:10px;color:#444;">Must-reads</div>
</div>
</div>
<div style="flex:1; overflow:hidden; position:relative;">
<div style="flex:1;overflow:hidden;position:relative;">
<div style="position:absolute; top:0; left:0; right:0; height:30px; background:linear-gradient(to bottom,#0f0f0f,transparent); z-index:2; pointer-events:none;"></div>
<div style="position:absolute;top:0;left:0;right:0;height:32px;background:linear-gradient(to bottom,#0d0d0d,transparent);z-index:2;pointer-events:none;"></div>
<div style="position:absolute; bottom:0; left:0; right:0; height:30px; background:linear-gradient(to top,#0f0f0f,transparent); z-index:2; pointer-events:none;"></div>
<div style="position:absolute;bottom:0;left:0;right:0;height:32px;background:linear-gradient(to top,#0d0d0d,transparent);z-index:2;pointer-events:none;"></div>
<div style="animation:scrollUp 32s linear infinite; padding:10px 16px 10px 18px;">
<div style="animation:scrollUp 36s linear infinite;padding:10px 16px 10px 18px;">
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[What Is BDSM|What Is BDSM?]]<br/><span style="color:#555; font-size:10px;">Essential Reading</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[What Is BDSM|What Is BDSM?]]<br/><span style="color:#aaa;font-size:10px;">Essential Reading</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Understanding Consent in Power Exchange|Consent in Power Exchange]]<br/><span style="color:#555; font-size:10px;">Essential Reading</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Aftercare in BDSM Relationships|Aftercare in BDSM]]<br/><span style="color:#aaa;font-size:10px;">Editor's Pick</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Aftercare in BDSM Relationships|Aftercare in BDSM]]<br/><span style="color:#555; font-size:10px;">Editor's Pick</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Hookup Culture in Gay Communities|Hookup Culture in Gay Communities]]<br/><span style="color:#aaa;font-size:10px;">Culture</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Hookup Culture in Gay Communities|Hookup Culture in Gay Communities]]<br/><span style="color:#555; font-size:10px;">Editor's Pick</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Leather Culture in BDSM Communities|Leather Culture &amp; Community]]<br/><span style="color:#aaa;font-size:10px;">Deep Dive</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Leather Culture in BDSM Communities|Leather Culture]]<br/><span style="color:#555; font-size:10px;">Deep Dive</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Psychological Dynamics of Submission|Psychology of Submission]]<br/><span style="color:#aaa;font-size:10px;">Psychology</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Psychological Dynamics of Submission|Psychology of Submission]]<br/><span style="color:#555; font-size:10px;">Deep Dive</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Chosen Family and Social Belonging in Gay Communities|Chosen Family]]<br/><span style="color:#aaa;font-size:10px;">Community</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Chosen Family and Social Belonging in Gay Communities|Chosen Family]]<br/><span style="color:#555; font-size:10px;">Community</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[The Stonewall Uprising and Its Historical Impact|The Stonewall Uprising]]<br/><span style="color:#aaa;font-size:10px;">History</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[The Stonewall Uprising and Its Historical Impact|The Stonewall Uprising]]<br/><span style="color:#555; font-size:10px;">History</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Open Relationships & Non-Monogamy|Open Relationships &amp; Non-Monogamy]]<br/><span style="color:#aaa;font-size:10px;">Relationships</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Open Relationships & Non-Monogamy|Open Relationships &amp; Non-Monogamy]]<br/><span style="color:#555; font-size:10px;">Relationships</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Body Image Pressure in Gay Communities|Body Image in Gay Communities]]<br/><span style="color:#aaa;font-size:10px;">Psychology</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Body Image Pressure in Gay Communities|Body Image in Gay Communities]]<br/><span style="color:#555; font-size:10px;">Psychology</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Chemsex|Chemsex — A Complete Guide]]<br/><span style="color:#aaa;font-size:10px;">Harm Reduction</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Chemsex|Chemsex]]<br/><span style="color:#555; font-size:10px;">Harm Reduction</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Safe Words in BDSM|Safe Words in BDSM]]<br/><span style="color:#aaa;font-size:10px;">Safety First</span></div>
<div style="padding:7px 0; border-bottom:1px solid #1e1e1e;">[[Safe Words in BDSM|Safe Words in BDSM]]<br/><span style="color:#555; font-size:10px;">Safety First</span></div>
<div style="padding:8px 0;">[[Race and Attraction Politics|Race &amp; Attraction Politics]]<br/><span style="color:#aaa;font-size:10px;">Culture · Identity</span></div>
<div style="padding:7px 0;">[[Race and Attraction Politics|Race and Attraction Politics]]<br/><span style="color:#555; font-size:10px;">Culture</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[What Is BDSM|What Is BDSM?]]<br/><span style="color:#aaa;font-size:10px;">Essential Reading</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Aftercare in BDSM Relationships|Aftercare in BDSM]]<br/><span style="color:#aaa;font-size:10px;">Editor's Pick</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Hookup Culture in Gay Communities|Hookup Culture in Gay Communities]]<br/><span style="color:#aaa;font-size:10px;">Culture</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Leather Culture in BDSM Communities|Leather Culture &amp; Community]]<br/><span style="color:#aaa;font-size:10px;">Deep Dive</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Psychological Dynamics of Submission|Psychology of Submission]]<br/><span style="color:#aaa;font-size:10px;">Psychology</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Chosen Family and Social Belonging in Gay Communities|Chosen Family]]<br/><span style="color:#aaa;font-size:10px;">Community</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[The Stonewall Uprising and Its Historical Impact|The Stonewall Uprising]]<br/><span style="color:#aaa;font-size:10px;">History</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Open Relationships & Non-Monogamy|Open Relationships &amp; Non-Monogamy]]<br/><span style="color:#aaa;font-size:10px;">Relationships</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Body Image Pressure in Gay Communities|Body Image in Gay Communities]]<br/><span style="color:#aaa;font-size:10px;">Psychology</span></div>
<div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Chemsex|Chemsex — A Complete Guide]]<br/><span style="color:#aaa;font-size:10px;">Harm Reduction</span></div>
<div style="padding:8px 0;">[[Race and Attraction Politics|Race &amp; Attraction Politics]]<br/><span style="color:#aaa;font-size:10px;">Culture · Identity</span></div>
</div>
</div>
</div>
</div>
Line 126: Line 198:
</div>
</div>


<!-- EXPLORE ALL SECTIONS -->
<!-- HOT RIGHT NOW banner -->
<div style="font-size:11px; font-weight:800; letter-spacing:3px; color:#666; text-transform:uppercase; margin-bottom:16px;">EXPLORE ALL SECTIONS</div>
<div style="background:linear-gradient(90deg,#1a0800,#0f0f0f,#1a0800);border:1px solid #2a2a2a;border-left:4px solid #FF6B1A;border-radius:12px;padding:18px 22px;margin-bottom:28px;">
<div style="font-size:10px;font-weight:800;letter-spacing:2px;color:#FF6B1A;text-transform:uppercase;margin-bottom:12px;">🔥 Hot Right Now — Topics Gay Men Are Reading in 2026</div>
<div style="display:flex;flex-wrap:wrap;gap:6px;">
<span class="ax-topic-tag">[[Understanding PrEP and Modern HIV Prevention|PrEP 2026]]</span>
<span class="ax-topic-tag">[[Loneliness, Hookup Culture, and Emotional Well-Being|Loneliness &amp; Apps]]</span>
<span class="ax-topic-tag">[[First Time at a Private Gay Sex Party|Sex Parties]]</span>
<span class="ax-topic-tag">[[Body Diversity and Attraction in Gay Communities|Body Diversity]]</span>
<span class="ax-topic-tag">[[Recovering Sexual Confidence After Relationship Breakups|Sexual Confidence]]</span>
<span class="ax-topic-tag">[[BDSM Events and Dungeons|Dungeons &amp; Events]]</span>
<span class="ax-topic-tag">[[Navigating Intimacy After Sexual Trauma|Intimacy &amp; Trauma]]</span>
<span class="ax-topic-tag">[[Disclosing STI or HIV Status to a Partner|HIV Disclosure]]</span>
<span class="ax-topic-tag">[[First Time in a Dark Room|Dark Rooms]]</span>
<span class="ax-topic-tag">[[Switch (BDSM)|Switch Identity]]</span>
<span class="ax-topic-tag">[[Uniform Aesthetics in Gay Subcultures|Uniform Aesthetics]]</span>
<span class="ax-topic-tag">[[Substance Use & Sexual Contexts|Chemsex &amp; Safety]]</span>
</div>
</div>
 
<!-- ALL SECTIONS -->
<div style="font-size:11px;font-weight:800;letter-spacing:3px;color:#555;text-transform:uppercase;margin-bottom:16px;">Explore All Knowledge Areas</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:32px;">


<div style="display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:10px;">
<div class="ax-section-card">
<span style="font-size:26px;flex-shrink:0;">🛡️</span>
<div>
<div style="color:#fff;font-weight:700;font-size:13px;">[[Safety & Consent]]</div>
<div style="color:#555;font-size:11px;margin-top:3px;">STI testing · PrEP · harm reduction · consent frameworks · BDSM safety</div>
</div>
</div>


<div style="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;">
<div class="ax-section-card">
<span style="font-size:22px;">🛡️</span>
<span style="font-size:26px;flex-shrink:0;">🔥</span>
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[Safety & Consent]]</div><div style="color:#666; font-size:11px; margin-top:2px;">STI health · harm reduction · consent frameworks</div></div>
<div>
<div style="color:#fff;font-weight:700;font-size:13px;">[[Fetish & Kink Library]]</div>
<div style="color:#555;font-size:11px;margin-top:3px;">BDSM · bondage · leather · fetish culture · power dynamics</div>
</div>
</div>
 
<div class="ax-section-card">
<span style="font-size:26px;flex-shrink:0;">💑</span>
<div>
<div style="color:#fff;font-weight:700;font-size:13px;">[[Dynamics & Relationships]]</div>
<div style="color:#555;font-size:11px;margin-top:3px;">Dom/sub · open relationships · non-monogamy · intimacy · communication</div>
</div>
</div>
</div>


<div style="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;">
<div class="ax-section-card">
<span style="font-size:22px;">🔥</span>
<span style="font-size:26px;flex-shrink:0;">🧠</span>
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[Fetish & Kink Library]]</div><div style="color:#666; font-size:11px; margin-top:2px;">BDSM · bondage · leather · fetish culture</div></div>
<div>
<div style="color:#fff;font-weight:700;font-size:13px;">[[Psychology & Identity]]</div>
<div style="color:#555;font-size:11px;margin-top:3px;">Body image · anxiety · identity labels · trauma · self-worth</div>
</div>
</div>
</div>


<div style="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;">
<div class="ax-section-card">
<span style="font-size:22px;">💑</span>
<span style="font-size:26px;flex-shrink:0;"></span>
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[Dynamics & Relationships]]</div><div style="color:#666; font-size:11px; margin-top:2px;">Dom/sub · open relationships · intimacy</div></div>
<div>
<div style="color:#fff;font-weight:700;font-size:13px;">[[Advanced Practices]]</div>
<div style="color:#555;font-size:11px;margin-top:3px;">Edge play · contracts · dungeons · advanced power exchange</div>
</div>
</div>
</div>


<div style="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;">
<div class="ax-section-card">
<span style="font-size:22px;">🧠</span>
<span style="font-size:26px;flex-shrink:0;">🌃</span>
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[Psychology & Identity]]</div><div style="color:#666; font-size:11px; margin-top:2px;">Body image · anxiety · identity labels · trauma</div></div>
<div>
<div style="color:#fff;font-weight:700;font-size:13px;">[[Culture & Nightlife]]</div>
<div style="color:#555;font-size:11px;margin-top:3px;">Circuit parties · leather bars · queer history · community pride</div>
</div>
</div>
</div>


<div style="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;">
<div class="ax-section-card">
<span style="font-size:22px;"></span>
<span style="font-size:26px;flex-shrink:0;">💊</span>
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[Advanced Practices]]</div><div style="color:#666; font-size:11px; margin-top:2px;">Edge play · contracts · dungeons · advanced power exchange</div></div>
<div>
<div style="color:#fff;font-weight:700;font-size:13px;">[[:Category:Drugs, Party Culture & Harm Reduction|Drugs & Harm Reduction]]</div>
<div style="color:#555;font-size:11px;margin-top:3px;">Chemsex · party culture · harm reduction · community safety</div>
</div>
</div>
</div>


<div style="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;">
<div class="ax-section-card">
<span style="font-size:22px;">🌃</span>
<span style="font-size:26px;flex-shrink:0;">👗</span>
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[Culture & Nightlife]]</div><div style="color:#666; font-size:11px; margin-top:2px;">Circuit parties · leather bars · history · community</div></div>
<div>
<div style="color:#fff;font-weight:700;font-size:13px;">[[:Category:Fashion & Visual Signaling|Fashion & Visual Signaling]]</div>
<div style="color:#555;font-size:11px;margin-top:3px;">Visual identity · hanky code · dress codes · subculture aesthetics</div>
</div>
</div>
</div>


</div>
</div>


<!-- ABOUT FOOTER -->
<div style="background:#0a0a0a;border:1px solid #1e1e1e;border-top:2px solid #FF6B1A;border-radius:14px;padding:24px 26px;">
<div style="font-size:10px;font-weight:800;letter-spacing:2px;color:#FF6B1A;text-transform:uppercase;margin-bottom:10px;">About AlphaX.Wiki</div>
<div style="font-size:13px;line-height:1.75;color:#777;">AlphaX.Wiki is an independent, free educational knowledge base built for gay men and the broader LGBTQ+ community. We cover sexuality, relationships, kink culture, identity, social dynamics, nightlife, and long-term well-being — without judgment, paywalls, or ads. Content is written for educational purposes to promote informed decision-making, communication, and community awareness.</div>
<div style="margin-top:14px;display:flex;gap:16px;flex-wrap:wrap;">
<span style="color:#444;font-size:11px;">[[Main_Page|← Main Page]]</span>
<span style="color:#444;font-size:11px;">[[Special:AllPages|All Articles]]</span>
<span style="color:#444;font-size:11px;">[[Special:RecentChanges|Recent Changes]]</span>
</div>
</div>
</div>
</div>
</div>

Revision as of 19:06, 30 April 2026

<style> @keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}} @keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}} @keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}} @keyframes glowLine{0%,100%{box-shadow:0 0 18px 4px rgba(255,107,26,0.5)}50%{box-shadow:0 0 36px 10px rgba(255,107,26,0.9)}} @keyframes shimmer{0%{background-position:-600px 0}100%{background-position:600px 0}} .ax-path-card{border-radius:16px;overflow:hidden;position:relative;height:230px;border-left:4px solid #FF6B1A;border-top:1px solid #2a2a2a;border-right:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;transition:transform 0.25s ease,box-shadow 0.25s ease;cursor:pointer;} .ax-path-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(255,107,26,0.25);} .ax-section-card{display:flex;align-items:center;gap:14px;background:#141414;border:1px solid #252525;border-left:4px solid #FF6B1A;border-radius:12px;padding:16px 18px;transition:background 0.2s,transform 0.2s;} .ax-section-card:hover{background:#1c1c1c;transform:translateX(4px);} .ax-pill{display:inline-block;background:rgba(255,107,26,0.12);border:1px solid rgba(255,107,26,0.3);color:#FF6B1A;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px;} .ax-glow-bar{height:2px;background:linear-gradient(90deg,transparent,#FF6B1A,transparent);animation:glowLine 3s ease-in-out infinite;} .ax-stat{text-align:center;padding:16px 10px;} .ax-stat-num{font-size:28px;font-weight:900;color:#FF6B1A;letter-spacing:-1px;} .ax-stat-label{font-size:10px;color:#666;letter-spacing:2px;text-transform:uppercase;margin-top:2px;} .ax-topic-tag{display:inline-block;background:#1a1a1a;border:1px solid #2d2d2d;color:#bbb;font-size:11px;padding:5px 12px;border-radius:20px;margin:3px;transition:all 0.2s;} .ax-topic-tag:hover{background:#FF6B1A;color:#000;border-color:#FF6B1A;} </style>

Gay Lifestyle Knowledge Hub · Est. 2024

The definitive encyclopedia for gay men — culture, intimacy, kink, identity & community. No judgement. Just knowledge.

300+
Articles
8
Knowledge Areas
20+
Languages
Free
Always
Choose Your Path
New Here
Community basics, health, consent & finding your people.
Explore
BDSM, fetishes, leather culture & power dynamics.
Relationships
Communication, trust, non-monogamy & intimacy.
Safety First
Harm reduction, safe sex, PrEP, BDSM safety & consent.
Deep Dive
Psychology, advanced BDSM, identity & queer history.
🆕 Latest Articles
Auto-scrolling
Social Media & Sexual Identity
Psychology · Identity
Understanding U=U
Health · HIV
Consent & Intoxication
Safety · Consent
Social Media & Sexual Identity
Psychology · Identity
Understanding U=U
Health · HIV
Consent & Intoxication
Safety · Consent
⭐ Editor's Selection
Must-reads
What Is BDSM?
Essential Reading
Aftercare in BDSM
Editor's Pick
Chosen Family
Community
Safe Words in BDSM
Safety First
Race & Attraction Politics
Culture · Identity
What Is BDSM?
Essential Reading
Aftercare in BDSM
Editor's Pick
Chosen Family
Community
Race & Attraction Politics
Culture · Identity
Explore All Knowledge Areas

🛡️

STI testing · PrEP · harm reduction · consent frameworks · BDSM safety

🔥

BDSM · bondage · leather · fetish culture · power dynamics

💑

Dom/sub · open relationships · non-monogamy · intimacy · communication

🧠

Body image · anxiety · identity labels · trauma · self-worth

Edge play · contracts · dungeons · advanced power exchange

🌃

Circuit parties · leather bars · queer history · community pride

💊

Chemsex · party culture · harm reduction · community safety

👗

Visual identity · hanky code · dress codes · subculture aesthetics
About AlphaX.Wiki
AlphaX.Wiki is an independent, free educational knowledge base built for gay men and the broader LGBTQ+ community. We cover sexuality, relationships, kink culture, identity, social dynamics, nightlife, and long-term well-being — without judgment, paywalls, or ads. Content is written for educational purposes to promote informed decision-making, communication, and community awareness.