Homepage: Difference between revisions

From AlphaX Wiki
Jump to navigation Jump to search
← Older editNewer edit →
Admin (talk | contribs)
Bureaucrats, Interface administrators, Administrators
2,701 edits
VisualWikitext
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
Search: PrEP, coming out, darkroom, chemsex…
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
Editor's Pick Safety
Aftercare in BDSM
Why aftercare matters, what it looks like in practice, and how to give and receive it properly.
Read
Editor's Pick Culture
Hookup Culture in Gay Communities
The sociology, the psychology, and the real-world dynamics of hookup culture in gay life.
Read
Editor's Pick Culture
Leather Culture & Community
History, codes, events and how leather culture shaped gay identity across decades.
Read
Editor's Pick Community
Chosen Family
What chosen family means, how to build one, and why it's one of the most powerful forces in queer life.
Read
Editor's Pick Harm Reduction
Chemsex — A Complete Guide
Everything you need to know about chemsex: the substances, the risks, the scene, and how to get help.
Read
Editor's Pick BDSM
Why Most "Subs" Fail — And What Real Submission Actually Looks Like
Most guys who call themselves "submissive" aren't submissive at all. What real submission actually requires — and why most people avoid it.
Read
Full Library

Explore All Knowledge Areas

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

Browse the Full Library
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.

Retrieved from "https://alphax.wiki/index.php?title=Homepage&oldid=18368"