shabados / web Goto Github PK

Summary

No response

Approach

Summary

No response

Approach

Summary

https://developers.google.com/search/docs/appearance/structured-data/search-gallery

Approach

Summary

UI should hide itself on mouse idle, keyboard shotcuts should not make it appear unless the keyboard shortcut would interact with it

Approach

Summary

from https://getoutofmyhead.dev/link-preview-meta-tags/ :

<title>Meta Tags — Preview, Edit and Generate</title>
<meta name="description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">

<meta property="og:type" content="website">
<meta property="og:url" content="https://metatags.io/">
<meta property="og:title" content="Meta Tags — Preview, Edit and Generate">
<meta property="og:description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">
<meta property="og:image" content="https://metatags.io/assets/meta-tags-16a33a6a8531e519cc0936fbba0ad904e52d35f34a46c97a2c9f6f7dd7d336f2.png">

Open Graph Protocol: https://ogp.me/

Approach

Summary

https://developer.mozilla.org/en-US/docs/Web/API/Screen_Wake_Lock_API

Approach

• Add feature (turn on desktop in fullscreen, always on mobile if using installed pwa)
• Add guide/explanation for users and experimental flag for safari

Describe the bug

Screen wake lock is working in chrome on macOS and on chromebooks. However it does not work for iPhones/iPads (whether Safari, Chrome, or "Add to home screen" through Safari). And it doesn't seem to be working in Safari on macOS either.

Seems to be an issue with Safari more than WebKit itself: https://bugs.webkit.org/show_bug.cgi?id=254545

Environment

No response

Summary

No response

Approach

• have app go to last read content (unless stale or unset, then go to jap ji sahib)
• if content stale and pointed to jap ji sahib, add a "continue reading" toast at bottom for previously marked stale content
• add a collections modal for changing banis, similar to viewer

Summary

• add gap of 0.325em; between p tags of line
• try neutral header without background color (update app manifest for theme color / header changes)
• try using grid / flex for spacing items universally (instead of * + * {} css rules), confirm performance of cls/layout-shift

Approach

Summary

https://web.dev/reduce-the-scope-and-complexity-of-style-calculations/

Approach

• use a class-centric methodology like BEM
• measure performance of style calcs

Summary

for waheguru slide, blank screen

in future with connect, allow user to show "connect to info"

the screen saver should not follow shabad view mode, it is it's own style (basically looks like presenter)

Approach

• add "configure screensaver" button to interface menu

inside "screensaver" menu:

• add timeout (default 10 mins)
• have 6 screensaver slots
• set up slots with presets (dropdowns)
• one preset/dropdown option is "custom"
• user can type anything here, perhaps the custom should also include + buttons to add fields to the custom, so that it can have an english translation, etc.
• have user be able to pick a slot as "default"

without any menus open, just normal view:

• s keypress toggles screensaver
• hold s to assign a new "default" screensaver from slots, basically it pops up a context menu, for user to pick with mouse (or use keyboard 1-6 keys to choose), after it picks the screensaver here, it should activate also. holding s is used to pick a screensaver that's not the default basically, and then make it the default as well

without menus open, just normal view:

• wait timeout includes moving mouse or keyboard, basically if purely idle for duration of timeout, then show the screensaver
• because some users might come back to the screensaver (and it's the default "blank" one), need to give them an idea of how to cancel it / deactivate.

Summary

add view mode for presentation and notes. both panes should be splittable in different arrangements, and the border should allow dragging one way or the other/

should this be the first mode that gets rid of the article/div max-width css rule and occupies the entire space?

Approach