Commit graph

206 commits

Author SHA1 Message Date
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
05e519c737 UI changes 2023-10-14 09:21:39 -03:00
e9d35b51f7 Add stall recovery 2023-10-14 09:21:39 -03:00
150b391fdf Add stall recovery 2023-10-14 09:21:39 -03:00
9e35b979db Remove script from DOM after it has been loaded 2023-10-14 09:21:39 -03:00
04fb949a28 Add AudioControl 2023-10-13 00:37:16 -03:00
1d641e7c71 Re-organize project files
Attempt to simplify the layout of project files.
2023-10-08 06:31:29 -03:00
10931146bd Add absolute canonical / alternate links 2023-10-07 19:39:28 -03:00
5e8d099589 Close <meta> 2023-10-07 19:29:52 -03:00
600f5cb799 Add / to end of links on the surah index
There is now a nginx rewrite rule in place that will automatically
redirect to a path with a trailing /.
2023-10-06 00:06:25 -03:00
8715361f17 Fix syntax error in erb 2023-10-06 00:06:25 -03:00
a2fc33bb7c Remove redirect from /en/1/ to /en/al-fatihah/
Rather than redirect /en/1/ to /en/al-fatihah/, render the surah
stream instead. A canonical `link` tag is included for the benefit
of search engines to differentiate between duplicates.

Preference is given to /en/al-fatihah/ over /en/1/.
2023-10-06 00:06:25 -03:00
a6b55b64b7 Add context to surah index (index.html.erb) 2023-10-05 12:25:23 -03:00
251dde6080 Merge various locals into context (stream.html.erb) 2023-10-05 12:25:23 -03:00
dc23ed29bf Add opengraph
Fix #151
2023-10-05 02:36:47 -03:00
84c91974ed Fix 'refresh'
When the 'refresh' icon is clicked, we should reset 'endOfStream'
to false or the stream will stop playing after the first ayah.
2023-10-05 01:11:52 -03:00
461b3a0092 Remove Quran.Slice
Fix #147
2023-10-05 01:11:52 -03:00
226621b979 Swap the footer after the last ayah has finished playing
Rather than swapping the footer when the last ayah starts playing,
swap the footer when the last ayah stops playing.
2023-09-15 09:26:54 -03:00
7ed8d1207c Remove unused font 2023-07-25 14:26:02 -03:00
300b59aa14 Improve layout on stream page (Arabic) 2023-07-25 14:26:02 -03:00
731e951f2e Fix layout on index page (Arabic) 2023-07-25 14:26:02 -03:00
e16f6b261f Ensure the timer never displays a number less than 0
This can sometimes happen on iOS (eg -0, -0.1)
2023-07-23 18:10:54 -03:00
d65e7da5eb Apply ChatGPT suggestion. 2023-07-21 11:55:16 -03:00
51ca9c292c Add meta description for search engines 2023-07-21 10:27:17 -03:00
23d1eeca2b Add robots.txt 2023-07-17 16:48:12 -03:00
d30c9d1c3b v0.5.0 2023-07-17 09:24:27 -03:00
2bb64eb390 Add spinner
When the audio is stalled or "waiting", show an animation
that indicates the loading state.
2023-07-17 09:16:22 -03:00
dd6857af7f Avoid setting the same src 2023-07-17 09:14:10 -03:00
6a14d5f8fd Replace useState (tid, setTid) with a local variable 2023-07-16 06:50:05 -03:00
8026101e07 linter: fix 2023-07-15 06:02:58 -03:00
ea9197ae6e Don't reset timer when sound is turned off
Toggle of the speaker to "off" state should not reset the timer.
That should only happen when the speaker is turned "on".
2023-07-15 06:00:29 -03:00
e3ef370027 Improve iOS support 2023-07-15 00:48:22 -03:00
fdfb75a648 Update useEffect dependencies 2023-07-14 21:07:42 -03:00