Start Here: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
<!-- HERO BANNER --> | <!-- HERO BANNER --> | ||
<div style="background:linear-gradient(160deg,#1a0a00 0%,#2d1200 40%,#1a1a1a 100%); padding: | <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="margin-bottom:10px;">[[File:Alphax_Wiki_logo_new.png|400px|link=Main_Page]]</div> | |||
<div style=" | <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="color:#aaa; font-size:15px; margin: | |||
</div> | </div> | ||
| Line 43: | Line 42: | ||
</div> | </div> | ||
<div style="display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom: | <div style="display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:32px;"> | ||
<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="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;"> | ||
| Line 50: | Line 49: | ||
<div style="font-size:18px; margin-bottom:6px;">🛡️</div> | <div style="font-size:18px; margin-bottom:6px;">🛡️</div> | ||
<div style="color:#fff; font-weight:800; font-size:14px; margin-bottom:4px;">[[Safety & Consent|I Care About Safety]]</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 & consent | <div style="color:#aaa; font-size:11px; line-height:1.5;">Harm reduction, safe sex, BDSM safety & consent.</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 59: | Line 58: | ||
<div style="font-size:18px; margin-bottom:6px;">🧠</div> | <div style="font-size:18px; margin-bottom:6px;">🧠</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:14px; margin-bottom:4px;">[[Advanced Practices|I Want Advanced Knowledge]]</div> | ||
<div style="color:#aaa; font-size:11px; line-height:1.5;">Psychology, advanced BDSM, identity | <div style="color:#aaa; font-size:11px; line-height:1.5;">Psychology, advanced BDSM, identity & history.</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- SCROLLING TILES ROW --> | |||
<div style="display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:32px;"> | |||
<!-- LATEST ARTICLES TILE --> | |||
<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 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> | |||
<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; bottom:0; left:0; right:0; height:30px; background:linear-gradient(to top,#0f0f0f,transparent); z-index:2; pointer-events:none;"></div> | |||
<div style="animation:scrollUp 28s 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 & 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 & Nightlife</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 & Identity</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 & Identity</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: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: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 & Relationships</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 & Relationships</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 & Consent</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 & Consent</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 & Consent</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 & Nightlife</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 & Nightlife</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- EDITOR'S SELECTION TILE --> | |||
<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 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> | |||
<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; bottom:0; left:0; right:0; height:30px; background:linear-gradient(to top,#0f0f0f,transparent); z-index:2; pointer-events:none;"></div> | |||
<div style="animation:scrollUp 32s 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: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: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: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: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: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: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: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:7px 0; border-bottom:1px solid #1e1e1e;">[[Open Relationships & Non-Monogamy|Open Relationships & Non-Monogamy]]<br/><span style="color:#555; font-size:10px;">Relationships</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:7px 0; border-bottom:1px solid #1e1e1e;">[[Chemsex|Chemsex]]<br/><span style="color:#555; font-size:10px;">Harm Reduction</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:7px 0;">[[Race and Attraction Politics|Race and Attraction Politics]]<br/><span style="color:#555; font-size:10px;">Culture</span></div> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- CSS for scrolling animation --> | |||
<style> | |||
@keyframes scrollUp { | |||
0% { transform: translateY(0); } | |||
100% { transform: translateY(-50%); } | |||
} | |||
</style> | |||
<!-- EXPLORE ALL SECTIONS --> | <!-- EXPLORE ALL SECTIONS --> | ||