quran / quran.com-frontend-v2 Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://quran.com
License: GNU General Public License v3.0
Home Page: https://quran.com
License: GNU General Public License v3.0
Say the player is playing 2:255
Missing .git in:
git remote add upstream https://github.com/quran/quran.com-frontend-v2 <.git>
Is the quran.com-frontend repository being used? does it have anything to do with it or is it just a historical repository?
If it is just historical I believe that Github lets you make it read-only (something like archived), it would be better to avoid doubts for those who just arrived like me. :)
Move locale to footer. This is common. We should detect the user locale and redirect them (or set it) automatically
search bar can be smaller or a button that toggles a search bar
The hamburger is icon should allow for settings
also, on scroll, hide the navbar
We need to add custom search on surah dropdown.
As'salamun alaykun wa rahmatullahi wa barakatu
I need to study further the operation of this new version of the site, I would like to make it 100% functional locally, without relying on anything external, is there a step by step tutorial?
Are there any servers in Docker that can be used for source code testing?
Thankful.
Salam Alaikum @naveed-ahmad
Please add me to the Slack channel.
My email is [email protected]
Thank you :)
As-salamu Alaykum
I got this once i open the page https://quran.com/1 using Firefox 75.0.
Is this related to #109 ?
Error log:
Audioplayer mounted but no file available raven.js:51:37
b raven.js:51
value unknown:1
notifyAll main-415d4fa2919ce5d6e18b.js:18
close main-415d4fa2919ce5d6e18b.js:18
closeAll main-415d4fa2919ce5d6e18b.js:5
perform main-415d4fa2919ce5d6e18b.js:5
perform main-415d4fa2919ce5d6e18b.js:5
perform main-415d4fa2919ce5d6e18b.js:5
kt main-415d4fa2919ce5d6e18b.js:5
closeAll main-415d4fa2919ce5d6e18b.js:5
perform main-415d4fa2919ce5d6e18b.js:5
batchedUpdates main-415d4fa2919ce5d6e18b.js:18
pt main-415d4fa2919ce5d6e18b.js:5
rt main-415d4fa2919ce5d6e18b.js:5
enqueueSetState main-415d4fa2919ce5d6e18b.js:5
setState main-415d4fa2919ce5d6e18b.js:18
value main-415d4fa2919ce5d6e18b.js:18
lorem ipsum text right under “the noble quran”
in Arabic, sura names are still in English primarily (though maybe this is ok since the Arabic is next to it?)
minor - image says “hadit” instead of “hadith” or “hadeeth”
popular searches scrolls which is good, but sometimes, something appears cut off which is weird until you realize it’s just hidden behind scroll.
mobile apps screen uses very low resolution images - both the playstore, appstore logos and the screenshots. they also don’t reflect the actual images.
developers - “find me in app/views/pages/developers.html.erb”
search doesn’t work?
let’s remove “watch video commentary from bayyinah?” - it’s too big and also want to remove it when we only have it on sura Fatiha
tooltip display - you can check both at the same time but only one is in effect
bad encoding in some translations? just chose king fahd indonesian for 1:2 and i see bad text - 9>1 and a footnote thing
kinda a feature request - can we sort translations by most popular or have them collapsing or something? it’s hard to find English ones.
when i first clicked translations and chose king fahd indonesian, my English translation went away automagically - i guess this might only affect clean states?
playing highlighting needs some left/right padding imho
“chapter info” popup doesn’t look like a popup in both dark and night modes
switching reading also toggles dark mode
switching reciter doesn’t do anything - still playing mishari for me
Al Salam Aliakom @naveed-ahmad,
For the Surahs under the "Other Links" section in the footer of the HTML document, please use sentence casing and only use one transliteration for the Surah name:
SURAH YASIN, YASEEN (يس) ----> Surah Yaseen (يس)
AYAT AL-KURSI (آية الكرسي) ----> Ayat Al-Kursi (آية الكرسي)
my email is [email protected]
I want to be able to follow the development until I feel comfortable enough to contribute (not familiar with rails). [email protected]
Suggested by: @elvirmuslic
beta.quran.com/1
This is tricky one, we either need to override all boostrap columns, rows stuff using JSOR add another template for reading mode, render that when user click reading mode.
Or maybe we can disable this for now, have the build and implement this few weeks later.
Dear developers,
Please add the Tajweed color coding feature. It's very essential and beneficial. Especially along with the Al-Husary (Muallim) voice, it will be incredible teaching material! Please give this higher priority. Thank you for your efforts.
Best regards,
Aman
Asalamualakum I would love to work on either project. Ramadan Mubarak
email: [email protected]
Include English audio recitation provided here:
https://blog.clearquran.com/download/
The above page includes a link for a verse by verse download of the mp3 audio files (https://www.clearquran.com/downloads/quran-verse-by-verse-mp3.zip) as well as verse by verse downloads of the text itself (https://www.clearquran.com/downloads/quran-verse-by-verse-text.zip)
Al Salam Alaikum,
There are several issues with the menu (aka tooltip) currently in use on beta.quran.com. Here's the menu that I'm referring to:
Here are the issues:
The overall menu could be reorganized. One inspiration is the menu on equran.me Their menu has the same options that we have and it's comfortable to look at and easy to use. The overlapping issues and the default prefilled values need still to be addressed in the code. Here's a screenshot of equran.me menu in the Arabic language, they don't use an English menu on their site
For Surah #3, the quran.com and beta.quran.com both spell it as Ali'Imran -- this is problematic because Ali is a name of an individual so to some extent this is changing the meaning of the Surah name. To my knowledge, and Allah knows Best, it must be spelled as Al-Imran. I checked in a hardcopy of an English Mushaf, and in the index the surah name is spelled as Follow: Āl Imran (notice this is an A with a dash over it, Ā)
For Surah #74, on quran.com and beta.quran.com it is spelled as "Al-Muddaththir" -- I think it should be spelled as "Al-Muddathir" with only a single "th", and Allah knows best
Thank you guys for putting up a superb effort. May Allah grant you a great reward.
Please also add Sudais and Shuraym [Urdu Translation] ... A number of readers are Urdu speakers and love Sudais. It would be great if this translations are also made available. Jazak Allah
https://quran.com/37/130
https://beta.quran.com/37/130
Last two word are separate words in font, but looks like in database this is single word. This mismatch is root cause of lot of bugs
Issue Lam is not rendering properly, user configruation.
Mozilla, latest version that is available 26/03/2020
https://prnt.sc/rmy3dc
Everything works properly on Chrome.
Regarding link to 'ayat al kursi' the page navigates to https://quran.com/ayatul-kursi , which causes an internal server error. It looks like the redirect somewhere in ruby (or in the database) has an invalid link. Selecting other links causes no issue.
Suppose a button click somewhere and redirect to a correct page.
Browser: Chrome
OS: Windows
Hello, I am little curious that previous version is with React SSR but in current you are not using react? Why?
If I click the donation button on the page https://quran.com/donations I get a Ip network error.
Al Salam Alaikom,
To reproduce the bug:
See the screenshot here:
problem continued
Assalaam alaykum wa rahmatullah,
I'm submitting a ...
Anything else:
I am interested to join your discussion channel: [email protected]
It would be great if users could provide an ?isReadingMode=true
query param and allow that toggle reading mode. Is this already possible?
We already have the text of Abdel Haleem’s English translation on Quran.com. Could we explore adding this audio recitation of Abdel Haleem's English translation:
https://books.apple.com/us/audiobook/the-quran-a-new-translation-by-m-a-s-abdel-haleem-unabridged/id1438294012
Specs for share feature: quran/quran.com-frontend#623
I'm submitting a ...
Current behavior:
Currently if I am reading a verse and I come across an unfamiliar word (which happens very often), I can put my mouse over it and see the meaning. But then I forget it almost immediately. I think this is because I don't see the word frequently enough or in enough contexts to remember it.
Expected / new behavior:
I wish to implement a feature wherein if I see the meaning of a word, I can also find other ayat in which the same word (or a word with the same root is used). If these ayat are sorted with smallest first, I can maybe even memorize a small ayah in which the word appears and so the word will be more familiar to me.
This is clearly an experimental feature and I wish to play around with it and see how it works before making any changes to the repository. I would like to be added to the Slack channel in the hopes of finding some help/resources.
Jazakallahu khair.
#!/bin/bash
export LINK='https://cdn.qurancdn.com/assets/application-a026584f1318aa3c51b3002a6a42b244db3c52788a28e30c61a92c6c106bbe23.css'
echo none
echo $(curl $LINK --silent --write-out "%{size_download}\n" --output /dev/null)
echo gzip
echo $(curl $LINK --silent -H "Accept-Encoding: gzip" --write-out "%{size_download}\n" --output /dev/null)
echo br
echo $(curl $LINK --silent -H "Accept-Encoding: br" --write-out "%{size_download}\n" --output /dev/null)
echo gzip, br
echo $(curl $LINK --silent -H "Accept-Encoding: gzip, br" --write-out "%{size_download}\n" --output /dev/null)
Results:
none
143660
gzip
27040
br
24085
gzip, br
24085
Asalaamu a'laikum can someone add me on Slack, please? Here is my email address: [email protected]
Thanks in advance.
Complete ayah:
الَّذِينَ يَتَّبِعُونَ الرَّسُولَ النَّبِيَّ الْأُمِّيَّ الَّذِي يَجِدُونَهُ مَكْتُوبًا عِنْدَهُمْ فِي التَّوْرَاةِ وَالْإِنْجِيلِ يَأْمُرُهُمْ بِالْمَعْرُوفِ وَيَنْهَاهُمْ عَنِ الْمُنْكَرِ وَيُحِلُّ لَهُمُ الطَّيِّبَاتِ وَيُحَرِّمُ عَلَيْهِمُ الْخَبَائِثَ وَيَضَعُ عَنْهُمْ إِصْرَهُمْ وَالْأَغْلَالَ الَّتِي كَانَتْ عَلَيْهِمْ فَالَّذِينَ آمَنُوا بِهِ وَعَزَّرُوهُ وَنَصَرُوهُ وَاتَّبَعُوا النُّورَ الَّذِي أُنْزِلَ مَعَهُ أُولَٰئِكَ هُمُ الْمُفْلِحُونَ
But user want to repeat only part of ayah for memorization ( for ziker )
فَالَّذِينَ آمَنُوا بِهِ وَعَزَّرُوهُ وَنَصَرُوهُ وَاتَّبَعُوا النُّورَ الَّذِي أُنْزِلَ مَعَهُ أُولَٰئِكَ هُمُ الْمُفْلِحُونَ
Will React and Vanilla JS be used in this project?
For the content on the following page:
http://beta.quran.com/pages/apps
Please update the paragraph to be as follow:
"By the developers of the Quran.com application, comes the Quran for iOS. A beautiful and ad-free mushaf app. It’s now easier to read the Quran on the go, memorize it, and listen to your favorite reciters. Al-hamdu Lillah!"
Best,
This is going to be a difficult task but if we can merge glyphs that'll solve lot of issues.
37/130 last two words should be one glyph.
Al Salam Alaikom @naveed-ahmad,
When I first saw "The Prohibition" link, I thought it was a misplaced element, then I realized that it's part of the Surah name for Surah Al Tahreem. As in "surah-name-img1.jpg" using the Edge browser.
Let one Surah card be the name of the Surah, the translation for the name of the Surah, the number of the Ayahs in the Surah, and the rendering of the Surah in Arabic font. This Surah card is highlighted in "surah-name-img2.jpg" using edge.
Based on the screen size, the Surah card does not render entirely as one group. This issue is present, I think the issue is present regardless of the language, because it shows up with the Arabic and the English language selected. Please see the attached "surah-name-img1.jpg" and "surah-name-img2.jpg" for details.
The elements of the Surah card need to be grouped to render together, regardless of the screen size.
This issue is not seen when using the firefox, as in "surah-name-img3.jpg" and "surah-name-img4.jpg".
](url)
Bismillah
Assalamualaikum warahmatullahi wabarakatuh
First of all, JazakAllah kharian and barakallahu fik for the quran.com team hardwork for bringing qur'an as accessible as possible to the general masses
We found a bug on the copy-pasting system.
it seems that if the ayah contains a dagger alif ( ــٰ ), the copy system misinterpret the dagger alif as a normal alif ( ﺍ )
we found this on at least two ayah :
latter part of Al-Mujadila [58]:11
أُوتُوا الْعِلْمَ دَرَجَاتٍ
this should be (درجت)
Beginning of Al-Kahf [18]:60
وَإِذْ قَالَ مُوسَىٰ لِفَتَاهُ
this should be (لفتىه) ,
Notice that there should be (we think) a ى between ت and ه, but it was overwritten by the alif
we have tried this on :
Windows 10 - Brave Browser Version 1.1.22 Chromium: 79.0.3945.79
Windows 10 - Microsoft Edge 44.19041.1.0, EdgeHTML 18.19041
Android 10/Q - Chrome 79.0.3945.79
This issue does not affect the quran for android app, on both the classic and the new appearance.
we really do hope to Allah this doesn't change the actual meaning of the ayah.
Although we've been seeing a lot of website adopt this harf on their post.
just to be sure, We have checked with other physical quran that we have just to be sure if this is an allowable mistake or not.
So far we only found two example out of, maybe 10 quran. None of them are intended as a Quran, or is a normal Quran. so we don't think this is something that is allowed
May Allah bless you All and reward you the highest place in jannah for your hardwork.
One more suggestion to the business logic, it should be noted that I have not (yet) seen a way to donate or support the development of the website.
This should be implemented, either as a donation or add extra features that won't be necessary but could be implemented for looks or something similar.
Why?
People like @naveed-ahmad & @mmahalwy need to be developing more and add cool features, we want this site to be better each year and have more people attracted. This is NOT possible without money.
Basically if we want a good website and a more development faster and better we pay and make some of the core developers lives easier.
The reality is that nothing can function without money and we want the incentive so that you can do the work for God. Because even for zekah, the ones that collect it, take a salary/share, this is noted in the Quran.
Al Salam Alaikom,
you need to add space: "beautifulreligion" --> "beautiful religion"
Incorrect sentence structure:
"Making a difference for Quran.com is as simple as a Tweet, Facebook share or email us feedback."
Here is one proposal, you can rework it if you want:
"Making a difference to the Quran.com application is as simple as a social medial share or an email with feedback."
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.