search

KhalisFoundation / sttm-web

STTM website - https://www.sikhitothemax.org
https://www.sikhitothemax.org
Open Software License 3.0
50 stars 34 forks source link

Sehaj paath mode for web and mobile #64

Closed irvanjitsingh closed 4 years ago

bogas04 commented 6 years ago

@navdeepsinghkhalsa @ManjotS Need help with UI. This is how SikhJS does it.

ManjotS commented 6 years ago

My preference is to either direct link sehaj patt mode to larivaar.com OR include the larivaar app at sikhitothemax.org/sehajpatt or sikhitothemax.org/larivaar

This also requires @navdeepsinghkhalsa to utilize shabados api for larivaar.com

ManjotS commented 6 years ago

In our status meeting, we agreed to make it more like twitter/never ending reddit wherein when its enabled, split mode is disabled, and it auto loads the next ang as you scroll down (even if you are in a shabad view).

To do this, it should hook into the api next/prev just as the arrows do.

bogas04 commented 6 years ago

@ManjotS I think that interaction might be bit tricky. Like I might be reading last line and suddenly the page refreshes. What do you suggest?

bogas04 commented 6 years ago

@tarunsingh5 @navdeepsinghkhalsa please comment on above.

irvanjitsingh commented 6 years ago

@ManjotS there should still be separators indicating where the ang starts and ends

ManjotS commented 6 years ago

@bogas04 can we add it when half way scrolled and keep position?

@irvanjit I agree, maybe we can use a flourish separator from the font set (see Asa Di Var in sundar gutka)

irvanjitsingh commented 6 years ago

A simple addition to improve the ang view would be a textbox to jump to any ang in the header like SikhJS has @bogas04 @ManjotS

ManjotS commented 6 years ago

imo thats what larivaar learner is for. you can type ang number easily already in the search box which is in header.

saintsoldierx commented 4 years ago

This is what we came up with for desktop:-

  1. Ability to keep clicking DOWN button and moving to next line and next shabads (infinity scroll).
  2. Highlight option - tukk that is selected should be highlighted in someway (maybe the tukk could be larger than others with a smooth transition).
  3. Ang Mode - Show the display like an ang where selected tukk is highlighted as it’s changed.
  4. Auto-scroll - good control over speed. Option to have spacebar as start or stop.
  5. Intelligent Mode - If the tukk is long, then maybe the scroller can slow down slightly and then speed back up. If the line is short like just “SLOK” it could slightly speed up and then slow down.
saintsoldierx commented 4 years ago

For initial implementation, we can ignore points 3 & 5 for now.