index.html

<!DOCTYPE html>
<html lang="ar" dir="rtl" data-lang="ar">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ArCode Standard — منظمة المعايير والمصطلحات العربية التقنية</title>
<meta name="description" content="ArCode Standard منظمة مفتوحة المصدر تبني منظومة معايير ومصطلحات علمية وتقنية عربية، ومشاريع برمجية مفتوحة، وأدوات للمطورين والباحثين.">
<meta name="theme-color" content="#0f172a">
<script>(function(){try{var t=localStorage.getItem("arcode-theme");if(t==="light"||t==="dark"){document.documentElement.setAttribute("data-theme",t)}}catch(e){}})();</script>
<link rel="canonical" href="https://arcode-standard.github.io/">
<link rel="icon" href="assets/img/arcode.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Cairo:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<meta property="og:type" content="website">
<meta property="og:title" content="ArCode Standard — منظمة المعايير والمصطلحات العربية التقنية">
<meta property="og:description" content="منظمة مفتوحة المصدر تبني منظومة معايير ومصطلحات علمية وتقنية عربية.">
<meta property="og:url" content="https://arcode-standard.github.io/">
<meta property="og:image" content="https://arcode-standard.github.io/assets/img/arcode.svg">
<meta name="twitter:card" content="summary">
</head>
<body>

<a class="skip" href="#main">تخطَّ إلى المحتوى</a>

<!-- ===================== الترويسة ===================== -->
<header class="hdr">
  <div class="wrap hdr__in">
    <a class="brand" href="./">
      <img src="assets/img/arcode.svg" alt="شعار ArCode Standard" width="30" height="30">
      <span>ArCode Standard<small>منظمة المعايير العربية</small></span>
    </a>

    <button class="burger" type="button" aria-expanded="false" aria-controls="nav" aria-label="فتح القائمة">☰</button>

    <nav class="nav" id="nav" aria-label="التنقل الرئيسي">
      <a href="#about">من نحن</a>
      <a href="#projects">مشاريعنا</a>
      <a href="#future">مشاريع مستقبلية</a>
      <a href="#contribute">ساهم معنا</a>
      <a href="https://arcode-standard.github.io/ArCode-Core/index.html" target="_blank" rel="noopener">قاموس المصطلحات</a>
      <a class="lang" href="en/" hreflang="en" lang="en">EN</a>
      <a class="btn btn--primary btn--sm" href="https://github.com/ArCode-Standard" target="_blank" rel="noopener">GitHub</a>
      <button class="theme-btn" type="button" aria-label="تبديل المظهر">◐</button>
    </nav>
  </div>
</header>

<main id="main">

<!-- ===================== البطل ===================== -->
<section class="hero" id="hero">
  <div class="wrap hero__inner">
    <div class="hero__brand">ArCode Standard</div>

    <h1>منظمة <span class="gradient">المعايير والمصطلحات</span> العربية</h1>

    <p class="hero__sub">
      نبني منظومة معايير ومصطلحات علمية وتقنية عربية متناسقة مع المراجع الدولية،
      إلى جانب مشاريع برمجية مفتوحة وأدوات يبن عليها المطوّر والباحث والطالب.
    </p>

    <div class="hero__cta">
      <a class="btn btn--blue" href="https://arcode-standard.github.io/ArCode-Core/index.html" target="_blank" rel="noopener">تصفّح قاموس المصطلحات</a>
      <a class="btn btn--ghost" href="https://github.com/ArCode-Standard" target="_blank" rel="noopener">مشاريعنا على GitHub</a>
    </div>

    <div class="hero__panel">
      <h2>ما نعمل على بنائه</h2>
      <ul class="pill-list">
        <li><span class="dot"></span> معطيات مصطلحات موثّقة المصدر</li>
        <li><span class="dot"></span> أدوات ومكتبات للمطوّرين</li>
        <li><span class="dot"></span> مواصفات وأدلة إرشاد</li>
        <li><span class="dot"></span> نماذج لغوية عربية متخصصة</li>
        <li><span class="dot dot--orange"></span> منصات وأطر عمل تقنية</li>
        <li><span class="dot dot--gray"></span> واجهات برمجية مفتوحة</li>
      </ul>
    </div>
  </div>

  <div class="wrap" style="margin-block-start:22px">
    <span class="hero-badge">
      <span class="hero-badge-dot"></span>
      <span>منظمة مفتوحة المصدر</span>
    </span>
  </div>
