Main Page: Difference between revisions
Rebrand: AlphaX Wiki -> BigBro Know (logo + about text) |
Add Choose Your Path wayfinding section linking 5 learning paths |
||
| Line 18: | Line 18: | ||
<!--T:19--> | <!--T:19--> | ||
</div> | </div> | ||
<!-- CHOOSE YOUR PATH --> | |||
<div class="ax-path-section"> | |||
<div class="ax-path-head"> | |||
<h2>Choose Your Path</h2> | |||
<p>Not sure where to begin? Pick the path that fits where you are right now.</p> | |||
</div> | |||
<html> | |||
<div class="ax-path-grid-3"> | |||
<a class="ax-path-card" href="/New_and_Just_Curious"> | |||
<div class="ax-path-num">01</div> | |||
<span class="ax-path-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></svg></span> | |||
<div class="ax-path-title">I'm New / Just Curious</div> | |||
<div class="ax-path-desc">Community basics, health, consent & finding your people.</div> | |||
<div class="ax-path-cta">Explore →</div> | |||
</a> | |||
<a class="ax-path-card" href="/Exploring_Kink"> | |||
<div class="ax-path-num">02</div> | |||
<span class="ax-path-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg></span> | |||
<div class="ax-path-title">I Want to Explore Kink</div> | |||
<div class="ax-path-desc">BDSM, fetishes, leather culture & power dynamics.</div> | |||
<div class="ax-path-cta">Explore →</div> | |||
</a> | |||
<a class="ax-path-card" href="/Improving_Your_Relationship"> | |||
<div class="ax-path-num">03</div> | |||
<span class="ax-path-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg></span> | |||
<div class="ax-path-title">Improve My Relationship</div> | |||
<div class="ax-path-desc">Communication, trust, non-monogamy & intimacy.</div> | |||
<div class="ax-path-cta">Explore →</div> | |||
</a> | |||
</div> | |||
<div class="ax-path-grid-2"> | |||
<a class="ax-path-card ax-path-card-wide" href="/Safety_and_Consent"> | |||
<span class="ax-path-num">04</span> | |||
<span class="ax-path-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg></span> | |||
<span class="ax-path-title" style="max-width:150px;flex-shrink:0;">I Care About Safety</span> | |||
<span class="ax-path-desc" style="flex:1;">Harm reduction, safe sex, PrEP, BDSM safety & consent.</span> | |||
<span class="ax-path-cta">Explore →</span> | |||
</a> | |||
<a class="ax-path-card ax-path-card-wide" href="/Advanced_Knowledge"> | |||
<span class="ax-path-num">05</span> | |||
<span class="ax-path-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6M10 22h4"/></svg></span> | |||
<span class="ax-path-title" style="max-width:150px;flex-shrink:0;">I Want Advanced Knowledge</span> | |||
<span class="ax-path-desc" style="flex:1;">Psychology, advanced BDSM, identity & queer history.</span> | |||
<span class="ax-path-cta">Explore →</span> | |||
</a> | |||
</div> | |||
</html> | |||
</div> | |||
<!-- KNOWLEDGE AREAS GRID --> | <!-- KNOWLEDGE AREAS GRID --> | ||