Homepage: Difference between revisions

From AlphaX Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 801: Line 801:
     <div style="max-width:1100px;margin:0 auto">
     <div style="max-width:1100px;margin:0 auto">


       <div style="display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:36px" class="fu">
       <div style="display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px">
         <div>
         <div>
           <div class="eyebrow" style="margin-bottom:14px">Fresh &amp; Recent</div>
           <div style="font-size:.73rem;font-weight:700;color:var(--orange);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px">&#8212; Fresh &amp; Recent</div>
           <h2 id="latest-h" style="font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--text);letter-spacing:-.025em">Latest Articles</h2>
           <h2 id="latest-h" style="font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--text);letter-spacing:-.025em">Latest Articles</h2>
         </div>
         </div>
         <div style="display:flex;gap:8px">
         <div style="display:flex;align-items:center;gap:8px">
           <button onclick="scrollLatest(-1)" style="width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2);transition:border-color .2s,color .2s" onmouseover="this.style.borderColor='rgba(255,106,33,.4)';this.style.color='var(--orange)'" onmouseout="this.style.borderColor='var(--border)';this.style.color='var(--text-2)'" aria-label="Scroll left">
           <div style="position:relative">
            <svg width="15" height="15" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
            <input id="latest-search-input" type="text" placeholder="Search latest…" oninput="filterLatestCards(this.value)" style="background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 14px 9px 36px;color:var(--text);font-size:.88rem;width:200px;outline:none" />
           </button>
            <svg style="position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.5" width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-4.35-4.35"/></svg>
           <button onclick="scrollLatest(1)" style="width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2);transition:border-color .2s,color .2s" onmouseover="this.style.borderColor='rgba(255,106,33,.4)';this.style.color='var(--orange)'" onmouseout="this.style.borderColor='var(--border)';this.style.color='var(--text-2)'" aria-label="Scroll right">
           </div>
            <svg width="15" height="15" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
           <button onclick="scrollLatest(-1)" style="width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center">&#8249;</button>
          </button>
          <button onclick="scrollLatest(1)" style="width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center">&#8250;</button>
         </div>
         </div>
       </div>
       </div>


       <div id="latest-deck" style="display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px" class="fu" data-d="1">
       <div id="latest-deck" style="display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:none">
         <a href="https://alphax.wiki/Impact_of_Dating_Apps_on_Gay_Life" class="latest-card">
         <a href="https://alphax.wiki/Impact_of_Dating_Apps_on_Gay_Life" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Dating</span>
           <div class="latest-title">Impact of Dating Apps on Gay Life</div>
           <div class="latest-title">Impact of Dating Apps on Gay Life</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Dating</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/The_Loneliness_Epidemic_No_One_Talks_About_%E2%80%94_and_Why_It%E2%80%99s_Killing_Us" class="latest-card">
         <a href="https://alphax.wiki/The_Loneliness_Epidemic_No_One_Talks_About_%E2%80%94_and_Why_It%E2%80%99s_Killing_Us" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Identity</span>
           <div class="latest-title">The Loneliness Epidemic No One Talks About — and Why It’s Killing Us</div>
           <div class="latest-title">The Loneliness Epidemic No One Talks About — and Why It's Killing Us</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
           <div class="latest-date">2026</div>
            <span class="tag t-white">Identity</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Food_Play" class="latest-card">
         <a href="https://alphax.wiki/Food_Play" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Kink</span>
           <div class="latest-title">Food Play</div>
           <div class="latest-title">Food Play</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Kink</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Neoprene_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Neoprene_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Neoprene Fetish</div>
           <div class="latest-title">Neoprene Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Watersports" class="latest-card">
         <a href="https://alphax.wiki/Watersports" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Watersports</div>
           <div class="latest-title">Watersports</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Boots_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Boots_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Boots Fetish</div>
           <div class="latest-title">Boots Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Tattoos_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Tattoos_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Tattoos Fetish</div>
           <div class="latest-title">Tattoos Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Piercings_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Piercings_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Piercings Fetish</div>
           <div class="latest-title">Piercings Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Spandex_and_Lycra_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Spandex_and_Lycra_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Spandex and Lycra Fetish</div>
           <div class="latest-title">Spandex and Lycra Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Masks_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Masks_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Masks Fetish</div>
           <div class="latest-title">Masks Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Uniforms_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Uniforms_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Uniforms Fetish</div>
           <div class="latest-title">Uniforms Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Socks_and_Used_Clothing_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Socks_and_Used_Clothing_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Socks and Used Clothing Fetish</div>
           <div class="latest-title">Socks and Used Clothing Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Hands_and_Gloves_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Hands_and_Gloves_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Hands and Gloves Fetish</div>
           <div class="latest-title">Hands and Gloves Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Muscle_Worship" class="latest-card">
         <a href="https://alphax.wiki/Muscle_Worship" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Muscle Worship</div>
           <div class="latest-title">Muscle Worship</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Armpits_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Armpits_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Armpits Fetish</div>
           <div class="latest-title">Armpits Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Hair_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Hair_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Hair Fetish</div>
           <div class="latest-title">Hair Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Sneakers_and_Sportswear_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Sneakers_and_Sportswear_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Sneakers and Sportswear Fetish</div>
           <div class="latest-title">Sneakers and Sportswear Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Underwear_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Underwear_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Underwear Fetish</div>
           <div class="latest-title">Underwear Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Sweat_and_Musk_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Sweat_and_Musk_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Sweat and Musk Fetish</div>
           <div class="latest-title">Sweat and Musk Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
         <a href="https://alphax.wiki/Latex_and_Rubber_Fetish" class="latest-card">
         <a href="https://alphax.wiki/Latex_and_Rubber_Fetish" class="latest-card">
          <span class="tag t-white" style="margin-bottom:auto">Fetish</span>
           <div class="latest-title">Latex and Rubber Fetish</div>
           <div class="latest-title">Latex and Rubber Fetish</div>
           <div class="latest-date">2026</div>
           <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto">
            <span class="tag t-white">Fetish</span>
            <div class="latest-date">2026</div>
          </div>
         </a>
         </a>
       </div>
       </div>
    </div>
   </section>
   </section>


