From f880157d105b50c441f29da79ee3f839aa8c9078 Mon Sep 17 00:00:00 2001
From: kiritowu <wongzhaowu@gmail.com>
Date: Sat, 4 Jan 2025 22:31:57 +0800
Subject: [PATCH] [feat] Add privacy statment, term of  use and footer

---
 .../src/lib/components/layout/Footer.svelte   |  10 +-
 .../src/routes/privacy-statement/+page.svelte |  97 +++++++++++++++++
 .../src/routes/terms-of-use/+page.svelte      | 103 ++++++++++++++++++
 3 files changed, 208 insertions(+), 2 deletions(-)
 create mode 100644 front-end/src/routes/privacy-statement/+page.svelte
 create mode 100644 front-end/src/routes/terms-of-use/+page.svelte

diff --git a/front-end/src/lib/components/layout/Footer.svelte b/front-end/src/lib/components/layout/Footer.svelte
index 483e5fc..ef64f5f 100644
--- a/front-end/src/lib/components/layout/Footer.svelte
+++ b/front-end/src/lib/components/layout/Footer.svelte
@@ -1,3 +1,9 @@
-<footer class="flex flex-row justify-center items-center border-t">
-	<span class="pr-5 py-2">© Copyright {new Date().getFullYear()} SG Lib Books</span>
+<footer class="border-t text-center">
+	<p class="my-3">© Copyright {new Date().getFullYear()} SG Lib Books</p>
+	<div class="mb-6 flex gap-3 justify-center">
+		<a href="/privacy-statement" class="underline">Privacy Statement</a> ·
+		<a href="/terms-of-use" class="underline">Terms of Use</a> ·
+		<a href="https://github.com/cliffchew84/SG-Lib-Books" class="underline">Source Code</a> ·
+		<a href="mailto:sglibreads@gmail.com" class="underline mx-2">Contact Us</a>
+	</div>
 </footer>
