chore: update section 2 and change some styles for h2

userquin · userquin · commit 3b5bca4e4cd0 · 2026-02-04T19:23:15.000+01:00
diff --git a/app/pages/cookie-policy.vue b/app/pages/cookie-policy.vue
@@ -41,14 +41,14 @@ defineOgImageComponent('Default', {
         </p>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_1.title') }}
           </h2>
           <p>{{ $t('cookie_policy.section_1.p1') }}</p>
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_2.title') }}
           </h2>
           <p class="mb-4">
@@ -60,17 +60,24 @@ defineOgImageComponent('Default', {
           </p>
           <ul class="list-disc ps-5 space-y-2">
             <li>
-              <i18n-t keypath="cookie_policy.section_2.li1" tag="span" scope="global">
-                <template #bold>
-                  <strong class="text-fg">{{ $t('cookie_policy.section_2.li1_bold') }}</strong>
-                </template>
-              </i18n-t>
+              <strong class="text-fg font-mono text-sm">{{
+                $t('cookie_policy.section_2.cookie_vdpl')
+              }}</strong
+              >:
+              {{ $t('cookie_policy.section_2.cookie_vdpl_desc') }}
+            </li>
+            <li>
+              <strong class="text-fg font-mono text-sm">{{
+                $t('cookie_policy.section_2.cookie_h3')
+              }}</strong
+              >:
+              {{ $t('cookie_policy.section_2.cookie_h3_desc') }}
             </li>
           </ul>
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_3.title') }}
           </h2>
           <p class="mb-4">
@@ -98,7 +105,7 @@ defineOgImageComponent('Default', {
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_4.title') }}
           </h2>
           <p>
@@ -114,7 +121,7 @@ defineOgImageComponent('Default', {
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_5.title') }}
           </h2>
           <p class="mb-4">
@@ -134,7 +141,7 @@ defineOgImageComponent('Default', {
                 class="flex justify-between items-center gap-1 p-3"
               >
                 {{ $t('cookie_policy.section_5.chrome') }}
-                <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+                <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
               </a>
             </li>
             <li>
@@ -145,7 +152,7 @@ defineOgImageComponent('Default', {
                 class="flex justify-between items-center gap-1 p-3"
               >
                 {{ $t('cookie_policy.section_5.firefox') }}
-                <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+                <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
               </a>
             </li>
             <li>
@@ -156,14 +163,14 @@ defineOgImageComponent('Default', {
                 class="flex justify-between items-center gap-1 p-3"
               >
                 {{ $t('cookie_policy.section_5.edge') }}
-                <span class="i-carbon:launch rtl-flip w-3 h-3" aria-hidden="true"></span>
+                <span class="i-carbon:launch rtl-flip w-5 h-5" aria-hidden="true"></span>
               </a>
             </li>
           </ul>
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_6.title') }}
           </h2>
           <p>
@@ -184,7 +191,7 @@ defineOgImageComponent('Default', {
         </section>
 
         <section class="mt-8">
-          <h2 class="text-xl font-medium text-fg mb-4">
+          <h2 class="text-xl font-medium text-fg mb-4 lowercase">
             {{ $t('cookie_policy.section_7.title') }}
           </h2>
           <p>{{ $t('cookie_policy.section_7.p1') }}</p>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
@@ -942,32 +942,34 @@
     "last_updated": "Last updated: {date}",
     "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
     "section_1": {
-      "title": "1. What are cookies?",
+      "title": "What are cookies?",
       "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
     },
     "section_2": {
-      "title": "2. What types of cookies do we use?",
+      "title": "What types of cookies do we use?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
-      "bold": "first-party cookies",
-      "li1": "They allow us to keep your session active once you have logged in. Technically, this cookie has no expiration date and is deleted by your browser upon closing. However, for your security, the session on our servers {bold}, at which point you will be asked to log in again.",
-      "li1_bold": "will automatically terminate after a period of inactivity"
+      "bold": "essential technical cookies",
+      "cookie_vdpl": "__vdpl",
+      "cookie_vdpl_desc": "This cookie is used by our hosting provider (Vercel) for skew protection. It ensures you fetch assets from the correct deployment version if a new update is released while you are browsing. It does not track you.",
+      "cookie_h3": "h3",
+      "cookie_h3_desc": "This is our secure session cookie. It stores the OAuth access token when you connect your Atmosphere account. It is essential for maintaining your authenticated session."
     },
     "section_3": {
-      "title": "3. Other Storage Technologies",
+      "title": "Other Storage Technologies",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
       "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
       "bold2": "contains no personal data nor is it used to track you",
       "settings": "settings"
     },
     "section_4": {
-      "title": "4. Cookie Acceptance and Application Access",
+      "title": "Cookie Acceptance and Application Access",
       "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
       "bold": "essential for its proper functioning",
       "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
     },
     "section_5": {
-      "title": "5. Cookie Management",
+      "title": "Cookie Management",
       "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
       "bold": "rejecting cookies will prevent access to and use of the application",
       "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
@@ -976,12 +978,12 @@
       "edge": "Microsoft Edge (opens in a new window)"
     },
     "section_6": {
-      "title": "6. Data Controller",
+      "title": "Data Controller",
       "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
-      "title": "7. Changes to the Cookie Policy",
+      "title": "Changes to the Cookie Policy",
       "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
     }
   }
diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
@@ -942,32 +942,34 @@
     "last_updated": "Last updated: {date}",
     "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
     "section_1": {
-      "title": "1. What are cookies?",
+      "title": "What are cookies?",
       "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
     },
     "section_2": {
-      "title": "2. What types of cookies do we use?",
+      "title": "What types of cookies do we use?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
-      "bold": "first-party cookies",
-      "li1": "They allow us to keep your session active once you have logged in. Technically, this cookie has no expiration date and is deleted by your browser upon closing. However, for your security, the session on our servers {bold}, at which point you will be asked to log in again.",
-      "li1_bold": "will automatically terminate after a period of inactivity"
+      "bold": "essential technical cookies",
+      "cookie_vdpl": "__vdpl",
+      "cookie_vdpl_desc": "This cookie is used by our hosting provider (Vercel) for skew protection. It ensures you fetch assets from the correct deployment version if a new update is released while you are browsing. It does not track you.",
+      "cookie_h3": "h3",
+      "cookie_h3_desc": "This is our secure session cookie. It stores the OAuth access token when you connect your Atmosphere account. It is essential for maintaining your authenticated session."
     },
     "section_3": {
-      "title": "3. Other Storage Technologies",
+      "title": "Other Storage Technologies",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
       "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
       "bold2": "contains no personal data nor is it used to track you",
       "settings": "settings"
     },
     "section_4": {
-      "title": "4. Cookie Acceptance and Application Access",
+      "title": "Cookie Acceptance and Application Access",
       "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
       "bold": "essential for its proper functioning",
       "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
     },
     "section_5": {
-      "title": "5. Cookie Management",
+      "title": "Cookie Management",
       "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
       "bold": "rejecting cookies will prevent access to and use of the application",
       "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
@@ -976,12 +978,12 @@
       "edge": "Microsoft Edge (opens in a new window)"
     },
     "section_6": {
-      "title": "6. Data Controller",
+      "title": "Data Controller",
       "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
-      "title": "7. Changes to the Cookie Policy",
+      "title": "Changes to the Cookie Policy",
       "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
     }
   }
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
@@ -942,32 +942,34 @@
     "last_updated": "Last updated: {date}",
     "welcome": "Welcome to {app}. In this policy, we explain what cookies are, how we use them, and how you can manage them.",
     "section_1": {
-      "title": "1. What are cookies?",
+      "title": "What are cookies?",
       "p1": "Cookies are small text files stored on your device when you visit a website. Their purpose is to enhance your browsing experience by remembering certain preferences and settings."
     },
     "section_2": {
-      "title": "2. What types of cookies do we use?",
+      "title": "What types of cookies do we use?",
       "p1": "On our website, we only use {bold} for purposes strictly necessary for the site's functionality. We do not use third-party or advertising cookies.",
-      "bold": "first-party cookies",
-      "li1": "They allow us to keep your session active once you have logged in. Technically, this cookie has no expiration date and is deleted by your browser upon closing. However, for your security, the session on our servers {bold}, at which point you will be asked to log in again.",
-      "li1_bold": "will automatically terminate after a period of inactivity"
+      "bold": "essential technical cookies",
+      "cookie_vdpl": "__vdpl",
+      "cookie_vdpl_desc": "This cookie is used by our hosting provider (Vercel) for skew protection. It ensures you fetch assets from the correct deployment version if a new update is released while you are browsing. It does not track you.",
+      "cookie_h3": "h3",
+      "cookie_h3_desc": "This is our secure session cookie. It stores the OAuth access token when you connect your Atmosphere account. It is essential for maintaining your authenticated session."
     },
     "section_3": {
-      "title": "3. Other Storage Technologies",
+      "title": "Other Storage Technologies",
       "p1": "In addition to session cookies, we use your browser's {bold} to save your display preferences. This allows us to remember the theme (light/dark) and some other {settings} you have selected, so you don't have to reconfigure them on each visit.",
       "bold": "Local Storage",
       "p2": "This information is purely functional, stored only on your device, and {bold}. We use it exclusively to improve your experience on our website.",
       "bold2": "contains no personal data nor is it used to track you",
       "settings": "settings"
     },
     "section_4": {
-      "title": "4. Cookie Acceptance and Application Access",
+      "title": "Cookie Acceptance and Application Access",
       "p1": "The use of cookies on our website is {bold}. Therefore, {bold2}. By continuing to browse or log in, you expressly accept our cookie policy.",
       "bold": "essential for its proper functioning",
       "bold2": "if you do not accept the use of cookies, you will not be able to access the application"
     },
     "section_5": {
-      "title": "5. Cookie Management",
+      "title": "Cookie Management",
       "p1": "You can configure your browser to accept, reject, or delete cookies according to your preferences. However, please note that {bold}.",
       "bold": "rejecting cookies will prevent access to and use of the application",
       "p2": "Below are links with instructions for cookie management in the most commonly used browsers:",
@@ -976,12 +978,12 @@
       "edge": "Microsoft Edge (opens in a new window)"
     },
     "section_6": {
-      "title": "6. Data Controller",
+      "title": "Data Controller",
       "p1": "While our only cookie does not collect personal information, we guarantee compliance with the principles of transparency and security in data management. For any questions or requests regarding the use of cookies, you can contact us by opening an issue on our {link}.",
       "link": "GitHub repository"
     },
     "section_7": {
-      "title": "7. Changes to the Cookie Policy",
+      "title": "Changes to the Cookie Policy",
       "p1": "We reserve the right to modify this policy at any time. Any changes will be published on this page."
     }
   }
