قالب هادئ وسهل الوصول لـ Zola بالعربية والإنجليزية، مبني على نظام التصميم آرابيسك. Zola 2026-10-20T00:00:00+00:00 https://arabesquelabs.github.io/zola-theme-arabesque/ar/atom.xml 2026-10-20T00:00:00+00:00 2026-10-20T00:00:00+00:00 معامل آرابيسك https://arabesquelabs.github.io/zola-theme-arabesque/ar/blog/introducing/ <p>آرابيسك هو نظام التصميم لدى معامل آرابيسك: رموز وأوراق أنماط وبضع أدوات صغيرة، سهل الوصول وثنائي الاتجاه منذ البداية. وهذا القالب أقصر طريق منه إلى موقع على الويب.</p> <h2 id="m-fyh">ما فيه<a class="zola-anchor" href="#m-fyh" aria-label="Anchor link for: m-fyh">🔗</a></h2> <p>مجموعة من القوالب لموقع Zola: الصفحة الرئيسية بواجهتها، والأقسام التي تسرد صفحاتها، والصفحات مع «في هذه الصفحة» إلى جانبها، والوسوم، والأرشيف، والبحث، وصفحة لما لا يُعثر عليه. وكل منها مبني من مكوّنات النظام، كما تصفها مواصفاتها، ولا شيء غيرها.</p> <div class="al-stats zt-stats"> <div class="al-stat"> <span class="al-stat__label">قوالب الصفحات</span> <span class="al-stat__value"><bdi>8</bdi></span> </div> <div class="al-stat"> <span class="al-stat__label">المكوّنات</span> <span class="al-stat__value"><bdi>19</bdi></span> </div> <div class="al-stat"> <span class="al-stat__label">لغات، كبداية</span> <span class="al-stat__value"><bdi>2</bdi></span> </div> </div> <h2 id="m-lys-fyh">ما ليس فيه<a class="zola-anchor" href="#m-lys-fyh" aria-label="Anchor link for: m-lys-fyh">🔗</a></h2> <p>ليس إطار عمل، ولا يطلب واحدًا. الصفحات HTML بسيط؛ ونص برمجي صغير يضيف الزخرفة وأزرار النسخ والبحث. ومن دونه تبقى كل صفحة مقروءة وتعمل.</p> <p>اقرأ <a href="https://arabesquelabs.github.io/zola-theme-arabesque/docs/">الدليل</a> لتثبيته.</p> 2026-10-12T00:00:00+00:00 2026-10-12T00:00:00+00:00 Arabesque Labs https://arabesquelabs.github.io/zola-theme-arabesque/ar/blog/markdown/ <p>يُكتب النص الجاري بخط القراءة، وبعرض القراءة، وبين كتلة وأخرى مسافة سطر. في هذه الصفحة عيّنة من كل عنصر، مكتوبة من اليمين إلى اليسار. وللنسخة الكاملة، اقرأ <a href="https://arabesquelabs.github.io/zola-theme-arabesque/blog/markdown/">المقالة بالإنجليزية</a>.</p> <h2 id="lns">النص<a class="zola-anchor" href="#lns" aria-label="Anchor link for: lns">🔗</a></h2> <p>فقرة فيها كلمات <strong>بارزة</strong>، و<em>مائلة</em>، وشيفرة داخل السطر مثل <code>zola serve</code> تبقى من اليسار إلى اليمين، و<a href="https://arabesquelabs.github.io/zola-theme-arabesque/docs/">رابط إلى الدليل</a>، و<del>كلمة مشطوبة</del>، وحاشية.<sup class="footnote-reference"><a href="#1">1</a></sup> والأرقام مثل 2026 و3.14 تبقى بترتيبها داخل الجملة العربية.</p> <blockquote> <p>للاقتباس خطّ في بدايته، على اليمين هنا، ولونه خافت. هو لما كتبه غيرك.</p> </blockquote> <p>اضغط <kbd>Ctrl</kbd> + <kbd>K</kbd> للبحث، و<mark>ظلّل عبارة</mark> مهمّة.</p> <h2 id="lqwy-m">القوائم<a class="zola-anchor" href="#lqwy-m" aria-label="Anchor link for: lqwy-m">🔗</a></h2> <ul> <li>قائمة نقطية</li> <li>فيها عنصر ثانٍ <ul> <li>وعنصر متداخل داخله</li> </ul> </li> <li>وعنصر أخير</li> </ul> <ol> <li>قائمة مرقّمة</li> <li>تعدّ عناصرها</li> <li>وتبدأ من اليمين</li> </ol> <ul> <li><input disabled="" type="checkbox" checked=""/> مهمة أُنجزت</li> <li><input disabled="" type="checkbox"/> ومهمة لم تُنجز</li> </ul> <h2 id="lshyfr">الشيفرة<a class="zola-anchor" href="#lshyfr" aria-label="Anchor link for: lshyfr">🔗</a></h2> <p>تبقى الشيفرة من اليسار إلى اليمين، حتى في صفحة عربية:</p> <pre class="giallo" style="color: light-dark(#0F172B, #E8E7E3); background-color: light-dark(#F1F5F9, #1C2029);" ><code data-lang="toml"><span class="giallo-l"><span>[</span><span style="color: light-dark(#9D174D, #F9A8D4);">extra</span><span>.</span><span style="color: light-dark(#9D174D, #F9A8D4);">home</span><span>]</span></span> <span class="giallo-l"><span style="color: light-dark(#0F766E, #5EEAD4);">section</span><span> =</span><span style="color: light-dark(#166534, #86EFAC);"> &quot;</span><span style="color: light-dark(#166534, #86EFAC);">blog/_index.md</span><span style="color: light-dark(#166534, #86EFAC);">&quot;</span></span> <span class="giallo-l"><span style="color: light-dark(#0F766E, #5EEAD4);">count</span><span> =</span><span style="color: light-dark(#9A3412, #FDBA74);"> 5</span></span></code></pre><h2 id="ljdwl">الجداول<a class="zola-anchor" href="#ljdwl" aria-label="Anchor link for: ljdwl">🔗</a></h2> <table><thead><tr><th style="text-align: left">المقاس</th><th style="text-align: center">العرض</th><th style="text-align: right">الأعمدة</th></tr></thead><tbody> <tr><td style="text-align: left">صغير</td><td style="text-align: center">40rem</td><td style="text-align: right">1</td></tr> <tr><td style="text-align: left">متوسط</td><td style="text-align: center">52rem</td><td style="text-align: right">2</td></tr> <tr><td style="text-align: left">كبير</td><td style="text-align: center">64rem</td><td style="text-align: right">3</td></tr> </tbody></table> <div class="footnote-definition" id="1"><sup class="footnote-definition-label">1</sup> <p>تجتمع الحواشي في أسفل الصفحة، بعد خطّ رفيع.</p> </div> 2026-09-30T00:00:00+00:00 2026-09-30T00:00:00+00:00 Arabesque Labs https://arabesquelabs.github.io/zola-theme-arabesque/ar/blog/right-to-left/ <p>الصفحة العربية ليست صفحة إنجليزية مقلوبة. بعض الأشياء تنعكس، وبعضها لا ينعكس أبدًا؛ ويتبع القالب قواعد نظام التصميم في الحالتين.</p> <h2 id="m-yn-ks">ما ينعكس<a class="zola-anchor" href="#m-yn-ks" aria-label="Anchor link for: m-yn-ks">🔗</a></h2> <p>التخطيط: ينتقل عنوان الموقع في الترويسة إلى اليمين، وأدواته إلى اليسار؛ وتقع «في هذه الصفحة» على اليمين؛ ويأتي «السابق» على اليمين و«التالي» على اليسار. وتشير الأسهم إلى اتجاه القراءة.</p> <h2 id="m-l-yn-ks">ما لا ينعكس<a class="zola-anchor" href="#m-l-yn-ks" aria-label="Anchor link for: m-l-yn-ks">🔗</a></h2> <p>الأرقام، والشيفرة، والزخرفة، وكل ما له اتجاه ثابت خاص به. يُعزل الرقم داخل الجملة العربية فتبقى خاناته في ترتيبها: يضع القالب التواريخ والأعداد وأوقات القراءة داخل <code>&lt;bdi&gt;</code>.</p> <h2 id="lkhtwt">الخطوط<a class="zola-anchor" href="#lkhtwt" aria-label="Anchor link for: lkhtwt">🔗</a></h2> <table><thead><tr><th>الدور</th><th>اللاتينية</th><th>العربية</th></tr></thead><tbody> <tr><td>الواجهة</td><td>Jost</td><td>IBM Plex Sans Arabic</td></tr> <tr><td>العناوين</td><td>Jost</td><td>Kufam</td></tr> <tr><td>القراءة</td><td>Newsreader</td><td>Amiri</td></tr> <tr><td>الشيفرة</td><td>IBM Plex Mono</td><td>(خط النظام)</td></tr> </tbody></table> <p>ينتقل كل نص إلى خطه، حرفًا بحرف. وتُكتب العربية أكبر قليلًا، بتباعد أسطر أوسع، دون تباعد بين الحروف، ودون أحرف كبيرة: فليس فيها أحرف كبيرة.</p> <pre class="giallo" style="color: light-dark(#0F172B, #E8E7E3); background-color: light-dark(#F1F5F9, #1C2029);" ><code data-lang="css"><span class="giallo-l"><span>.</span><span style="color: light-dark(#9D174D, #F9A8D4);">al-mirror</span><span>:</span><span style="color: light-dark(#9D174D, #F9A8D4);">dir</span><span>(</span><span>rtl</span><span>)</span><span> {</span><span style="color: light-dark(#9D174D, #F9A8D4);"> transform</span><span>:</span><span style="color: light-dark(#1D4ED8, #93C5FD);"> scaleX</span><span>(</span><span style="color: light-dark(#9A3412, #FDBA74);">-1</span><span>)</span><span>;</span><span> }</span></span></code></pre>