diff --git a/src/components/CookieBanner.astro b/src/components/CookieBanner.astro new file mode 100644 index 0000000..e5ead8f --- /dev/null +++ b/src/components/CookieBanner.astro @@ -0,0 +1,104 @@ +--- +import { getTranslation } from '~/i18n/translations'; + +const { lang = 'en' } = Astro.params; +const t = getTranslation(lang); +--- + + + + \ No newline at end of file diff --git a/src/components/LanguageDropdown.astro b/src/components/LanguageDropdown.astro index aae2dde..7a7d182 100644 --- a/src/components/LanguageDropdown.astro +++ b/src/components/LanguageDropdown.astro @@ -55,7 +55,7 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan + + + + \ No newline at end of file diff --git a/src/components/ui/Background.astro b/src/components/ui/Background.astro index d4cb2b1..e3fef9b 100644 --- a/src/components/ui/Background.astro +++ b/src/components/ui/Background.astro @@ -66,7 +66,6 @@ const iconNames: string[] = [ 'tabler:code', 'tabler:cloud', 'tabler:device-laptop', - 'tabler:chart-line', 'tabler:database', 'tabler:brand-github', 'tabler:device-desktop', @@ -80,7 +79,6 @@ const iconNames: string[] = [ 'tabler:shield', 'tabler:lock', 'tabler:key', - 'tabler:rocket', // Tangentially related icons for visual diversity 'tabler:bulb', diff --git a/src/components/ui/GlobalBackground.astro b/src/components/ui/GlobalBackground.astro index dd267b8..4ac8261 100644 --- a/src/components/ui/GlobalBackground.astro +++ b/src/components/ui/GlobalBackground.astro @@ -66,7 +66,6 @@ const iconNames: string[] = [ 'tabler:code', 'tabler:cloud', 'tabler:device-laptop', - 'tabler:chart-line', 'tabler:database', 'tabler:brand-github', 'tabler:device-desktop', @@ -80,22 +79,13 @@ const iconNames: string[] = [ 'tabler:shield', 'tabler:lock', 'tabler:key', - 'tabler:rocket', - 'tabler:satellite-off', // Tangentially related icons for visual diversity 'tabler:bulb', - 'tabler:puzzle', 'tabler:compass', - 'tabler:chart-dots', - 'tabler:math', - 'tabler:atom', 'tabler:binary', - 'tabler:circuit-resistor', 'tabler:infinity', - 'tabler:planet', 'tabler:brain', - 'tabler:cube', ]; // Function to get a random value within a range diff --git a/src/components/widgets/Footer.astro b/src/components/widgets/Footer.astro index cce44a7..418544f 100644 --- a/src/components/widgets/Footer.astro +++ b/src/components/widgets/Footer.astro @@ -71,43 +71,53 @@ const { > -
+
- +
{SITE?.name} + +
+

Postbus 12345, 1000 AB Amsterdam, Nederland

+

KVK: 87654321 | BTW: NL123456789B01

+

contact@example.com | +31 6 12345678

+
+
+ + +
+ + { + socialLinks?.length && ( +
    + {socialLinks.map(({ ariaLabel, href, icon }) => ( +
  • + + {icon && } + +
  • + ))} +
+ ) + } + -
+
{secondaryLinks.map(({ text, href }) => ( - + {text} ))}
- - - { - socialLinks?.length && ( -
    - {socialLinks.map(({ ariaLabel, href, icon }) => ( -
  • - - {icon && } - -
  • - ))} -
- ) - }
\ No newline at end of file diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts index d52a3f4..ca49c45 100644 --- a/src/i18n/translations.ts +++ b/src/i18n/translations.ts @@ -18,6 +18,11 @@ export interface Translation { terms: string; privacyPolicy: string; }; + cookies: { + message: string; + learnMore: string; + accept: string; + }; hero: { title: string; greeting: string; @@ -136,6 +141,11 @@ export const translations: Record = { title: 'About me', aboutUs: 'About me', }, + cookies: { + message: 'This website uses cookies to store your language preference and remember your cookie consent. No personal data is collected.', + learnMore: 'Learn more in our Privacy Policy', + accept: 'OK', + }, navigation: { home: 'Home', about: 'About', @@ -487,6 +497,11 @@ export const translations: Record = { title: 'Over mij', aboutUs: 'Over mij', }, + cookies: { + message: 'Deze website gebruikt cookies om uw taalvoorkeur op te slaan en uw cookie-toestemming te onthouden. Er worden geen persoonlijke gegevens verzameld.', + learnMore: 'Lees meer in ons Privacybeleid', + accept: 'OK', + }, navigation: { home: 'Home', about: 'Over', @@ -838,6 +853,11 @@ export const translations: Record = { title: 'Über mich', aboutUs: 'Über mich', }, + cookies: { + message: 'Diese Website verwendet Cookies, um Ihre Spracheinstellung zu speichern und Ihre Cookie-Zustimmung zu merken. Es werden keine persönlichen Daten gesammelt.', + learnMore: 'Erfahren Sie mehr in unserer Datenschutzrichtlinie', + accept: 'OK', + }, navigation: { home: 'Start', about: 'Über', @@ -1189,6 +1209,11 @@ export const translations: Record = { title: 'À propos de moi', aboutUs: 'À propos de moi', }, + cookies: { + message: 'Ce site utilise des cookies pour enregistrer votre préférence de langue et mémoriser votre consentement aux cookies. Aucune donnée personnelle n\'est collectée.', + learnMore: 'En savoir plus dans notre Politique de confidentialité', + accept: 'OK', + }, navigation: { home: 'Accueil', about: 'À propos', diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index cf6a905..ec6e007 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -14,6 +14,8 @@ import BasicScripts from '~/components/common/BasicScripts.astro'; import StructuredData from '~/components/common/StructuredData.astro'; import LanguagePersistence from '~/components/LanguagePersistence.astro'; import GlobalBackground from '~/components/ui/GlobalBackground.astro'; +import CookieBanner from '~/components/CookieBanner.astro'; +import BackToTop from '~/components/ui/BackToTop.astro'; // Comment the line below to disable View Transitions import { ClientRouter } from 'astro:transitions'; @@ -63,5 +65,7 @@ const { language, textDirection } = I18N; + + diff --git a/src/navigation.ts b/src/navigation.ts index 8abcaf2..e4adb6f 100644 --- a/src/navigation.ts +++ b/src/navigation.ts @@ -32,7 +32,6 @@ export const getHeaderData = (lang = 'en') => { { text: t.navigation.education, href: getPermalink('/aboutme', 'page', lang) + '#education', isHashLink: true }, ] }, - { text: t.navigation.blog, href: getPermalink('/blog', 'page', lang) }, ] }; }; diff --git a/src/pages/[lang]/privacy.astro b/src/pages/[lang]/privacy.astro new file mode 100644 index 0000000..0d1de71 --- /dev/null +++ b/src/pages/[lang]/privacy.astro @@ -0,0 +1,268 @@ +--- +export const prerender = true; +import Layout from '~/layouts/PageLayout.astro'; +import StructuredData from '~/components/common/StructuredData.astro'; +import Hero from '~/components/widgets/Hero.astro'; + +import { getTranslation, supportedLanguages } from '~/i18n/translations'; + +export async function getStaticPaths() { + return supportedLanguages.map(lang => ({ + params: { lang }, + })); +} + +const { lang } = Astro.params; +if (!supportedLanguages.includes(lang)) { + return Astro.redirect('/en/privacy'); +} + +const t = getTranslation(lang); + +const metadata = { + title: t.footer.privacyPolicy, + description: 'Privacy Policy outlining our data collection practices, cookie usage, and your rights under GDPR.', +}; + +// Table of Contents items +const tocItems = [ + { id: 'introduction', title: 'Introduction' }, + { id: 'data-collection', title: 'Data Collection Policy' }, + { id: 'cookie-usage', title: 'Cookie & Storage Usage' }, + { id: 'localstorage', title: 'LocalStorage Usage' }, + { id: 'clear-preferences', title: 'How to Clear Your Preferences' }, + { id: 'user-rights', title: 'Your Rights (GDPR Compliance)' }, + { id: 'data-security', title: 'Data Security' }, + { id: 'third-party', title: 'Third-Party Websites' }, + { id: 'changes', title: 'Changes to Privacy Policy' }, + { id: 'contact', title: 'Contact Information' }, +]; +--- + + + + + + + + + + + Last updated: March 6, 2025 (Added cookie consent banner) + + + + +
+ +
+

Table of Contents

+ +
+ + +
+

1. Introduction

+

+ This Privacy Policy explains how we handle information when you visit our website. We are committed to protecting your privacy and complying with applicable data protection laws, including the General Data Protection Regulation (GDPR). +

+

+ We value transparency and want you to understand what information we collect, why we collect it, and how we use it. This policy applies to all visitors to our website. +

+ +

2. Data Collection Policy

+

+ We do not collect or store any personal user data. Our website is designed to provide information without requiring you to submit any personal information. +

+

+ The only data stored is your preferences for language and theme settings, which are stored locally on your device using browser technologies (cookies and LocalStorage) and are never transmitted to our servers. More details about this are provided in the sections below. +

+

+ We do not: +

+
    +
  • Collect your name, email address, or other contact information unless you voluntarily provide it through our contact form
  • +
  • Track your browsing behavior
  • +
  • Use analytics services that collect personal data
  • +
  • Use advertising or marketing tracking technologies
  • +
  • Share any information with third parties
  • +
  • Store your preferences on our servers
  • +
+

+ If you choose to contact us using our contact form, the information you provide (such as your name and email address) will only be used to respond to your inquiry and will not be stored longer than necessary for that purpose. +

+ + +

+ Our website uses cookies strictly for essential functionality. These cookies are necessary for the proper functioning of our website and do not collect any personal information. +

+

+ Details about the cookies we use: +

+
    +
  • + Name: preferredLanguage +
      +
    • Purpose: Remembers your language preference (e.g., English, Dutch, German, French)
    • +
    • Data stored: Only the language code (e.g., "en", "nl", "de", "fr")
    • +
    • Duration: 30 days
    • +
    • Type: First-party cookie (not shared with any third parties)
    • +
    +
  • +
  • + Name: cookieConsentAccepted +
      +
    • Purpose: Remembers that you have acknowledged our cookie notice
    • +
    • Data stored: A simple "true" value
    • +
    • Duration: 365 days
    • +
    • Type: First-party cookie and LocalStorage item (not shared with any third parties)
    • +
    +
  • +
+

+ In addition to cookies, we also use LocalStorage to store certain preferences. Details about this are provided in the next section. +

+

+ We do not use any tracking, analytics, or third-party cookies. No personal information is collected through our cookies or LocalStorage. +

+ +

4. LocalStorage Usage

+

+ Our website uses LocalStorage to enhance your experience by remembering your preferences and consent choices. +

+

+ Details about our LocalStorage usage: +

+
    +
  • Data stored: +
      +
    • Theme preference (light/dark mode)
    • +
    • Cookie consent acceptance status
    • +
    +
  • +
  • Purpose: To remember your preferences and consent choices between visits
  • +
  • Location: Stored only on your device and never sent to our servers
  • +
  • Duration: Persists until you clear your browser's LocalStorage
  • +
+

+ LocalStorage is a technology that allows websites to store data directly in your browser. Unlike cookies, LocalStorage data is not sent with every request to the server, which makes it more efficient for storing user preferences that only need to be accessed by your browser. +

+

+ No personal information is collected or stored in LocalStorage. The data is used solely to enhance your browsing experience by maintaining your preferred settings. +

+ +

5. How to Clear Your Preferences

+

+ If you wish to reset your language or theme settings, you can clear your browser's cookies and LocalStorage data. Here's how to do it in common browsers: +

+

+ Chrome: +

+
    +
  1. Click the three dots in the top-right corner
  2. +
  3. Select "Settings"
  4. +
  5. Go to "Privacy and security"
  6. +
  7. Click "Clear browsing data"
  8. +
  9. Select "Cookies and other site data" and "Cached images and files"
  10. +
  11. Click "Clear data"
  12. +
+

+ Firefox: +

+
    +
  1. Click the three lines in the top-right corner
  2. +
  3. Select "Settings"
  4. +
  5. Go to "Privacy & Security"
  6. +
  7. Under "Cookies and Site Data," click "Clear Data"
  8. +
  9. Ensure "Cookies and Site Data" is checked
  10. +
  11. Click "Clear"
  12. +
+

+ Safari: +

+
    +
  1. Click "Safari" in the top menu
  2. +
  3. Select "Preferences"
  4. +
  5. Go to the "Privacy" tab
  6. +
  7. Click "Manage Website Data"
  8. +
  9. Find our website and click "Remove" or "Remove All"
  10. +
+

+ After clearing your browser data, your language will reset to the default (English) and your theme will reset to the system default. +

+ +

6. Your Rights (GDPR Compliance)

+

+ Under the General Data Protection Regulation (GDPR), you have various rights regarding your personal data. However, since we do not collect or store personal data (except for the language preference cookie which does not contain personal information), most of these rights are not applicable in practice. +

+

+ Nevertheless, you have the right to: +

+
    +
  • Delete your cookie and LocalStorage data: You can delete the language preference cookie and theme preference LocalStorage data at any time through your browser settings (see section 5 for instructions)
  • +
  • Be informed: This privacy policy provides transparent information about our data practices
  • +
  • Object: You can choose to disable cookies and LocalStorage in your browser settings
  • +
+

+ If you have any questions about your rights or wish to exercise any of them, please contact us using the information provided at the end of this policy. +

+ +

7. Data Security

+

+ We take appropriate technical and organizational measures to ensure the security of any information transmitted to us. However, please be aware that no method of transmission over the internet or method of electronic storage is 100% secure. +

+

+ Our website uses HTTPS encryption to ensure that any communication between your browser and our website is secure. +

+ +

8. Third-Party Websites

+

+ Our website may contain links to other websites that are not operated by us. If you click on a third-party link, you will be directed to that third party's site. We strongly advise you to review the Privacy Policy of every site you visit. +

+

+ We have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party sites or services. +

+ +

9. Changes to Privacy Policy

+

+ We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last updated" date at the top of this page. +

+

+ You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page. +

+ +

10. Contact Information

+

+ If you have any questions about this Privacy Policy or our data practices, please contact us at: +

+

+ Email: contact@example.com
+ Postal Address: Postbus 12345, 1000 AB Amsterdam, Nederland +

+
+
+
\ No newline at end of file diff --git a/src/pages/[lang]/terms.astro b/src/pages/[lang]/terms.astro new file mode 100644 index 0000000..331a524 --- /dev/null +++ b/src/pages/[lang]/terms.astro @@ -0,0 +1,155 @@ +--- +export const prerender = true; +import Layout from '~/layouts/PageLayout.astro'; +import StructuredData from '~/components/common/StructuredData.astro'; +import Hero from '~/components/widgets/Hero.astro'; + +import { getTranslation, supportedLanguages } from '~/i18n/translations'; + +export async function getStaticPaths() { + return supportedLanguages.map(lang => ({ + params: { lang }, + })); +} + +const { lang } = Astro.params; +if (!supportedLanguages.includes(lang)) { + return Astro.redirect('/en/terms'); +} + +const t = getTranslation(lang); + +const metadata = { + title: t.footer.terms, + description: 'Terms and Conditions for our website, outlining user rights, responsibilities, and legal information.', +}; + +// Table of Contents items +const tocItems = [ + { id: 'scope', title: 'Scope of Services' }, + { id: 'user-rights', title: 'User Rights & Responsibilities' }, + { id: 'intellectual-property', title: 'Intellectual Property' }, + { id: 'liability', title: 'Limitation of Liability' }, + { id: 'governing-law', title: 'Governing Law' }, + { id: 'cookies', title: 'Cookie Usage' }, + { id: 'changes', title: 'Changes to Terms' }, + { id: 'contact', title: 'Contact Information' }, +]; +--- + + + + + + + + + + + Last updated: March 6, 2025 + + + + +
+ +
+

Table of Contents

+ +
+ + +
+

+ Please read these terms and conditions carefully before using our website. By accessing or using our website, you agree to be bound by these terms and conditions. +

+ +

1. Scope of Services

+

+ Our website provides information about our professional services, expertise, and industry insights. The content on this website is for general informational purposes only and does not constitute professional advice. We may update, modify, or remove content at any time without notice. +

+ +

2. User Rights & Responsibilities

+

+ When using our website, you agree to: +

+
    +
  • Use the website in accordance with these terms and conditions and all applicable laws and regulations
  • +
  • Not use the website in any way that could damage, disable, overburden, or impair our services
  • +
  • Not attempt to gain unauthorized access to any part of the website or any system or network connected to the website
  • +
  • Not use any automated means to access or collect data from the website
  • +
  • Not use the website to transmit any harmful code or material
  • +
+ +

3. Intellectual Property

+

+ All content on this website, including but not limited to text, graphics, logos, images, audio clips, digital downloads, and data compilations, is the property of the website owner or its content suppliers and is protected by Dutch and international copyright laws. +

+

+ You may view, download, and print content from this website for your personal, non-commercial use, provided that you do not modify the content and that you retain all copyright and other proprietary notices. +

+ +

4. Limitation of Liability

+

+ To the fullest extent permitted by applicable law, we exclude all representations, warranties, and conditions relating to our website and the use of this website. We will not be liable for any direct, indirect, or consequential loss or damage arising under these terms and conditions or in connection with our website, whether arising in tort, contract, or otherwise, including, without limitation, any loss of profit, contracts, business, goodwill, data, income, revenue, or anticipated savings. +

+

+ This does not exclude or limit our liability for death or personal injury resulting from our negligence, nor our liability for fraudulent misrepresentation or misrepresentation as to a fundamental matter, nor any other liability which cannot be excluded or limited under applicable law. +

+ +

5. Governing Law

+

+ These terms and conditions are governed by and construed in accordance with the laws of the Netherlands. Any disputes relating to these terms and conditions shall be subject to the exclusive jurisdiction of the courts of the Netherlands. +

+

+ If you are a consumer, you will benefit from any mandatory provisions of the law of the country in which you are resident. Nothing in these terms and conditions affects your rights as a consumer to rely on such mandatory provisions of local law. +

+ +

6. Cookie Usage

+

+ Our website uses only one cookie, which is used exclusively for storing your selected language preference. This cookie is essential for the proper functioning of the language selection feature on our website. We do not use any tracking, analytics, or third-party cookies. +

+

+ The language preference cookie stores only your selected language choice and does not collect any personal information. This cookie is stored on your device for a period of 30 days, after which it will expire unless you visit our website again. +

+ +

7. Changes to Terms

+

+ We may revise these terms and conditions at any time by amending this page. You are expected to check this page from time to time to take notice of any changes we make, as they are legally binding on you. Some of the provisions contained in these terms and conditions may also be superseded by provisions or notices published elsewhere on our website. +

+ +

8. Contact Information

+

+ If you have any questions about these terms and conditions, please contact us at: +

+

+ Email: contact@example.com
+ Postal Address: Postbus 12345, 1000 AB Amsterdam, Nederland +

+
+
+
\ No newline at end of file