</section>

<!-- ===================== الأرقام ===================== -->
<section class="section section--soft" aria-label="أرقام عن المنظمة">
  <div class="wrap">
    <div class="stats">
      <div class="stat">
        <div class="stat__n" data-count="18355">0</div>
        <div class="stat__l">مصطلحًا موثّقًا</div>
      </div>
      <div class="stat">
        <div class="stat__n" data-count="19">0</div>
        <div class="stat__l">مجالًا علميًا وتقنيًا</div>
      </div>
      <div class="stat">
        <div class="stat__n" data-count="310" data-suffix="+">0</div>
        <div class="stat__l">مصدرًا رسميًا مرجعيًا</div>
      </div>
      <div class="stat">
        <div class="stat__n" data-count="2" data-suffix="+">0</div>
        <div class="stat__l">مشروعًا مفتوح المصدر</div>
      </div>
    </div>
  </div>
</section>

<!-- ===================== من نحن ===================== -->
<section class="section" id="about">
  <div class="wrap">
    <div class="sec-head reveal">
      <span class="kicker">من نحن</span>
      <h2>لغة واحدة، معايير مشتركة</h2>
      <p>
        تختلف صياغة المصطلح العلمي الواحد بين العربية ولغة أخرى، فتبتعدم الثقة بين المترجم والمطوّر والباحث.
        نعمل على معالجة ذلك ببناء <strong>مرجعية مصطلحات مركزية</strong> موثّقة المصدر، ومرتبطة بمعرّفات ثابتة، وقابلة للتوسّع والتحديث المستمر.
      </p>
      <p>
        كل تعريف في <a href="https://arcode-standard.github.io/ArCode-Core/index.html" target="_blank" rel="noopener">قاموس ArCode-Core</a>
        يُنقل من مصدره الأصلي، ويُوثَّق بمرجعه، ويرتبط بمصطلحات ذات صلة عبر معرّفات ثابتة
        على نمط <span class="mono">ACS-CS-0001</span>، فيصبح النص التقني قابلًا للتحقق آليًا وقابلًا للترجمة الآمنة.
      </p>
    </div>

    <div class="values" id="values">
      <article class="value reveal">
        <h3>رؤيتنا</h3>
        <p>أن نصبح المرجع العربي الموثوق للمصطلحات والمشاريع مفتوحة المصدر، والمعايير التقنية المستخدمة داخل العالم العربي وخارجه.</p>
      </article>
      <article class="value reveal">
        <h3>رسالتنا</h3>
        <p>تطوير مشاريع مفتوحة، وإنشاء معايير قابلة للتطبيق، وتوثيق المعرفة التقنية بالعربية، وبناء أدوات تخدم المطوّر والباحث.</p>
      </article>
      <article class="value reveal">
        <h3>مبدأ الموثوقية</h3>
        <p>لا نقبل تعريفًا بلا مصدر. كل مصطلح يُربط بمرجعه الأصلي من المعايير الدولية أو التقارير الرسمية، والتوثيق جزء من المنتج لا إضافة اختيارية.</p>
      </article>
    </div>
  </div>
</section>

