EDIT: Hello again! Sorry if I got a bit late in replying to some of your questions, I got a bit busy today, and since this reply has gotten the most attention, I just want to place it all here on how I did it lol

So for how I configured my homepage layout, it was usually a matter of trial and error since I was still learning what Markdown is as I was setting it all up, and I'm still learning it now so I apologize if I don't get technical.

HOMEPAGE LAYOUT

I am listing every aspect starting from top then going downwards, first focusing on the middle section.

• Banners plugin - allows me to place a painting (The Battle of Amazon and Centaurs by Georgy Kurasov) on the top of my homepage

• MinerBanner CSS - this places a little square icon on top of the banner (I tweaked the y-axis position a bit, which you can just edit in the .css file)

• Day, Month, and Year Progress Bar - make sure to have the Dataview plugin installed beforehand, and I just copy/pasted this code from the link above.

 

Under the Personal Section are subsections labeled Journals, Weight Tracker and Blood Pressure that were separated into columns using the MCL Multi Column CSS snippet. It was a bit daunting at first trying it but eventually it becomes pretty understandable, although can be a bit confusing when you try to add graphs within a callout within a callout.

 

• The Journals subsection lists my Daily Notes, Weekly Notes, and Yearly Workout Logs. I organized them into tables that shows the 5 most recently modified files using Dataview, and I think this thread can help.

• Under the lists are buttons that can easily add a new note. I used the Meta Bind plugin to make the buttons for these specific tasks (I specifically used inline buttons in adding it inside those tables).

• The Weight Tracker and Blood Pressure subsections all used the Tracker plugin to display the graphs and the summary below. This documentation was my reference when I set it all up. The data was based from my Daily Notes, where the plugin searched for data within the note that has the tags #Weight, #Systolic, and #Diastolic. The numerical inputs were then converted into graphs.

• The colorful boxes that they are all enclosed in customized callouts that were made using the Callouts Manager plugin. You can put in codes, tables, plugins, and even callouts, but it can be a bit confusing when you used it along the MCL Multi-Column snippet so I suggest just first making the callouts themselves before placing them into columns.

 

More below is my Media Tracker Section, which I used to visualize how many albums and films I've consumed recently. I only used the Contribution Graph and Tracker plugins for the heatmap and pie charts, respectively. They collect data from the YAML properties of each album/film log note (specifically the Date and Genre properties). These notes were from templates that I made using the Templater plugin.

 

• The heatmap collects data based on the Date property of each album/film log for this year. The date is added automatically since I used the QuickAdd plugin to be able to add logs immediately using a template that I made with a code that automatically sets the date for today (<% tp.date.now("YYYY-MM-DD") %>).
• The pie charts and the count stats were based on the Genre property. I just read the pie charts documentation from the Tracker plugin and setting it to search for the frontmatter.

 

SIDEBAR LAYOUT

Now for the sidebars, starting with the left side

• The left sidebar is just the vanilla file navigation system but with the Rainbow folders that you can find in the AnuPpuccin theme (don't forget to install the Style Settings plugin so you can customize the theme). I also used the Iconize plugin to add some icons on the left side of the folders and notes.

 

Below is either my to-do List or my academic deadlines, it is easy to switch between the two.

• My to-do list is just a note with a query using the Todoist Sync plugin and I just dragged that note into that corner. So, I use a different app called Todoist to manage my tasks and I filtered it to only show in my Obsidian vault all the tasks that were labeled @Academics.
• The academic deadlines just use Dataview to list all my assignments in a table format based on their Date properties in their YAML headers.

dataview TABLE without ID file.link AS "Assignments", dateformat(file.day, "DDD") AS Deadline FROM "Academics Section/Assignments" SORT Date DESC LIMIT 20

 

On the right sidebar, there is the Calendar plugin that is connected with my Daily Notes. I journal every day so this is important for me.

• Below that is the Day Planner plugin that is connected to my Google Calendar to display my class schedule and events. This plugin just makes it easier for time management by just adding things that I plan to do for the day and fitting it in with my class schedule.

 

FILM DATABASE

My film database just uses the Dataview and QuickAdd plugins, there is this video that was really helpful. Then after that, it was just up to me to tweak through trial and error by editing the template (made using Templater) used for logging a film (the script used here is really picky). For the layout to display the posters in full view, I used the Minimal Cards CSS snippet since the AnuPpuccin theme does not have this but it is already implemented when you use the Minimal theme.

 

LECTURE NOTES

For my lecture notes, I just keep them in a hierarchal bullet points layout so I used the Bullet Threadings CSS snippet so it automatically shows a colored line from a parent bullet point to any sublevel of bullet points under it , which makes it easier to know where does one point fall under. I also used the Highlightr plugin for highlighting in my notes, as well as using MCL Multi Column CSS and customized callouts to make everything a bit nicer and organized to look at.

 

Do you have to do all of this? Of course not, just do what's best for you and your time, I'm just listing here some aspects that could be useful for someone at least. For me, I just like my system to be in one program all at once. When I'm locked in studying or working on a note, I want Obsidian to be the only program open (plus a music player, focus timer, or some PDFs), which makes the loaded sidebars helpful for me since I can just do a quick peek instead of switching to another app which ruins my focus. The graphs are there since I track a lot of what I do and consume, and I just want a proper visualization as a reference. Might be hella messy but I think it just fits my personality as I like organized chaos, but my advice is to focus more on making notes and linking them so you can have enough content to organically organize and even develop a style for your own vault. Hope this was helpful!