youssefreda9 commited on
Commit
f1df95b
·
1 Parent(s): 9e51f9d

UI: remove pricing from nav, fix dialect colors to match theme, remove placeholder example

Browse files
Files changed (1) hide show
  1. src/index.html +6 -8
src/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!doctype html>
2
  <html lang="ar" dir="rtl" class="h-full">
3
  <head>
4
  <meta charset="UTF-8">
@@ -65,7 +65,6 @@
65
  <button onclick="showPage('home')" class="nav-link active text-base font-medium" data-page="home">الرئيسية</button>
66
  <button onclick="showPage('features')" class="nav-link text-base font-medium" data-page="features">الميزات</button>
67
  <button onclick="showPage('editor')" class="nav-link text-base font-medium" data-page="editor">المحرر</button>
68
- <button onclick="showPage('pricing')" class="nav-link text-base font-medium" data-page="pricing">الأسعار</button>
69
  <a href="https://bayyinah-alpha.vercel.app/" class="nav-bayyinah-link" target="_blank" rel="noopener noreferrer" aria-label="بَيِّنَة — مساعد ذكي للإجابة عن أسئلة القرآن والحديث وقصص الأنبياء"><svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="flex-shrink:0;"><path d="M12 7v14"/><path d="M16 12h2"/><path d="M16 8h2"/><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"/><path d="M6 12h2"/><path d="M6 8h2"/></svg> بَيِّنَة <span class="nav-bayyinah-arrow">↗</span></a>
70
  </div>
71
  <div class="flex items-center gap-2 md:gap-3">
@@ -102,7 +101,6 @@
102
  <button class="mobile-drawer-link active" data-page="home">الرئيسية</button>
103
  <button class="mobile-drawer-link" data-page="features">الميزات</button>
104
  <button class="mobile-drawer-link" data-page="editor">المحرر</button>
105
- <button class="mobile-drawer-link" data-page="pricing">الأسعار</button>
106
  <a href="https://bayyinah-alpha.vercel.app/" class="mobile-drawer-link mobile-drawer-link-external" target="_blank" rel="noopener noreferrer" aria-label="بَيِّنَة — مساعد ذكي للإجابة عن أسئلة القرآن والحديث وقصص الأنبياء">بَيِّنَة — القرآن والحديث والسيرة</a>
107
  <div class="auth-drawer-section">
108
  <p class="auth-drawer-label">الحساب</p>
@@ -846,17 +844,17 @@
846
  <div id="dialect-area" class="summarize-panel is-hidden">
847
  <div class="mb-4">
848
  <div class="flex items-center gap-2 mb-3">
849
- <svg width="18" height="18" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="color: #f97316;"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"/></svg>
850
  <span class="text-base font-bold">تحويل اللهجات للفصحى</span>
851
- <span class="text-xs px-2 py-0.5 rounded-full" style="background: rgba(249, 115, 22, 0.15); color: #f97316;">قيد التطوير</span>
852
  </div>
853
  <p class="text-sm mb-4" style="color: var(--text-secondary);">اكتب نصًا بأي لهجة عربية (مصرية، خليجية، شامية...) وسنحوّله إلى لغة عربية فصحى سليمة.</p>
854
  </div>
855
- <textarea id="dialect-input" class="w-full p-4 rounded-xl text-right text-lg editor-content" dir="rtl" rows="6" placeholder="اكتب النص باللهجة هنا... مثال: ازيك يا صاحبي، انت فين دلوقتي؟" style="background: var(--color-surface); border: 1px solid var(--color-border); color: var(--color-text-primary); resize: vertical; font-family: inherit;"></textarea>
856
- <button onclick="convertDialect()" class="btn-primary w-full py-4 text-lg mt-4 mb-4" type="button" style="background: linear-gradient(135deg, #f97316, #ea580c);">تحويل إلى الفصحى</button>
857
  <div id="dialect-result-card" class="is-hidden" style="background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 1rem; padding: 1.5rem;">
858
  <div class="flex items-center justify-between mb-3">
