Template:R36S Communities: Difference between revisions

From Handhelds Wiki
Jump to navigationJump to search
Newer edit →
Created page with "<!-- Enhanced Communities Section --> <div style="max-width: 960px; margin: 2em auto; padding: 1.5em; border-radius: 12px; background: linear-gradient(145deg, #ffffff, #f3f3f3); border: 1px solid #ccc; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-family: sans-serif; text-align: center;"> <h2 style="font-size: 1.8em; margin: 0 0 1.2em 0; color: #2c3e50;">🌐 Communities</h2> <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5em;"> <!..."
 
No edit summary
Line 9: Line 9:
     <div style="flex: 1 1 280px; max-width: 320px; display: flex; flex-direction: column; align-items: center; padding: 1.5em; border: 1px solid #ccc; border-radius: 12px; background: linear-gradient(135deg, #ffffff, #f4f4f4); box-shadow: 0 4px 12px rgba(0,0,0,0.08); min-height: 260px;">
     <div style="flex: 1 1 280px; max-width: 320px; display: flex; flex-direction: column; align-items: center; padding: 1.5em; border: 1px solid #ccc; border-radius: 12px; background: linear-gradient(135deg, #ffffff, #f4f4f4); box-shadow: 0 4px 12px rgba(0,0,0,0.08); min-height: 260px;">


       <!-- Image Container with fixed height -->
       <!-- Image Container -->
       <div style="height: 100px; display: flex; align-items: center; justify-content: center; margin-bottom: 1em; width: 100%;">
       <div style="height: 100px; display: flex; align-items: center; justify-content: center; margin-bottom: 1em; width: 100%;">
         [[File:Reddit.png|link=https://www.reddit.com/r/R36S/|200px]]
         [[File:Reddit.png|link=https://www.reddit.com/r/R36S/|200px]]
       </div>
       </div>


       <!-- Buttons container centered vertically and horizontally -->
       <!-- Buttons container pushes to bottom -->
       <div style="flex-grow: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.5em; font-size: 0.9em; width: 100%;">
       <div style="margin-top: auto; display: flex; flex-direction: column; gap: 0.5em; font-size: 0.9em; width: 100%; align-items: center;">
         <div style="width: 100%; text-align: center;">
         <div style="width: 100%; text-align: center;">
          {{Clickable button 3|[https://www.reddit.com/r/R36S/ 🔗 Join r/R36S]}}
{{Clickable button 3|[https://www.reddit.com/r/R36S/ 🔗 Join r/R36S]}}
         </div>
         </div>
         <div style="width: 100%; text-align: center;">
         <div style="width: 100%; text-align: center;">
          {{Clickable button 3|[https://www.reddit.com/r/SBCGaming/ 🔗 Join r/SBCGaming]}}
{{Clickable button 3|[https://www.reddit.com/r/SBCGaming/ 🔗 Join r/SBCGaming]}}
         </div>
         </div>
       </div>
       </div>
Line 29: Line 29:
     <div style="flex: 1 1 280px; max-width: 320px; display: flex; flex-direction: column; align-items: center; padding: 1.5em; border: 1px solid #ccc; border-radius: 12px; background: linear-gradient(135deg, #ffffff, #f4f4f4); box-shadow: 0 4px 12px rgba(0,0,0,0.08); min-height: 260px;">
     <div style="flex: 1 1 280px; max-width: 320px; display: flex; flex-direction: column; align-items: center; padding: 1.5em; border: 1px solid #ccc; border-radius: 12px; background: linear-gradient(135deg, #ffffff, #f4f4f4); box-shadow: 0 4px 12px rgba(0,0,0,0.08); min-height: 260px;">


       <!-- Image Container with fixed height -->
       <!-- Image Container -->
       <div style="height: 100px; display: flex; align-items: center; justify-content: center; margin-bottom: 1em; width: 100%;">
       <div style="height: 100px; display: flex; align-items: center; justify-content: center; margin-bottom: 1em; width: 100%;">
         [[File:Discord.png|link=https://discord.gg/retrohandhelds|200px]]
         [[File:Discord.png|link=https://discord.gg/retrohandhelds|200px]]
       </div>
       </div>


       <!-- Buttons container centered vertically and horizontally -->
       <!-- Buttons container pushes to bottom -->
       <div style="flex-grow: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.5em; font-size: 0.9em; width: 100%;">
       <div style="margin-top: auto; display: flex; flex-direction: column; gap: 0.5em; font-size: 0.9em; width: 100%; align-items: center;">
         <div style="width: 100%; text-align: center;">
         <div style="width: 100%; text-align: center;">
          <div style="display: inline-block;">
{{Clickable button 3|[https://discord.com/channels/741895796315914271/1344470041986596935 💬 Join Devices gameconsole R36S]}}
            {{Clickable button 3|[https://discord.com/channels/741895796315914271/1344470041986596935 💬 Join Devices gameconsole R36S]}}
          </div>
         </div>
         </div>
         <div style="width: 100%; text-align: center;">
         <div style="width: 100%; text-align: center;">
          <div style="display: inline-block;">
{{Clickable button 3|[https://discord.gg/retrohandhelds 💬 Join the Retro Handhelds Discord]}}
            {{Clickable button 3|[https://discord.gg/retrohandhelds 💬 Join the Retro Handhelds Discord]}}
          </div>
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>
</div>
</div>

Revision as of 11:32, 23 May 2025

Retrieved from "https://handhelds.wiki/index.php?title=Template:R36S_Communities&oldid=42484"