Spaces:

Jahadona
/

khaterekhan2

Sleeping

App Files Files

xet

Community

Jahadona commited on May 5

Commit

53bdec8

verified ·

1 Parent(s): 437867a

Update index.html

Browse files

Files changed (1) hide show

index.html +26 -30

index.html CHANGED Viewed

@@ -3,37 +3,36 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>جستجوگر خاطرات علم</title>
-    <link href="./fonts/vazirmatn.css" rel="stylesheet" type="text/css"/>
     <link rel="stylesheet" href="style.css">
     <style>
         /* این بلوک استایل می تواند حذف شود اگر تمام استایل ها به style.css منتقل شده اند */
         body {
-            font-family: 'Vazirmatn', sans-serif;
-            line-height: 1.6;
             margin: 0;
             padding: 20px;
-            background-color: #f4f4f4;
-            color: #333;
-            direction: rtl;
-            text-align: right;
         }
         .container {
-            max-width: 800px;
-            margin: 20px auto;
-            background-color: #fff;
-            padding: 30px;
-            border-radius: 10px;
-            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
         }
          /* استایل های بخش ها */
         .book-selection, .search-area, .results-per-page, .similarity-threshold-control {
             margin-bottom: 20px;
             padding: 15px;
-            background-color: #e9e9e9;
-            border-radius: 8px;
-            border: 1px solid #ddd;
         }
         .book-selection label {
             margin-left: 10px; /* فاصله بین لیبل و چک باکس در RTL */
@@ -45,27 +44,27 @@
             border: 1px solid #ccc;
             border-radius: 5px;
             font-size: 1em;
-            font-family: 'Vazirmatn', sans-serif;
-            box-sizing: border-box;
             direction: rtl; /* برای تایپ فارسی */
         }
         .search-area button {
             padding: 10px 20px;
-            background-color: #5cb85c;
             color: white;
             border: none;
             border-radius: 5px;
             cursor: pointer;
             font-size: 1em;
-            font-family: 'Vazirmatn', sans-serif;
-            transition: background-color 0.3s ease;
         }
         .search-area button:hover:not(:disabled) {
-            background-color: #4cae4c;
         }
         .search-area button:disabled {
-            background-color: #cccccc;
-            cursor: not-allowed;
         }
         .results-per-page label { margin-left: 10px; }
         .results-per-page select {
@@ -148,9 +147,7 @@
 </head>
 <body>
     <div class="container">
-        <h1>جستجو در خاطرات</h1>
-        <div class="explanation-text">
              <p>
                 <strong>خاطره‌خوان پهلوی چیه و به چه کار میاد؟</strong>
                 یه دستیار خوب برای بچه‌های <strong>جهاد تبیین</strong> که کمک می‌کنه راحت‌تر بین <strong>خاطرات مستند دوران پهلوی</strong> بگردن و مطلب به‌دردبخور پیدا کنن.
@@ -168,8 +165,7 @@
         <div class="book-selection">
-            <h2>انتخاب کتاب</h2>
-            <div>
                 <input type="checkbox" id="select_all_books" checked>
                 <label for="select_all_books">انتخاب همه</label>
             </div>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>خاطره خوان پهلوی (نسخه آزمایشی)</title> <link href="./fonts/vazirmatn.css" rel="stylesheet" type="text/css"/>
     <link rel="stylesheet" href="style.css">
     <style>
         /* این بلوک استایل می تواند حذف شود اگر تمام استایل ها به style.css منتقل شده اند */
         body {
+            font-family: 'Vazirmatn', sans-serif; /* استفاده از فونت وزیرمتن */
+            line-height: 1.6; /* فاصله خطوط */
             margin: 0;
             padding: 20px;
+            background-color: #f4f4f4; /* رنگ پس زمینه ملایم */
+            color: #333; /* رنگ متن اصلی */
+            direction: rtl; /* جهت متن راست به چپ */
+            text-align: right; /* تراز متن به راست */
         }
         .container {
+            max-width: 800px; /* حداکثر عرض کانتینر */
+            margin: 20px auto; /* فاصله از بالا و پایین و مرکز افقی */
+            background-color: #fff; /* رنگ پس زمینه کانتینر */
+            padding: 30px; /* پدینگ داخلی */
+            border-radius: 10px; /* گوشه های گرد */
+            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* سایه ملایم */
         }
          /* استایل های بخش ها */
         .book-selection, .search-area, .results-per-page, .similarity-threshold-control {
             margin-bottom: 20px;
             padding: 15px;
+            background-color: #e9e9e9; /* رنگ پس زمینه ملایم برای بخش ها */
+            border-radius: 8px; /* گوشه های گرد بخش ها */
+            border: 1px solid #ddd; /* حاشیه بخش ها */
         }
         .book-selection label {
             margin-left: 10px; /* فاصله بین لیبل و چک باکس در RTL */
             border: 1px solid #ccc;
             border-radius: 5px;
             font-size: 1em;
+            font-family: 'Vazirmatn', sans-serif; /* اعمال فونت */
+            box-sizing: border-box; /* برای جلوگیری از سرریز شدن عرض */
             direction: rtl; /* برای تایپ فارسی */
         }
         .search-area button {
             padding: 10px 20px;
+            background-color: #5cb85c; /* رنگ سبز */
             color: white;
             border: none;
             border-radius: 5px;
             cursor: pointer;
             font-size: 1em;
+            font-family: 'Vazirmatn', sans-serif; /* اعمال فونت */
+            transition: background-color 0.3s ease; /* انیمیشن تغییر رنگ */
         }
         .search-area button:hover:not(:disabled) {
+            background-color: #4cae4c; /* سبز تیره تر */
         }
         .search-area button:disabled {
+            background-color: #cccccc; /* خاکستری */
+            cursor: not-allowed; /* نشانگر عدم اجازه */
         }
         .results-per-page label { margin-left: 10px; }
         .results-per-page select {
 </head>
 <body>
     <div class="container">
+        <h1>خاطره خوان پهلوی (نسخه آزمایشی)</h1> <div class="explanation-text">
              <p>
                 <strong>خاطره‌خوان پهلوی چیه و به چه کار میاد؟</strong>
                 یه دستیار خوب برای بچه‌های <strong>جهاد تبیین</strong> که کمک می‌کنه راحت‌تر بین <strong>خاطرات مستند دوران پهلوی</strong> بگردن و مطلب به‌دردبخور پیدا کنن.
         <div class="book-selection">
+            <h2>انتخاب کتاب(نسخه آزمایشی - فعلاً فقط کتاب جعبه سیاه)</h2> <div>
                 <input type="checkbox" id="select_all_books" checked>
                 <label for="select_all_books">انتخاب همه</label>
             </div>