3.0 Beta 2

src/app/privacy/privacy.html

@@ -0,0 +1,131 @@
+<div style="padding: 15px;">
+  <button tuiButton iconStart="@tui.arrow-left" (click)="router.navigate(['/'])">Back to homepage</button>
+  <h1>
+    <tui-icon icon="@tui.lock"></tui-icon>
+    Chatenium's Privacy Policy
+  </h1>
+
+  <section tuiCardLarge style="background: var(--tui-background-base-alt)">
+
+    <h2>Welcome!</h2>
+
+    <span>This Privacy Policy shows how we store and protect your personal information through our services.</span><br>
+
+    <ul>
+      <li><b>We care about your privacy.</b> We are committed to creating an extra secure message platform where people's
+        data is safe and not shared.
+      </li>
+
+      <li><b>We do not sell your personal data.</b> We are a non-profit group. We do not share your personal data with
+        other companies.
+      </li>
+
+      <li><b>We collect the bare minimum of data we need at login.</b> When you log into your account we collect your browser's
+        version,
+        operating system's name and your selected language inside Chatenium for account security. (Logging out will clear stored data from our database)
+      </li>
+    </ul>
+  </section>
+
+  <section tuiCardLarge style="background: var(--tui-background-base-alt)">
+    <h2>All the information we collect</h2>
+
+    <h3><em>Information that you provide</em></h3>
+    <ul>
+      <li><b>Account information.</b> When you register to Chatenium you can either use social logins, or provide a
+        username, display name, password and an e-mail address. When using social logins, we collect your e-mail address
+        to manage your account and prevent duplicates.
+      </li>
+
+      <li><b>Content you upload or send.</b> This includes everything you upload to our services (media, message,
+        etc...).
+      </li>
+    </ul>
+
+    <h3><em>Information we collect automatically</em></h3>
+
+    <ul>
+      <li><b>Information about your device.</b> As mentioned earlier, we collect your browser's information, operating
+        system's information and the current selected language for security reasons.
+      </li>
+    </ul>
+  </section>
+
+  <section tuiCardLarge style="background: var(--tui-background-base-alt)">
+    <h2>How we handle client-side storage</h2>
+
+    <ul>
+      <li>
+        <b>Cookies.</b>
+
+        <ul>
+          <li>Your authorization token is stored here.</li>
+          <li>We do <strong>not</strong> use cookies for analytics or to track you.</li>
+        </ul>
+      </li>
+
+      <br>
+
+      <li>
+        <b>LocalStorage.</b> Used to enhance user experience by saving settings made by the user like:
+
+        <ul>
+          <li>Selected language</li>
+          <li>Selected microphone</li>
+          <li>Selected camera</li>
+          <li>Selected theme</li>
+        </ul>
+      </li>
+
+      <br>
+
+      <li>
+        <b>IndexedDB.</b> Used to boost performance and enable offline support via PWA.
+
+        <ul>
+          <li>Messages</li>
+          <li>Files</li>
+        </ul>
+      </li>
+    </ul>
+  </section>
+
+  <section tuiCardLarge style="background: var(--tui-background-base-alt)">
+    <h2>How we use your data</h2>
+
+    <ul>
+      <li><b>To provide you with services.</b> For example when you start a call, WebRTC collects your audio / camera /
+        screen information to make it work.
+      </li>
+
+      <li><b>To contact you.</b> We use your e-mail address to contact you whenever needed. E-mail can also be used for
+        account recovery.
+      </li>
+
+      <li><b>Data sharing.</b> We do <strong>not</strong> share <strong>any</strong> data with third parties.
+      </li>
+    </ul>
+  </section>
+
+  <section tuiCardLarge style="background: var(--tui-background-base-alt)">
+    <h2>How we protect your information.</h2>
+
+    <ul>
+      <li><b>Secure communication.</b> All data between the client and the server is encrypted using Transport Layer
+        Security (TLS).
+      </li>
+
+      <li><b>Secure data storage.</b> After communication is finished, the messages and the files are encrypted before
+        storing it.
+      </li>
+    </ul>
+  </section>
+
+  <section tuiCardLarge style="background: var(--tui-background-base-alt)">
+    <span>When editing or deleting a messages or a file we will permanently delete them from our database and client side caches.</span><br>
+    <br>
+
+    <em>Last modified: December 15. 2025</em><br>
+    <span>Chatenium &copy;</span>
+  </section>
+</div>