Added privacy policy page

src/lib/components/privacy/privacy-policy.svelte

@@ -0,0 +1,103 @@
+<script></script>
+
+<main>
+  <section id="welcome">
+    <h2 class="headers">Welcome to ACM!</h2>
+
+    <p>
+      acmCSUF provides a social online platform, Discord, that brings passionate Titans together to
+      engage in multiple conversations regarding our community, the tech field, and many more. Our
+      Privacy Policy safeguards the privacy of all members to our server. This notice describes our
+      privacy policy by respecting information that is collected from said members to our server.
+    </p>
+  </section>
+
+  <section id="collected-info">
+    <h2 class="headers">Information we collect</h2>
+
+    <p>
+      <span class="heavy">Information you provide</span>: We collect information that you
+      voluntarily provide, such as when you interact with our discord bot. Information that we
+      collect may include, but not be limited to, your email address, discord ID, first and last
+      name, status, and class subjects.
+    </p>
+  </section>
+
+  <section id="our-info-usage">
+    <h2 class="headers">Our use of your information</h2>
+
+    <p>
+      <span class="heavy">Data we collect automatically</span>: When you interact with any of our
+      discord bots, we receive and store the given information within our database maintained by our
+      officers. Our officers may use such information to pool it with others in order to track the
+      number of members within our club, the number of members with similar classes, etc.
+    </p>
+  </section>
+
+  <section id="data-retention">
+    <h2 class="headers">Data retention</h2>
+
+    <p>
+      We plan to retain personal data for as long as necessary to fulfill the purposes for which it
+      was collected. Data will persist in our database for however long our bot continues to
+      operate. Such data shall never be retrieved for distribution purposes.
+    </p>
+  </section>
+
+  <section id="data-rights-and-choices">
+    <h2 class="headers">Your data rights and choices</h2>
+
+    <p>
+      As CSUF students ourselves, we understand that users should be respected and treated equally,
+      and so we are giving you full control of what information you would like to provide for us. If
+      you would like to completely opt out of interacting with the bots, you can choose to do so. If
+      you would like certain information updated, then you may contact us for changes.
+    </p>
+  </section>
+
+  <section id="changes-to-this-policy">
+    <h2 class="headers">Changes to this privacy policy</h2>
+
+    <p>
+      We reserve the right to make updates and modifications on this Policy document at any time and
+      from time to time with no prior notice. Please review this document frequently and, most
+      importantly, before you provide us any information. The latest update will be indicated at the
+      top of the document. Your continued use after the changes made shall indicate your agreement
+      with the terms provided.
+    </p>
+  </section>
+
+  <section id="contacting-us">
+    <h2 class="headers">Contacting us</h2>
+
+    <p>
+      Please feel free to contact us if you have any questions about acmCSUF&rsquo;s Privacy Policy
+      by reaching out to any of our Officers via Discord or email us at <a
+        href="mailto:acmcsufullerton@gmail.com">acmcsufullerton@gmail.com</a
+      >.
+    </p>
+  </section>
+</main>
+
+<style lang="scss">
+  main {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    section {
+      width: min(800px, 80vw);
+      margin-bottom: 50px;
+
+      h2 {
+        padding-bottom: 1em;
+      }
+    }
+  }
+
+  .heavy {
+    font-weight: 500;
+  }
+</style>

src/lib/components/sections/footer.svelte

@@ -11,9 +11,12 @@
       </span>
     </p>
 
-    <a href="/github" class="github" target="_blank" rel="noopener norefferer">
-      <GitHubIcon />
-    </a>
+    <span>
+      <a href="/github" class="github" target="_blank" rel="noopener norefferer">
+        <GitHubIcon />
+      </a>
+      <a class="hidden" href="/privacy" rel="prefetch">Privacy Policy</a>
+    </span>
   </div>
 </footer>
 
@@ -39,6 +42,9 @@
   footer p {
     font-size: 18px;
   }
+  .hidden {
+    display: none;
+  }
   footer .github :global(svg) {
     height: 32px;
     width: 32px;

src/routes/privacy.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import CommonHero from '$lib/components/sections/common-hero.svelte';
+  import Spacing from '$lib/components/sections/spacing.svelte';
+  import PrivacyPolicy from '$lib/components/privacy/privacy-policy.svelte';
+</script>
+
+<Spacing --min="175px" --med="200px" --max="200px" />
+
+<CommonHero>
+  <h2 slot="headline" class="size-l">Privacy Policy</h2>
+  <p slot="text" class="size-s">
+    Our privacy policy describes how our Discord bot collects, uses, and shares your personal data.
+    <br />
+    <br />
+    Last updated January 16th, 2022
+  </p>
+</CommonHero>
+
+<Spacing --med="64px" />
+
+<PrivacyPolicy />
+
+<Spacing --min="40px" --med="95px" --max="120px" />
+
+<style lang="scss">
+  @import 'static/theme.scss';
+</style>