mattam / 100daysofjames Goto Github PK

Should be able to select highlighter tool and then select text to highlight.
Or should it be, select text, then [create highlight]?
Would be nice to attach notes to highlghts.
Can look at React-highlights library, even though I don't think it'll work for my purposes, there might be something there that I can use:
https://github.com/ydeshayes/react-highlight

Rightnow if you scroll the page, the topnav disappears into the top of the screen. Maybe should "fix" it to the top

Should re-copy/paste the Bible text with verse numbers.
But find a way to parse out the verse numbers and put them into hide/showable span's.
Then add a UI feature to toggle them per session (not per page)
Store into localhost user configuration.

Since I've been putting the info inside the days.json, might as well link out to it. The main problem I can see so far is that I'm using the whole day card to link to the preview build, so if I do this, I need to separate out the github PR link so that it's not affected by the whole card being clicked.

Write script to extract out the .Net verses into my own custom JSON format
Store an array of verses per chapter so that we can access things in each verse (like for highlighting words later)
Render out the content into the pages in another issue

james: {
  chapters: [
    {
       chapter: 1,
       content: [
         {
           type: "header",
           text: "Salutation",
          },
         {
            type: "verse",
            verseNum: 1,
            text: "From James, a slave of God and the Lord Jesus Christ, to the twelve tribes dispersed abroad. Greetings!"
         },
         {
           type: "header",
           text: "Joy in Trials",
          }
       ]
  ]
}
    

It's a bit confusing what the various buttons in the topnav do, possibly I should:

• Hide the settings in a settings menu
• Change the icons to something more descriptive like "highlight", "verse numbers", "info"
• The back to home arrow button is useful to me, but it's possible I can just have it as a "exit" option in the settings menu.

Then I can scoot the passage reading a bit higher, since I wouldn't need the topnav margin anymore.
The topnav can be a overlay menu on top of the passage reading.

So I can tell if I'm the only one hitting up the project site :D

• Where you can turn on a filter for that chapter (or maybe for a paragraph? chapter might be too long).
• When the filter is on, it will randomly hide a large percentage of the words (90%)
• But will have text boxes which you can fill in (like hangman).
• As you fill in the text boxes, it will check it against the actual word, if right, it will remove text box, and show the correct word.
• If you got the wrong word, it will highlight box in red, and have you keep trying on typing.
• You can keep trying to fill it all in until all the boxes are correctly filled.
• You can toggle on/off the memorization filter view, it should keep the state that you had.
• There should be a reset button to reset your memorization state for that passage.

Instead of listing out each chapter as a separate page that you have to click into, what if I made it an infinite scroll? Could even remove the left right chapter arrows then.

This is an associated task with #14 , where you can highlight verses. I want to have the ability to highlight a verse, then attach some notes about that verse. Initial implementation should just store the notes temporarily. But should have a followup task to start moving the highlights and notes to localstorage so that we can see the notes afterwards (Even after restarting the computer/browser).

Maybe on selecting a highlighted verse (or when a verse has been highlighted), we show a text box on the right that can be filled in and saved. Maybe auto-save it, so we don't need a button? If the highlighted verse already has a note attached, show that text by default?

Something like Spotlight or Alfred
Trigger key sequence could be something like CMD-P (similar to what I use for VSCode)
Things that it could let me do:
1 - quick jump to specific passage "James 2:1" (particularly useful with the infinite scroll)
2 - turn on functionality (verse numbers, highlight mode, information)
3 - Trigger workflows? (pulling in related videos, find greek/hebrew word references, etc)
4 - Making UI more keyboard accessible.

The two links at the bottom (developer link and github link) should have nicer icon/links made and put into the upper right corner of the home page for easy access.