859
- <h3 class="text-base font-bold" style="color: #f97316;">✓ النص بالعربية الفصحى</h3>
860
  <button onclick="copyDialectResult()" class="btn-ghost text-sm" type="button">نسخ</button>
861
  </div>
862
  <div id="dialect-result" class="text-right text-lg editor-content" dir="rtl" style="line-height: 2;"></div>
 
1
+ <!doctype html>
2
  <html lang="ar" dir="rtl" class="h-full">
3
  <head>
4
  <meta charset="UTF-8">
 
65
  <button onclick="showPage('home')" class="nav-link active text-base font-medium" data-page="home">الرئيسية</button>
66
  <button onclick="showPage('features')" class="nav-link text-base font-medium" data-page="features">الميزات</button>
67
  <button onclick="showPage('editor')" class="nav-link text-base font-medium" data-page="editor">المحرر</button>
 
68
  <a href="https://bayyinah-alpha.vercel.app/" class="nav-bayyinah-link" target="_blank" rel="noopener noreferrer" aria-label="بَيِّنَة — مساعد ذكي للإجابة عن أسئلة القرآن والحديث وقصص الأنبياء"><svg width="14" height="14" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="flex-shrink:0;"><path d="M12 7v14"/><path d="M16 12h2"/><path d="M16 8h2"/><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"/><path d="M6 12h2"/><path d="M6 8h2"/></svg> بَيِّنَة <span class="nav-bayyinah-arrow">↗</span></a>
69
  </div>
70
  <div class="flex items-center gap-2 md:gap-3">
 
101
  <button class="mobile-drawer-link active" data-page="home">الرئيسية</button>
102
  <button class="mobile-drawer-link" data-page="features">الميزات</button>
103
  <button class="mobile-drawer-link" data-page="editor">المحرر</button>
 
104
  <a href="https://bayyinah-alpha.vercel.app/" class="mobile-drawer-link mobile-drawer-link-external" target="_blank" rel="noopener noreferrer" aria-label="بَيِّنَة — مساعد ذكي للإجابة عن أسئلة القرآن والحديث وقصص الأنبياء">بَيِّنَة — القرآن والحديث والسيرة</a>
105
  <div class="auth-drawer-section">
106
  <p class="auth-drawer-label">الحساب</p>
 
844
  <div id="dialect-area" class="summarize-panel is-hidden">
845
  <div class="mb-4">
846
  <div class="flex items-center gap-2 mb-3">
847
+ <svg width="18" height="18" fill="none" stroke="currentColor" viewBox="0 0 24 24" style="color: var(--color-primary);"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129"/></svg>
848
  <span class="text-base font-bold">تحويل اللهجات للفصحى</span>
849
+ <span class="text-xs px-2 py-0.5 rounded-full" style="background: rgba(var(--color-primary-rgb, 99, 102, 241), 0.15); color: var(--color-primary);">قيد التطوير</span>
850
  </div>
851
  <p class="text-sm mb-4" style="color: var(--text-secondary);">اكتب نصًا بأي لهجة عربية (مصرية، خليجية، شامية...) وسنحوّله إلى لغة عربية فصحى سليمة.</p>
852
  </div>
853
+ <textarea id="dialect-input" class="w-full p-4 rounded-xl text-right text-lg editor-content" dir="rtl" rows="6" placeholder="اكتب النص باللهجة هنا..." style="background: var(--color-surface); border: 1px solid var(--color-border); color: var(--color-text-primary); resize: vertical; font-family: inherit;"></textarea>
854
+ <button onclick="convertDialect()" class="btn-primary w-full py-4 text-lg mt-4 mb-4" type="button">تحويل إلى الفصحى</button>
855
  <div id="dialect-result-card" class="is-hidden" style="background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 1rem; padding: 1.5rem;">
856
  <div class="flex items-center justify-between mb-3">
857
+ <h3 class="text-base font-bold" style="color: var(--color-primary);">✓ النص بالعربية الفصحى</h3>
858
  <button onclick="copyDialectResult()" class="btn-ghost text-sm" type="button">نسخ</button>
859
  </div>
860
  <div id="dialect-result" class="text-right text-lg editor-content" dir="rtl" style="line-height: 2;"></div>