Editing User:Fen/Portals/Products

<templatestyles src="User:Fen/Portals/Products/styles.css"/>

<div class="products-portal-wrapper">

  <!-- Header -->
  <div class="products-header">
    <div class="products-title">Welcome to the Products Portal</div>
    <div class="products-subtitle">Tracking the tricks, traps, and terms of modern consumer goods</div>
  </div>

  <!-- Grid Content -->
  <div class="products-grid">

    <!-- Welcome -->
    <div class="products-card wide">
      <div class="products-card-title">Welcome</div>
      <div class="products-card-body">
This portal highlights products and categories that raise red flags for consumer rights — from privacy-invading smart devices and deceptive health supplements to overengineered DRM-laden tools. Learn how everyday purchases are designed to extract value and limit control.
      </div>
    </div>

    <!-- Did You Know -->
    <div class="products-card">
      <div class="products-card-title">Did You Know?</div>
      <div class="products-card-body">
        <ul>
          <li>[[Instant Pot]] disables third-party parts via firmware.</li>
          <li>[[Smart TVs]] track your viewing habits even when idle.</li>
          <li>[[Keurig 2.0]] reads DRM codes on coffee pods.</li>
        </ul>
      </div>
    </div>

    <!-- Featured Article -->
    <div class="products-card">
      <div class="products-card-title">Featured Article</div>
      <div class="products-card-body">
{{:Portal:Products/Featured}}
      </div>
    </div>

    <!-- Product Categories -->
    <div class="products-card">
      <div class="products-card-title">Browse by Category</div>
      <div class="products-card-body">
        [[Category:Surveillance Products]]<br />
        [[Category:Planned Obsolescence]]<br />
        [[Category:Health Scams]]<br />
        [[Category:Digital Locks]]
      </div>
    </div>

    <!-- Featured Image -->
    <div class="products-card">
      <div class="products-card-title">Featured Image</div>
      <div class="products-card-body center">
        [[File:Dark patterns in ecommerce.png|center|300px|thumb|An example of manipulative product design ("dark patterns")]]
      </div>
    </div>

    <!-- Other Portals -->
    <div class="products-card wide">
      <div class="products-card-title">Other Portals</div>
      <div class="products-card-body">

      </div>
    </div>

  </div>
</div>

[[Category:Portals]]