From 7a655fb7a59ce654a7b95691c2fe5e6b6db2de5c Mon Sep 17 00:00:00 2001
From: Joseph Hale <me@jhale.dev>
Date: Fri, 24 Nov 2023 10:39:14 -0700
Subject: [PATCH] feat: Add collection for legal links

Adds placeholders for the following common legal documents:
 - Terms and Conditions
 - Privacy Policy
 - Cookie Policy

The sidebar will show links to each of these legal documents below the
list of contact icons.
---
 _config.yml                    |  3 +++
 _includes/sidebar.html         | 11 ++++++++++-
 _legal/cookie-policy.md        | 10 ++++++++++
 _legal/privacy-policy.md       |  9 +++++++++
 _legal/terms-and-conditions.md |  9 +++++++++
 _sass/addon/commons.scss       |  9 ++++++++-
 6 files changed, 49 insertions(+), 2 deletions(-)
 create mode 100644 _legal/cookie-policy.md
 create mode 100644 _legal/privacy-policy.md
 create mode 100644 _legal/terms-and-conditions.md

diff --git a/_config.yml b/_config.yml
index b35fe7e..db8bd77 100644
--- a/_config.yml
+++ b/_config.yml
@@ -138,6 +138,9 @@ collections:
   tabs:
     output: true
     sort_by: order
+  legal:
+    output: true
+    sort_by: order
 
 defaults:
   - scope:
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index b8f92e3..690c398 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -42,7 +42,7 @@
     </ul>
   </nav>
 
-  <div class="sidebar-bottom d-flex flex-wrap  align-items-center w-100">
+  <div class="sidebar-bottom d-flex flex-wrap align-items-center w-100">
     {% unless site.theme_mode %}
       <button type="button" class="mode-toggle btn" aria-label="Switch Mode">
         <i class="fas fa-adjust"></i>
@@ -72,6 +72,7 @@
 
       {% if url %}
         <a
+          class="contact-link"
           href="{{ url }}"
           aria-label="{{ entry.type }}"
           {% assign link_types = '' %}
@@ -93,6 +94,14 @@
         </a>
       {% endif %}
     {% endfor %}
+    <!-- Legal links -->
+    <div class="legal align-items-center d-flex flex-wrap w-100">
+      {% for item in site.legal %}
+        <div>
+          <a href="{{ item.url }}">{{ item.sidebar_title }}</a>
+        </div>
+      {% endfor %}
+    </div>
   </div>
   <!-- .sidebar-bottom -->
 </aside>
diff --git a/_legal/cookie-policy.md b/_legal/cookie-policy.md
new file mode 100644
index 0000000..bdeb1ef
--- /dev/null
+++ b/_legal/cookie-policy.md
@@ -0,0 +1,10 @@
+---
+layout: page
+title: Cookie Policy
+sidebar_title: Cookies
+order: 3
+---
+
+
+> Add Markdown syntax content to file `_legal/cookie-policy.md`{: .filepath } and it will show up on this page.
+{: .prompt-tip }
\ No newline at end of file
diff --git a/_legal/privacy-policy.md b/_legal/privacy-policy.md
new file mode 100644
index 0000000..e368e4f
--- /dev/null
+++ b/_legal/privacy-policy.md
@@ -0,0 +1,9 @@
+---
+layout: page
+title: Privacy Policy
+sidebar_title: Privacy
+order: 2
+---
+
+> Add Markdown syntax content to file `_legal/privacy-policy.md`{: .filepath } and it will show up on this page.
+{: .prompt-tip }
\ No newline at end of file
diff --git a/_legal/terms-and-conditions.md b/_legal/terms-and-conditions.md
new file mode 100644
index 0000000..c5ae8c1
--- /dev/null
+++ b/_legal/terms-and-conditions.md
@@ -0,0 +1,9 @@
+---
+layout: page
+title: Terms and Conditions
+sidebar_title: Terms
+order: 1
+---
+
+> Add Markdown syntax content to file `_legal/terms-and-conditions.md`{: .filepath } and it will show up on this page.
+{: .prompt-tip }
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index 7104a00..018160b 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -839,7 +839,7 @@ $btn-mb: 0.5rem;
       }
     }
 
-    a {
+    a.contact-link {
       @extend %button;
       @extend %sidebar-link-hover;
       @extend %clickable-transition;
@@ -873,6 +873,13 @@ $btn-mb: 0.5rem;
       border-radius: 50%;
       margin-bottom: $btn-mb;
     }
+    .legal a {
+      font-size: .8rem;
+      margin-right: .6rem;
+      &:hover {
+        @extend %link-hover;
+      }
+    }
   } /* .sidebar-bottom */
 } /* #sidebar */
 
-- 
2.51.2