Spaces:

joermd
/

translate

Running

App Files Files Community

joermd commited on Mar 15

Commit

5643379

verified ·

1 Parent(s): bf7e722

Update index.html

Browse files

Files changed (1) hide show

index.html +12 -13

index.html CHANGED Viewed

@@ -3,13 +3,13 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>نظام المقارنة والتحليل المتقدم - شركة موندو لينجوا</title>
   <!-- استيراد Tailwind CSS, FontAwesome وMammoth -->
   <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.6.0/mammoth.browser.min.js"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
   <style>
-    /* الحركات والتأثيرات */
     @keyframes gradient {
       0% { background-position: 0% 50%; }
       50% { background-position: 100% 50%; }
@@ -53,7 +53,7 @@
       font-weight: bold;
     }
-    /* تنسيق الفقرات وترقيمها */
     .line-item {
       margin-bottom: 1rem;
       padding: 0.5rem;
@@ -79,7 +79,6 @@
       transform: translateY(-3px);
     }
     .icon { margin-left: 0.5rem; }
-    /* أيقونات رفع الملفات على اليمين */
     .upload-label {
       display: flex;
       flex-direction: row-reverse;
@@ -94,7 +93,7 @@
     <header class="bg-gradient-to-r from-indigo-800 via-purple-800 to-pink-800 animate-gradient text-white py-12 mb-12 shadow-2xl">
       <div class="max-w-6xl mx-auto px-4 text-center">
         <h1 class="text-6xl font-extrabold mb-4 animate-scale">
-          نظام المقارنة والتحليل المتقدم <i class="fas fa-chart-line icon"></i>
         </h1>
         <p class="text-2xl opacity-90">
           تحليل دقيق يشمل النصوص المفقودة، الأرقام/التواريخ، وفهم الاختصارات
@@ -104,7 +103,7 @@
     <!-- المحتوى الرئيسي -->
     <main class="max-w-7xl mx-auto px-4 space-y-10">
-      <!-- قسم رفع الملفات -->
       <div class="card card-hover">
         <h2 class="text-3xl font-bold text-gray-800 border-b pb-3 mb-6">
           <i class="fas fa-file-upload icon text-indigo-600"></i> تحميل الملفات
@@ -135,7 +134,7 @@
         </div>
       </div>
-      <!-- قسم إدخال النصوص يدويًا -->
       <div class="card card-hover">
         <div class="space-y-8">
           <!-- النص المصدر -->
@@ -155,13 +154,13 @@
         </div>
       </div>
-      <!-- قسم المصادر الإضافية -->
       <div class="card card-hover">
         <h2 class="text-3xl font-bold text-gray-800 border-b pb-3 mb-6">
           <i class="fas fa-book-open icon text-green-600"></i> مصادر إضافية
         </h2>
         <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
-          <!-- رفع ملف المصادر الإضافية -->
           <div class="group border-2 border-dashed border-green-300 rounded-xl p-10 text-center bg-green-50 hover:bg-green-100 transition-colors duration-300">
             <label class="cursor-pointer block upload-label">
               <input type="file" id="sourceExtraFile" accept=".docx,.pdf" class="hidden">
@@ -187,7 +186,7 @@
         </div>
       </button>
-      <!-- قسم نتائج التحليل والمقارنة -->
       <div id="resultSection" class="card hidden">
         <h2 class="text-3xl font-bold text-gray-800 border-b pb-4 mb-6">
           <i class="fas fa-search icon text-green-600"></i> نتائج التحليل والمقارنة
@@ -209,7 +208,7 @@
         </div>
       </div>
-      <!-- قسم الشرح التفصيلي للاختلافات -->
       <div id="explanationBox" class="card hidden">
         <h2 class="text-3xl font-bold text-gray-800 border-b pb-4 mb-6">
           <i class="fas fa-info-circle icon text-green-600"></i> شرح الاختلافات
@@ -268,7 +267,7 @@
         return text.substring(0, index).split("\n").length;
       };
