Skip to content

Commit a038da7

Browse files
marwanmarwan
committed
code refactoring in about page
1 parent b054da3 commit a038da7

File tree

1 file changed

+181
-24
lines changed

1 file changed

+181
-24
lines changed

‎src/routes/about/+page.svelte

Lines changed: 181 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,176 @@
33
import { __currentPage } from '$utils/stores';
44
import { linkClasses } from '$data/commonClasses';
55
6+
const creditlinks = [
7+
{
8+
text: 'Dr. Shehnaz Shaikh, Ms. Kausar Khatri',
9+
href: 'http://emuslim.com/Quran/Translation_English.asp',
10+
description: 'for their English',
11+
additionalLinks: [
12+
{
13+
text: 'Dr. Farhat Hashmi',
14+
href: 'https://www.farhathashmi.com',
15+
description: 'for her Urdu word by word compilation'
16+
}
17+
]
18+
},
19+
{
20+
text: 'Quran.com',
21+
href: 'https://quran.com',
22+
description: 'for their API'
23+
},
24+
{
25+
text: 'Tafsir Center for Quranic Studies',
26+
href: 'https://tafsir.net/',
27+
description: 'via',
28+
additionalLinks: [
29+
{
30+
text: 'Wahy App',
31+
href: 'https://web.wahy.net/',
32+
description: 'for granting us special permission to use their word by word audio files'
33+
}
34+
]
35+
},
36+
{
37+
text: 'King Fahd Glorious Quran Printing Complex',
38+
href: 'http://qurancomplex.gov.sa/',
39+
description: 'for their Quran text*'
40+
},
41+
{
42+
text: 'Tanzil.net',
43+
href: 'http://tanzil.net/trans/',
44+
description: 'for their collection of Quranic resources'
45+
},
46+
{
47+
text: 'EveryAyah.com',
48+
href: 'http://everyayah.com',
49+
description: '/',
50+
additionalLinks: [
51+
{
52+
text: 'QuranCentral.com',
53+
href: 'https://qurancentral.com',
54+
description: '/ '
55+
},
56+
{
57+
text: 'QuranicAudio.com',
58+
href: 'https://quranicaudio.com',
59+
description: 'for their collection of Quranic audios'
60+
}
61+
]
62+
},
63+
{
64+
text: 'Ayman Siddiqui',
65+
href: 'https://zoopernet.com',
66+
description: 'for all the help including providing various website data and fonts & website testing'
67+
},
68+
{
69+
text: 'Collin Fair',
70+
href: 'https://github.com/cpfair',
71+
description: 'for his word timestamps for Quranic audios'
72+
},
73+
{
74+
text: 'Usman Pervez (IslamOne android app)',
75+
href: 'https://play.google.com/store/apps/details?id=com.atq.quranemajeedapp.org.islamone&hl=en',
76+
description: 'for various data like Urdu WBW and Tafhim-ul-Quran'
77+
},
78+
{
79+
text: 'Greentech Apps (Al Quran Tafsir & by Word app)',
80+
href: 'https://gtaf.org',
81+
description: 'for their English, Indonesian, Bangla, Chinese**, Malayalam*** and Divehi words database and corpus data'
82+
},
83+
{
84+
text: 'Dr. Kais Dukes',
85+
href: 'https://github.com/kaisdukes',
86+
description: 'for his morphological description of the Quranic words'
87+
},
88+
{
89+
text: 'Ata Rafi',
90+
href: 'https://www.typemybook.com/download/complete-quran-kareem-text/',
91+
description: 'for sharing the IndoPak text originally by',
92+
additionalLinks: [
93+
{
94+
text: 'InPage™',
95+
href: 'http://inpage.com/',
96+
description: ''
97+
}
98+
]
99+
},
100+
{
101+
text: 'Azrul Azwar (Quran WbW iOS app)',
102+
href: 'https://apps.apple.com/us/app/quran-word-by-word/id588198510',
103+
description: 'for the words databases in many different languages'
104+
},
105+
{
106+
text: 'CSALT',
107+
href: 'http://csalt.itu.edu.pk/urdufont/index.html',
108+
description: 'for their Mehr Nastaliq Urdu font'
109+
},
110+
{
111+
text: 'Al-Huda International',
112+
href: 'https://www.alhudapk.com/products/hindi-section.html',
113+
description: 'for their Hindi word by word PDF files'
114+
},
115+
{
116+
text: 'Quran411.com',
117+
href: 'https://www.quran411.com/',
118+
description: 'for their English transliteration originally by M.A.H. Eliyasee'
119+
},
120+
{
121+
text: 'SoundVision.com',
122+
href: 'https://www.soundvision.com/article/a-thematic-introduction-to-the-surahs-of-the-qur-an',
123+
description: 'for their thematic introduction to the surahs of the Quran'
124+
},
125+
{
126+
text: 'TamililQuran.com',
127+
href: 'http://www.tamililquran.com/',
128+
description: 'for their Tamil word by word database originally by',
129+
additionalLinks: [
130+
{
131+
text: 'Darul Huda',
132+
href: 'https://www.darulhuda.net/',
133+
description: ''
134+
}
135+
]
136+
},
137+
{
138+
text: 'Al Quran Cloud',
139+
href: 'https://alquran.cloud/',
140+
description: 'and',
141+
additionalLinks: [
142+
{
143+
text: 'Fawaz Ahmed',
144+
href: 'https://github.com/fawazahmed0',
145+
description: 'for their Quran translations API'
146+
}
147+
]
148+
},
149+
{
150+
text: 'Dr. Usama Nonnenmacher',
151+
href: 'https://drusaman.github.io/',
152+
description: 'for his excellent work on the French word by word data'
153+
},
154+
{
155+
text: 'Spark (spa5k)',
156+
href: 'https://github.com/spa5k/tafsir_api',
157+
description: 'for his Tafsir API'
158+
},
159+
{
160+
text: 'Quran Pro',
161+
href: 'https://quran-pro.com/',
162+
description: 'for their pictures of different reciters'
163+
},
164+
{
165+
text: 'Flaticon',
166+
href: 'https://www.flaticon.com/uicons/',
167+
description: 'for their great range of interface icons'
168+
},
169+
{
170+
text: 'Quranic Universal Library (QUL)',
171+
href: 'https://qul.tarteel.ai/',
172+
description: 'for their Persian words database'
173+
}
174+
];
175+
6176
__currentPage.set('about');
7177
</script>
8178

