AlphaX Wiki

Wiki/Homepage: Difference between revisions

← Older edit
Admin (talk | contribs)
Bureaucrats, Interface administrators, Administrators
2,701 edits
VisualWikitext
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 33: Line 33:
     h1,h2,h3,h4,h5 { font-family: 'Space Grotesk', sans-serif; }
     h1,h2,h3,h4,h5 { font-family: 'Space Grotesk', sans-serif; }


     /* ── Scrollbar ─────────────────────────────────── */
/* — Card Images ————————————————————————— */
     .card-img { width: 100%; height: auto; display: block; }
    .topic-card { width: 50%; }
 
        /* ── Scrollbar ─────────────────────────────────── */
     ::-webkit-scrollbar { width: 4px; }
     ::-webkit-scrollbar { width: 4px; }
     ::-webkit-scrollbar-track { background: transparent; }
     ::-webkit-scrollbar-track { background: transparent; }
Line 79: 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 98: 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 451: 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 605: 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">
Line 654: 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 660: Line 664:
   --border)';this.style.transform='none'">
   --border)';this.style.transform='none'">
           <img src="https://alphax.wiki/images/c/c2/Sexual_health.png"  
           <img src="https://alphax.wiki/images/c/c2/Sexual_health.png"  
   style="width:100%;height:auto;display:block;" alt="Sexual Health"             
   class="card-img" alt="Sexual Health"             
   loading="lazy">
   loading="lazy">
           <div style="padding:16px 18px;"><div                                   
           <div style="padding:16px 18px;"><div                                   
Line 669: 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 676: Line 680:
           <img  
           <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:auto;display:block;" alt="Dating, Sex &  
   class="card-img" alt="Dating, Sex &  
   Relationships" loading="lazy">                                                 
   Relationships" loading="lazy">                                                 
           <div style="padding:16px 18px;"><div                                 
           <div style="padding:16px 18px;"><div                                 
Line 684: 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 690: Line 694:
   --border)';this.style.transform='none'">
   --border)';this.style.transform='none'">
           <img src="https://alphax.wiki/images/a/a1/Chain-image.png"  
           <img src="https://alphax.wiki/images/a/a1/Chain-image.png"  
   style="width:100%;height:auto;display:block;" alt="Kink & BDSM"               
   class="card-img" alt="Kink & BDSM"               
   loading="lazy">
   loading="lazy">
           <div style="padding:16px 18px;"><div                                   
           <div style="padding:16px 18px;"><div                                   
Line 699: 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 706: Line 710:
           <img  
           <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:auto;display:block;" alt="Culture, History &  
   class="card-img" alt="Culture, History &  
   Politics" loading="lazy">                                                     
   Politics" loading="lazy">                                                     
           <div style="padding:16px 18px;"><div                                 
           <div style="padding:16px 18px;"><div                                 
Line 714: 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 721: Line 725:
           <img  
           <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:auto;display:block;" alt="Fashion & Visual Signaling"
   class="card-img" alt="Fashion & Visual Signaling"
   loading="lazy">                                                               
   loading="lazy">                                                               
           <div style="padding:16px 18px;"><div                                 
           <div style="padding:16px 18px;"><div                                 
Line 729: 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 735: Line 739:
   --border)';this.style.transform='none'">
   --border)';this.style.transform='none'">
           <img src="https://alphax.wiki/images/e/ed/Community_Identity_Hero.png"
           <img src="https://alphax.wiki/images/e/ed/Community_Identity_Hero.png"
   style="width:100%;height:auto;display:block;" alt="Community & Identity"     
   class="card-img" alt="Community & Identity"     
   loading="lazy">
   loading="lazy">
           <div style="padding:16px 18px;"><div                                   
           <div style="padding:16px 18px;"><div                                   
Line 745: 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)'"  
   onmouseout="this.style.borderColor='var(--border)';this.style.transform='none'">
   onmouseout="this.style.borderColor='var(--border)';this.style.transform='none'">
           <img src="https://alphax.wiki/images/e/ed/Community_Identity_Hero.png"  
           <img src="https://alphax.wiki/images/e/ed/Community_Identity_Hero.png"  
   style="width:100%;height:auto;display:block;" alt="Community & Identity" loading="lazy">
   class="card-img" alt="Community & Identity" loading="lazy">
           <div style="padding:16px 18px;"><div style="font-weight:700;color:var(--text);font-size:.95rem;">Community
           <div style="padding:16px 18px;"><div style="font-weight:700;color:var(--text);font-size:.95rem;">Community
   & Identity</div></div>
   & Identity</div></div>
Line 756: 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)'"  
   onmouseout="this.style.borderColor='var(--border)';this.style.transform='none'">
   onmouseout="this.style.borderColor='var(--border)';this.style.transform='none'">
           <img src="https://alphax.wiki/images/3/38/Drugs_Party_Culture_Hero.png"  
           <img src="https://alphax.wiki/images/3/38/Drugs_Party_Culture_Hero.png"  
   style="width:100%;height:auto;display:block;" alt="Drugs, Party Culture & Harm Reduction" loading="lazy">
   class="card-img" alt="Drugs, Party Culture & Harm Reduction" loading="lazy">
           <div style="padding:16px 18px;"><div style="font-weight:700;color:var(--text);font-size:.95rem;">Drugs,
           <div style="padding:16px 18px;"><div style="font-weight:700;color:var(--text);font-size:.95rem;">Drugs,
   Party Culture & Harm Reduction</div></div>
   Party Culture & Harm Reduction</div></div>
Line 767: 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)'"  
   onmouseout="this.style.borderColor='var(--border)';this.style.transform='none'">
   onmouseout="this.style.borderColor='var(--border)';this.style.transform='none'">
           <img src="https://alphax.wiki/images/7/74/Life_Planning_Hero.jpg"  
           <img src="https://alphax.wiki/images/7/74/Life_Planning_Hero.jpg"  
   style="width:100%;height:auto;display:block;" alt="Life Planning" loading="lazy">
   class="card-img" alt="Life Planning" loading="lazy">
           <div style="padding:16px 18px;"><div style="font-weight:700;color:var(--text);font-size:.95rem;">Life
           <div style="padding:16px 18px;"><div style="font-weight:700;color:var(--text);font-size:.95rem;">Life
   Planning</div></div>
   Planning</div></div>
Retrieved from "https://alphax.wiki/Wiki/Homepage"