Remove deprecated image files and update image imports in antifp and eap pages for improved maintainability and consistency.

This commit is contained in:
2025-06-07 17:16:52 +02:00
parent 5e44722960
commit d1591d1970
16 changed files with 76 additions and 33 deletions

View File

@@ -3,6 +3,8 @@ export const prerender = true;
import Layout from '~/layouts/PageLayout.astro';
import { getAntifpTranslation, supportedLanguages } from '~/i18n/translations.antifp';
import Image from '~/components/common/Image.astro';
import antifpSettingsImg from '~/assets/images/antifp-settings.png';
export async function getStaticPaths() {
return supportedLanguages.map((lang) => ({
@@ -34,7 +36,7 @@ const metadata = {
</p>
<figure class="mb-8">
<img src="/images/antifp-settings.png" alt="Screenshot of Anti-Fingerprinting Shield Plus settings panel with all privacy options enabled" class="rounded shadow-lg border border-gray-200 mx-auto" />
<Image src={antifpSettingsImg} alt="Screenshot of Anti-Fingerprinting Shield Plus settings panel with all privacy options enabled" class="rounded shadow-lg border border-gray-200 mx-auto" />
<figcaption class="text-center text-gray-500 text-sm mt-2">This screenshot shows the settings panel for Anti-Fingerprinting Shield Plus, where all fingerprinting protection options are enabled.</figcaption>
</figure>

View File

@@ -3,6 +3,7 @@ export const prerender = true;
import Layout from '~/layouts/PageLayout.astro';
import { getEapTranslation, supportedLanguages } from '~/i18n/translations.eap';
import Image from '~/components/common/Image.astro';
export async function getStaticPaths() {
return supportedLanguages.map((lang) => ({
@@ -35,7 +36,7 @@ const metadata = {
))}
</ul>
<figure class="mb-8">
<img src={eap.screenshots.mainImg} alt={eap.whatItDoes.screenshot} class="rounded shadow-lg border border-gray-200 mx-auto" />
<Image src={eap.screenshots.mainImg} alt={eap.whatItDoes.screenshot} class="rounded shadow-lg border border-gray-200 mx-auto" width={800} height={450} />
<figcaption class="text-center text-gray-500 text-sm mt-2">{eap.whatItDoes.screenshot}</figcaption>
</figure>
@@ -109,11 +110,11 @@ const metadata = {
<h2 class="text-2xl font-semibold mb-4">Screenshots</h2>
<div class="mb-8 grid grid-cols-1 md:grid-cols-2 gap-6">
<figure>
<img src={eap.screenshots.settingsImg} alt={eap.screenshots.settings} class="rounded shadow-lg border border-gray-200 mx-auto" />
<Image src={eap.screenshots.settingsImg} alt={eap.screenshots.settings} class="rounded shadow-lg border border-gray-200 mx-auto" width={800} height={450} />
<figcaption class="text-center text-gray-500 text-sm mt-2">{eap.screenshots.settings}</figcaption>
</figure>
<figure>
<img src={eap.screenshots.popupImg} alt={eap.screenshots.popup} class="rounded shadow-lg border border-gray-200 mx-auto" />
<Image src={eap.screenshots.popupImg} alt={eap.screenshots.popup} class="rounded shadow-lg border border-gray-200 mx-auto" width={800} height={450} />
<figcaption class="text-center text-gray-500 text-sm mt-2">{eap.screenshots.popup}</figcaption>
</figure>
</div>