From c7b9e08ec81dadda952cfae191e9308bd1eb9f29 Mon Sep 17 00:00:00 2001
From: Techit Thawiang <techit@thawia.ng>
Date: Sun, 9 Nov 2025 10:11:34 +0700
Subject: [PATCH] add legal stuff

---
 app/components/web-footer.vue         |  2 +
 app/pages/legal/cookies-policy.vue    | 37 +++++++++++
 app/pages/legal/privacy-policy.vue    | 95 +++++++++++++++++++++++++++
 app/pages/legal/terms-of-services.vue | 74 +++++++++++++++++++++
 4 files changed, 208 insertions(+)
 create mode 100644 app/pages/legal/cookies-policy.vue
 create mode 100644 app/pages/legal/privacy-policy.vue
 create mode 100644 app/pages/legal/terms-of-services.vue

diff --git a/app/components/web-footer.vue b/app/components/web-footer.vue
index 0f1562f..b82d71e 100644
--- a/app/components/web-footer.vue
+++ b/app/components/web-footer.vue
@@ -29,6 +29,7 @@ const props = defineProps<{
                         <h3 class="web-footer-link-title">More</h3>
                         <ul class="web-footer-links">
                             <li class="web-footer-link"><NuxtLink href="/services">Services</NuxtLink></li>
+                            <li class="web-footer-link"><NuxtLink href="/tree">Tree</NuxtLink></li>
                         </ul>
                     </div>
                 </div>
@@ -43,6 +44,7 @@ const props = defineProps<{
                         PGP/GPG Key: <code style="font-size: 12px;"><a href="https://files.techit.win/files/Techit Thawiang_0xE649CED321557334_public.asc">4116 33BE 1B4A 19D4 8D77  9ADE E649 CED3 2155 7334</a></code><br>
                         Powered by <a class="link" href="https://dailitation.xyz">dailitation.xyz</a>; Website is available under <a class="link" href="https://gitskette.dailitation.xyz/techit/web">GPL-2.0</a>.
                     </p>
+                    <p class="web-footer-notice"><NuxtLink href="/legal/privacy-policy">Privacy Policy</NuxtLink> | <NuxtLink href="/legal/cookies-policy">Cookies Policy</NuxtLink> | <NuxtLink href="/legal/terms-of-services">Terms of Services</NuxtLink></p>
                 </div>
             </section>
         </div>
diff --git a/app/pages/legal/cookies-policy.vue b/app/pages/legal/cookies-policy.vue
new file mode 100644
index 0000000..5eefa46
--- /dev/null
+++ b/app/pages/legal/cookies-policy.vue
@@ -0,0 +1,37 @@
+<template>
+    <main>
+        <article class="article">
+            <section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
+                <h1 id="hero" class="font-hero">{{TITLE}}</h1>
+                <p id="hero-desc" class="font-hero-desc">{{ DESC }}</p>
+            </section>
+            <section class="web-section">
+                <p>{{ config.public.siteName }} (<NuxtLink class="link" href="/">https://techit.win</NuxtLink>) does <strong>not</strong> use cookies or any similar tracking technologies.</p>
+                <p>We do not store any cookies on your device, and we do not track your browsing activity. Your privacy is completely respected and your data is never shared or sold.</p>
+                <p>If you have any questions about this Cookies Policy, you can contact me here:</p>
+                <ul>
+                    <li><NuxtLink class="link" href="/contact">/contact</NuxtLink></li>
+                </ul>
+            </section>
+        </article>
+    </main>
+</template>
+
+<script setup>
+const config = useRuntimeConfig();
+const baseUrl = config.public.baseUrl
+const TITLE = "Cookies Policy"
+const DESC = "Last updated: November 9, 2025"
+
+useSeoMeta({
+  title: TITLE,
+  description: DESC,
+  ogTitle: TITLE + ' / ' + config.public.siteName,
+  ogDescription: DESC,
+  ogSiteName: config.public.siteName,
+  twitterCard: 'summary_large_image',
+  twitterTitle: TITLE + ' / ' + config.public.siteName,
+  twitterDescription: DESC,
+  twitterSite: config.public.twitterUsername
+})
+</script>
\ No newline at end of file
diff --git a/app/pages/legal/privacy-policy.vue b/app/pages/legal/privacy-policy.vue
new file mode 100644
index 0000000..f4fd78d
--- /dev/null
+++ b/app/pages/legal/privacy-policy.vue
@@ -0,0 +1,95 @@
+<template>
+    <main>
+        <article class="article">
+            <section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
+                <h1 id="hero" class="font-hero">{{TITLE}}</h1>
+                <p id="hero-desc" class="font-hero-desc">{{ DESC }}</p>
+            </section>
+            <section class="web-section">
+                <p>This Privacy Policy describes how I, Techit Thawiang, as an individual, handle and protect the personal information of anyone using my Service. It explains what data I may collect, how it is used, and your privacy rights.</p>
+                <p>By using the Service, you agree to the practices described in this Privacy Policy.</p>
+
+                <h2>Interpretation and Definitions</h2>
+
+                <h3>Definitions</h3>
+                <ul>
+                    <li><strong>Account</strong>: A unique account created for you to access the Service or parts of it.</li>
+                    <li><strong>Cookies</strong>: I do <strong>not</strong> use cookies or similar tracking technologies.</li>
+                    <li><strong>Device</strong>: Any device that can access the Service, such as a computer, phone, or tablet.</li>
+                    <li><strong>Personal Data</strong>: Any information that can identify you.</li>
+                    <li><strong>Service</strong>: Refers to the Website.</li>
+                    <li><strong>Usage Data</strong>: Data collected automatically when using the Service, such as device type, browser info, IP address, pages visited, and duration of visits. Usage Data is <strong>only accessible by me and my team on our server</strong>.</li>
+                    <li><strong>Website</strong>: Refers to Techit Thawiang's Site, accessible at <NuxtLink class="link" href="/">{{ config.public.baseUrl }}</NuxtLink>.</li>
+                    <li><strong>You</strong>: The individual using the Service.</li>
+                </ul>
+
+                <h2>Collection and Use of Your Personal Data</h2>
+
+                <h3>Types of Data Collected</h3>
+                <ul>
+                    <li><strong>Personal Data:</strong> May include your first and last name or other necessary information to provide the Service.</li>
+                    <li><strong>Usage Data:</strong> Collected automatically to operate and improve the Service. This data is <strong>never shared, sold, or tracked externally</strong>.</li>
+                </ul>
+
+                <h3>Tracking and Cookies</h3>
+                <p>I do <strong>not</strong> use cookies or any external tracking technologies. Your activity is <strong>private and will not be monitored by third parties</strong>.</p>
+
+                <h3>Use of Your Data</h3>
+                <p>Your personal data and usage data are used <strong>only to provide and maintain the Service</strong> and improve your experience. I will <strong>never sell your data</strong>. Usage data is accessible only by me and my trusted team on my own servers. No third-party companies have access.</p>
+
+                <h2>Data Sharing and Disclosure</h2>
+                <p>I do <strong>not</strong> share your data with third parties, affiliates, or businesses. Data may only be shared within my team to operate the Service.</p>
+                <p>Data may be disclosed <strong>only if required by law</strong> or to protect your rights or the safety of others.</p>
+
+                <h2>Retention of Data</h2>
+                <p>I retain your personal and usage data only as long as necessary to provide the Service. You can request deletion of your data at any time. I will respect your request unless retention is required by law.</p>
+
+                <h2>Security</h2>
+                <p>I take the security of your data seriously and store it securely on my own servers. However, no method of storage or transmission over the internet is 100% secure.</p>
+
+                <h2>Children’s Privacy</h2>
+                <p>The Service is <strong>not intended for anyone under the age of 13</strong>. I do not knowingly collect data from children under 13. If you are a parent and believe your child has provided data, please contact me to delete it.</p>
+
+                <h2>External Links</h2>
+                <p>The Service may contain links to external websites. I am <strong>not responsible</strong> for the content, privacy policies, or practices of third-party sites.</p>
+
+                <h2>Changes to This Privacy Policy</h2>
+                <p>I may update this Privacy Policy occasionally. Updates will be posted on this page, and the "Last Updated" date will reflect changes.</p>
+
+                <h2>Contact</h2>
+                <p>For any questions or requests regarding your personal data, you can contact me here:</p>
+                <ul>
+                    <li><NuxtLink class="link" href="/contact">/contact</NuxtLink></li>
+                </ul>
+
+                <h2>Key Commitments</h2>
+                <ul>
+                    <li>I do <strong>not sell your data</strong>.</li>
+                    <li>I use <strong>no cookies or tracking</strong>.</li>
+                    <li>Usage data is <strong>private</strong>, accessible only by me and my team on my server.</li>
+                    <li>I am an <strong>individual</strong>, not a company.</li>
+                    <li>Your privacy is <strong>100% protected</strong>.</li>
+                </ul>
+            </section>
+        </article>
+    </main>
+</template>
+
+<script setup>
+const config = useRuntimeConfig();
+const baseUrl = config.public.baseUrl
+const TITLE = "Privacy Policy"
+const DESC = "Last updated: November 9, 2025"
+
+useSeoMeta({
+  title: TITLE,
+  description: DESC,
+  ogTitle: TITLE + ' / ' + config.public.siteName,
+  ogDescription: DESC,
+  ogSiteName: config.public.siteName,
+  twitterCard: 'summary_large_image',
+  twitterTitle: TITLE + ' / ' + config.public.siteName,
+  twitterDescription: DESC,
+  twitterSite: config.public.twitterUsername
+})
+</script>
\ No newline at end of file
diff --git a/app/pages/legal/terms-of-services.vue b/app/pages/legal/terms-of-services.vue
new file mode 100644
index 0000000..edf09d1
--- /dev/null
+++ b/app/pages/legal/terms-of-services.vue
@@ -0,0 +1,74 @@
+<template>
+    <main>
+        <article class="article">
+            <section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
+                <h1 id="hero" class="font-hero">{{TITLE}}</h1>
+                <p id="hero-desc" class="font-hero-desc">{{ DESC }}</p>
+            </section>
+            <section class="web-section">
+                <p>Welcome to {{ config.public.siteName }} (<NuxtLink class="link" href="/">https://techit.win</NuxtLink>). By accessing or using this website (the "Service"), you agree to these Terms of Service. Please read them carefully.</p>
+                <h2>1. Use of the Service</h2>
+                <p>You may use the Service only for lawful purposes and in accordance with these Terms. You agree not to misuse the Service, interfere with its operation, or attempt to access data or functionality that you are not authorized to access.</p>
+
+                <h2>2. No Account or Registration Requirement</h2>
+                <p>Our Service does not require you to create an account. If you do provide any personal information, it is collected solely to operate and improve the Service and will never be sold or shared with third parties.</p>
+
+                <h2>3. Privacy and Data</h2>
+                <p>Your privacy is important. I do not use cookies, tracking, or any third-party data collection. Usage data is stored securely on my server and is only accessible by me and my trusted team. No company or external entity will have access to your data.</p>
+
+                <h2>4. Intellectual Property</h2>
+                <p>All content on this website, including text, graphics, and other materials, is owned by me unless otherwise stated. You may not copy, reproduce, or distribute content without permission.</p>
+
+                <h2>5. Disclaimer</h2>
+                <p>The Service is provided "as is" and "as available." While I strive to ensure the Service is secure and accurate, I do not guarantee that it will always be error-free, uninterrupted, or free of harmful content. Use the Service at your own risk.</p>
+
+                <h2>6. Limitation of Liability</h2>
+                <p>To the fullest extent permitted by law, I am not liable for any damages arising from the use of the Service. This includes direct, indirect, incidental, or consequential damages.</p>
+
+                <h2>7. Changes to the Terms</h2>
+                <p>I may update these Terms from time to time. Changes will be posted on this page, and the "Last Updated" date will reflect the latest revision. Your continued use of the Service constitutes acceptance of the updated Terms.</p>
+
+                <h2>8. Governing Law</h2>
+                <p>These Terms are governed by the laws of Thailand. Any disputes arising from these Terms or your use of the Service will be resolved under Thai law.</p>
+
+                <h2>9. Contact</h2>
+                <p>If you have any questions about these Terms, you can contact me here:</p>
+                <ul>
+                    <li><NuxtLink class="link" href="/contact">/contact</NuxtLink></li>
+                </ul>
+            </section>
+            <section class="web-section">
+                <h2 id="vaultwarden">Vaultwarden Service</h2>
+                <p>I provides a Vaultwarden instance at <a class="link" href="https://vw.techit.win" target="_blank">https://vw.techit.win</a> for anyone to use for free. By using this service, you acknowledge and agree to the following:</p>
+
+                <ul>
+                    <li>The service is provided <strong>as-is</strong> with <strong>no guarantee of data safety or security</strong>. Use at your own risk.</li>
+                    <li>I, the Vaultwarden administrator, also use this instance personally. It is a personal choice to maintain and operate this service.</li>
+                    <li>Data stored on the Vaultwarden instance is backed up once every week to help prevent permanent loss. However, backups are not a guarantee, and I am not responsible for any loss of data.</li>
+                    <li>By using this service, you agree that you are responsible for the confidentiality and security of your own credentials and data.</li>
+                </ul>
+
+                <p>Please ensure that you understand these conditions before using the Vaultwarden service.</p>
+            </section>
+        </article>
+    </main>
+</template>
+
+<script setup>
+const config = useRuntimeConfig();
+const baseUrl = config.public.baseUrl
+const TITLE = "Terms of Services"
+const DESC = "Last updated: November 9, 2025"
+
+useSeoMeta({
+  title: TITLE,
+  description: DESC,
+  ogTitle: TITLE + ' / ' + config.public.siteName,
+  ogDescription: DESC,
+  ogSiteName: config.public.siteName,
+  twitterCard: 'summary_large_image',
+  twitterTitle: TITLE + ' / ' + config.public.siteName,
+  twitterDescription: DESC,
+  twitterSite: config.public.twitterUsername
+})
+</script>
\ No newline at end of file