<!doctype html>
<html lang="he" dir="rtl" translate="no">
  <head>
    <meta charset="UTF-8" />
    <!-- 🌐 מעבר ל-bavli.app: הפניה מהדומיין הישן רק כשהרשת מאפשרת (כבויה עד האישור) — public/host-redirect.js -->
    <script src="/host-redirect.js"></script>
    <!-- תרגום-אוטומטי של הדפדפן משכתב צמתי-טקסט מתחת ל-React, וזה מקור
         שגיאות removeChild/insertBefore שדווחו מהמסך "קשיא" ומ-/babylon.
         האתר עברית ממילא — אין סיבה לתרגם אותו. -->
    <meta name="google" content="notranslate" />
    <!-- 🔎 גוגל מציג סמל רק בגודל שהוא כפולה של 48 (20.10 — 150×150 הופיע כגלובוס) -->
    <link rel="icon" href="/favicon.ico" sizes="48x48" />
    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- SEO -->
    <meta name="google-site-verification" content="D2IaHOmHxzTG9DcwdTmMJgT0jtDLX_V9Ar3P1MWs-rQ" />
    <title>בבלי - מפתח הגמרא | לומדים גמרא במשחק</title>
    <meta name="description" content="בבלי - מפתח הגמרא 🏛️ לומדים גמרא בכיף! משחקים, סוגיות אינטראקטיביות, שוק בבל ואתגרים ללימוד ארמית וגמרא." />
    <meta name="keywords" content="גמרא, לימוד גמרא, ארמית, משחקי גמרא, בבלי, תלמוד, לימוד אינטראקטיבי, חינוך יהודי, מפתח הגמרא" />
    <link rel="canonical" href="https://bavli.app/" />

    <!-- Open Graph (Facebook, WhatsApp) -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://bavli.app/" />
    <meta property="og:title" content="בבלי - מפתח הגמרא | לימוד גמרא אינטראקטיבי" />
    <meta property="og:description" content="לומדים גמרא בכיף! משחקים, סוגיות אינטראקטיביות, שוק בבל ואתגרים." />
    <meta property="og:image" content="https://bavli.app/og-image.jpg" />
    <meta property="og:locale" content="he_IL" />
    <meta property="og:site_name" content="בבלי - מפתח הגמרא" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="בבלי - מפתח הגמרא | לימוד גמרא אינטראקטיבי" />
    <meta name="twitter:description" content="לומדים גמרא בכיף! משחקים, סוגיות אינטראקטיביות ואתגרים ללימוד ארמית וגמרא." />
    <meta name="twitter:image" content="https://bavli.app/og-image.jpg" />

    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <!-- נתונים מובנים (Google) — הדפים הציבוריים עצמם נוצרים ב-scripts/gen-public-site.mjs -->
    <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","name":"בבלי — מפתח הגמרא","url":"https://bavli.app/","inLanguage":"he"},{"@type":"EducationalOrganization","name":"בבלי — מפתח הגמרא","url":"https://bavli.app/","logo":"https://bavli.app/favicon-192.png","description":"אתר ללימוד גמרא וארמית בדרך של משחק: סוגיות אינטראקטיביות, מילות מפתח ועולם תלת-ממדי של בבל","founder":{"@type":"Person","name":"אברהם זקס","jobTitle":"מחנך","url":"https://bavli.app/story/"}}]}</script>

    <!-- PWA / Mobile -->
    <meta name="theme-color" content="#4F46E5" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="בבלי" />
    <script type="module" crossorigin src="/assets/index-lahkkGfk.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-CNBqyUY9.css">
  </head>
  <body>
    <!-- התוכן שבתוך root הוא מה שסורקים בלי JS (מנועי בינה מלאכותית) קוראים. מוסתר חזותית בדפוס
         של "טקסט לקוראי מסך" — לא נראה על המסך בזמן הטעינה (הוראת בעל המערכת), וקוראי מסך וסורקים כן קוראים;
         React מחליף אותו כשהאפליקציה עולה. לא להכניס כאן שום דבר אישי. -->
    <div id="root"><div dir="rtl" style="position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap">
      <h1>בבלי — מפתח הגמרא</h1>
      <p>לימוד גמרא וארמית בדרך של משחק, לילדים, לבני נוער ולמבוגרים: סוגיות אינטראקטיביות עם איורים והמחשות, מילות מפתח, ועולם תלת-ממדי של בבל בימי האמוראים.</p>
      <p>את בבלי יצר אברהם זקס — מחנך שמלמד גמרא כבר 15 שנה, ויוצר משחק הקופסא "בבלי". <a href="/story/">מאחורי בבלי: מי יצר את האתר</a></p>
      <p><a href="/about/">מה זה בבלי</a> · <a href="/sugyot/">מאגר הסוגיות</a> · <a href="/milon/">מילון ארמי</a> · <a href="/parents/">להורים</a> · <a href="/teachers/">למורים</a> · <a href="/faq/">שאלות נפוצות</a> · <a href="/story/">מאחורי בבלי — מי יצר את האתר</a> · <a href="/register">הרשמה</a></p>
    </div></div>
    <!-- שורש יציב לפורטלים של מודאלים — מונע מרוץ removeChild מול document.body -->
    <div id="modal-root"></div>
    <!-- מודול נגישות חינמי של איגוד הנגישות — נטען בהגנה כך שחסימה (למשל ע"י סינון תוכן) לא תשבור את האתר -->
    <script>
      try {
        (function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.async = true;
          js.src = "https://www.negishim.org/mod/negishim.js";
          js.onerror = function() { /* נחסם/נכשל — מתעלמים בשקט */ };
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'negishim-accessibility'));
      } catch (e) { /* אין להפיל את האתר בגלל מודול נגישות */ }
    </script>
  </body>
</html>