-      // تظليل الاختلافات في النص المصدر بناءً على نتائج التحليل
       const applyHighlights = (originalText, analysisOutput) => {
         let highlightedText = originalText;
         let match;
@@ -494,7 +493,7 @@
             document.getElementById('targetTextReview').innerHTML = splitIntoLines(targetText);
             document.getElementById('explanationText').innerHTML = `<p class="text-xl">النصوص متطابقة ولا يوجد اختلاف يجب الإشارة إليه.</p>`;
           } else {
-            // تطبيق التعليم فقط على النص المصدر
             const sourceHighlighted = applyHighlights(sourceText, analysisOutput);
             document.getElementById('sourceTextReview').innerHTML = splitIntoLines(sourceHighlighted);
             // عرض النص الهدف بدون تعليم

 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>منصة مراجعة النصوص والترجمات - شركة موندو لينجوا</title>
   <!-- استيراد Tailwind CSS, FontAwesome وMammoth -->
   <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.6.0/mammoth.browser.min.js"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
   <style>
+    /* تأثيرات الحركة والتنسيقات */
     @keyframes gradient {
       0% { background-position: 0% 50%; }
       50% { background-position: 100% 50%; }
       font-weight: bold;
     }
+    /* تقسيم الفقرات وترقيمها */
     .line-item {
       margin-bottom: 1rem;
       padding: 0.5rem;
       transform: translateY(-3px);
     }
     .icon { margin-left: 0.5rem; }
     .upload-label {
       display: flex;
       flex-direction: row-reverse;
     <header class="bg-gradient-to-r from-indigo-800 via-purple-800 to-pink-800 animate-gradient text-white py-12 mb-12 shadow-2xl">
       <div class="max-w-6xl mx-auto px-4 text-center">
         <h1 class="text-6xl font-extrabold mb-4 animate-scale">
+          منصة مراجعة النصوص والترجمات <i class="fas fa-chart-line icon"></i>
         </h1>
         <p class="text-2xl opacity-90">
           تحليل دقيق يشمل النصوص المفقودة، الأرقام/التواريخ، وفهم الاختصارات
     <!-- المحتوى الرئيسي -->
     <main class="max-w-7xl mx-auto px-4 space-y-10">
+      <!-- رفع الملفات -->
       <div class="card card-hover">
         <h2 class="text-3xl font-bold text-gray-800 border-b pb-3 mb-6">
           <i class="fas fa-file-upload icon text-indigo-600"></i> تحميل الملفات
         </div>
       </div>
+      <!-- إدخال النصوص يدويًا -->
       <div class="card card-hover">
         <div class="space-y-8">
           <!-- النص المصدر -->
         </div>
       </div>
+      <!-- المصادر الإضافية -->
       <div class="card card-hover">
         <h2 class="text-3xl font-bold text-gray-800 border-b pb-3 mb-6">
           <i class="fas fa-book-open icon text-green-600"></i> مصادر إضافية
         </h2>
         <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+          <!-- رفع ملف المصادر -->
           <div class="group border-2 border-dashed border-green-300 rounded-xl p-10 text-center bg-green-50 hover:bg-green-100 transition-colors duration-300">
             <label class="cursor-pointer block upload-label">
               <input type="file" id="sourceExtraFile" accept=".docx,.pdf" class="hidden">
         </div>
       </button>
+      <!-- عرض نتائج التحليل -->
       <div id="resultSection" class="card hidden">
         <h2 class="text-3xl font-bold text-gray-800 border-b pb-4 mb-6">
           <i class="fas fa-search icon text-green-600"></i> نتائج التحليل والمقارنة
         </div>
       </div>
+      <!-- شرح الاختلافات بالتفصيل -->
       <div id="explanationBox" class="card hidden">
         <h2 class="text-3xl font-bold text-gray-800 border-b pb-4 mb-6">
           <i class="fas fa-info-circle icon text-green-600"></i> شرح الاختلافات
         return text.substring(0, index).split("\n").length;
       };
+      // تطبيق التظليل على النص المصدر بناءً على نتائج التحليل
       const applyHighlights = (originalText, analysisOutput) => {
         let highlightedText = originalText;
         let match;
             document.getElementById('targetTextReview').innerHTML = splitIntoLines(targetText);
             document.getElementById('explanationText').innerHTML = `<p class="text-xl">النصوص متطابقة ولا يوجد اختلاف يجب الإشارة إليه.</p>`;
           } else {
+            // تطبيق التظليل على النص المصدر فقط
             const sourceHighlighted = applyHighlights(sourceText, analysisOutput);
             document.getElementById('sourceTextReview').innerHTML = splitIntoLines(sourceHighlighted);
             // عرض النص الهدف بدون تعليم