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:52px 40px 44px | <div style="background:linear-gradient(160deg,#1a0a00 0%,#2d1200 40%,#1a1a1a 100%); padding:52px 40px 44px; border-bottom:3px solid #FF6B1A;"> | ||
<div style="display:inline-block; background:#FF6B1A; color:#fff; font-size:10px; font-weight:800; letter-spacing:3px; padding:4px 12px; border-radius:4px; margin-bottom:16px; text-transform:uppercase;">KINKIPEDIA</div> | |||
<div style="font-size:42px; font-weight:900; color:#fff; margin:0 0 4px; letter-spacing:-1px;">AlphaX<span style="color:#FF6B1A;">.Wiki</span></div> | |||
<div style="color:#aaa; font-size:15px; margin:12px 0 0; max-width:500px; 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> | </div> | ||
<!-- CHOOSE YOUR PATH | <!-- CHOOSE YOUR PATH --> | ||
<div style="padding:32px 32px 0;"> | <div style="padding:32px 32px 0;"> | ||
<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="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; top:0; left:0; right:0; bottom:0; background:url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=600&q=50&fit=crop') center/cover; opacity:0.35; mix-blend-mode:luminosity;"></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.95) 0%,rgba(0,0,0,0.6) 60%,transparent 100%);"> | |||
<div style="font-size:18px; margin-bottom:6px;">🟢</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 & consent basics.</div> | |||
</div> | |||
</div> | |||
<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; top:0; left:0; right:0; bottom:0; background:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&q=50&fit=crop') center/cover; opacity:0.35; mix-blend-mode:luminosity;"></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.95) 0%,rgba(0,0,0,0.6) 60%,transparent 100%);"> | |||
<div style="font-size:18px; margin-bottom:6px;">🔥</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:#aaa; font-size:11px; line-height:1.5;">BDSM, fetishes & power dynamics.</div> | |||
</div> | |||
</div> | |||
<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; top:0; left:0; right:0; bottom:0; background:url('https://images.unsplash.com/photo-1516589178581-6cd7833ae3b2?w=600&q=50&fit=crop') center/cover; opacity:0.35; mix-blend-mode:luminosity;"></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.95) 0%,rgba(0,0,0,0.6) 60%,transparent 100%);"> | |||
<div style="font-size:18px; margin-bottom:6px;">💬</div> | |||
<div style="color:#fff; font-weight:800; font-size:14px; margin-bottom:4px;">[[Dynamics & Relationships|Improve My Relationship]]</div> | |||
<div style="color:#aaa; font-size:11px; line-height:1.5;">Communication, trust & power dynamics.</div> | |||
</div> | |||
</div> | |||
</div> | |||
<div style="display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:36px;"> | |||
<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; top:0; left:0; right:0; bottom:0; background:url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=700&q=50&fit=crop') center/cover; opacity:0.3; mix-blend-mode:luminosity;"></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.95) 0%,rgba(0,0,0,0.6) 60%,transparent 100%);"> | |||
<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:#aaa; font-size:11px; line-height:1.5;">Harm reduction, safe sex, BDSM safety & consent frameworks.</div> | |||
</div> | |||
</div> | |||
<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; top:0; left:0; right:0; bottom:0; background:url('https://images.unsplash.com/photo-1481627834876-b7833e8f5570?w=700&q=50&fit=crop') center/cover; opacity:0.3; mix-blend-mode:luminosity;"></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.95) 0%,rgba(0,0,0,0.6) 60%,transparent 100%);"> | |||
<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:#aaa; font-size:11px; line-height:1.5;">Psychology, advanced BDSM, identity theory & history.</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- EXPLORE ALL SECTIONS --> | |||
<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="display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:10px;"> | |||
<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;"> | |||
<span style="font-size:22px;">🛡️</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="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;"> | |||
<span style="font-size:22px;">🔥</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="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;"> | |||
<span style="font-size:22px;">💑</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="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;"> | |||
<span style="font-size:22px;">🧠</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="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;"> | |||
<span style="font-size:22px;">⚡</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="display:flex; align-items:center; gap:14px; background:#1c1c1c; border:1px solid #2a2a2a; border-left:4px solid #FF6B1A; border-radius:10px; padding:14px 16px;"> | |||
<span style="font-size:22px;">🌃</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> | |||
</div> | </div> | ||
</div> | </div> | ||