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