Wiki/Homepage: Difference between revisions
No edit summary |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 34: | Line 34: | ||
/* — Card Images ————————————————————————— */ | /* — Card Images ————————————————————————— */ | ||
.card-img { width: | .card-img { width: 100%; height: auto; display: block; } | ||
.topic-card { width: 50%; } | |||
/* ── Scrollbar ─────────────────────────────────── */ | /* ── Scrollbar ─────────────────────────────────── */ | ||
| Line 82: | Line 83: | ||
.nav-admin:hover { color:var(--text-2);border-color:rgba(255,106,33,.4); } | .nav-admin:hover { color:var(--text-2);border-color:rgba(255,106,33,.4); } | ||
.btn-nav { | .btn-nav { | ||
font-size:.83rem;font-weight:700;color:# | font-size:.83rem;font-weight:700;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important; | ||
background: var(--grad); | background: var(--grad); | ||
padding:8px 20px;border-radius:999px;border:none;cursor:pointer; | padding:8px 20px;border-radius:999px;border:none;cursor:pointer; | ||
| Line 101: | Line 102: | ||
.btn-primary { | .btn-primary { | ||
display:inline-flex;align-items:center;gap:8px; | display:inline-flex;align-items:center;gap:8px; | ||
font-size:.92rem;font-weight:700;color:# | font-size:.92rem;font-weight:700;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important; | ||
background: var(--grad); | background: var(--grad); | ||
padding:14px 28px;border-radius:12px;border:none;cursor:pointer; | padding:14px 28px;border-radius:12px;border:none;cursor:pointer; | ||
| Line 454: | Line 455: | ||
<!-- H1 --> | <!-- H1 --> | ||
<h1 style="font-size:clamp(2.8rem,6vw,5.2rem);font-weight:900;line-height:1.06;letter-spacing:-.03em;margin-bottom:1.5rem;color:var(--text)"> | <h1 style="font-size:clamp(2.8rem,6vw,5.2rem);font-weight:900;line-height:1.06;letter-spacing:-.03em;margin-bottom:1.5rem;color:var(--text)"> | ||
Your mentor to the gay scene.<br> | |||
<span class="ot"> | <span class="ot">Real knowledge. No judgment. Free.</span> | ||
</h1> | </h1> | ||
<!-- Sub --> | <!-- Sub --> | ||
<p style="font-size:clamp(1rem,2vw,1.18rem);color:var(--text-2);line-height:1.75;max-width:560px;margin:0 auto 2.8rem"> | <p style="font-size:clamp(1rem,2vw,1.18rem);color:var(--text-2);line-height:1.75;max-width:560px;margin:0 auto 2.8rem"> | ||
500+ honest, | Think of AlphaX as the older, wiser friend you wish you had when you first stepped into the scene. 500+ honest, in-depth articles on health, safety, culture, relationships, | ||
nightlife and more — written for the gay community, by the gay community. | nightlife and more — written for the gay community, by the gay community. | ||
</p> | </p> | ||
| Line 608: | Line 609: | ||
<div class="feat-icon"><svg width="20" height="20" fill="none" stroke="var(--orange)" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg></div> | <div class="feat-icon"><svg width="20" height="20" fill="none" stroke="var(--orange)" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg></div> | ||
<div class="feat-title">Life-Saving Knowledge</div> | <div class="feat-title">Life-Saving Knowledge</div> | ||
<div class="feat-body"> | <div class="feat-body">Viagra + poppers — a risky mix. Know why. Someone drops at your chill. Act fast. HIV prevention — what actually works. Hepatitis vaccines — why they matter.</div> | ||
</div> | </div> | ||
<div class="feat-card fu" data-d="2"> | <div class="feat-card fu" data-d="2"> | ||
| Line 657: | Line 658: | ||
<a href="https://alphax.wiki/Category:Sexual_Health" | <a href="https://alphax.wiki/Category:Sexual_Health" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | class="topic-card" 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 | ||
.2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | .2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | ||
| Line 672: | Line 673: | ||
<a | <a | ||
href="https://alphax.wiki/Category:Dating,_Sex_%26_Relationships" | href="https://alphax.wiki/Category:Dating,_Sex_%26_Relationships" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | class="topic-card" 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 | ||
.2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | .2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | ||
| Line 687: | Line 688: | ||
<a href="https://alphax.wiki/Category:Kink_%26_BDSM" | <a href="https://alphax.wiki/Category:Kink_%26_BDSM" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | class="topic-card" 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 | ||
.2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | .2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | ||
| Line 702: | Line 703: | ||
<a | <a | ||
href="https://alphax.wiki/Category:Culture,_History_%26_Politics" | href="https://alphax.wiki/Category:Culture,_History_%26_Politics" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | class="topic-card" 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 | ||
.2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | .2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | ||
| Line 717: | Line 718: | ||
<a href="https://alphax.wiki/Category:Fashion_%26_Visual_Signaling" | <a href="https://alphax.wiki/Category:Fashion_%26_Visual_Signaling" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surf | class="topic-card" style="display:block;border-radius:14px;overflow:hidden;background:var(--surf | ||
ace);text-decoration:none;border:1px solid var(--border);transition:transform | ace);text-decoration:none;border:1px solid var(--border);transition:transform | ||
.2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | .2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | ||
| Line 732: | Line 733: | ||
<a href="https://alphax.wiki/Category:Community_%26_Identity" | <a href="https://alphax.wiki/Category:Community_%26_Identity" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surfa | class="topic-card" 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 | ||
.2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | .2s,border-color .2s;" onmouseover="this.style.borderColor='var(--orange)';thi | ||
| Line 748: | Line 749: | ||
<a href="https://alphax.wiki/Category:Community_%26_Identity" | <a href="https://alphax.wiki/Category:Community_%26_Identity" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surface);text-decoration:none;border:1px | class="topic-card" style="display:block;border-radius:14px;overflow:hidden;background:var(--surface);text-decoration:none;border:1px | ||
solid var(--border);transition:transform .2s,border-color .2s;" | solid var(--border);transition:transform .2s,border-color .2s;" | ||
onmouseover="this.style.borderColor='var(--orange)';this.style.transform='translateY(-2px)'" | onmouseover="this.style.borderColor='var(--orange)';this.style.transform='translateY(-2px)'" | ||
| Line 759: | Line 760: | ||
<a href="https://alphax.wiki/Category:Drugs,_Party_Culture_%26_Harm_Reduction" | <a href="https://alphax.wiki/Category:Drugs,_Party_Culture_%26_Harm_Reduction" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surface);text-decoration:none;border:1px | class="topic-card" style="display:block;border-radius:14px;overflow:hidden;background:var(--surface);text-decoration:none;border:1px | ||
solid var(--border);transition:transform .2s,border-color .2s;" | solid var(--border);transition:transform .2s,border-color .2s;" | ||
onmouseover="this.style.borderColor='var(--orange)';this.style.transform='translateY(-2px)'" | onmouseover="this.style.borderColor='var(--orange)';this.style.transform='translateY(-2px)'" | ||
| Line 770: | Line 771: | ||
<a href="https://alphax.wiki/Category:Life_Planning" | <a href="https://alphax.wiki/Category:Life_Planning" | ||
style="display:block;border-radius:14px;overflow:hidden;background:var(--surface);text-decoration:none;border:1px | class="topic-card" style="display:block;border-radius:14px;overflow:hidden;background:var(--surface);text-decoration:none;border:1px | ||
solid var(--border);transition:transform .2s,border-color .2s;" | solid var(--border);transition:transform .2s,border-color .2s;" | ||
onmouseover="this.style.borderColor='var(--orange)';this.style.transform='translateY(-2px)'" | onmouseover="this.style.borderColor='var(--orange)';this.style.transform='translateY(-2px)'" | ||