artskydj / canondaily.com Goto Github PK
View Code? Open in Web Editor NEWA website to help you read the Bible in a year
Home Page: https://www.canondaily.com
A website to help you read the Bible in a year
Home Page: https://www.canondaily.com
Write a generator that generates 365 documents (JSON or HTML).
Then the main page should figure out the current day, and pull the document and insert it. If the user wants, they can change the page manually, like they can now, but it will default to the current day.
Load all the iframes, and then display them as necessary, so if you go offline, you can still read later bookmarks.
The link to the authors of the prayer for the Holy Spirit results in a 404 Not Found error.
I've got (or had) a test script that verifies that all the passages are sequential (or you change books).
However, sometimes this is not ideal.
Sometimes in the gospels, it would be nice to end a day with the same verse the next day:
For example, maybe Mark 100:23 has some context that would be nice for the end of Feb 30 and the start of Feb 31
Feb 30: Mark 100:1-23
Feb 31: Mark 100:23-50
Another (more concrete) example is Job.
Nov 19: Job 15:1-16
Nov 20: Job 15:17-35
On Nov 20, you don't know who is speaking. This is pretty important in the book of Job. Based on context, you can figure out it isn't Job, if you're aware of Job's position.
However, it would be nice to have Job 15:1 as context on Nov 20. So that's not just one verse earlier. It is many verses earlier.
Not every page will need context.
Service workers are there key here.
Maybe it could download/cache the next 3-10 days' html when it does have a connection so it could be used offline.
Write a test that checks that all verses in the Bible are used once, and only once.
This will not work between browsers or devices if I implement it with localstorage and javascript.
Left to right progress bar animation, to show that something is happening while you wait for the page to check the checkmark.
Or remove the settimeout, and not see the checkmark at all, which would be fine I guess.
I'd expect each proverb to be on its own line (unless it's a story proverb). If this is do-able, keep this issue open. If it's not do-able with the packages I'm including, then just skip it.
Aug 19 is an example.
Use https://github.com/TehShrike/pickering-majority-text-revelation for the book of Revelation?
This is perhaps a large endeavor...
Some people find it difficult to follow 4 different passages at a time.
Some people might not want to read the whole Bible in a year. Maybe that's too fast for them.
I want to make multiple "reading plans" and users can choose one that is their pace and balance.
10/25 page 3 might overlap with 10/24 page 3's passage
Show today or tomorrow or yesterday by the day's date.
E.g.
Canon Daily Prayer Github
-------------------------------
- | February 25 | <-- gray
+ | February 25 (Today) | <-- see below for color
-------------------------------
Leviticus 20-21
...
Color:
See Revelation. No bold sections. https://www.canondaily.com/December/2
Change domain, and add notification of the domain changing
new url is gonna be http://www.canondaily.com
https://developers.google.com/web/fundamentals/native-hardware/fullscreen/
Scroll down to the "Launching a page fullscreen from home screen" header.
Possibly use the app manifest? (Scroll a bit more.)
Right now, only the first 25 days of each month have bible passages. Split it up, so that every day has bible passages. (Except Feb 29.)
There is a typo in March 10 that should start with Matt 23:25 but actually starts with verse Matt 23:15.
Write a test or something to avoid this issue everywhere it occurs.
Disabled Prev/Next buttons should have the default cursor or a "disabled" cursor.
Create:
Maybe some of this peer-to-peer stuff? If both are connected, then you can type a code on both, and both merge together?
https://github.com/feross/simple-peer
Related to #29.
The button should scroll the user to the top, update the date to today, and load it.
Right now, it's the same color as the icon, which makes it look terrible in android's app switcher.
Change the top bar to be a different gray. Then change the theme color to be that gray. Also make the top bar shorter so it is the same height as a titlebar on an android app. This should make the app switcher look better too.
I changed the domain to "Canon Daily", so I want the nav, <title>, and repo name to be changed.
Too big of font
The Previous and Next buttons are beside the date selector. They could be confused as controls to jump the day forward a day, or backward a day.
Not sure how to fix this...
One possible solution is to put the date selector at the bottom, and the prev/next buttons at the top.
I have a build step to generate the 365 html files. I might as well add a step that takes a template-index.html and outputs the main index.html to the root site. The css and the js can be inlined. This should make the app blazing fast.
Also, I can put the IIFE in the template instead of in main.js like it embarrassingly is now.
Or why even have that a build step? Maybe just have them inline to begin with. The index.html file should end up being under 200 lines long.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.