Spaces:

stat2025
/

PDF

Running

App Files Files Community

stat2025 commited on Nov 9, 2025

Commit

ec35b10

verified ·

1 Parent(s): 3706fb0

Update index.html

Browse files

Files changed (1) hide show

index.html +12 -10

index.html CHANGED Viewed

@@ -2,15 +2,17 @@
 <html lang="ar" dir="rtl">
 <head>
   <meta charset="UTF-8" />
-  <title>ادمج الملفات بكل سهولة</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="stylesheet" href="style.css" />
   <script src="https://unpkg.com/pdf-lib@1.17.1/dist/pdf-lib.min.js"></script>
 </head>
 <body>
   <div class="page">
-    <!-- الهيدر العلوي: اعتماد فقط -->
     <header class="topbar">
       <span class="credit">تصميم وإعداد الدعم الفني: نوف الناصر</span>
     </header>
@@ -21,7 +23,7 @@
       <!-- هيرو -->
       <section class="hero">
         <div class="logo-mark">PDF</div>
-        <h1>ادمج الملفات بكل سهولة</h1>
         <p>
           حمّل صورك وملفات الـ PDF، رتّبها كما تشاء، واحصل على ملف PDF واحد منسّق،
           مع الحفاظ على كامل المحتوى، ووضع الصور في صفحات A4 كاملة دون قص.
@@ -47,7 +49,7 @@
       <!-- الكارد الرئيسي -->
       <section class="card main-card">
-        <!-- القسم 1: اختيار الملفات -->
         <div class="card-section card-select">
           <h2 class="card-title">اختيار الملفات</h2>
           <p class="hint">
@@ -66,12 +68,12 @@
           </label>
         </div>
-        <!-- القسم 2: قائمة الملفات -->
         <div class="card-section">
           <div id="fileList" class="file-list hidden"></div>
         </div>
-        <!-- القسم 3: الإخراج والأزرار -->
         <div class="card-section card-output">
           <div class="card-row inline">
             <label for="outputName" class="card-label">اسم ملف الإخراج (اختياري)</label>
@@ -114,7 +116,7 @@
     const progressFill = document.getElementById("progressFill");
     let selectedFiles = [];
-    const MAX_RECOMMENDED_FILES = 200; // تنبيه فقط
     function setStatus(msg, type = "") {
       statusDiv.textContent = msg;
@@ -180,7 +182,7 @@
       if (hasImages && hasPDFs) {
         modeText = "الوضع الحالي: دمج صور + ملفات PDF في ملف واحد، مع صفحات A4 ثابتة.";
       } else if (hasPDFs) {
-        modeText = "الوضع الحالي: دمج ملفات PDF في ملف واحد (بدون تغيير محتوى الصفحات).";
       } else if (hasImages) {
         modeText = "الوضع الحالي: تحويل صور إلى ملف PDF واحد بحجم A4 لكل صفحة.";
       } else {
@@ -190,7 +192,7 @@
       fileListDiv.innerHTML = `
         <div class="file-list-header">
           <span>الملفات المختارة: ${files.length}</span>
-          <span class="file-note">يمكنك إعادة الترتيب أو حذف أي ملف قبل الدمج.</span>
         </div>
         <div class="mode-label">${modeText}</div>
         <ul class="file-list-ul">
@@ -294,7 +296,7 @@
       showProgress(false);
     });
-    // الدمج مع A4 + شريط تقدم
     mergeBtn.addEventListener("click", async () => {
       const files = [...selectedFiles];

 <html lang="ar" dir="rtl">
 <head>
   <meta charset="UTF-8" />
+  <title>دمج ملفات PDF وصور بحجم A4 | أداة المجموعة</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <!-- خط Tajawal -->
+  <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="style.css" />
   <script src="https://unpkg.com/pdf-lib@1.17.1/dist/pdf-lib.min.js"></script>
 </head>
 <body>
   <div class="page">
+    <!-- الهيدر العلوي -->
     <header class="topbar">
       <span class="credit">تصميم وإعداد الدعم الفني: نوف الناصر</span>
     </header>
       <!-- هيرو -->
       <section class="hero">
         <div class="logo-mark">PDF</div>
+        <h1>ادمج ملفاتك بسهولة في ملف PDF واحد بحجم A4.</h1>
         <p>
           حمّل صورك وملفات الـ PDF، رتّبها كما تشاء، واحصل على ملف PDF واحد منسّق،
           مع الحفاظ على كامل المحتوى، ووضع الصور في صفحات A4 كاملة دون قص.
       <!-- الكارد الرئيسي -->
       <section class="card main-card">
+        <!-- اختيار الملفات -->
         <div class="card-section card-select">
           <h2 class="card-title">اختيار الملفات</h2>
           <p class="hint">
           </label>
         </div>
+        <!-- قائمة الملفات -->
         <div class="card-section">
           <div id="fileList" class="file-list hidden"></div>
         </div>
+        <!-- الإخراج والأزرار -->
         <div class="card-section card-output">
           <div class="card-row inline">
             <label for="outputName" class="card-label">اسم ملف الإخراج (اختياري)</label>
     const progressFill = document.getElementById("progressFill");
     let selectedFiles = [];
+    const MAX_RECOMMENDED_FILES = 200;
     function setStatus(msg, type = "") {
       statusDiv.textContent = msg;
       if (hasImages && hasPDFs) {
         modeText = "الوضع الحالي: دمج صور + ملفات PDF في ملف واحد، مع صفحات A4 ثابتة.";
       } else if (hasPDFs) {
+        modeText = "الوضع الحالي: دمج ملفات PDF في ملف واحد (بدون تعديل محتوى الصفحات).";
       } else if (hasImages) {
         modeText = "الوضع الحالي: تحويل صور إلى ملف PDF واحد بحجم A4 لكل صفحة.";
       } else {
       fileListDiv.innerHTML = `
         <div class="file-list-header">
           <span>الملفات المختارة: ${files.length}</span>
+          <span class="file-note">رتّب الملفات، أو احذف أي ملف قبل الدمج.</span>
         </div>
         <div class="mode-label">${modeText}</div>
         <ul class="file-list-ul">
       showProgress(false);
     });
+    // الدمج
     mergeBtn.addEventListener("click", async () => {
       const files = [...selectedFiles];