SvelteKit release candidate migration: privacy page

- Moved [`src/lib/components/privacy/privacy-policy.svelte`](https://github.com/EthanThatOneKid/acmcsuf.com/blob/36d15b5cdf373b3c594c773ebf3b3942e54677c6/src/lib/components/privacy/privacy-policy.svelte) to `src/routes/privacy/policy.svelte`.
EthanThatOneKid · Sep 14, 2022 · 28e2fe9 · 28e2fe9
1 parent e218f8f
commit 28e2fe9
Show file tree

Hide file tree

Showing 2 changed files with 135 additions and 0 deletions.
diff --git a/src/routes/privacy/+page.svelte b/src/routes/privacy/+page.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+  // TODO: Replace Spacing [and CommonHero] with Block
+  import Block from '$lib/components/block/block.svelte';
+  import Spacing from '$lib/legacy/spacing.svelte';
+  import PrivacyPolicy from './policy.svelte';
+</script>
+
+<Spacing --min="175px" --med="200px" --max="200px" />
+
+<Block>
+  <h2 slot="headline" class="size-lg">Privacy Policy</h2>
+  <p slot="text" class="size-sm">
+    Our privacy policy describes how our Discord bot collects, uses, and shares your personal data.
+    <br />
+    <br />
+    Last updated January 16th, 2022
+  </p>
+</Block>
+
+<Spacing --med="64px" />
+
+<PrivacyPolicy />
+
+<Spacing --min="40px" --med="95px" --max="120px" />
diff --git a/src/routes/privacy/policy.svelte b/src/routes/privacy/policy.svelte
@@ -0,0 +1,111 @@
+<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="brand-med">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="brand-med">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"
+        class="brand-med"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        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;
+      }
+
+      a {
+        text-decoration: none;
+        transition: 0.25s ease-in-out;
+
+        &:hover {
+          color: var(--acm-blue);
+        }
+      }
+    }
+  }
+</style>