Main Page: Difference between revisions
Redesign main page: card grid layout, emoji icons, improved visual hierarchy, styled article lists |
No edit summary |
||
| Line 27: | Line 27: | ||
<!--T:9--> | <!--T:9--> | ||
<div style="font-size:11px;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:16px;opacity:0.6;font-weight:600;"> | <div style="font-size:11px;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:16px;opacity:0.6;font-weight:600;">Browse by Topic</div> | ||
Browse by Topic | |||
</div> | |||
<!--T:10--> | <!--T:10--> | ||
| Line 35: | Line 33: | ||
<!--T:11--> | <!--T:11--> | ||
< | <span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:9px 16px;border-radius:999px;font-size:13px;color:#c8cfe0;">❤ [[:Category:Sexual Health|Sexual Health]]</span> | ||
<!--T:12--> | <!--T:12--> | ||
< | <span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:9px 16px;border-radius:999px;font-size:13px;color:#c8cfe0;">💕 [[:Category:Dating, Sex & Relationships|Dating, Sex & Relationships]]</span> | ||
<!--T:13--> | <!--T:13--> | ||
< | <span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:9px 16px;border-radius:999px;font-size:13px;color:#c8cfe0;">⚔ [[:Category:Kink & BDSM|Kink & BDSM]]</span> | ||
<!--T:14--> | <!--T:14--> | ||
< | <span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:9px 16px;border-radius:999px;font-size:13px;color:#c8cfe0;">🏳 [[:Category:Culture, History & Politics|Culture, History & Politics]]</span> | ||
<!--T:15--> | <!--T:15--> | ||
< | <span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:9px 16px;border-radius:999px;font-size:13px;color:#c8cfe0;">👔 [[:Category:Fashion & Visual Signaling|Fashion & Visual Signaling]]</span> | ||
<!--T:16--> | <!--T:16--> | ||
< | <span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:9px 16px;border-radius:999px;font-size:13px;color:#c8cfe0;">🌈 [[:Category:Community & Identity|Community & Identity]]</span> | ||
<!--T:17--> | <!--T:17--> | ||
< | <span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:9px 16px;border-radius:999px;font-size:13px;color:#c8cfe0;">🌞 [[:Category:Drugs, Party Culture & Harm Reduction|Drugs, Party Culture & Harm Reduction]]</span> | ||
<!--T:18--> | <!--T:18--> | ||
< | <span style="display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);padding:9px 16px;border-radius:999px;font-size:13px;color:#c8cfe0;">🌟 [[:Category:Life Planning|Life Planning]]</span> | ||
<!--T:19--> | <!--T:19--> | ||
| Line 64: | Line 62: | ||
</div> | </div> | ||
<!-- KNOWLEDGE AREAS --> | <!-- KNOWLEDGE AREAS GRID --> | ||
<!--T:21--> | <!--T:21--> | ||
<div style="margin:0 0 10px 0;"> | <div style="margin:0 0 10px 0;"> | ||
<div style="font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:#7b82a0;font-weight:600;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid #1e2133;">Knowledge Areas</div> | <div style="font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:#7b82a0;font-weight:600;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid #1e2133;">Knowledge Areas</div> | ||
<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:16px;"> | <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:16px;"> | ||
| Line 75: | Line 72: | ||
<div style="font-size:22px;margin-bottom:10px;">❤</div> | <div style="font-size:22px;margin-bottom:10px;">❤</div> | ||
<div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Sexual Health|Sexual Health]]</div> | <div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Sexual Health|Sexual Health]]</div> | ||
<div style="font-size:14px;line-height:1.6;color:#8a91ab;">Educational resources about sexual well-being, STI awareness, prevention strategies, mental health, and communication around intimacy.</div> | <div style="font-size:14px;line-height:1.6;color:#8a91ab;margin-top:6px;">Educational resources about sexual well-being, STI awareness, prevention strategies, mental health, and communication around intimacy.</div> | ||
</div> | </div> | ||
| Line 81: | Line 78: | ||
<div style="font-size:22px;margin-bottom:10px;">💕</div> | <div style="font-size:22px;margin-bottom:10px;">💕</div> | ||
<div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Dating, Sex & Relationships|Dating, Sex & Relationships]]</div> | <div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Dating, Sex & Relationships|Dating, Sex & Relationships]]</div> | ||
<div style="font-size:14px;line-height:1.6;color:#8a91ab;">Guides exploring dating culture, emotional dynamics, communication between partners, and different forms of relationships.</div> | <div style="font-size:14px;line-height:1.6;color:#8a91ab;margin-top:6px;">Guides exploring dating culture, emotional dynamics, communication between partners, and different forms of relationships.</div> | ||
</div> | </div> | ||
| Line 87: | Line 84: | ||
<div style="font-size:22px;margin-bottom:10px;">⚔</div> | <div style="font-size:22px;margin-bottom:10px;">⚔</div> | ||
<div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Kink & BDSM|Kink & BDSM]]</div> | <div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Kink & BDSM|Kink & BDSM]]</div> | ||
<div style="font-size:14px;line-height:1.6;color:#8a91ab;">Educational articles about BDSM practices, power exchange dynamics, consent, negotiation, and safety within kink communities.</div> | <div style="font-size:14px;line-height:1.6;color:#8a91ab;margin-top:6px;">Educational articles about BDSM practices, power exchange dynamics, consent, negotiation, and safety within kink communities.</div> | ||
</div> | </div> | ||
| Line 93: | Line 90: | ||
<div style="font-size:22px;margin-bottom:10px;">🏳</div> | <div style="font-size:22px;margin-bottom:10px;">🏳</div> | ||
<div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Culture, History & Politics|Culture, History & Politics]]</div> | <div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Culture, History & Politics|Culture, History & Politics]]</div> | ||
<div style="font-size:14px;line-height:1.6;color:#8a91ab;">Exploration of LGBTQ history, cultural movements, social developments, and political issues affecting queer communities.</div> | <div style="font-size:14px;line-height:1.6;color:#8a91ab;margin-top:6px;">Exploration of LGBTQ history, cultural movements, social developments, and political issues affecting queer communities.</div> | ||
</div> | </div> | ||
| Line 99: | Line 96: | ||
<div style="font-size:22px;margin-bottom:10px;">👔</div> | <div style="font-size:22px;margin-bottom:10px;">👔</div> | ||
<div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Fashion & Visual Signaling|Fashion & Visual Signaling]]</div> | <div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Fashion & Visual Signaling|Fashion & Visual Signaling]]</div> | ||
<div style="font-size:14px;line-height:1.6;color:#8a91ab;">Visual language, identity signaling, clothing styles, and aesthetic codes used within different gay and kink subcultures.</div> | <div style="font-size:14px;line-height:1.6;color:#8a91ab;margin-top:6px;">Visual language, identity signaling, clothing styles, and aesthetic codes used within different gay and kink subcultures.</div> | ||
</div> | </div> | ||
| Line 105: | Line 102: | ||
<div style="font-size:22px;margin-bottom:10px;">🌈</div> | <div style="font-size:22px;margin-bottom:10px;">🌈</div> | ||
<div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Community & Identity|Community & Identity]]</div> | <div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Community & Identity|Community & Identity]]</div> | ||
<div style="font-size:14px;line-height:1.6;color:#8a91ab;">Topics related to identity formation, belonging, social norms, and the evolving dynamics of queer communities.</div> | <div style="font-size:14px;line-height:1.6;color:#8a91ab;margin-top:6px;">Topics related to identity formation, belonging, social norms, and the evolving dynamics of queer communities.</div> | ||
</div> | </div> | ||
| Line 111: | Line 108: | ||
<div style="font-size:22px;margin-bottom:10px;">🌞</div> | <div style="font-size:22px;margin-bottom:10px;">🌞</div> | ||
<div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Drugs, Party Culture & Harm Reduction|Drugs, Party Culture & Harm Reduction]]</div> | <div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Drugs, Party Culture & Harm Reduction|Drugs, Party Culture & Harm Reduction]]</div> | ||
<div style="font-size:14px;line-height:1.6;color:#8a91ab;">Educational resources on nightlife culture, party environments, harm-reduction practices, chemsex culture, and community safety within LGBTQ communities.</div> | <div style="font-size:14px;line-height:1.6;color:#8a91ab;margin-top:6px;">Educational resources on nightlife culture, party environments, harm-reduction practices, chemsex culture, and community safety within LGBTQ communities.</div> | ||
</div> | </div> | ||
| Line 117: | Line 114: | ||
<div style="font-size:22px;margin-bottom:10px;">🌟</div> | <div style="font-size:22px;margin-bottom:10px;">🌟</div> | ||
<div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Life Planning|Life Planning]]</div> | <div class="ax-card-title" style="color:#e2e8f0;">[[:Category:Life Planning|Life Planning]]</div> | ||
<div style="font-size:14px;line-height:1.6;color:#8a91ab;">Educational articles about financial independence, career development, housing stability, and long-term life planning within LGBTQ communities.</div> | <div style="font-size:14px;line-height:1.6;color:#8a91ab;margin-top:6px;">Educational articles about financial independence, career development, housing stability, and long-term life planning within LGBTQ communities.</div> | ||
</div> | </div> | ||
| Line 132: | Line 129: | ||
<div style="font-size:14px;color:#9aa0b8;margin-bottom:16px;line-height:1.6;">Foundational guides for newcomers to key topics discussed throughout the wiki.</div> | <div style="font-size:14px;color:#9aa0b8;margin-bottom:16px;line-height:1.6;">Foundational guides for newcomers to key topics discussed throughout the wiki.</div> | ||
<div style="display:flex;flex-direction:column;gap:8px;"> | <div style="display:flex;flex-direction:column;gap:8px;"> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[Sexual Health in the Gay Community]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[What Is BDSM]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[Understanding Consent in Power Exchange]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[Body Image Pressure in Gay Communities]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[Understanding Routine STI Testing in Gay Communities]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[First Time at a Private Gay Sex Party]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[First Time in a Dark Room]]</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 146: | Line 143: | ||
<div style="font-size:14px;color:#9aa0b8;margin-bottom:16px;line-height:1.6;">Frequently explored topics within AlphaX.Wiki — popular reads from the community.</div> | <div style="font-size:14px;color:#9aa0b8;margin-bottom:16px;line-height:1.6;">Frequently explored topics within AlphaX.Wiki — popular reads from the community.</div> | ||
<div style="display:flex;flex-direction:column;gap:8px;"> | <div style="display:flex;flex-direction:column;gap:8px;"> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[Entering the Gay Scene for the First Time]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[Navigating Intimacy After Sexual Trauma]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[Understanding PrEP and Modern HIV Prevention]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[Loneliness, Hookup Culture, and Emotional Well-Being]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[Body Diversity and Attraction in Gay Communities]]</div> | ||
< | <div style="padding:9px 13px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;font-size:13.5px;line-height:1.4;">[[Recovering Sexual Confidence After Relationship Breakups]]</div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 162: | Line 159: | ||
<div class="ax-footnote" style="margin-top:10px;"> | <div class="ax-footnote" style="margin-top:10px;"> | ||
<div style="font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:#7b82a0;font-weight:600;margin-bottom:12px;">About AlphaX.Wiki</div> | <div style="font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:#7b82a0;font-weight:600;margin-bottom:12px;">About AlphaX.Wiki</div> | ||
<div style="font-size:14px;line-height:1.7;color:#9aa0b8;"> | <div style="font-size:14px;line-height:1.7;color:#9aa0b8;">AlphaX.Wiki is an independent educational knowledge base focused on sexuality, relationships, kink culture, identity, social dynamics, nightlife environments, and long-term well-being within gay communities. The project aims to provide responsible, accessible, and community-informed information that supports respectful relationships, personal exploration, cultural understanding, and life planning. Content is written for educational purposes and is intended to promote awareness, communication, and informed decision-making.</div> | ||
AlphaX.Wiki is an independent educational knowledge base focused on sexuality, relationships, kink culture, identity, social dynamics, nightlife environments, and long-term well-being within gay communities. The project aims to provide responsible, accessible, and community-informed information that supports respectful relationships, personal exploration, cultural understanding, and life planning. Content is written for educational purposes and is intended to promote awareness, communication, and informed decision-making. | |||
</div> | |||
</div> | </div> | ||
</translate> | </translate> | ||