feat: Add VitePress docs, EPUB to PDF tool, Phosphor icons, and licensing updates

- Set up VitePress documentation site (docs:dev, docs:build, docs:preview)
- Added Getting Started, Tools Reference, Contributing, and Commercial License pages
- Created self-hosting guides for Docker, Vercel, Netlify, Cloudflare, AWS, Hostinger, Nginx, Apache
- Updated README with documentation link, sponsors section, and docs contribution guide

- Added EPUB to PDF converter using LibreOffice WASM

- Migrated to Phosphor Icons for consistent iconography

- Added donation ribbon banner on landing page
- Removed 'Like My Work?' section (replaced by ribbon)
- Updated licensing.html with delivery model, AGPL notice, invoicing, and no-refund policy

- Added Commercial License documentation page
- Updated translations table (Chinese added, marked non-English as In Progress)

- Added sponsors.yml workflow for auto-generating sponsor avatars
This commit is contained in:
abdullahalam123
2025-12-27 19:30:31 +05:30
parent 0e888743d3
commit f30a084fce
189 changed files with 59872 additions and 3300 deletions

View File

@@ -99,42 +99,17 @@
<div class="bg-gray-900 rounded-lg border border-gray-700 p-4 mb-4">
<h3 class="text-center text-sm font-semibold text-white mb-4 uppercase tracking-wider">Batch Actions
</h3>
<div class="flex flex-col md:flex-row gap-4 md:gap-8 justify-center items-center">
<div class="flex justify-center items-center">
<!-- Rotate by 90 Degrees -->
<div class="flex flex-col items-center">
<span class="text-xs text-gray-400 uppercase tracking-wider mb-2">Rotate by 90
Degrees</span>
<div class="flex gap-2">
<button id="rotate-all-left"
class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
<i data-lucide="rotate-ccw" class="w-4 h-4"></i> Left
</button>
<button id="rotate-all-right"
class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
<i data-lucide="rotate-cw" class="w-4 h-4"></i> Right
</button>
</div>
</div>
<!-- Rotate by Custom Degrees -->
<div class="flex flex-col items-center">
<span class="text-xs text-gray-400 uppercase tracking-wider mb-2">Rotate by Custom
Degrees</span>
<div class="flex items-center gap-2">
<button id="batch-decrement"
class="w-10 h-10 flex items-center justify-center bg-gray-700 hover:bg-gray-600 text-white rounded-lg border border-gray-600">
</button>
<input id="batch-custom-angle" type="number" value="0"
class="w-16 h-10 text-center bg-gray-700 border border-gray-600 text-white rounded-lg">
<button id="batch-increment"
class="w-10 h-10 flex items-center justify-center bg-gray-700 hover:bg-gray-600 text-white rounded-lg border border-gray-600">
+
</button>
<button id="batch-apply"
class="px-4 h-10 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-sm font-medium">
Apply
</button>
</div>
<div class="flex gap-2">
<button id="rotate-all-left"
class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
<i data-lucide="rotate-ccw" class="w-4 h-4"></i> Left
</button>
<button id="rotate-all-right"
class="flex items-center gap-2 px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg text-sm border border-gray-600">
<i data-lucide="rotate-cw" class="w-4 h-4"></i> Right
</button>
</div>
</div>
</div>