51b7a523ce
s/theme-and-language/dropdown-row/g
2023-02-28 05:03:09 -03:00
95be842bc4
Add src/css/layout.scss
2023-02-28 05:03:09 -03:00
78a0146cf9
Generalize the CSS
2023-02-28 05:03:09 -03:00
278292dc89
src/css/components/TheQuran/ -> src/css/components/TheSurahPage/
2023-02-28 05:03:09 -03:00
438e327ea1
src/js/components/TheQuran -> src/js/components/TheSurahPage
2023-02-28 05:03:09 -03:00
13234d34d1
Set background color of .box-shape to $gold
...
This was overlooked when renaming .container.shape to .box-shape
2023-01-13 12:37:55 -03:00
7af6147172
Replace Ayah[] with Ayat type (LanguageSelect.tsx)
2023-01-12 21:51:52 -03:00
7945a1667a
Add slice support to the LanguageSelect component
2023-01-12 21:51:52 -03:00
c911322429
Change base width to 470px
...
And when the vertical scroll bar is present, reduce the width
of a paragraph to 98% of 470px.
2023-01-12 21:51:52 -03:00
13789768a1
Add ability to pause, and resume the stream
...
This change allows the stream to be paused, and
resumed on-demand.
2023-01-12 21:51:52 -03:00
44fdb443f8
Enable eslint rule "object-curly-spacing"
2023-01-09 07:03:05 -03:00
25e5703e1a
Add random redirect from the paths /en, and /ar
...
When the theme logo is clicked, the user will be redirected
to a random surah and the current active language will remain
the same.
2023-01-09 05:15:18 -03:00
a5e69e6c23
Fix bug when "slice.coversOneAyah"
...
I discovered a bug where when the "ayah" parameter is set to a single
ayah, and the end of the surah is reached - the "endOfStream" variable
would continue to return false. This would lead to an error in the Timer
component where "ayah" would be accessed as an undefined value.
2023-01-06 21:14:41 -03:00
bc0078f5d4
Fix: remove 'slice' prop from Timer
2023-01-05 19:31:32 -03:00
5376b632dd
mv lib/slice.ts lib/Quran/slice.ts
2023-01-05 19:31:32 -03:00
88ca256355
Remove "ayah" prop from Timer component
2023-01-05 19:31:32 -03:00
5715cfb1a1
Add support streaming a given ayah range
...
The "ayah" query parameter can be used to select a
specific range of a surah. For example:
'/en/al-fatihah/?ayah=3..7'
2023-01-05 19:31:32 -03:00
30cf8e96b7
Fix Slice.fromParam
2023-01-05 19:31:32 -03:00
5c8247aedb
Add lib/slice.ts
2023-01-05 19:31:32 -03:00
af5ecfef66
Add eslint "quotes" rule
...
By default this rule expects single quotes to be used
2023-01-05 00:16:30 -03:00
22fd27bba9
Add "@typescript-eslint/member-delimiter-style" rule
...
Apply to all files in /src/js/
2023-01-04 23:48:35 -03:00
2b06c933ee
Remove prefix from 'Props'
...
For example, 'StreamProps' is now simply 'Props'
2023-01-04 23:32:49 -03:00
de538b2a00
Maintain rtl direction on .surah-row.surah-details
2022-12-30 08:58:43 -03:00
56c8bfbbc6
Preload Arabic font (Vazitmatn Regular)
...
This change should improve performance when switching between
the English, and Arabic languages.
Fix #66
2022-12-30 08:58:43 -03:00
8626dad6d9
Revise HTML markup, and stylesheets
...
* Remove the 'AboutSurah' component:
It is too simple to be worth being a component.
* Prefer long-form CSS syntax over SCSS indentation:
I think it is easier to read, although there's probably
still a soft spot to find between the two.
* Rename root class from 'surah' to 'root-box'.
* Rename / revise other CSS class names.
2022-12-30 08:39:59 -03:00
37faf82a42
Prevent timer going out of sync when switching themes
...
I discovered this bug while testing recent changes on iOS.
After the theme was changed, there appeared to be two active
threads of execution that would step on each other's toes.
Storing the surah with useState() appears to have fixed the
bug.
2022-12-28 05:00:10 -03:00
652e787013
Add support for ?ayah=X query parameter
...
This query parameter can be used to start a surah at the given ayah,
and it is used by the LanguageSelect component when switching between
languages.
Fix https://github.com/ReflectsLight/al-quran/issues/61
2022-12-28 04:06:07 -03:00
431bde851c
Add Select component
...
The Select component renders a list, and provides more flexibility
in how the element is styled (compared to a regular "<select>").
2022-12-28 04:01:23 -03:00
76db482721
Surah.ts: add 'slug' getter.
2022-12-27 03:42:20 -03:00
4cef8416fd
WebPackage: add 'fetchOptions'.
2022-12-27 03:42:20 -03:00
5a7f49c2c2
add LanguageSelect.tsx
2022-12-27 03:42:20 -03:00
3b9c68ebe6
Replace useSurah with Surah.fromDOMNode
...
Fix https://github.com/ReflectsLight/al-quran/issues/56
2022-12-26 19:10:22 -03:00
f1f94f46ea
Adjust read time calculations
...
A baseline of two seconds is introduced, and when
the Arabic locale is being used, each word has a
weight of 750ms rather than 500ms.
2022-12-26 17:37:43 -03:00
667767459a
Correct typo's in Arabic text.
...
See https://github.com/ReflectsLight/quran-pull/pull/3
2022-12-26 04:22:00 -03:00
f1fd6c4e00
Add localization for hard-coded English strings
...
* Replace "Surah X, Ayah Y" with its Arabic equivalenets.
* Add support for Eastern Arabic Numerals . For use with
the Arabic, and Farsi languages.
2022-12-25 20:15:30 -03:00
e2111e33c6
Display the name of a surah in Arabic when locale is "ar"
2022-12-24 15:52:14 -03:00
7d68da0293
Fix CSS precendence of media rules
...
Adjust <=595px rule to a height of 330px.
Ref #53
2022-12-24 14:22:01 -03:00
0cf6089fb7
Fit content on 1378x768 device (follow up)
...
The previous commits broke support on Chrome / Safari on iOS.
`HTMLElement.scroll` does not seem to work when the height is set
as a percentage. This commit also uses `HTMLElement#scrollHeight`
instead of "offsetHeight".
2022-12-24 14:13:22 -03:00
c928f56601
Fit content on 1368x768 device (follow up)
...
Follow up to 80881311badb47133cbcdf440ee0cf470efae6ae
2022-12-24 13:01:53 -03:00
8d076fc5d6
Fit content (vertically) on 1368x768 device
...
I bought a new laptop recently, and I discovered that I couldn't view
a surah without a vertical scroll bar. The timer for an ayah wasn't
visible without scrolling. This change will hopefully address that.
2022-12-24 11:50:06 -03:00
ce7606b62c
The theme image is now a link that goes to /
2022-12-07 14:25:27 -03:00
b7d6c9262e
Rules: add a more precise compilation rule
2022-11-28 00:33:23 -03:00
aca7450b81
src/css: remove unneccessary styles.
2022-11-28 00:33:23 -03:00
45a39b6d25
src/css: assign meaningful class names to "span:first-child"
2022-11-20 06:31:00 -03:00
eadc482e07
swap css variable with scss variable.
2022-11-20 06:31:00 -03:00
dfd6d2bdb4
src/css/: add improvements
2022-11-20 06:31:00 -03:00
8dc3b4d9dd
add "title" to redirect-to-random-surah.html.erb page.
2022-11-19 19:28:10 -03:00
8b01a5f575
redirect from index.html with one redirect rather than two.
...
Fix #41
2022-11-19 19:28:10 -03:00
616f5d6073
add "WebPackage"
...
The "WebPackage" object allows for scripts, stylesheets, fonts, images
and other webpage assets to be downloaded for the page's primary content
to use afterwards.
2022-11-18 17:09:32 -03:00
Gyen Abubakar
eb724a14b4
redirect to Al-Kahf if today's Friday
2022-11-11 16:09:33 -03:00
Gyen Abubakar
5e2ab86e22
eslint & prettier setup
2022-11-11 16:09:33 -03:00
172f25bd62
src/: add src/js/lib/locales.ts
2022-11-08 07:41:43 -03:00
73fba8cf00
src/: set html "lang" attribute
2022-11-08 06:12:32 -03:00
cdd4ce61ed
src/: replace location.href = '...' with location.replace('...')
2022-11-08 05:59:45 -03:00
94ec17940b
src/css/: 'ltr' on select
...
we only have english theme names (for now) - rtl doesn't make sense.
2022-11-06 07:16:52 -03:00
92ad7af99b
src/: s/leaf/moon/
2022-11-06 07:13:00 -03:00
0254d444e9
src/: allow locale-specific styles
2022-11-06 07:11:27 -03:00
37a3706b04
eslint: fix
2022-11-06 06:57:36 -03:00
296aa9a165
src/: add src/js/pages/redirect-to-surah-slug.ts
2022-11-06 06:55:13 -03:00
e31fac44bb
src/: add src/js/pages/redirect-to-random-surah.ts
2022-11-06 06:55:13 -03:00
520c141d56
rename src/html/ files
...
* `src/html/surah.html.erb` -> `src/html/TheSurahPage.html.erb`
* `src/html/random_redirect.html` -> `src/html/redirect-to-random-surah.html`
* `src/html/slug_redirect.html.erb` -> `src/html/redirect-to-surah-slug.html.erb`
2022-11-06 06:53:30 -03:00
817b1305ac
Rules: update
2022-11-05 21:46:23 -03:00
c99982cb86
fix redirect in slug_redirect.html.erb
2022-11-05 21:46:23 -03:00
2926183932
move html & erb files to src/html/
2022-11-05 21:46:23 -03:00
d00b8277a3
redirect from /<locale>/<surah-id>/ to /<locale>/<surah-slug>/
...
This change will trigger redirects from - for example, "/en/1/"
to "/en/al-fatihah".
2022-11-05 19:49:11 -03:00
c6d1f7cc11
add src/index.html
2022-11-04 00:36:16 -03:00
bc6f6f4617
improve layout on mobile
2022-11-02 07:26:58 -03:00
c28e7497d4
fix a couple of 404s, and 'rake deploy:local'
2022-11-02 06:23:24 -03:00
2eeeb439ec
TypeScript: add ts-standard
2022-11-02 00:53:00 -03:00
36f21c8936
s/readingTime/readTimeMs/g
2022-11-01 23:28:03 -03:00
dfee1d25e2
s/surahByNum/surahId/g
2022-11-01 22:37:25 -03:00
757b66f6f0
ThemeSelect.jsx: store theme choice in a cookie
...
Fix #1
2022-11-01 19:22:37 -03:00
e3c794448f
src/surah.html: add title to page
...
Fix #4
2022-11-01 09:28:06 -03:00
93c8b110b8
themes/leaf.scss: bold, green font
2022-10-31 15:39:30 -03:00
b60d2beff4
src/: add src/fonts, src/images
2022-10-31 15:36:18 -03:00
8c4646ca5b
src/: add src/css
2022-10-31 15:36:12 -03:00
cc4c4399c0
src/: add src/surah.html
2022-10-31 15:35:43 -03:00
efd2aeed23
TheSurahPage.tsx: place Timer below Stream
2022-10-31 15:35:43 -03:00
4c0077da57
Stream.tsx: fix auto-scroll
2022-10-31 15:35:43 -03:00
4dd2d20766
Surah.ts: add getters
2022-10-31 15:35:43 -03:00
f28725d0f3
src/js: extract surah id, and locale from location.pathname
2022-10-31 15:35:43 -03:00
bb4bd38671
hooks/useSurah.ts: return 'surahIsLoaded'
2022-10-31 15:35:43 -03:00
8728c9df32
src/js: add TheSurahPage.tsx
2022-10-31 15:35:43 -03:00
9b53401092
src/js/hooks: add useSurah.ts
2022-10-31 15:35:43 -03:00
34cd6129e8
js/lib/: add Quran.ts, Quran/Surah.ts
2022-10-31 15:35:43 -03:00
d7e593c95b
src/en/<surahno>/*.json: compress / minify JSON.
2022-10-31 15:35:27 -03:00
347e61a7fb
add src/ar/<surahno>/surah.json
2022-10-31 15:35:02 -03:00
5c100ebb13
add src/en/<surahno>/surah.json
2022-10-25 06:18:09 -03:00
