Main Page: Difference between revisions
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: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 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 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 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 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 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 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 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 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> | ||