Some artwork

aliftype · Oct 27, 2024 · 317fe8e · 317fe8e
1 parent 51aa5f2
commit 317fe8e
Show file tree

Hide file tree

Showing 11 changed files with 60 additions and 4 deletions.
diff --git a/docs/_data/messages.yml b/docs/_data/messages.yml
@@ -11,6 +11,7 @@ en-US:
   app: Go to app
   download: Download font
   description: Raqq (رَقّ) is a manuscript Kufic typeface, intends to revive (as faithfully as possible) the style of Kufic script used in writing the Qur’an in the third century AH. Raqq is Arabic for parchment, on which early Qur’ans were written.
+  artwork: Artwork
 
 ar:
   foundry: حروف ألف
@@ -25,3 +26,4 @@ ar:
   app: اذهب إلى التطبيق
   github: صفحة المشروع على جت&zwnj;هب
   description: «رَقّ» هو خط حاسوبي كوفي مصحفي، يهدف إلى إحياء الخط الكوفي الذي كتبت به المصاحف المبكرة، وتحديدا مصاحف القرن الثالث الهجري، عبر رقمنته رقمنة دقيقة قدر الإمكان. الرَقّ هو الجلد الذي كتبت عليه المصاحف المبكرة.
+  artwork: أعمال فنية
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -4,7 +4,7 @@
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="shortcut icon" href="./assets/images/favicon.svg">
+    <link rel="shortcut icon" href="{{ "/assets/images/favicon.svg" | relative_url }}">
 
     <title>{{ page.title | default: site.title }} | {{ page.description | default: site.description }}</title>
     <meta property="og:locale" content="{{ page.language }}">
@@ -48,14 +48,19 @@ <h2>{{ messages.contact }}</h2>
     </p>
     <h1 dir="rtl" id="title">{{ site.title }}&#x200A;۝&#x200A;{{ site.description }}</h1>
     <section>
-      {% if page.title and page.description %}
-      <h1>{{ page.title }}&#x200A;—&#x200A;{{ page.description }}</h1>
+      {% if page.description %}
+      <h1>{{ page.title | default: site.title }}&#x200A;—&#x200A;{{ page.description }}</h1>
       {% endif %}
       {{ content }}
     </section>
 
     <footer>
       <p class="downloads"><a href="{{ site.github.repository_url }}/releases/download/v{{ site.version }}/{{ site.name }}-{{ site.version }}.zip">{{ messages.download }}</a></p>
+      {% if page.language == "ar" %}
+      <p class="downloads"><a href="./artwork">{{ messages.artwork }}</a></p>
+      {% else %}
+      <p class="downloads"><a href="./artwork/english">{{ messages.artwork }}</a></p>
+      {% endif %}
       <!--p class="downloads"><a href="./app">{{ messages.app }}</a></p-->
       <p>{{ messages.github }} <br/><a href="{{ site.github.repository_url }}"><code>{{ site.github.repository_nwo }}</code></a></p>
     </footer>

diff --git a/docs/artwork/english.md b/docs/artwork/english.md
@@ -0,0 +1,24 @@
+---
+title: Raqq
+description: Artwork
+layout: default
+language: en-US
+direction: ltr
+---
+These are some artwork that uses [_Raqq_](../english) typeface.
+
+## Last three _Suras_ of the _Quran_
+The pages are laid out following the layout of Kufi _Mushafs_:
+- _Sura_ titles are written in gold and outlines with a darker color, dotless and without vowel marks, and with eliminated inter-letter space to the point of overlap at times
+- _Sura_ body starts with _Basmala_ immediately followed by the text of the _Sura_ without a separator.
+- Space between calligraphic syllables equal to the inter-word space
+- Lines are broken between calligraphic syllables
+- Red, rounded dots for vowel marks, and rectangular dots in the text color for diacritical dots
+- Ornamental gold dots for _ayah_ mark, with each five _ayahs_ marked with a big ornamental circle with the word “خمس” (five) inside it written in a style similar to _Sura_ title
+- Excessive elongation to justify the text line
+
+![Surat il-Ikhlas](../assets/images/sura-112-113-114-p1.jpg "Surat il-Ikhlas")
+![Beginning of Surat al-Falaq](../assets/images/sura-112-113-114-p2.jpg "Beginning of Surat al-Falaq")
+![End of Surat al-Falaq and beginning of Surat al-Nas](../assets/images/sura-112-113-114-p3.jpg "End of Surat al-Falaq and beginning of Surat al-Nas")
+![End of Surat al-Nas](../assets/images/sura-112-113-114-p4.jpg "End of Surat al-Nas")
+![The four pages combined](../assets/images/sura-combined.jpg "The four pages combined")
diff --git a/docs/artwork/index.md b/docs/artwork/index.md
@@ -0,0 +1,25 @@
+---
+description: أعمال فنية
+layout: default
+language: ar
+direction: rtl
+---
+
+هذه بعض الأعمال الفنية المنفذة بخط [«رَقّ»](../).
+
+## سورة الإخلاص والمعوذتين
+نسقت هذه الصفحات على نسق المصاحف الكوفية:
+- أسماء السور مكتوبة باللون الذهبي والكتابة محددة بلون أغمق، وخالية من نقاط الإعجام والإعراب، مع تضييق الفراغات بين الحروف لحد التداخل أحيانا
+- متن السورة يبدأ بالبسملة ثم آيات السورة دون فاصل بين البسملة والآيات
+- مسافة واسعة بين المقاطع مثلها مثل المسافة بين الكلمات
+- قطع السطور بناء على المقاطع لا الكلمات
+- نقاط إعراب مدورة باللون الأحمر، ونقاط إعجام مستطيلة بنفس مداد الكتابة
+- نقاط ذهبية مزخرفة لعلامة الآية، مع استخدام دائرة محلاة كبيرة داخلها كلمة «خمس» عند كل خمس آيات مكتوبة بنفس أسلوب اسم السورة
+- الإكثار من المشق لضبط طول السطر
+
+![سورة الإخلاص](../assets/images/sura-112-113-114-p1.jpg "سورة الإخلاص")
+![أول سورة الفلق](../assets/images/sura-112-113-114-p2.jpg "أول سورة الفلق")
+![آخر سورة الفلق وأول سورة الناس](../assets/images/sura-112-113-114-p3.jpg "آخر سورة الفلق وأول سورة الناس")
+![آخر سورة الناس](../assets/images/sura-112-113-114-p4.jpg "آخر سورة الناس")
+![الصفحات الأربع مجتمعين](../assets/images/sura-combined.jpg "الصفحات الأربع مجتمعين")
+
diff --git a/docs/assets/css/style.scss b/docs/assets/css/style.scss
@@ -89,7 +89,7 @@ h1 {
   font-size: var(--h1-font-size);
 }
 
-p {
+p, li {
   text-align: justify;
   line-height: normal;
   hyphens: auto;

diff --git a/docs/assets/images/card.png b/docs/assets/images/card.png
diff --git a/docs/assets/images/sura-112-113-114-p1.jpg b/docs/assets/images/sura-112-113-114-p1.jpg
diff --git a/docs/assets/images/sura-112-113-114-p2.jpg b/docs/assets/images/sura-112-113-114-p2.jpg
diff --git a/docs/assets/images/sura-112-113-114-p3.jpg b/docs/assets/images/sura-112-113-114-p3.jpg
diff --git a/docs/assets/images/sura-112-113-114-p4.jpg b/docs/assets/images/sura-112-113-114-p4.jpg
diff --git a/docs/assets/images/sura-combined.jpg b/docs/assets/images/sura-combined.jpg