Remove deprecated image files and update image imports in antifp and eap pages for improved maintainability and consistency.
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user