fix: Add internationalization support for various pages by updating text elements with data-i18n attributes for better localization

This commit is contained in:
alam00000
2026-02-02 16:30:59 +05:30
parent 612f6f9a2d
commit 70f31aa90e
138 changed files with 3507 additions and 838 deletions

View File

@@ -111,7 +111,9 @@
class="flex items-center gap-2 text-indigo-400 hover:text-indigo-300 mb-6 font-semibold"
>
<i data-lucide="arrow-left" class="cursor-pointer"></i>
<span class="cursor-pointer">Back to Tools</span>
<span class="cursor-pointer" data-i18n="tools.backToTools"
>Back to Tools</span
>
</button>
<h1
class="text-2xl font-bold text-white mb-2"
@@ -152,7 +154,12 @@
>
<span data-i18n="upload.orDragAndDrop">or drag and drop</span>
</p>
<p class="text-xs text-gray-500">PDF Documents</p>
<p
class="text-xs text-gray-500"
data-i18n="upload.hints.pdfDocuments"
>
PDF Documents
</p>
<p class="text-xs text-gray-500" data-i18n="upload.filesNeverLeave">
Your files never leave your device.
</p>
@@ -176,14 +183,27 @@
<!-- Advanced Settings -->
<div id="advanced-settings" class="hidden mt-6">
<h3 class="text-lg font-semibold text-white mb-2">Advanced Settings</h3>
<div class="bg-gray-700 p-4 rounded-lg">
<label for="page-order-input" class="block text-sm font-medium text-gray-300 mb-2">Page Order (comma-separated)</label>
<div class="flex gap-2">
<input type="text" id="page-order-input" class="w-full bg-gray-900 text-white rounded-md px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-500 border border-gray-600" placeholder="e.g., 3,1,4,2">
<button id="apply-order-btn" class="btn-secondary">Apply Order</button>
</div>
<h3 class="text-lg font-semibold text-white mb-2">
Advanced Settings
</h3>
<div class="bg-gray-700 p-4 rounded-lg">
<label
for="page-order-input"
class="block text-sm font-medium text-gray-300 mb-2"
>Page Order (comma-separated)</label
>
<div class="flex gap-2">
<input
type="text"
id="page-order-input"
class="w-full bg-gray-900 text-white rounded-md px-3 py-2 text-sm focus:ring-2 focus:ring-indigo-500 border border-gray-600"
placeholder="e.g., 3,1,4,2"
/>
<button id="apply-order-btn" class="btn-secondary">
Apply Order
</button>
</div>
</div>
</div>
<button id="process-btn" class="hidden btn-gradient w-full mt-6">
@@ -238,7 +258,10 @@
<!-- How It Works Section -->
<section class="max-w-4xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-8 text-center">
<h2
class="text-2xl md:text-3xl font-bold text-white mb-8 text-center"
data-i18n="howItWorks.title"
>
How It Works
</h2>
<div class="space-y-6">
@@ -250,7 +273,7 @@
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-white mb-1">Upload File</h3>
<p class="text-gray-400">
<p class="text-gray-400" data-i18n="howItWorks.step1">
Click or drag and drop your file to begin
</p>
</div>
@@ -263,7 +286,9 @@
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-white mb-1">Process</h3>
<p class="text-gray-400">Click the process button to start</p>
<p class="text-gray-400" data-i18n="howItWorks.step2">
Click the process button to start
</p>
</div>
</div>
<div class="flex items-start gap-4">
@@ -274,7 +299,9 @@
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-white mb-1">Download</h3>
<p class="text-gray-400">Save your processed file instantly</p>
<p class="text-gray-400" data-i18n="howItWorks.step3">
Save your processed file instantly
</p>
</div>
</div>
</div>
@@ -282,7 +309,10 @@
<!-- Related Tools Section -->
<section class="max-w-6xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">
<h2
class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
data-i18n="relatedTools.title"
>
Related PDF Tools
</h2>
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
@@ -326,7 +356,10 @@
<!-- FAQ Section -->
<section class="max-w-4xl mx-auto px-4 py-12">
<h2 class="text-2xl md:text-3xl font-bold text-white mb-6 text-center">
<h2
class="text-2xl md:text-3xl font-bold text-white mb-6 text-center"
data-i18n="faq.sectionTitle"
>
Frequently Asked Questions
</h2>
<div class="space-y-4">