Frontend Skeleton In Progress

Devlog #1

I’ve got a rudimentary frontend skeleton set up for Anidex (our online nature almanac). I’m not completely sure I want to keep it like this though. The other option is to have a completely solid background based on light/dark mode.

What I’ve Done

• Made the shadcn sidebar collapse into icons
  • Add said icons
• Added an indicator of which page you’re on on the sidebar
• Used the useSidebar hook to dynamically change the width of the main content on the screen
• Added the main image in the root layout.tsx file
  • Added a slight blur to it
  • Tinted it slightly based on light/dark mode

Next Steps

• Revert back to the solid background we had before if we don’t like it or can’t make it work (it looks kind of ugly in light mode).
• Finish the rest of the skeleton on the other pages (as seen on the sidebar)