diff --git a/front-end/src/routes/privacy-statement/+page.svelte b/front-end/src/routes/privacy-statement/+page.svelte
new file mode 100644
index 0000000..591cb33
--- /dev/null
+++ b/front-end/src/routes/privacy-statement/+page.svelte
@@ -0,0 +1,97 @@
+<script lang="ts">
+	import Header from '$lib/components/layout/Header.svelte';
+	import Footer from '$lib/components/layout/Footer.svelte';
+	import type { PageData } from './$types';
+
+	let { data }: { data: PageData } = $props();
+</script>
+
+<svelte:head>
+	<title>Privacy Statement | SG Lib Books</title>
+</svelte:head>
+<Header user={data.user} />
+<main class="container p-8">
+	<h1 class="text-4xl font-bold text-slate-700 mb-6">Privacy Statement</h1>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.1 Who We Are</h2>
+	<p class="mb-3">
+		We are a group of independent engineers contributing to an open-source project. We are not
+		affiliated with any company or organization.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.2 Data We Collect</h2>
+	<ul class="list-disc pl-4 mb-3">
+		<li><strong>Email Address:</strong> Required for account creation and authentication.</li>
+		<li>
+			<strong>Usage Data:</strong> May include non-identifiable data such as app interactions to improve
+			functionality.
+		</li>
+	</ul>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.3 How We Use Your Data</h2>
+	<ul class="mb-3">
+		<li>To provide access to the app.</li>
+		<li>To improve the app’s performance.</li>
+		<li>We do not sell or share your personally identifiable information with third parties.</li>
+	</ul>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.4 Data Security</h2>
+	<p class="mb-3">
+		We use reasonable measures to protect your data. However, since this is a community-driven
+		open-source project, we cannot guarantee full data security.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.5 Third-Party Services</h2>
+	<p class="mb-3">
+		We may use third-party APIs to provide certain functionalities. Please review their respective
+		privacy policies.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.6 Your Rights</h2>
+	<p class="mb-3">
+		You can request data deletion or modification by contacting us at <a
+			href="mailto:sglibreads@gmail.com"
+			class="underline">sglibreads@gmail.com</a
+		>.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.7 Policy Updates</h2>
+	<p class="mb-3">We may update this policy occasionally. Changes will be posted on this page.</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.8 Legal Basis for Data Processing</h2>
+	<p class="mb-3">
+		We collect and process personal data in accordance with Singapore’s Personal Data Protection Act
+		(PDPA). By using the app, you consent to the collection, use, and processing of your data as
+		outlined in this policy.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.9 Data Retention</h2>
+	<p class="mb-3">
+		We will retain personal data for as long as necessary to provide the service or as required by
+		law. If you request account deletion, your personal data will be removed unless retention is
+		required by legal obligations.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.10 User Consent and Opt-Out</h2>
+	<p class="mb-3">
+		By using our service, you consent to the collection and processing of your data. You may
+		withdraw consent at any time by contacting us at <a
+			href="mailto:sglibreads@gmail.com"
+			class="underline">sglibreads@gmail.com</a
+		>, though this may limit your access to our service.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.11 Cookies and Tracking Technologies</h2>
+	<p class="mb-3">
+		We may use cookies or similar technologies to enhance your user experience. You can adjust your
+		browser settings to manage cookies, though certain features may not function properly without
+		them.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">1.12 Data Breach Notification</h2>
+	<p class="mb-3">
+		In the unlikely event of a data breach affecting personal information, we will notify affected
+		users and relevant authorities as required by Singapore law.
+	</p>
+</main>
+<Footer />
diff --git a/front-end/src/routes/terms-of-use/+page.svelte b/front-end/src/routes/terms-of-use/+page.svelte
new file mode 100644
index 0000000..6083cbc
--- /dev/null
+++ b/front-end/src/routes/terms-of-use/+page.svelte
@@ -0,0 +1,103 @@
+<script lang="ts">
+	import Header from '$lib/components/layout/Header.svelte';
+	import Footer from '$lib/components/layout/Footer.svelte';
+	import type { PageData } from './$types';
+
+	let { data }: { data: PageData } = $props();
+</script>
+
+<svelte:head>
+	<title>Terms of Use | SG Lib Books</title>
+</svelte:head>
+<Header user={data.user} />
+<main class="container p-8">
+	<h1 class="text-4xl font-bold text-slate-700 mb-6">Terms of Use</h1>
+	<h2 class="text-xl font-semibold text-slate-700">2.1 Service Overview</h2>
+	<p class="mb-3">
+		Our web app is offered as an open-source project, free of charge, and provided "as is."
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.2 Acceptable Use</h2>
+	<ul class="list-disc pl-4 mb-3">
+		<li>Use the service only for lawful purposes.</li>
+		<li>Respect the privacy and rights of other users.</li>
+	</ul>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.3 Limitation of Liability</h2>
+	<p class="mb-3">
+		We make no guarantees about the service’s availability or functionality. We are not responsible
+		for data loss, service interruptions, or any damages arising from using the app.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.4 Intellectual Property</h2>
+	<p class="mb-3">
+		The source code is licensed under MIT License. All contributions are governed by the same
+		license. Content, trademarks, and other intellectual property related to the project remain the
+		property of their respective owners.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.5 Termination</h2>
+	<p class="mb-3">
+		We reserve the right to suspend or terminate access to the service for violations of these
+		terms.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.6 Disclaimer</h2>
+	<p class="mb-3">
+		The service is provided "as is" without any warranties, express or implied. We disclaim all
+		liability for damages arising from its use.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.7 Governing Law</h2>
+	<p class="mb-3">
+		These terms are governed by the laws of the Republic of Singapore. Any disputes arising from the
+		use of the service will be resolved under the exclusive jurisdiction of the courts of Singapore.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.8 Exclusion of Liability</h2>
+	<p class="mb-3">
+		To the fullest extent permitted by Singapore law, we disclaim all liability for any indirect,
+		incidental, or consequential damages arising from your use of the app, including data loss,
+		service interruptions, or technical failures.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.9 Account Responsibility</h2>
+	<p class="mb-3">
+		Users are responsible for maintaining the confidentiality of their login credentials. Any
+		activity conducted under their account is their responsibility.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.10 Modification of Terms</h2>
+	<p class="mb-3">
+		We reserve the right to modify these terms at any time. Users will be notified of significant
+		changes via the app or email.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.11 External Links</h2>
+	<p class="mb-3">
+		The app may contain links to third-party websites. We are not responsible for the content or
+		privacy policies of these external sites.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.12 Indemnification</h2>
+	<p class="mb-3">
+		Users agree to indemnify and hold the developers harmless from claims, damages, or expenses
+		arising from their use of the app.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">2.13 Force Majeure</h2>
+	<p class="mb-3">
+		We are not liable for service interruptions caused by events beyond our control, such as natural
+		disasters, cyberattacks, or government restrictions.
+	</p>
+
+	<h2 class="text-xl font-semibold text-slate-700">Contact Us</h2>
+	<p class="mb-3">
+		For any questions regarding this <a href="/privacy-statement" class="underline"
+			>Privacy Statement</a
+		>
+		and <a href="/terms-of-use" class="underline">Terms of Use</a>, please contact us at
+		<a href="mailto:sglibreads@gmail.com" class="underline">sglibreads@gmail.com</a>.
+	</p>
+</main>
+<Footer />