Notebook Archive 2.0

[qjack001]

Ok so a pretty big update in terms of code, but I'll give you the spark notes:

• the old version used Vue 2 with Vue Router, etc, and was getting old and crufty
• the set up required the developer to explicitly write down in a JSON file how many pages the notebook had and any other information, for each notebook
• the developer also needed to hard-code in the number of notebooks
• making large updates to the theme/style of the site was not particularly easy
• design looked slightly dated
• the site was not (well-done) responsive
• there were some visual bugs (notebook page could get larger than screen, everything was smushed to the top)
• the load times were not great (heavy images, JS, mp3 files)

The main fix here is switching to Astro as the base framework. I've come up with a new system for adding and organizing the notebooks, allowing them to be loaded automatically (and with all their metadata, like start/complete dates). I'll update the README to explain this process better.

Other than that, I've re-written everything from scratch, checking off most of the issues listed above. I'm not sure exactly how you can browse the update (other than cloning the branch and running locally) — the Vercel build is not configured to build the preview branch given this new set up. In leu of that, here are some comparisons in terms of the page design:

Old homepage vs New homepage

With the 3rd notebook hovered:

Old notebook page vs New notebook page

On page zero (aka, the cover):

Old mobile-sized notebook page vs New mobile-sized notebook page

Ongoing, todos, and regressions

These code changes remove some of the previous functionality of the site (#9), which we may or may not wish to re-implement (#10, #11) . As well, there continue to be things I'd like to add that this does not address (#6), and new issues these changes create (#12).

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
field-notes-archive	❌ Failed (Inspect)		Jan 17, 2023 at 9:11AM (UTC)

[qjack001]

This component attempts to be the "theme editor" if you will. Meta tags, page title, colour scheme, and fonts are all defined here as the developer may wish.

[maxkele]

When sorting old to new is it using the start of the finished date?

[qjack001]

When sorting old to new is it using the start of the finished date?

In both cases (OLD to NEW and NEW to OLD), the sorting is based on start date. Your oldest notebook is the one you started first, even if you're still using it and others have been completed.

[HoloPollock]

Haha the best 😝