AlphaX Wiki

Main Page: Difference between revisions

← Older editNewer edit →
Admin (talk | contribs)
Bureaucrats, Interface administrators, Administrators
2,713 edits
VisualWikitext
Add hero image div to Life Planning card
Remove Browse by Topic pill buttons; remove emoji icons from hero cards
Line 25: Line 25:
</div>
</div>


<!--T:8-->
<div style="font-size:10px;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:14px;color:#666666;font-weight:600;">Browse by Topic</div>
<!--T:9-->
<div style="display:flex;flex-wrap:wrap;gap:10px;">
<!--T:10-->
<span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,102,0,0.1);border:1px solid rgba(255,102,0,0.3);padding:8px 16px;border-radius:999px;font-size:13px;color:#FFFFFF;font-weight:500;">&#10084; [[:Category:Sexual Health|Sexual Health]]</span>
<!--T:11-->
<span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,102,0,0.1);border:1px solid rgba(255,102,0,0.3);padding:8px 16px;border-radius:999px;font-size:13px;color:#FFFFFF;font-weight:500;">&#128149; [[:Category:Dating, Sex & Relationships|Dating, Sex & Relationships]]</span>
<!--T:12-->
<span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,102,0,0.1);border:1px solid rgba(255,102,0,0.3);padding:8px 16px;border-radius:999px;font-size:13px;color:#FFFFFF;font-weight:500;">&#9876; [[:Category:Kink & BDSM|Kink & BDSM]]</span>
<!--T:13-->
<span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,102,0,0.1);border:1px solid rgba(255,102,0,0.3);padding:8px 16px;border-radius:999px;font-size:13px;color:#FFFFFF;font-weight:500;">&#127987; [[:Category:Culture, History & Politics|Culture, History & Politics]]</span>
<!--T:14-->
<span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,102,0,0.1);border:1px solid rgba(255,102,0,0.3);padding:8px 16px;border-radius:999px;font-size:13px;color:#FFFFFF;font-weight:500;">&#128084; [[:Category:Fashion & Visual Signaling|Fashion & Visual Signaling]]</span>
<!--T:15-->
<span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,102,0,0.1);border:1px solid rgba(255,102,0,0.3);padding:8px 16px;border-radius:999px;font-size:13px;color:#FFFFFF;font-weight:500;">&#127752; [[:Category:Community & Identity|Community & Identity]]</span>
<!--T:16-->
<span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,102,0,0.1);border:1px solid rgba(255,102,0,0.3);padding:8px 16px;border-radius:999px;font-size:13px;color:#FFFFFF;font-weight:500;">&#127774; [[:Category:Drugs, Party Culture & Harm Reduction|Drugs, Party Culture & Harm Reduction]]</span>
<!--T:17-->
<span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,102,0,0.1);border:1px solid rgba(255,102,0,0.3);padding:8px 16px;border-radius:999px;font-size:13px;color:#FFFFFF;font-weight:500;">&#127775; [[:Category:Life Planning|Life Planning]]</span>
<!--T:18-->
</div>


<!--T:19-->
<!--T:19-->
Line 70: Line 38:
<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:14px;">
<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:14px;">


<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-sexual-health-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:20px;margin-bottom:10px;">&#10084;</div> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Sexual Health|Sexual Health]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Educational resources about sexual well-being, STI awareness, prevention strategies, mental health, and communication around intimacy.</div> </div></div>
<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-sexual-health-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Sexual Health|Sexual Health]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Educational resources about sexual well-being, STI awareness, prevention strategies, mental health, and communication around intimacy.</div> </div></div>
</div>
</div>


<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-dating-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:20px;margin-bottom:10px;">&#128149;</div> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Dating, Sex & Relationships|Dating, Sex & Relationships]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Guides exploring dating culture, emotional dynamics, communication between partners, and different forms of relationships.</div> </div></div>
<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-dating-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Dating, Sex & Relationships|Dating, Sex & Relationships]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Guides exploring dating culture, emotional dynamics, communication between partners, and different forms of relationships.</div> </div></div>
</div>
</div>


<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-kink-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:20px;margin-bottom:10px;">&#9876;</div> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Kink & BDSM|Kink & BDSM]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Educational articles about BDSM practices, power exchange dynamics, consent, negotiation, and safety within kink communities.</div> </div></div>
<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-kink-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Kink & BDSM|Kink & BDSM]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Educational articles about BDSM practices, power exchange dynamics, consent, negotiation, and safety within kink communities.</div> </div></div>
</div>
</div>


<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-culture-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:20px;margin-bottom:10px;">&#127987;</div> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Culture, History & Politics|Culture, History & Politics]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Exploration of LGBTQ history, cultural movements, social developments, and political issues affecting queer communities.</div> </div></div>
<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-culture-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Culture, History & Politics|Culture, History & Politics]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Exploration of LGBTQ history, cultural movements, social developments, and political issues affecting queer communities.</div> </div></div>
</div>
</div>


<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-fashion-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:20px;margin-bottom:10px;">&#128084;</div> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Fashion & Visual Signaling|Fashion & Visual Signaling]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Visual language, identity signaling, clothing styles, and aesthetic codes used within different gay and kink subcultures.</div> </div></div>
<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-fashion-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Fashion & Visual Signaling|Fashion & Visual Signaling]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Visual language, identity signaling, clothing styles, and aesthetic codes used within different gay and kink subcultures.</div> </div></div>
</div>
</div>


<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-community-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:20px;margin-bottom:10px;">&#127752;</div> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Community & Identity|Community & Identity]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Topics related to identity formation, belonging, social norms, and the evolving dynamics of queer communities.</div> </div></div>
<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-community-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Community & Identity|Community & Identity]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Topics related to identity formation, belonging, social norms, and the evolving dynamics of queer communities.</div> </div></div>


<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-drugs-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:20px;margin-bottom:10px;">&#127774;</div> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Drugs, Party Culture & Harm Reduction|Drugs, Party Culture & Harm Reduction]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Educational resources on nightlife culture, harm-reduction practices, chemsex culture, and community safety within LGBTQ communities.</div> </div></div>
<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-drugs-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Drugs, Party Culture & Harm Reduction|Drugs, Party Culture & Harm Reduction]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Educational resources on nightlife culture, harm-reduction practices, chemsex culture, and community safety within LGBTQ communities.</div> </div></div>


<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-life-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:20px;margin-bottom:10px;">&#127775;</div> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Life Planning|Life Planning]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Educational articles about financial independence, career development, housing stability, and long-term life planning within LGBTQ communities.</div> </div></div>
<div class="ax-card" style="padding:0;overflow:hidden;"><div id="ax-life-hero" style="width:100%;height:160px;border-radius:12px 12px 0 0;"></div><div style="padding:20px 22px;"> <div style="font-size:16px;font-weight:700;color:#FFFFFF;margin-bottom:8px;">[[:Category:Life Planning|Life Planning]]</div> <div style="font-size:13.5px;line-height:1.6;color:#999999;">Educational articles about financial independence, career development, housing stability, and long-term life planning within LGBTQ communities.</div> </div></div>


</div>
</div>
Retrieved from "https://alphax.wiki/Main_Page"