Wiki/Homepage: Difference between revisions
Created page with " <html> <link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"> <script src="https://cdn.tailwindcss.com"></script> <style> →── Alpha Orange Design System ─────────────────────: :root { --bg: #0D0D0D; --surface: #1A1A1A; --..." |
No edit summary |
||
| Line 640: | Line 640: | ||
TOPICS | TOPICS | ||
═══════════════════════════════════════════════════ --> | ═══════════════════════════════════════════════════ --> | ||
<section id="topics" style="padding:80px 1rem;" aria-label="Topics"> | <section id="topics" style="padding:80px 1rem;" aria-label="Topics"> | ||
<div style="max-width:1100px;margin:0 auto;"> | <div style="max-width:1100px;margin:0 auto;"> | ||
<div style="text-align:center;margin-bottom:48px;"> | <div style="text-align:center;margin-bottom:48px;"> | ||
<span style="font-size:.75rem;letter-spacing:.12em;text-transform:upperc | <span style="font-size:.75rem;letter-spacing:.12em;text-transform:upperc | ||
| Line 649: | Line 649: | ||
<p style="color:var(--text-2);margin-top:.75rem;font-size:1rem;">Eight | <p style="color:var(--text-2);margin-top:.75rem;font-size:1rem;">Eight | ||
knowledge areas covering every aspect of gay life.</p> | knowledge areas covering every aspect of gay life.</p> | ||
</div> | </div> | ||
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(240 | <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(240 | ||
px,1fr));gap:16px;"> | px,1fr));gap:16px;"> | ||
<a href="https://alphax.wiki/wiki/Category:Sexual_Health" | <a href="https://alphax.wiki/wiki/Category:Sexual_Health" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | ||
| Line 659: | Line 659: | ||
s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | ||
--border)';this.style.transform='none'"> | --border)';this.style.transform='none'"> | ||
<img src="https://alphax.wiki/images/c/c2/Sexual_health.png" | |||
style="width:100%;height:auto;display:block;" alt="Sexual Health" | |||
style="width:100%;height: | loading="lazy"> | ||
loading="lazy"> | <div style="padding:16px 18px;"><div | ||
<div style="padding:16px 18px;"><div | |||
style="font-weight:700;color:var(--text);font-size:.95rem;">Sexual | style="font-weight:700;color:var(--text);font-size:.95rem;">Sexual | ||
Health</div></div> | Health</div></div> | ||
</a> | </a> | ||
<a | <a | ||
href="https://alphax.wiki/wiki/Category:Dating,_Sex_%26_Relationships" | href="https://alphax.wiki/wiki/Category:Dating,_Sex_%26_Relationships" | ||
| Line 675: | Line 674: | ||
s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | ||
--border)';this.style.transform='none'"> | --border)';this.style.transform='none'"> | ||
<img | |||
src="https://alphax.wiki/images/6/6c/Dating_and_relationships.png" | src="https://alphax.wiki/images/6/6c/Dating_and_relationships.png" | ||
style="width:100%;height: | style="width:100%;height:auto;display:block;" alt="Dating, Sex & | ||
Relationships" loading="lazy"> | Relationships" loading="lazy"> | ||
<div style="padding:16px 18px;"><div | <div style="padding:16px 18px;"><div | ||
style="font-weight:700;color:var(--text);font-size:.95rem;">Dating, Sex & | style="font-weight:700;color:var(--text);font-size:.95rem;">Dating, Sex & | ||
Relationships</div></div> | Relationships</div></div> | ||
</a> | </a> | ||
<a href="https://alphax.wiki/wiki/Category:Kink_%26_BDSM" | <a href="https://alphax.wiki/wiki/Category:Kink_%26_BDSM" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | ||
| Line 690: | Line 689: | ||
s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | ||
--border)';this.style.transform='none'"> | --border)';this.style.transform='none'"> | ||
<img src="https://alphax.wiki/images/a/a1/Chain-image.png" | |||
style="width:100%;height:auto;display:block;" alt="Kink & BDSM" | |||
style="width:100%;height: | loading="lazy"> | ||
loading="lazy"> | <div style="padding:16px 18px;"><div | ||
<div style="padding:16px 18px;"><div | style="font-weight:700;color:var(--text);font-size:.95rem;">Kink & | ||
style="font-weight:700;color:var(--text);font-size:.95rem;">Kink & | |||
BDSM</div></div> | BDSM</div></div> | ||
</a> | </a> | ||
<a | <a | ||
href="https://alphax.wiki/wiki/Category:Culture,_History_%26_Politics" | href="https://alphax.wiki/wiki/Category:Culture,_History_%26_Politics" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | ||
ce);text-decoration:none;border:1px solid var(--border);transition:transform | ce);text-decoration:none;border:1px solid var(--border);transition:transform | ||
| Line 706: | Line 704: | ||
s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | ||
--border)';this.style.transform='none'"> | --border)';this.style.transform='none'"> | ||
<img | |||
src="https://alphax.wiki/images/2/25/Culture_History_Politics_Hero.png" | src="https://alphax.wiki/images/2/25/Culture_History_Politics_Hero.png" | ||
style="width:100%;height: | style="width:100%;height:auto;display:block;" alt="Culture, History & | ||
Politics" loading="lazy"> | Politics" loading="lazy"> | ||
<div style="padding:16px 18px;"><div | <div style="padding:16px 18px;"><div | ||
style="font-weight:700;color:var(--text);font-size:.95rem;">Culture, History & | style="font-weight:700;color:var(--text);font-size:.95rem;">Culture, History & | ||
Politics</div></div> | Politics</div></div> | ||
</a> | </a> | ||
<a href="https://alphax.wiki/wiki/Category:Fashion_%26_Visual_Signaling" | <a href="https://alphax.wiki/wiki/Category:Fashion_%26_Visual_Signaling" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surf | style="display:block;border-radius:14px;overflow:hidden;background:var(--surf | ||
| Line 721: | Line 719: | ||
s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | ||
--border)';this.style.transform='none'"> | --border)';this.style.transform='none'"> | ||
<img | |||
src="https://alphax.wiki/images/8/86/Screenshot_2026-04-26_at_15.06.46.png" | src="https://alphax.wiki/images/8/86/Screenshot_2026-04-26_at_15.06.46.png" | ||
style="width:100%;height: | style="width:100%;height:auto;display:block;" alt="Fashion & Visual Signaling" | ||
loading="lazy"> | |||
<div style="padding:16px 18px;"><div | <div style="padding:16px 18px;"><div | ||
style="font-weight:700;color:var(--text);font-size:.95rem;">Fashion & Visual | style="font-weight:700;color:var(--text);font-size:.95rem;">Fashion & Visual | ||
Signaling</div></div> | Signaling</div></div> | ||
</a> | </a> | ||
<a href="https://alphax.wiki/wiki/Category:Community_%26_Identity" | <a href="https://alphax.wiki/wiki/Category:Community_%26_Identity" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | ||
| Line 736: | Line 734: | ||
s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | ||
--border)';this.style.transform='none'"> | --border)';this.style.transform='none'"> | ||
<img src="https://alphax.wiki/images/e/ed/Community_Identity_Hero.png" | |||
style="width:100%;height:auto;display:block;" alt="Community & Identity" | |||
loading="lazy"> | |||
loading="lazy"> | <div style="padding:16px 18px;"><div | ||
<div style="padding:16px 18px;"><div | style="font-weight:700;color:var(--text);font-size:.95rem;">Community & | ||
style="font-weight:700;color:var(--text);font-size:.95rem;">Community & | |||
Identity</div></div> | Identity</div></div> | ||
</a> | </a> | ||
<a href="https://alphax.wiki/wiki/Category:Drugs,_Party_Culture_%26_Harm | <a href="https://alphax.wiki/wiki/Category:Drugs,_Party_Culture_%26_Harm | ||
_Reduction" style="display:block;border-radius:14px;overflow:hidden;background | _Reduction" style="display:block;border-radius:14px;overflow:hidden;background | ||
| Line 751: | Line 748: | ||
yle.borderColor='var(--orange)';this.style.transform='translateY(-2px)'" onmou | yle.borderColor='var(--orange)';this.style.transform='translateY(-2px)'" onmou | ||
seout="this.style.borderColor='var(--border)';this.style.transform='none'"> | seout="this.style.borderColor='var(--border)';this.style.transform='none'"> | ||
<img | |||
src="https://alphax.wiki/images/3/38/Drugs_Party_Culture_Hero.png" | src="https://alphax.wiki/images/3/38/Drugs_Party_Culture_Hero.png" | ||
style="width:100%;height: | style="width:100%;height:auto;display:block;" alt="Drugs, Party Culture & Harm | ||
Reduction" loading="lazy"> | |||
<div style="padding:16px 18px;"><div | <div style="padding:16px 18px;"><div | ||
style="font-weight:700;color:var(--text);font-size:.95rem;">Drugs, Party | style="font-weight:700;color:var(--text);font-size:.95rem;">Drugs, Party | ||
Culture & Harm Reduction</div></div> | Culture & Harm Reduction</div></div> | ||
</a> | </a> | ||
<a href="https://alphax.wiki/wiki/Category:Life_Planning" | <a href="https://alphax.wiki/wiki/Category:Life_Planning" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | ||
| Line 766: | Line 763: | ||
s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | s.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var( | ||
--border)';this.style.transform='none'"> | --border)';this.style.transform='none'"> | ||
<img src="https://alphax.wiki/images/7/74/Life_Planning_Hero.jpg" | |||
style="width:100%;height:auto;display:block;" alt="Life Planning" | |||
style="width:100%;height: | loading="lazy"> | ||
loading="lazy"> | |||
<div style="padding:16px 18px;"><div | <div style="padding:16px 18px;"><div | ||
style="font-weight:700;color:var(--text);font-size:.95rem;">Life | style="font-weight:700;color:var(--text);font-size:.95rem;">Life | ||
Planning</div></div> | Planning</div></div> | ||
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
</section> | </section> | ||
<!-- ═══════════════════════════════════════════════════ | <!-- ═══════════════════════════════════════════════════ | ||