e4a5754d79
Fix / improve scrollbars
2024-02-23 21:47:33 -03:00
3277fbd399
Show total number of ayah alongside the active ayah
2024-02-01 07:23:16 -03:00
6651577e86
Drop height (for iOS)
2024-01-31 07:06:17 -03:00
f7ead8b333
Drop height (iOS fix)
2024-01-31 07:03:58 -03:00
076870324d
Fix arabic on iOS
2024-01-31 07:01:20 -03:00
f4b852d49e
Improve SurahIndex.tsx on iOS
2024-01-31 06:53:35 -03:00
c212acf98f
Merge branch 'main' into production
2024-01-30 19:08:53 -03:00
717e11944e
Add filter to SurahIndex.tsx
2024-01-30 19:08:00 -03:00
e0cb55ebbb
Merge branch 'main' into production
2024-01-05 05:27:48 -03:00
79af98b7b8
seo: update meta descriptions
2024-01-05 05:27:05 -03:00
b57125d8f5
Merge branch 'main' into production
2024-01-04 03:51:22 -03:00
f66e7de71d
seo: improve Arabic, English meta descriptions
2024-01-04 03:50:29 -03:00
4140eb491b
Merge branch 'main' into production
2024-01-04 00:02:13 -03:00
35bbb6bc39
bump font size (ar, footer)
2024-01-04 00:01:33 -03:00
e61ea49a67
Merge branch 'main' into production
2024-01-03 23:59:55 -03:00
36d84ba50c
bump font-size to large (footer)
2024-01-03 23:59:30 -03:00
503be48359
Merge branch 'main' into production
2024-01-03 23:54:20 -03:00
f3f5234a34
Bump font-size to large (en locale)
2024-01-03 23:53:54 -03:00
177bce93cc
Merge branch 'main' into production
2024-01-03 21:43:25 -03:00
69e321a238
seo: add new meta descriptions (english)
2024-01-03 21:07:49 -03:00
d0f46f8967
Merge branch 'main' into production
2024-01-03 20:41:50 -03:00
b2e460552d
set /en/ as canonical on the root path
2024-01-03 20:40:49 -03:00
7d50c6aba1
Merge branch 'main' into production
2024-01-03 19:13:14 -03:00
4cd703052d
Add $primary-color, $primary-dark-color ("blue" theme)
2024-01-03 19:10:15 -03:00
aef5ad40ee
Merge branch 'main' into production
2024-01-03 15:57:13 -03:00
2ea3055305
seo-related changes
2024-01-03 15:55:21 -03:00
5f55d62ada
Switch to an SVG favicon
2023-12-14 22:14:11 -03:00
5d90d9f64f
Switch to an SVG favicon
2023-12-10 19:52:59 -03:00
fc25721e53
Adjust responsiveness on SurahStream.tsx
2023-12-04 09:08:23 -03:00
4c57ec4d80
Responsive improvements (on SurahStream)
2023-12-04 09:08:23 -03:00
acc049fb3d
Adjust responsiveness on SurahStream.tsx
2023-12-04 09:07:05 -03:00
921453ea5a
Responsive improvements (on SurahStream)
2023-12-04 08:48:23 -03:00
c943ace50b
Fix language dropdown alignment on iOS
2023-12-04 07:57:56 -03:00
fadf792c3e
Fix language dropdown alignment on iOS
2023-12-04 07:56:43 -03:00
c9e676a16a
Reduce right offset on arabic layout
2023-12-04 07:43:51 -03:00
c25d3aedcb
Remove dead CSS
2023-12-04 07:43:51 -03:00
7421f041e6
Avoid text jump when the stream is paused
...
When the scrollbar goes from display none to being visible, the
text beside it can jump in-place. This change avoids that by making
the scrollbar invisible.
2023-12-04 07:43:51 -03:00
a3a9f4abb5
Really fix auto-scroll on iOS
2023-12-04 07:43:51 -03:00
cbab7d1795
Reduce right offset on arabic layout
2023-12-04 07:43:15 -03:00
9f787c21bb
Remove dead CSS
2023-12-04 07:26:00 -03:00
ac9992ece8
Avoid text jump when the stream is paused
...
When the scrollbar goes from display none to being visible, the
text beside it can jump in-place. This change avoids that by making
the scrollbar invisible.
2023-12-04 05:27:06 -03:00
446c4ed276
Really fix auto-scroll on iOS
2023-12-04 05:03:35 -03:00
6706f8a4a9
Remove scrollIntoView
2023-12-04 04:03:46 -03:00
74576b05aa
Remove scrollIntoView
2023-12-04 03:57:27 -03:00
61c98d072f
Remove deadcode
2023-12-04 02:08:30 -03:00
5264b846f6
fixup! Add "OFFSET" to Stream.tsx
2023-12-04 02:08:30 -03:00
01d7e4f6fb
Add "OFFSET" to Stream.tsx
2023-12-04 02:08:30 -03:00
3acdaf8a2a
Optimize memo of Stream.tsx
...
The Stream only has to re-render when 'stream.length' changes, but
could be re-rendered by a parent in scenarios where 'stream.length'
has not changed. This change optimizes that scenario by only
re-rendering the stream when 'stream.length' changes.
2023-12-04 02:08:30 -03:00
af92fafeb2
useRef / useMemo in Stream.tsx
2023-12-04 02:08:30 -03:00
e0ed29b812
scrollBy offsetHeight + scrollTop
2023-12-04 02:08:30 -03:00
454faac829
Fix auto-scroll in SurahStream.tsx (mobile / iOS)
2023-12-04 02:08:30 -03:00
9defa1bb47
Add /durations/
...
This change fixes SurahStream.tsx by hosting the durations for the
timer locally, within the app, rather than depending on
al-quran.reflectslight.io being accessible (eg when offline).
2023-12-04 02:08:30 -03:00
e72db010d7
Remove deadcode
2023-12-04 02:04:54 -03:00
8ae3585cbf
Update quran.png
2023-12-04 02:03:29 -03:00
1e3922f140
Update quran.png
2023-12-04 02:03:29 -03:00
1d8f34b587
fixup! Add "OFFSET" to Stream.tsx
2023-12-04 02:03:29 -03:00
270e9a06ff
Add "OFFSET" to Stream.tsx
2023-12-04 02:03:29 -03:00
46850a8cfb
Optimize memo of Stream.tsx
...
The Stream only has to re-render when 'stream.length' changes, but
could be re-rendered by a parent in scenarios where 'stream.length'
has not changed. This change optimizes that scenario by only
re-rendering the stream when 'stream.length' changes.
2023-12-04 01:59:13 -03:00
1a7af1be2a
useRef / useMemo in Stream.tsx
2023-12-04 01:36:58 -03:00
f2db229dd0
scrollBy offsetHeight + scrollTop
2023-12-04 00:39:20 -03:00
7d2bdf8a6b
Fix auto-scroll in SurahStream.tsx (mobile / iOS)
2023-12-04 00:01:08 -03:00
89e4d50460
Add /durations/
...
This change fixes SurahStream.tsx by hosting the durations for the
timer locally, within the app, rather than depending on
al-quran.reflectslight.io being accessible (eg when offline).
2023-11-28 15:13:32 -03:00
df78d78455
Optimize height
2023-11-26 23:49:15 -03:00
adac9912b0
Misc UI / layout improvements
...
The Arabic layout is especially improved. The CSS still needs work,
I think the most tech debt is probably within the css.
2023-11-26 23:49:15 -03:00
47738b2937
Bump surah ID width to 45px
...
On the Surah Index page, in the "en" locale, there was not enough
space between a surah's ID and its name. This change fixes that.
2023-11-26 23:49:15 -03:00
eaa0113ad9
Optimize height
2023-11-26 23:45:12 -03:00
0f0d03fbd4
Misc UI / layout improvements
...
The Arabic layout is especially improved. The CSS still needs work,
I think the most tech debt is probably within the css.
2023-11-26 22:08:38 -03:00
ea23419aac
Bump surah ID width to 45px
...
On the Surah Index page, in the "en" locale, there was not enough
space between a surah's ID and its name. This change fixes that.
2023-11-20 19:16:41 -03:00
2a1b296a6f
Enable hover effect on devices with first-class hover support
...
On devices such as a phone, the hover effect will not be applied.
2023-11-20 16:20:53 -03:00
3b391131ff
Remove height properties
2023-11-20 16:20:53 -03:00
a5ae22e16b
Fix /ar/ alignment
...
align-items: center; appears to not have the desired effect, but
leaving it unset does. The en locale remains with align-items: center;
2023-11-20 16:20:53 -03:00
94619bab19
Enable hover effect on devices with first-class hover support
...
On devices such as a phone, the hover effect will not be applied.
2023-11-20 12:56:31 -03:00
c3b1d0be45
Remove height properties
2023-11-15 19:27:55 -03:00
1f0127192f
Fix /ar/ alignment
...
align-items: center; appears to not have the desired effect, but
leaving it unset does. The en locale remains with align-items: center;
2023-11-12 19:33:56 -03:00
40746fe224
Update favicon.png
2023-11-12 18:34:48 -03:00
54cb5fbfc3
Update favicon.png
2023-11-12 18:26:32 -03:00
8c07d00930
Update quran.png
2023-11-12 17:51:24 -03:00
d384be27f3
Update quran.png
2023-11-12 17:51:24 -03:00
20683481cd
Update quran.png
2023-11-12 17:50:51 -03:00
d0b046431d
Add opengraph support to /en/, /ar/
2023-11-12 17:09:57 -03:00
e358b65736
Add hover effect on SurahIndex.tsx
2023-11-12 12:54:02 -03:00
6c0819bfdd
Improve language dropdown (take 2)
2023-10-30 06:55:24 -03:00
770c087868
Improve language dropdown
2023-10-30 06:28:21 -03:00
300188bbc4
Adjust "blue" theme
2023-10-30 06:10:51 -03:00
2496f2c309
Increase overall font-size for Arabic pages
2023-10-30 05:46:24 -03:00
2d24736614
Replace favicon.png
2023-10-30 05:03:30 -03:00
3afb9a0938
Replace favicon.png
2023-10-30 04:53:06 -03:00
5c629463dc
Center <h1> content
2023-10-30 03:22:50 -03:00
7a943802ca
Set height on ul.stream
2023-10-30 03:18:10 -03:00
864253c4b7
Add space between h1 and the content below it
2023-10-30 02:54:20 -03:00
714d2613d5
Further UI improvements
2023-10-30 02:34:35 -03:00
af0f1dd3fa
Adjust header heights
2023-10-30 01:11:24 -03:00
aaea2cc7e6
Add custom scrollbar rules, improve CSS
2023-10-30 01:01:40 -03:00
48eda16678
Move /src/js/pages/* to /src/js/
...
And move `/src/css/pages/*` to `/src/css/`.
2023-10-29 20:24:26 -03:00
d381ec1522
Wrap theme / language dropdowns in a <nav> element.
2023-10-29 20:10:04 -03:00
43f7fc85c9
Add semantic-HTML improvements, CSS improvements
2023-10-29 20:03:16 -03:00
678aa186ea
Increase retry frequency
2023-10-28 12:33:27 -03:00
479106b13a
Abide by 80col limit
2023-10-28 12:14:40 -03:00
b1d9be9806
Fix .husky/pre-commit
2023-10-28 11:19:41 -03:00
365c27d273
SurahStream: wrap content in <article>
2023-10-28 10:57:12 -03:00
f5488b578f
Add <header>
2023-10-28 10:50:30 -03:00
a534e2eb79
CSS tweaks and fixes
2023-10-28 10:40:48 -03:00
0c51b38079
Run eslint / prettier
2023-10-28 09:51:18 -03:00
3e703b6a3d
Improve "Select a random chapter"
...
Add arrow, add <footer> to `SurahIndex`, and other
mprovements.
2023-10-28 09:50:13 -03:00
c41a5cd2a7
Bug fixes
2023-10-28 07:47:27 -03:00
f720df5cda
Localize random and redirect pages
2023-10-28 06:58:44 -03:00
058fabd46b
Run prettier / eslint
2023-10-28 06:09:16 -03:00
3682c4a3bd
Fix alignment of items in footer
2023-10-28 06:08:37 -03:00
996325a13b
Fix for Arabic layout
2023-10-26 09:48:22 -03:00
6f2e33366d
Further UI improvements
2023-10-26 09:39:20 -03:00
820b0a4eb5
Tweak h1
2023-10-25 04:25:42 -03:00
0aedf7d359
Set role="banner" on <h1>
2023-10-25 03:55:33 -03:00
19d9dd2e53
Tweaks and fixes
2023-10-25 03:49:11 -03:00
3d69b44c1c
Tweaks and fixes
2023-10-25 03:47:20 -03:00
3626eaa6de
Run eslint / prettier
2023-10-25 03:14:28 -03:00
a3d9dd1446
Start transition to semantic HTML
2023-10-25 03:11:54 -03:00
b8af887718
opengraph: reduce border to 0.2px
2023-10-24 19:00:32 -03:00
7be7e74ebb
Update opengraph images (x2)
2023-10-24 18:38:00 -03:00
cf8620e73b
Update opengraph images
2023-10-24 16:31:17 -03:00
b238f361df
Remove unneccesary unsets
2023-10-24 04:39:59 -03:00
56fe18ea95
Fix Icon (blue theme)
2023-10-24 04:35:38 -03:00
6768a6650b
Fix icon
2023-10-24 04:31:26 -03:00
6179b8928c
Replace $gold2 with $gold1 - 10% lighter than a gold-ish color.
2023-10-24 02:27:55 -03:00
e140d38931
Adjust $max-width
2023-10-24 02:19:37 -03:00
cb029d6b8a
Increase $max-width
2023-10-24 02:11:24 -03:00
a83e8dd15f
Further UI improvements
2023-10-24 02:01:06 -03:00
6515ee579f
Blue theme is blended with gold more often (ar locale)
2023-10-24 01:54:44 -03:00
70e2e82753
Show surah name in blue (blue theme, ar locale)
2023-10-23 23:36:07 -03:00
6ac7c6ee04
Fix / improve layout of play / pause icon in footer
2023-10-23 22:35:20 -03:00
98f259fb22
Change language dropdown to be similar to the theme dropdown
...
Not yet perfect but a step in the right direction.
2023-10-23 22:35:20 -03:00
48329928e3
Update UI for surah's name (ar locale)
2023-10-23 18:58:55 -03:00
70d4bb424e
Remove "invisible" class when theme changes
2023-10-23 15:00:43 -03:00
11bd1105fb
Avoid re-render glitches
...
When changing between languages, the transition between pages can
cause UI glitches, where text could change font for a brief second.
The fix makes the main content invisible by default, and applies the
'invisible' class just before switching languages. After the main
content has rendered, the 'invisible' class is removed. These changes
effectively remove the UI glitches that were present when switching
languages.
2023-10-23 14:52:55 -03:00
764cf6709c
Set selected language to $blue1 (blue theme)
2023-10-23 14:23:25 -03:00
c944c1afa7
Fix import path
2023-10-23 14:23:25 -03:00
d7cf081028
.stalled.icon is rendered outside .footer
2023-10-23 14:23:25 -03:00
16352bd37c
Fix stalled icon within green theme
2023-10-23 14:23:25 -03:00
b1a8c053c5
Fix position of stalled icon
2023-10-23 14:23:25 -03:00
6eb62c7e5a
Append / to redirect path
2023-10-23 14:23:25 -03:00
feae0ea6e6
Further UI improvements
2023-10-23 02:08:43 -03:00
75a72397e3
Switch to more straight forward scss $var names
2023-10-23 02:08:43 -03:00
a9315803f0
Fix ThemeSelect, LanguageSelect
2023-10-23 02:08:43 -03:00
9e393fcdf7
Rename themes after colors (leaf = green, moon = blue)
...
This commit introduces the language and theme dropdowns as being
invisible, and includes work related to improving how the dropdowns
are implemented.
2023-10-23 02:08:43 -03:00
47847b2545
Add new hook: 'useTheme'
2023-10-23 02:08:42 -03:00
c9347a490e
Further UI improvements
2023-10-23 02:08:42 -03:00
a56de77773
Further UI improvements
2023-10-23 02:08:42 -03:00
c4e00f2158
Further UI improvements
2023-10-23 02:08:42 -03:00
ae9f98b244
Further UI improvements
2023-10-23 02:08:42 -03:00
a2259df872
Further UI improvements
2023-10-23 02:08:42 -03:00
7542e762fc
Further UI improvements
2023-10-23 02:08:42 -03:00
