User:Fen/MainPage: Difference between revisions

Fen (talk | contribs)
improving the main page. It was raisin. It is still incomplete, only the header is done for now. Will move to styling to css page once complete
 
Fen (talk | contribs)
done the rest of the page. Will add the templates in tomorrow
Line 31: Line 31:
<br />
<br />


<!-- MAIN CONTENT GRID (simplified with columns) -->
<!-- MAIN CONTENT GRID - STYLED -->
<table style="width:100%; margin-top:1em;">
<div style="
<tr valign="top">
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
  margin-top: 1em;
  font-family: sans-serif;
  color: #000;
">


<!-- LEFT COLUMN -->
<!-- LEFT COLUMN -->
<td style="width:50%; padding:0.5em; border:1px solid #ccc; background:#f9f9f9;">
<div style="border:1px solid #ccc; background:#f9f9f9; border-radius:6px; padding:1em;">
<h2>🔍 Find an article</h2>
{{Category:Wiki_root/Main_page}}


<h2>🙋 How to help</h2>
  <h2 style="color:#004080;border-bottom:2px solid #b6d4fe; padding-bottom:0.2em;">Find an Article</h2>
{{Main_Page/Shortened how to help}}
  {{Category:Wiki_root/Main_page}}


<h2>🧰 Consumer Tools</h2>
  <h2 style="color:#004080; border-bottom:2px solid #b6d4fe; padding-bottom:0.2em; margin-top:1em;">Current Highlight</h2>
</td>
  <p>
    [[Buy-now-pay-later dark patterns]] are increasingly used to trap consumers in unregulated credit systems. Learn more → [[BNPL Pitfalls]]
  </p>
 
  <h2 style="color:#004080;border-bottom:2px solid #b6d4fe; padding-bottom:0.2em; margin-top:1em;">In The News</h2>
 
  <h2 style="color:#004080; border-bottom:2px solid #b6d4fe; padding-bottom:0.2em; margin-top:1em;">Consumer Tools</h2>
  <p>(Coming soon...)</p>
 
</div>


<!-- RIGHT COLUMN -->
<!-- RIGHT COLUMN -->
<td style="width:50%; padding:0.5em; border:1px solid #ccc; background:#f9f9f9;">
<div style="border:1px solid #ccc; background:#f9f9f9; border-radius:6px; padding:1em;">
<h2>📢 Announcements</h2>
{{Consumer_Rights_Wiki:Announcements}}


<h2>🆕 New Pages</h2>
  <h2 style="color:#004080;border-bottom:2px solid #b6d4fe; padding-bottom:0.2em;">How to Help</h2>
{{Special:NewPages|namespace=0|limit=15}}
  {{Main_Page/Shortened how to help}}


<h2>🚨 Current Highlight</h2>
  <h2 style="color:#004080; border-bottom:2px solid #b6d4fe; padding-bottom:0.2em; margin-top:1em;">Announcements</h2>
[[Buy-now-pay-later dark patterns]] are increasingly used to trap consumers in unregulated credit systems. Learn more → [[BNPL Pitfalls]]
  {{Consumer_Rights_Wiki:Announcements}}


<h2>🗂 Explore Topics</h2>
  <h2 style="color:#004080; border-bottom:2px solid #b6d4fe; padding-bottom:0.2em; margin-top:1em;">New Pages</h2>
* [[Category:Retail loyalty programs|Retail Loyalty Schemes]]
  {{Special:NewPages|namespace=0|limit=15}}
* [[Category:Subscription manipulation|Subscription Traps]]
* [[Category:Privacy invasions|Modern Privacy Invasions]]
* [[Category:Mobile app dark patterns|Dark Patterns in Mobile Apps]]
</td>


</tr>
</div>
</table>
</div>


<!-- HIDE PAGE TITLE -->
<!-- HIDE PAGE TITLE -->
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}