Commit graph

485 commits

Author SHA1 Message Date
0cf95b6357 Merge branch 'main' into production 2024-03-15 14:11:37 -03:00
bb2d3549d3 Update src/images/opengraph/quran.png 2024-03-15 14:10:28 -03:00
fdc8de7cc6 Merge branch 'main' into production 2024-03-15 13:12:54 -03:00
7004918676 Update src/images/opengraph/ 2024-03-15 13:06:17 -03:00
b019b9a052 Merge branch 'main' into production 2024-03-12 12:35:57 -03:00
043523e48a Replace 'es-cookie' with 'document.cookie' 2024-03-12 12:34:18 -03:00
54d7e1e99e Merge branch 'main' into production 2024-03-10 08:55:03 -03:00
e2702ded25 Add src/favicon.ico 2024-03-10 08:54:42 -03:00
26a6a09cc0 Merge branch 'main' into production 2024-03-10 08:28:30 -03:00
60379b2de5 Rephrase meta descriptions 2024-03-10 08:27:48 -03:00
12c88fc358 Merge branch 'main' into production 2024-03-10 08:24:01 -03:00
abf06a13c0 Rephrase meta descriptions 2024-03-10 08:23:08 -03:00
a1f7ee3026 Set text-base on Timer.tsx 2024-02-29 14:52:09 -03:00
dd5d63d2b8 Merge branch 'main' into production 2024-02-29 13:40:34 -03:00
113c29439d Fix style / alignment issues 2024-02-29 13:39:22 -03:00
cca0fac05b Merge branch 'main' into production 2024-02-29 00:42:03 -03:00
05323a7ed0 Fix alignment of StalledIcon 2024-02-29 00:40:14 -03:00
73bf104dda Merge branch 'main' into production 2024-02-29 00:09:11 -03:00
1fb81c967b Hoist 'ms' 2024-02-29 00:07:27 -03:00
4696f5c724 Merge branch 'main' into production 2024-02-28 22:49:36 -03:00
ec0f7c480a Align items in footer 2024-02-28 22:45:51 -03:00
4b555a3141 Limit border-top to .surah-index 2024-02-28 21:27:27 -03:00
2123f27dae Remove font (Amiri Quran Regular) 2024-02-28 20:13:54 -03:00
0802c5340a Minor tweaks and improvements 2024-02-28 20:11:24 -03:00
b50192795d Rewrite SurahStream.tsx with tail.css 2024-02-28 19:41:48 -03:00
513fe07c8a Rewrite SurahIndex.tsx with tail.css 2024-02-28 19:41:48 -03:00
93e1898382 Merge branch 'main' into production 2024-02-26 19:19:25 -03:00
bda0c7dbcc Quote meta description within single quotes 2024-02-26 19:06:23 -03:00
f81da7f19a Merge branch 'main' into production 2024-02-26 18:50:47 -03:00
f09e76f26c Fix typo in stream.html.erb 2024-02-26 18:50:23 -03:00
6de0a931ad Merge branch 'main' into production 2024-02-26 18:14:50 -03:00
b784c2bb33 SEO: update meta descriptions. 2024-02-26 18:14:33 -03:00
0c7be46e8d Remove trailing newlines from src/favicon.svg 2024-02-26 17:44:59 -03:00
9846e37abb Merge branch 'main' into production 2024-02-26 17:21:02 -03:00
05f310c670 Update bin/build-favicons 2024-02-26 17:19:27 -03:00
fb9c7da188 Update bin/build-favicons 2024-02-26 16:29:41 -03:00
aecbb64817 Regen favicon-*.png 2024-02-25 22:28:05 -03:00
899c948d12 Regen src/favicon-*.png 2024-02-25 22:25:54 -03:00
84e43a1ba3 Fix transparency in favicon-*.png 2024-02-25 22:24:00 -03:00
78a045af58 Regen src/favicon*.png 2024-02-25 19:08:05 -03:00
7722f3672b Add favicon variants (in PNG format) 2024-02-25 16:19:51 -03:00
7f797ba706 Apply 60-30-10 to the 'green' theme
Add $primary-color, $secondary-color, $accent-color
2024-02-25 11:48:15 -03:00
81335ebeb2 Introduce $secondary-color ('blue' theme) 2024-02-25 11:13:24 -03:00
b2bcd644ff Hide SurahIndexFilter.tsx at low-resolution widths 2024-02-24 19:21:42 -03:00
573cb5ff4c overflow: 'visible' -> 'hidden' 2024-02-24 00:19:34 -03:00
58477688b0 Remove 'playing', 'stopped' CSS classes 2024-02-24 00:06:08 -03:00
c23cf266b9 Set scroll-y on demand (SurahStream.tsx) 2024-02-23 23:54:29 -03:00
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