Template:R36S Communities: Difference between revisions
From Handhelds Wiki
Jump to navigationJump to search
HandheldWiki (talk | contribs) No edit summary |
HandheldWiki (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<!-- Enhanced Communities Section --> | <!-- 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;"> | <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> | <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;"> | <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5em;"> | ||
<!-- Reddit Card --> | <!-- Reddit Card --> | ||
<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 --> | <!-- 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 pushes to bottom --> | <!-- Buttons container pushes to bottom --> | ||
<div style="margin-top: auto; display: flex; flex-direction: column; gap: 0.5em; font-size: 0.9em; width: 100%; align-items: center;"> | <div style="margin-top: auto; display: flex; flex-direction: column; gap: 0.5em; font-size: 0.9em; width: 100%; align-items: center;"> | ||
| Line 23: | Line 18: | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- Discord Card --> | <!-- Discord Card --> | ||
<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 --> | <!-- 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 pushes to bottom --> | <!-- Buttons container pushes to bottom --> | ||
<div style="margin-top: auto; display: flex; flex-direction: column; gap: 0.5em; font-size: 0.9em; width: 100%; align-items: center;"> | <div style="margin-top: auto; display: flex; flex-direction: column; gap: 0.5em; font-size: 0.9em; width: 100%; align-items: center;"> | ||
Revision as of 11:38, 23 May 2025
🌐 Communities
