Sleek interactive Floating Journal Calendar

Plugs and Libraries
1

Based and inspired from @zeus-web Journal Calendar , i’ve redone this with a graphical-UI & as a floating JournalCalendar which stays on top of your page even if you navigate away from your page. this can make your Journal Navigation much more flexible.

You can find it in Mr-xRed Silverbullet Library Repo on Github or simply by adding this to your repo sources in your Library Manager:

https://github.com/Mr-xRed/silverbullet-libraries/blob/main/Repository/Mr-xRed.md

Main Features:

  • Modern UI & Built-in support for both Dark and Light mode.
    image
    image1412×643 64.2 KB
  • You can add it as an Action Button to toggle it on and off or if you want you can even define a shortcut key to it.
    image
    image1060×104 4.43 KB
  • Easy Calendar navigation
    image
  • It marks the days with existing Journal entries with a yellow-dot
    image
  • By clicking any day you can directly open a specific Journal Page
  • Configuration options for Month/Day Names and Journal path pattern:
    image
    image2050×364 50.2 KB
4 Likes
2

Well, I must admit, you did a great job making “my” calendar even better :slight_smile: But I’m glad, you liked my basic idea :slight_smile:

To be honest, as you first came up with your side-panel ideas, I wanted to adapt that to “my” calendar, too.
However, I had some other ideas in my pipeline to complete for the calendar first (e.g. adding additional markers for different types of dates, eg. holidays, birthdays and so on). So “mine” might develop in a slightly different direction.

But I don’t even had a clue how to add such pulldown menues and buttons within the calendar itself - not to mention the great small design, anyway…

So thanks a lot for that!
However, I might use it to mix it and extend with my own ideas :wink:
But as you wrote elsewhere: This is one of the greatest features of SB / libraries (and opensource thinking) - that everyone can benefit from others work and ideas to make something (hopefully) even greater for everyone :wink:

1 Like
3

Oh, the only thing we should consider:
Naming the functions and config settings kind of unique. So that we don’t interfere as soon someone installs both Libraries.
(You could keep yours as is, and as soon as my next iteration is ready to publish, I will transform it to the new Library Manager format, anyway and then I will name it something like “zeus-webs_JournalCalendar” or similar…)

4

Another excellent achievement. Well done ! :clap:
Thanks.

1 Like
5

You’re absolutely right. I’ve changed mine now in: config & functions and Library name to “FloatingJournalCalendar” so there shouldn’t be any conflicts.

1 Like
6

Thank you :folded_hands:

Now the more you know. you’r very welcome to use and/or improve on anything from my library, that’s why I share it here so we can make greater tools together for Silverbullet and inspire new users and show them what can be achieved.

1 Like
7

I tinkered with the code to set the theme to dark although I generally use light for silverbullet. But it will be overwritten if updated …
Would it be possible to configure the theme (dark|light|data-theme) ? Thanks.

8

why do you tinkered with the code to set the dark theme? if you set Silverbullet to Dark, it will also change the calendar theme to dark.

9

Indeed, I don’t use the Dark theme for silverbullet but I find that the calendar looks prettier in Dark (“the tastes and the colors…!”). To achieve this, I simply duplicated the 3 css lines from [data-theme=“dark”] to [data-theme=“light”].