Start Here: Difference between revisions
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: | <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 | <!-- HERO --> | ||
<div style="background:linear-gradient( | <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: | <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=" | <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="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:# | <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px;"> | ||
<div | <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> | |||
<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="position:absolute;bottom:0;left:0;right:0;padding:20px 18px 22px;"> | |||
<div style="position:absolute; | <div class="ax-pill" style="margin-bottom:8px;">New Here</div> | ||
<div style="position:absolute; | <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=" | <div style="color:#999;font-size:11px;line-height:1.5;">Community basics, health, consent & finding your people.</div> | ||
<div style="color:#fff; font-weight:800; font-size: | |||
<div style="color:# | |||
</div> | </div> | ||
</div> | </div> | ||
< | <div class="ax-path-card" style="background:linear-gradient(160deg,#1a0808,#0d0404);"> | ||
<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; | <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; | <div style="position:absolute;bottom:0;left:0;right:0;padding:20px 18px 22px;"> | ||
<div style=" | <div class="ax-pill" style="margin-bottom:8px;">Explore</div> | ||
<div style="color:#fff; font-weight:800; font-size: | <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:# | <div style="color:#999;font-size:11px;line-height:1.5;">BDSM, fetishes, leather culture & power dynamics.</div> | ||
</div> | </div> | ||
</div> | </div> | ||
< | <div class="ax-path-card" style="background:linear-gradient(160deg,#0d0a1a,#060408);"> | ||
<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; | <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; | <div style="position:absolute;bottom:0;left:0;right:0;padding:20px 18px 22px;"> | ||
<div style=" | <div class="ax-pill" style="margin-bottom:8px;">Relationships</div> | ||
<div style="color:#fff; font-weight:800; font-size: | <div style="color:#fff;font-weight:800;font-size:15px;margin-bottom:5px;">[[Dynamics & Relationships|Improve My Relationship]]</div> | ||
<div style="color:# | <div style="color:#999;font-size:11px;line-height:1.5;">Communication, trust, non-monogamy & intimacy.</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px;"> | |||
<div | <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> | |||
<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="position:absolute;bottom:0;left:0;right:0;padding:18px 18px 20px;"> | |||
<div style="position:absolute; | <div class="ax-pill" style="margin-bottom:8px;">Safety First</div> | ||
<div style="position:absolute; | <div style="color:#fff;font-weight:800;font-size:15px;margin-bottom:5px;">[[Safety & Consent|I Care About Safety]]</div> | ||
<div style=" | <div style="color:#999;font-size:11px;line-height:1.5;">Harm reduction, safe sex, PrEP, BDSM safety & consent.</div> | ||
<div style="color:#fff; font-weight:800; font-size: | |||
<div style="color:# | |||
</div> | </div> | ||
</div> | </div> | ||
< | <div class="ax-path-card" style="height:190px;background:linear-gradient(160deg,#1a1500,#0d0b00);"> | ||
<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; | <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; | <div style="position:absolute;bottom:0;left:0;right:0;padding:18px 18px 20px;"> | ||
<div style=" | <div class="ax-pill" style="margin-bottom:8px;">Deep Dive</div> | ||
<div style="color:#fff; font-weight:800; font-size: | <div style="color:#fff;font-weight:800;font-size:15px;margin-bottom:5px;">[[Advanced Practices|I Want Advanced Knowledge]]</div> | ||
<div style="color:# | <div style="color:#999;font-size:11px;line-height:1.5;">Psychology, advanced BDSM, identity & queer history.</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 69: | Line 124: | ||
</div> | </div> | ||
<!-- | <!-- LIVE FEEDS ROW --> | ||
<div style="display:grid; grid-template-columns:1fr 1fr; gap: | <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;"> | ||
<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: | <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 | <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: | <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: | <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 | <div style="animation:scrollUp 30s linear infinite;padding:10px 16px 10px 18px;"> | ||
<div style="padding: | <div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Social Media and Sexual Identity|Social Media & Sexual Identity]]<br/><span style="color:#FF6B1A;font-size:10px;">Psychology · Identity</span></div> | ||
<div style="padding: | <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: | <div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Identity Labels and Fluidity|Identity Labels & Fluidity in 2026]]<br/><span style="color:#FF6B1A;font-size:10px;">Identity · Community</span></div> | ||
<div style="padding: | <div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[BDSM Contracts and Agreements|BDSM Contracts & Agreements]]<br/><span style="color:#FF6B1A;font-size:10px;">Kink · Advanced</span></div> | ||
<div style="padding: | <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: | <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: | <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: | <div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Consent and Intoxication|Consent & Intoxication]]<br/><span style="color:#FF6B1A;font-size:10px;">Safety · Consent</span></div> | ||
<div style="padding: | <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: | <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: | <div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Social Media and Sexual Identity|Social Media & Sexual Identity]]<br/><span style="color:#FF6B1A;font-size:10px;">Psychology · Identity</span></div> | ||
<div style="padding: | <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: | <div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Identity Labels and Fluidity|Identity Labels & 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 & 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 & 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> | ||
<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: | <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 | <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: | <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: | <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 | <div style="animation:scrollUp 36s linear infinite;padding:10px 16px 10px 18px;"> | ||
<div style="padding: | <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: | <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: | <div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Leather Culture in BDSM Communities|Leather Culture & Community]]<br/><span style="color:#aaa;font-size:10px;">Deep Dive</span></div> | ||
<div style="padding: | <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: | <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: | <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: | <div style="padding:8px 0;border-bottom:1px solid #1a1a1a;">[[Open Relationships & Non-Monogamy|Open Relationships & Non-Monogamy]]<br/><span style="color:#aaa;font-size:10px;">Relationships</span></div> | ||
<div style="padding: | <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: | <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: | <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: | <div style="padding:8px 0;">[[Race and Attraction Politics|Race & Attraction Politics]]<br/><span style="color:#aaa;font-size:10px;">Culture · Identity</span></div> | ||
<div style="padding: | <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 & 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 & 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 & Attraction Politics]]<br/><span style="color:#aaa;font-size:10px;">Culture · Identity</span></div> | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 126: | Line 198: | ||
</div> | </div> | ||
<!-- | <!-- HOT RIGHT NOW banner --> | ||
<div style="font-size:11px; font-weight:800; letter-spacing:3px; color:# | <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 & 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 & Events]]</span> | |||
<span class="ax-topic-tag">[[Navigating Intimacy After Sexual Trauma|Intimacy & 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 & 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=" | <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=" | <div class="ax-section-card"> | ||
<span style="font-size: | <span style="font-size:26px;flex-shrink:0;">🔥</span> | ||
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[ | <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 | <div class="ax-section-card"> | ||
<span style="font-size: | <span style="font-size:26px;flex-shrink:0;">🧠</span> | ||
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[ | <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 | <div class="ax-section-card"> | ||
<span style="font-size: | <span style="font-size:26px;flex-shrink:0;">⚡</span> | ||
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[ | <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 | <div class="ax-section-card"> | ||
<span style="font-size: | <span style="font-size:26px;flex-shrink:0;">🌃</span> | ||
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[ | <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 | <div class="ax-section-card"> | ||
<span style="font-size: | <span style="font-size:26px;flex-shrink:0;">💊</span> | ||
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[ | <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 | <div class="ax-section-card"> | ||
<span style="font-size: | <span style="font-size:26px;flex-shrink:0;">👗</span> | ||
<div><div style="color:#fff; font-weight:700; font-size:13px;">[[ | <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>
🛡️
🔥
💑
🧠
⚡
🌃
💊
👗