<!-- ===================== المشاريع ===================== -->
<section class="section section--soft" id="projects">
  <div class="wrap">
    <div class="sec-head center reveal">
      <span class="kicker">مشاريعنا</span>
      <h2>مشاريع مفتوحة المصدر</h2>
      <p>كل مشروع مستقل، وموثّق، ومرخّص للعموم، ويُطوَّر بمساهمات مفتوحة.</p>
    </div>

    <div class="cards">

      <article class="card reveal">
        <div class="card__top">
          <div class="card__icon" aria-hidden="true">📚</div>
          <div>
            <h3>ArCode-Core</h3>
            <span class="tag tag--live">نشط</span>
          </div>
        </div>
        <p>
          المستودع التأسيسي للمنظمة. يعرّف نظامًا منظمًا للمصطلحات العربية العلمية والتقنية،
          ويوحّد المعرفة الحديثة بالعربية مع توافق علمي عالمي، عبر معرّفات ثابتة، وتعريفات موثّقة المصدر،
          وعلاقات مترابطة بين المصطلحات.
        </p>
        <div class="card__foot">
          <a class="btn btn--blue btn--sm" href="https://arcode-standard.github.io/ArCode-Core/index.html" target="_blank" rel="noopener">فتح القاموس</a>
          <a class="btn btn--ghost btn--sm" href="https://arcode-standard.github.io/ArCode-Core/wiki.html" target="_blank" rel="noopener">الدليل</a>
          <a class="btn btn--ghost btn--sm" href="https://github.com/ArCode-Standard/ArCode-Core" target="_blank" rel="noopener">المستودع</a>
        </div>
      </article>

      <article class="card reveal">
        <div class="card__top">
          <div class="card__icon" aria-hidden="true">🧠</div>
          <div>
            <h3>ArCode-BERT</h3>
            <span class="tag tag--dev">قيد التطوير</span>
          </div>
        </div>
        <p>
          نموذج لغوي عربي متخصص في اللغة التقنية، مُهيّأ من نماذج عربية مدرَّبة مسبقًا ومُكيَّف لفهم المصطلحات والمجالات التقنية،
          ليكون جسرًا بين مرجعية ArCode-Core والمعالجة الآلية للغة العربية.
        </p>
        <div class="card__foot">
          <a class="btn btn--ghost btn--sm" href="https://github.com/ArCode-Standard/ArCode-BERT" target="_blank" rel="noopener">المستودع</a>
        </div>
      </article>

    </div>
  </div>
</section>

<!-- ===================== مشاريع مستقبلية ===================== -->
<section class="section" id="future">
  <div class="wrap">
    <div class="sec-head reveal">
      <span class="kicker">خارطة الطريق</span>
      <h2>مشاريع مستقبلية</h2>
      <p>مجالات نعمل على إطلاق مشاريع فيها، ومجالات نخطّط لدخولها. الحالة تعكس مرحلة النضج لا موعد التسليم.</p>
    </div>

    <div class="road">
      <div class="road__row reveal">
        <div class="road__k">تطبيقات ومنصات</div>
        <p class="road__v">منصات مفتوحة المصدر تُبنى على مرجعية ArCode-Core لخدمة البحث والاستعراض والتكامل.</p>
        <span class="tag tag--plan road__badge">مخطط لها</span>
      </div>
      <div class="road__row reveal">
        <div class="road__k">مكتبات وأطر عمل</div>
        <p class="road__v">مكتبات برمجية وأطر تسهّل استهلاك معطيات المصطلحات داخل المشاريع.</p>
        <span class="tag tag--plan road__badge">مخطط لها</span>
      </div>
      <div class="road__row reveal">
        <div class="road__k">أدوات المطوّرين</div>
        <p class="road__v">أدوات لأتمتة التوثيق والتحقق، تقلّل الجهد اليدوي في صيانة المعطيات.</p>
        <span class="tag tag--plan road__badge">مخطط لها</span>
      </div>
      <div class="road__row reveal">
        <div class="road__k">واجهات برمجية</div>
        <p class="road__v">واجهات برمجية مفتوحة وموثّقة للاستعلام عن المصطلحات والتعريفات والعلاقات.</p>
        <span class="tag tag--plan road__badge">مخطط لها</span>
      </div>
      <div class="road__row reveal">
        <div class="road__k">الذكاء الاصطناعي</div>
        <p class="road__v">حلول ذكاء اصطناعي مفتوحة، تشمل مواصلة تطوير النماذج العربية المتخصصة.</p>
        <span class="tag tag--dev road__badge">قيد التطوير</span>
      </div>
      <div class="road__row reveal">
        <div class="road__k">الأمن السيبراني</div>
        <p class="road__v">أدوات الحماية والتحليل، ومرجعية مصطلحات متخصصة في المجال.</p>
        <span class="tag tag--plan road__badge">مخطط لها</span>
      </div>
      <div class="road__row reveal">
        <div class="road__k">الحوسبة السحابية</div>
        <p class="road__v">بنية تحتية وحلول سحابية مفتوحة تخدم مشاريعنا ومجتمعنا.</p>
        <span class="tag tag--plan road__badge">مخطط لها</span>
      </div>
    </div>
  </div>