@@ -33,30 +203,17 @@
33203
<span>QuranWBW.com owes its existence to the contributions of the following remarkable individuals and organizations:</span>
34204

35205
<ul class="list-disc ml-5 space-y-2">
36-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="http://emuslim.com/Quran/Translation_English.asp">Dr. Shehnaz Shaikh, Ms. Kausar Khatri</a> for their English and <a class={linkClasses} target="_blank" rel="noreferrer" href="https://www.farhathashmi.com">Dr. Farhat Hashmi</a> for her Urdu word by word compilation.</li>
37-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://quran.com">Quran.com</a> for their API.</li>
38-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://tafsir.net/">Tafsir Center for Quranic Studies</a> via <a class={linkClasses} href="https://web.wahy.net/">Wahy App</a> for granting us special permission to use their word by word audio files.</li>
39-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="http://qurancomplex.gov.sa/">King Fahd Glorious Quran Printing Complex</a> for their Quran text*.</li>
40-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="http://tanzil.net/trans/">Tanzil.net</a> for their collection of Quranic resources.</li>
41-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="http://everyayah.com">EveryAyah.com</a>, <a class={linkClasses} href="https://qurancentral.com">QuranCentral.com</a> and <a class={linkClasses} href="https://quranicaudio.com">QuranicAudio.com</a> for their collection of Quranic audios.</li>
42-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://zoopernet.com">Ayman Siddiqui</a> for all the help including providing various website data and fonts & website testing.</li>
43-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://github.com/cpfair">Collin Fair</a> for his word timestamps for Quranic audios.</li>
44-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://play.google.com/store/apps/details?id=com.atq.quranemajeedapp.org.islamone&hl=en">Usman Pervez (IslamOne android app)</a> for various data like Urdu WBW and Tafhim-ul-Quran.</li>
45-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://gtaf.org">Greentech Apps (Al Quran Tafsir & by Word app)</a> for their English, Indonesian, Bangla, Chinese**, Malayalam*** and Divehi words database and corpus data.</li>
46-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://github.com/kaisdukes">Dr. Kais Dukes</a> for his morphological description of the Quranic words.</li>
47-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://www.typemybook.com/download/complete-quran-kareem-text/">Ata Rafi</a> for sharing the IndoPak text originally by <a class={linkClasses} target="_blank" rel="noreferrer" href="http://inpage.com/">InPage™</a>.</li>
48-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://apps.apple.com/us/app/quran-word-by-word/id588198510">Azrul Azwar (Quran WbW iOS app)</a> for the words databases in many different languages.</li>
49-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="http://csalt.itu.edu.pk/urdufont/index.html">CSALT</a> for their Mehr Nastaliq Urdu font.</li>
50-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://www.alhudapk.com/products/hindi-section.html">Al-Huda International</a> for their Hindi word by word PDF files.</li>
51-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://www.quran411.com/">Quran411.com</a> for their English transliteration orginally by M.A.H. Eliyasee.</li>
52-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://www.soundvision.com/article/a-thematic-introduction-to-the-surahs-of-the-qur-an">SoundVision.com</a> for their thematic introduction to the surahs of the Quran.</li>
53-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="http://www.tamililquran.com/">TamililQuran.com</a> for their Tamil word by word database orginally by <a class={linkClasses} target="_blank" rel="noreferrer" href="https://www.darulhuda.net/">Darul Huda</a>.</li>
54-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://alquran.cloud/">Al Quran Cloud</a> and <a class={linkClasses} target="_blank" rel="noreferrer" href="https://github.com/fawazahmed0">Fawaz Ahmed</a> for their Quran translations API.</li>
55-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://drusaman.github.io/">Dr. Usama Nonnenmacher</a> for his excellent work on the French word by word data.</li>
56-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://github.com/spa5k/tafsir_api">Spark (spa5k)</a> for his Tafsir API.</li>
57-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://quran-pro.com/">Quran Pro</a> for their pictures of different recitors.</li>
58-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://www.flaticon.com/uicons/">Flaticon</a> for their great range of interface icons.</li>
59-
<li><a class={linkClasses} target="_blank" rel="noreferrer" href="https://qul.tarteel.ai/">Quranic Universal Library (QUL)</a> for their Persian words database.</li>
206+
{#each creditlinks as link}
207+
<li>
208+
<a class={linkClasses} target="_blank" rel="noreferrer" href={link.href}>{link.text}</a>
209+
{link.description}
210+
{#if link.additionalLinks}
211+
{#each link.additionalLinks as sublink}
212+
<a class={linkClasses} target="_blank" rel="noreferrer" href={sublink.href}>{sublink.text}</a> {sublink.description}
213+
{/each}
214+
{/if}
215+
</li>
216+
{/each}
60217
</ul>
61218

62219
<span>All data used on this website belongs to their respective owners and authors. Permission must be obtained from them before copying any content.</span>

0 commit comments

Comments
 (0)