fix: Add internationalization support for various pages by updating text elements with data-i18n attributes for better localization
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user