Added a very basic light and dark mode based on the system settings the browser detects. ☀️/ 🌑
In an early build of are.na you could click on the channel name to edit it. I always found this to be a wonderful feature that removed unnecessary clicking, even tho it was a very hidden affordable. So I implemented something inspired by that notion. When you click the page title in the navigation bar you can enter any path you might want to go to. In the example here, I enter 'books' and am taken to my collection of book notes. But this is mostly intended for me to quickly jump around my site. It could be interesting to have it default to a search query or internet archive lookup if the entered path is not valid.
It has taken me 3 days on and off to get basic queries figured out. But they work, I can now get data tag type or category! I will make a cleaner version of the graphic later, but from what I can tell this is the basic flow.
Trying to add some card designs to my home page then open and close like mini-applications. But still working on understanding how to structure JS logic in react 😰
I have long kept half-finished thoughts in markdown files on my computer and finally got them to render in Gatsby. It looks bad at the moment but now that the logic is working I will start styling it!
Originally I was going to use this as an intro to react + Nextjs activity, But choose Gatsbyjs instead as the framework feels more flexible. An
Treehouse is an exploration of a dynamic personalized dashboard for myself. The next step is coding out the interface and starting to expand my understanding of various API frameworks.
I started finishing up some designs for the treehouse/personal-dashboard project and got a little stuck. So I paused the visual design to map out the information types of the system I might want to include in each card.
Quickly after starting to code the site, I discovered the need for a light and dark mode based on the computer system settings and time of day.
the first example of 'treehouse' a personal dashboard for me to track, plan, and layout what I need todo.