</section>

<!-- ===================== المساهمة ===================== -->
<section class="section section--soft" id="contribute">
  <div class="wrap">
    <div class="sec-head center reveal">
      <span class="kicker">المجتمع</span>
      <h2>ساهم معنا</h2>
      <p>نرحب بالمساهمين من مختلف المجالات، فكل مساهمة — مهما كانت صغيرة — تساعد في بناء مرجعية تقنية عربية أقوى.</p>
    </div>

    <div class="cards" style="margin-block-end:2.5rem">
      <article class="value reveal">
        <h3>مطوّرون</h3>
        <p>طوّر المكتبات والأدوات، أو حسّن النماذج، أو راجع الكود بالعربية.</p>
      </article>
      <article class="value reveal">
        <h3>باحثون ومتخصصون</h3>
        <p>راجعوا التعريفات وحدّثوها، واقترحوا مصادر رسمية أحدث.</p>
      </article>
      <article class="value reveal">
        <h3>مترجمون ولغويون</h3>
        <p>ساهموا في توحيد الصياغة العربية وضبط المصطلحات.</p>
      </article>
      <article class="value reveal">
        <h3>مختصو الجودة</h3>
        <p>اختبروا المعطيات، وأبلغوا عن التناقضات، واقترحوا اختبارات آلية.</p>
      </article>
    </div>

    <ol class="steps reveal">
      <li>تابع مشاريع <a href="https://github.com/ArCode-Standard" target="_blank" rel="noopener">ArCode Standard</a> على GitHub</li>
      <li>تصفّح <a href="https://arcode-standard.github.io/ArCode-Core/index.html" target="_blank" rel="noopener">قاموس المصطلحات</a> وأبلغ عن أي خلل</li>
      <li>اطلع على المعايير وأدلة المساهمة في المستودعات</li>
      <li>ساهم بالكود أو بالتوثيق أو بالمصطلحات</li>
    </ol>
  </div>
</section>

<!-- ===================== دعوة ===================== -->
<section class="section">
  <div class="wrap">
    <div class="cta reveal">
      <h2>لنبنِ مرجعية تقنية عربية معًا</h2>
      <p>
        سواء كنت مطوّرًا، أو باحثًا، أو طالبًا، أو مترجمًا — مساهمتك تضيف قيمة.
        ابدأ من قاموس المصطلحات، أو من مستودع مفتوح، أو اقترح مجالًا جديدًا.
      </p>
      <div class="cta__btns">
        <a class="btn btn--blue" href="https://arcode-standard.github.io/ArCode-Core/index.html" target="_blank" rel="noopener">تصفّح القاموس</a>
        <a class="btn btn--ghost" href="https://github.com/ArCode-Standard" target="_blank" rel="noopener">ابدأ من GitHub</a>
        <a class="btn btn--ghost" href="https://github.com/ArCode-Standard/ArCode-Core/blob/main/CONTRIBUTING.md" target="_blank" rel="noopener">دليل المساهمة</a>
      </div>
    </div>
  </div>
</section>

</main>

<!-- ===================== التذييل ===================== -->
<footer class="ftr">
  <div class="wrap ftr__in">
    <div>
      <strong>ArCode Standard</strong>
      <div class="faint">نبني البرمجيات · نوثق المعرفة · نطوّر المعايير</div>
      <div class="faint">© <span data-year>2026</span> ArCode Standard — مرخّص مفتوح المصدر</div>
    </div>
    <nav class="ftr__links" aria-label="روابط التذييل">
      <a href="https://arcode-standard.github.io/ArCode-Core/index.html" target="_blank" rel="noopener">قاموس المصطلحات</a>
      <a href="https://arcode-standard.github.io/ArCode-Core/wiki.html" target="_blank" rel="noopener">الدليل</a>
      <a href="https://arcode-standard.github.io/ArCode-Core/api.html" target="_blank" rel="noopener">واجهة API</a>
      <a href="https://github.com/ArCode-Standard" target="_blank" rel="noopener">المؤسسة</a>
      <a href="en/" lang="en" hreflang="en">English</a>
    </nav>
  </div>
</footer>

<script src="assets/js/main.js" defer></script>
</body>
</html>