Add Anti-Fingerprinting Shield Plus section to navigation and translations
Some checks failed
GitHub Actions / build (18) (push) Has been cancelled
GitHub Actions / build (20) (push) Has been cancelled
GitHub Actions / build (22) (push) Has been cancelled
GitHub Actions / check (push) Has been cancelled

- Introduced a new navigation link for "Anti-FP Shield+".
- Added comprehensive translations for the Anti-Fingerprinting Shield Plus feature in English, French, Dutch, and German, including title, description, installation steps, features, and notes.
This commit is contained in:
becarta
2025-05-10 01:10:12 +02:00
parent ba2fb9f248
commit cdbaff3385
4 changed files with 279 additions and 7 deletions

View File

@@ -0,0 +1,59 @@
---
import Layout from '~/layouts/PageLayout.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/antifp');
}
const t = getTranslation(lang);
const metadata = {
title: t.antifp.title,
description: t.antifp.description,
};
---
<Layout metadata={metadata}>
<div class="max-w-3xl mx-auto px-4 py-8">
<h1 class="text-3xl font-bold mb-4">{t.antifp.title}</h1>
<p class="mb-4">
<a href="https://greasyfork.org/en/scripts/534570-anti-fingerprinting-shield-plus" target="_blank" rel="noopener noreferrer" class="text-blue-600 underline">{t.antifp.viewOnGreasyFork}</a>
</p>
<p class="mb-6 text-lg">
{t.antifp.summary}
</p>
<h2 class="text-2xl font-semibold mb-4">{t.antifp.features.title}</h2>
<ul class="list-disc list-inside mb-8 space-y-2">
{t.antifp.features.items.map((item) => (
<li class="text-gray-700">{item}</li>
))}
</ul>
<h2 class="text-2xl font-semibold mb-4">{t.antifp.howToInstall}</h2>
<ol class="list-decimal list-inside mb-8 space-y-2">
<li>{t.antifp.step1}</li>
<li>{t.antifp.step2}</li>
<li>{t.antifp.step3}</li>
<li>{t.antifp.step4}</li>
</ol>
<h2 class="text-2xl font-semibold mb-4">{t.antifp.notes.title}</h2>
<ul class="list-disc list-inside mb-8 space-y-2">
{t.antifp.notes.items.map((item) => (
<li class="text-gray-700">{item}</li>
))}
</ul>
<p class="text-gray-600 italic">{t.antifp.targetAudience}</p>
<p class="mt-4 text-gray-600">{t.antifp.moreDetails}</p>
</div>
</Layout>

23
src/pages/antifp.astro Normal file
View File

@@ -0,0 +1,23 @@
---
import Layout from '../layouts/Layout.astro';
---
<Layout>
<div class="max-w-3xl mx-auto px-4 py-8">
<h1 class="text-3xl font-bold mb-4">Anti-Fingerprinting Shield Plus</h1>
<p class="mb-4">
<a href="https://greasyfork.org/en/scripts/534570-anti-fingerprinting-shield-plus" target="_blank" rel="noopener noreferrer" class="text-blue-600 underline">View on GreasyFork</a>
</p>
<p class="mb-6">
<strong>Anti-Fingerprinting Shield Plus</strong> is a userscript designed to enhance your privacy by blocking or spoofing browser fingerprinting techniques. It works on a wide range of sites and is compatible with popular script managers like Tampermonkey and Violentmonkey.
</p>
<h2 class="text-xl font-semibold mb-2">How to Install</h2>
<ol class="list-decimal list-inside mb-6">
<li>Install a userscript manager such as Tampermonkey or Violentmonkey.</li>
<li>Visit the <a href="https://greasyfork.org/en/scripts/534570-anti-fingerprinting-shield-plus" target="_blank" rel="noopener noreferrer" class="text-blue-600 underline">Anti-Fingerprinting Shield Plus GreasyFork page</a>.</li>
<li>Click the "Install this script" button.</li>
<li>Follow the prompts to add the script to your userscript manager.</li>
</ol>
<p class="text-gray-600">For more details and updates, visit the GreasyFork page linked above.</p>
</div>
</Layout>