Wiki/Homepage: Difference between revisions

No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 83: 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:#fff;
       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 102: 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:#fff;
       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 455: 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)">
         Everything about gay life.<br>
         Your mentor to the gay scene.<br>
         <span class="ot">In one place. Free.</span>
         <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, life-saving articles on health, safety, culture, relationships,
         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 609: 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">From HIV prevention to chemsex harm reduction some articles don't just inform, they protect. Written with clinical accuracy and zero shame.</div>
           <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">