Main Page: Difference between revisions

Fen (talk | contribs)
No edit summary
Fen (talk | contribs)
putting this stuff in an css file
Line 2: Line 2:


<!-- TITLE & SUBTITLE -->
<!-- TITLE & SUBTITLE -->
<div style="flex:1 1 300px; background:var(--crw-title-bg,#e3f2fd); border-radius:8px; padding:0.5em; box-sizing:border-box; border:1px solid var(--crw-border,#b6d4fe); color:var(--crw-text,#000);">
<div class="header-box">
<center>
<center>
<div style="font-size:2em; font-weight:bold;">
<div style="font-size:2em; font-weight:bold;">
Line 13: Line 13:
<div style="margin:1em 0; display:flex; flex-wrap:wrap; gap:0.5em; justify-content:center;">
<div style="margin:1em 0; display:flex; flex-wrap:wrap; gap:0.5em; justify-content:center;">


[[Consumer Rights Wiki:Write your first article!|<span style="background:#004080; color:#fff; padding:0.4em 0.8em; border-radius:4px; text-decoration:none; font-weight:bold;">✍️ Write your first article</span>]]
[[Consumer Rights Wiki:Write your first article!|<span class="crw-button">✍️ Write your first article</span>]]


[[:Category:Articles in need of additional work|<span style="background:#004080; color:#fff; padding:0.4em 0.8em; border-radius:4px; text-decoration:none; font-weight:bold;">🛠 Help improve articles</span>]]
[[:Category:Articles in need of additional work|<span class="crw-button">🛠 Help improve articles</span>]]


[[Article_suggestions|<span style="background:#004080; color:#fff; padding:0.4em 0.8em; border-radius:4px; text-decoration:none; font-weight:bold;">🧠 Article suggestions</span>]]
[[Article_suggestions|<span class="crw-button">🧠 Article suggestions</span>]]


[[Consumer_Rights_Wiki:Editorial_guidelines|<span style="background:#004080; color:#fff; padding:0.4em 0.8em; border-radius:4px; text-decoration:none; font-weight:bold;">📋 Content guidelines</span>]]
[[Consumer_Rights_Wiki:Editorial_guidelines|<span class="crw-button">📋 Content guidelines</span>]]


[https://discord.gg/8w5rSNAXRf|<span style="background:#e0e0e0; color:#000; padding:0.4em 0.8em; border-radius:4px; text-decoration:none; font-weight:bold;">💬 Join the conversation</span>]
[https://discord.gg/8w5rSNAXRf|<span class="crw-button secondary">💬 Join the conversation</span>]


</div>
</div>
Line 30: Line 30:


<!-- MAIN CONTENT GRID -->
<!-- MAIN CONTENT GRID -->
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1rem; margin-top:1em; font-family:sans-serif; color:var(--crw-text,#000);">
<div class="content-grid">


<!-- LEFT COLUMN -->
<!-- LEFT COLUMN -->
<div style="border:1px solid var(--crw-border,#ccc); background:var(--crw-bg,#f9f9f9); border-radius:6px; padding:1em;">
<div class="content-section">


   <div style="font-size:1.5em; font-weight:bold; color:#2f4770; border-bottom:2px solid #9bb9df; padding-bottom:0.2em;">Find an Article</div>
   <div style="font-size:1.5em; font-weight:bold; color:#2f4770; border-bottom:2px solid #9bb9df; padding-bottom:0.2em;">Find an Article</div>
Line 50: Line 50:


<!-- RIGHT COLUMN -->
<!-- RIGHT COLUMN -->
<div style="border:1px solid var(--crw-border,#ccc); background:var(--crw-bg,#f9f9f9); border-radius:6px; padding:1em;">
<div class="content-section">


   <div style="font-size:1.5em; font-weight:bold; color:#2f4770; border-bottom:2px solid #9bb9df; padding-bottom:0.2em;">Announcements</div>
   <div style="font-size:1.5em; font-weight:bold; color:#2f4770; border-bottom:2px solid #9bb9df; padding-bottom:0.2em;">Announcements</div>