/obsidian-homepage

Obsidian homepage - Minimal and aesthetic template (with my unique features)

Primary LanguageJavaScriptMIT LicenseMIT

Homepage

A simple and minimal homepage for your vault using the new Shiba Inu theme!




Quick Start

  • Install: Download file: Farouk's Homepage - Shiba Inu from the repository into your vault to get started.
  • Customize: Feel free to modify and use any part of the homepage as you like. Thanks for supporting the Shiba Inu theme!

Features

  • Cards and Infobox functionality (with banner) (By @SlRvb ITS Callouts)
  • Automatic humanized greeting heading (Not included in the theme but it's a simple copy paste here's Link)
  • Life progress (By@SlRvb)
  • Countdown (By @Rainbell)

Cards Layout Set-up (The cards with the banner)

This is a snippet made by SlRvb, here's a more clear tutorial from him:

My tutorial:

  1. After downloading the vault, go to Farouk's Homepage - Shiba Inu/.obsidian/snippets.
  2. Drag the 【Main】ITS callouts (infobox, cards).css to the .obsidian/snippets of your vault. (you can change the name of the snippet if you want)
  3. Then, copy and paste the homepage.md and change it to your liking.

Automatic humanized greeting heading

  1. I've already created a post about it on the obsidian forum : https://forum.obsidian.md/t/dataviewjs-get-an-automatic-humanized-morning-afternoon-evening-great-for-user-greetings/33351?u=farouk
  2. All you need is the Dataview plugin. Go to its settings and activate dataviewjs. Copy and paste the code and change the texts as you like.

Life Progress

  1. install Dataview plugin. Go to its settings and activate dataviewjs. With "Life Progress.md", copy and paste the code and all you have to do is change the year, month and day corresponding to your birth date. Here : lifeprogress

For example, if I was born on 10/20/2000, I would write year: 2000, month: 10, day: 20

  1. And then the progress bar will be set automatically with a percentage difference of your age at the age of 80. You can change to any age by changing the "80" in the line of code you see in the image above.
  2. Your date of birth is for the "Life" line. The rest is already in the code.

Countdown

  • With "Countdown.md", copy and paste the code and add/delete as you like.

Support

Thank you for exploring Farouk's Homepage - Shiba Inu Theme!