add logo and favicon

README.md

@@ -1,8 +1,10 @@
-# Recite (the Web version)
+# <img width="26" height="26" alt="Recite App Logo" src="favicon.svg"> Recite (the Web version)
 
 <div align="center">~~ <strong><a href="اقرأني.md">اقرأني بالعربية</a></strong> ~~</div>
 <p></p>
 
+<img align="right" width="96" height="96" alt="Recite App Logo" src="favicon.svg">
+
 This is the web version of [Recite for desktop](https://github.com/noureddin/recite/tree/master), but for the Quran only, and with much, much more features.
 
 Use it at: [noureddin.github.io/recite](https://noureddin.github.io/recite).
@@ -191,3 +193,5 @@ for providing the audio recitations for every project that needs them,
 including Recite Web and [Ayat](https://quran.ksu.edu.sa/).
 
 Thanks for my friends [Ezz El Din](https://github.com/EzzEddin) and [Ahmad Hassan](https://github.com/ahmad-h-yassin) for helping me in developing these applications and giving me invaluable feedback.
+
+The logo is based on the beautiful [Anchor by dwtoch on OpenClipArt](https://openclipart.org/detail/292353/anchor-sign).

meta.sh

@@ -15,6 +15,11 @@ echo '<meta name="description" content="'"$DESC"'">'
 echo '<link rel="canonical" href="'"$URL"'">'
 
 
+# Favicon
+echo '<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">'
+echo '<link rel="icon" sizes="any" type="image/svg+xml" href="favicon.svg">'
+
+
 # Open Graph (Facebook et al)
 # OG doesn't follow ISO for Arabic: https://developers.facebook.com/docs/internationalization
 echo '<meta property="og:locale" content="ar_AR">'

اقرأني.md

@@ -1,10 +1,12 @@
 <div dir="rtl">
 
-# رسايت (نسخة الويب)
+# <img width="26" height="26" alt="شارة تطبيق رسايت" src="favicon.svg"> رسايت (نسخة الويب)
 
 <div align="center">~~ <strong><a href="README.md">ReadMe in English</a></strong> ~~</div>
 <p></p>
 
+<img align="left" width="96" height="96" alt="شارة تطبيق رسايت" src="favicon.svg">
+
 هذه نسخة الويب من  [رسايت الحاسوبي](https://github.com/noureddin/recite/tree/master)، ولكن للقرءان فقط، وبخصائص أكثر كثيرًا.
 
 استخدمها على: [noureddin.github.io/recite](https://noureddin.github.io/recite).
@@ -244,3 +246,5 @@
 مثل تطبيق رسايت للويب و[برنامج آيات](https://quran.ksu.edu.sa/).
 
 جزى الله خيرًا صديقيّ [عز الدين](https://github.com/EzzEddin) و[أحمد حسن](https://github.com/ahmad-h-yassin) لمساعدتي في تطوير هذه التطبيقات وإمدادي بمعلومات وتعليقات قيمة.
+
+وأشكر [dwtoch في OpenClipArt على صورة الهِلب](https://openclipart.org/detail/292353/anchor-sign) الجميلة التي استخدمتها في تصميم الشارة.