Coder Social home page Coder Social logo

artskydj / canondaily.com Goto Github PK

View Code? Open in Web Editor NEW
5.0 3.0 0.0 13.74 MB

A website to help you read the Bible in a year

Home Page: https://www.canondaily.com

JavaScript 0.35% HTML 99.50% Batchfile 0.01% CSS 0.15%
year bible yearly daily read study faithful

canondaily.com's Introduction

canondaily.com's People

Contributors

artskydj avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

canondaily.com's Issues

Dark mode

Create:

  • Dark mode
  • AMOLED black mode

Show *today* or *tomorrow* or *yesterday* by the day's date

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:

  • Completed
    • Dark green for completed
  • Uncompleted
    • Orange for yesterday
    • Light Green for today
    • Blue for tomorrow

Make more reading plans

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.

Make it so every day has a passage

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.)

Book structure issues

Post screenshots below, or with the day and section.


Screenshot_20200205-071555
Above screenshot shows no bold subsection for Feb 5.

Make it able to be used offline

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.

Previous and Next buttons might be confused for day previous and next

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.

Proverbs are not split each line

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.

Make some sort of "completed" interface

  • You hit a "Complete" button at the bottom, and it marks the day as completed.
  • There should also be a calendar view page, which shows all your completed days.
  • You should be able to right click or long press to toggle a day's completed status

This will not work between browsers or devices if I implement it with localstorage and javascript.

March 9 and March 10 overlap Matthew

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.

Change bookmark navigation

untitled

Will probably take up a bit more vertical space. The buttons can be slightly shorter, and a lot longer.

The ratios are not portrayed very well in the sketch above...

Inline js and css

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.

Change manifest theme_color

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.

Add context verses

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.

Generate a document for each day

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.

Rebrand to "Canon Daily"

I changed the domain to "Canon Daily", so I want the nav, <title>, and repo name to be changed.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.