Main Page: Difference between revisions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 61: | Line 61: | ||
</div> | </div> | ||
<!-- KNOWLEDGE AREAS GRID --> <!--T:20--> <div | <!-- KNOWLEDGE AREAS GRID --> <!--T:20--> <div class="ax-knowledge-section"> <div style="font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:#FF6600;font-weight:600;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #2E2E2E;">Knowledge Areas</div> <div class="ax-knowledge-grid"><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;">❤</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-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;">💕</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-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;">⚔</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-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;">🏳</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-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;">👔</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:20px 22px;"><div style="font-size:20px;margin-bottom:10px;">🌈</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 class="ax-card" style="padding:20px 22px;"><div style="font-size:20px;margin-bottom:10px;">🌞</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 class="ax-card" style="padding:20px 22px;"><div style="font-size:20px;margin-bottom:10px;">🌟</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> <!-- START LEARNING + FEATURED --> | ||
<!--T:21--> | <!--T:21--> | ||
| Line 104: | Line 104: | ||
</translate> | </translate> | ||
/* Knowledge Areas grid on Main Page */ | |||
.ax-knowledge-section { | |||
margin: 0 0 32px 0; | |||
} | |||
.ax-knowledge-grid { | |||
display: grid; | |||
grid-template-columns: repeat(2, 1fr); | |||
gap: 14px; | |||
} | |||