Line 1,257: Line 1,299:
   /* Latest deck scroll */
   /* Latest deck scroll */
   function scrollLatest(dir) {
   function scrollLatest(dir) {
     document.getElementById('latest-deck').scrollBy({ left: dir * 520, behavior: 'smooth' });
     document.getElementById('latest-deck').scrollBy({ left: dir * 520, behavior: 'smooth' }
 
  function filterLatestCards(query) {
    const q = query.toLowerCase().trim();
    const cards = document.querySelectorAll('#latest-deck .latest-card');
    cards.forEach(function(card) {
      const title = card.querySelector('.latest-title');
      const text = title ? title.textContent.toLowerCase() : '';
      card.style.display = (!q || text.includes(q)) ? '' : 'none';
    });
  });
   }
   }



Revision as of 15:34, 3 May 2026

New Complete PrEP Guide just published

Everything about gay life.
In one place. Free.

500+ honest, life-saving articles on health, safety, culture, relationships, nightlife and more — written for the gay community, by the gay community.

No account required
Always free
No judgment
2M+ monthly readers
alphax.wiki
The Complete PrEP Guide: Everything You Need to Know
12 min · Health & Safety
Life-Saving
Darkroom Etiquette: How to Survive (and Thrive)
7 min · Nightlife & Culture
Culture
Chemsex: Risks, Support & Getting Help
15 min · Harm Reduction
Safety
Coming Out to Family: A Practical, Honest Guide
10 min · Coming Out
Guide
500+
Articles
2M+
Monthly Readers
80+
Topics
Free
Always
Why AlphaX Wiki

Built for the community.
Not an afterthought.

Life-Saving Knowledge
From HIV prevention to chemsex harm reduction — some articles don't just inform, they protect. Written with clinical accuracy and zero shame.
Deep, Honest Articles
No watered-down advice. Rich long-form articles that treat the reader as an intelligent adult navigating a real life — without heteronormative assumptions.
Find What You Need Fast
Search 500+ articles instantly. From PrEP to polyamory, darkroom etiquette to coming out at 40 — it's all indexed and searchable.
Built for the Community
Written by people who live this life. No journalists parachuting in. Real knowledge from real experience, reviewed for accuracy.
Private by Default
No account. No tracking your reads. No social logins. Come, read what you need, and leave. Your business stays your business.
Forever Free
No paywalls. No premium tiers. No "unlock for $9/month." Every article, available to everyone — because this knowledge shouldn't have a price tag.

Knowledge that saves lives.

From HIV prevention to recognising the risks of chemsex — some of these articles can change the course of a night, a relationship, or a life. No account. No judgment. Ever.

Start Reading Free
Curated Reads

Editor's Selection

View all
Full Library

Explore All Knowledge Areas

Eight pillars covering every corner of gay life — from safety to culture, kink to identity.

Community Voices

What readers say

"The PrEP article was the first time I fully understood how it worked. I started taking it the following week. This site genuinely changed how I protect myself."

Marco, 24
Berlin

"When I first came out I was completely lost. AlphaX gave me the vocabulary, the context, and the confidence to start building my life in the gay community."

James, 19
Manchester

"I sent the chemsex article to a friend who was struggling. He called the next day to say he'd booked a support session. No other resource did that for us."

Rafi, 31
Tel Aviv
Weekly Newsletter

Stay in the know.

New articles every week. Health guides, deep-dives, community stories. No spam, unsubscribe anytime.

Join 50,000+ readers. Free forever.