From e29a8f1d4b33d0cd585ee8246745b9aec0a19c5a Mon Sep 17 00:00:00 2001
From: Russ Biggs <russbiggs@gmail.com>
Date: Tue, 12 Nov 2024 07:11:47 -0700
Subject: [PATCH] add policies to reporting page

---
 themes/openaq/assets/scss/_reporting.scss   | 13 +++++++++++++
 themes/openaq/layouts/about/legal/list.html | 12 ++++++++++++
 2 files changed, 25 insertions(+)

diff --git a/themes/openaq/assets/scss/_reporting.scss b/themes/openaq/assets/scss/_reporting.scss
index e3de3461..0460f309 100644
--- a/themes/openaq/assets/scss/_reporting.scss
+++ b/themes/openaq/assets/scss/_reporting.scss
@@ -11,6 +11,19 @@
 
   &-container {
     width: 800px;
+
+    .policies-section {
+      .policies-title {
+        @include mixins.heading1;
+        color: variables.$sky120;
+      }
+
+      ul {
+        @include mixins.body1;
+        margin: 20px 0 0 15px;
+      }
+    }
+
     .reporting-grid {
       margin: 60px 0 0 0;
       display: grid;
diff --git a/themes/openaq/layouts/about/legal/list.html b/themes/openaq/layouts/about/legal/list.html
index 06a204e7..5ec40a12 100644
--- a/themes/openaq/layouts/about/legal/list.html
+++ b/themes/openaq/layouts/about/legal/list.html
@@ -6,11 +6,23 @@
   <div class="reporting-content-container">
 
     <h1 class="type-display-1 gradient-title">Legal and Policy Documents</h1>
+
     <div class="ceritifications-grid">
       <a href="https://www.guidestar.org/profile/shared/49986605-4410-4ce1-b0cd-ab4bb5955075" target="_blank"><img src="https://widgets.guidestar.org/TransparencySeal/9732592" /></a>
       <a href="https://www.charitynavigator.org/ein/475324172" target="_blank"><img src="/img/four_star_rating_badge.webp" /></a>
 
     </div>
+    <div class="policies-section">
+      <h2 class="policies-title">Terms of use and other policies</h2>
+      <ul>
+        <li><a href="https://openaq.org/terms/">Website terms of use</a></li>
+        <li><a href="https://docs.openaq.org/about/terms">Platform terms of use</a></li>
+        <li><a href="https://openaq.org/privacy/">Privacy policy</a></li>
+        <li><a href="https://openaq.org/security/">Security policy</a></li>
+        <li><a href="https://openaq.org/cookies/">Cookie policy</a></li>
+        <li><a href="https://openaq.org/dmca/">DMCA</a></li>
+      </ul>
+    </div>
     <div class="reporting-grid">
       <div class="reporting-item">
         <h2 class="reporting-item__title">Financial</h2>