How to create card view showcased in the docs.obsidianweb.net?
#379
-
|
After visiting the documentation site at docs.obsidianweb.net, I was particularly impressed by the "card" view showcased in the following screenshot.
However, I've encountered some difficulties attempting to replicate this card view using the CSS snippet from the Minimal theme, specifically with the cssClasses: list-cards configuration. Could you please provide some guidance on how you implemented those cards? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 10 replies
-
|
This card view is a little experiment I created to showcase the power of custom head content and the new RSS feed. I might bring this "feed" view to the plugin as an optional featuer in the future. However, right now I have just written a script that you can paste into a .html file and then include that file as the custom head content in the plugin's settings. This script will dynamically generate a card view of all the files in the vault sorted by most recently modified with the time since it was last modified. This time will update dynamically as well. I will provide the script here in a paste bin: https://pastebin.com/KzsHFFUN Please note that this is a very experimental script, it might break, or it might not work after an update. But this is the way I did it. I will likely improve the script over time. If I have updates or the script breaks I will post a new version here. Finally, more detailed instructions on how to implement this:
Let me know if you have difficulties following this. I realize these are somewhat involved instructions, however the script in it's current state isn't really meant to be flexible. Good luck! |
Beta Was this translation helpful? Give feedback.
-
|
Oh, that was the problem :) Actually I have kept the .git directory (to publish on git pages) in the plugin export folder. If �this is your intention, I will find another way to publish! Thanks |
Beta Was this translation helpful? Give feedback.
-
|
It should be able to finish. Can you create an issue for this and include a screenshot of the developer log as well after it freezes (Ctrl+Shift+i). Thanks. Were you able to get the cards working? |
Beta Was this translation helpful? Give feedback.
-
Sure! Wait a sec :)
Yes, it works! And there was some error message when I do export. Not found error occurred. But as you can see, there is a file in the right position. |
Beta Was this translation helpful? Give feedback.
-
|
The error is fine, this error is just relating to something else. The graph view probably isn't showing because there are not links between multiple files to show? Looks like you only have two files, and none of them are linked. |
Beta Was this translation helpful? Give feedback.
-
|
OMG I totally forgot I've deleted the index file with links. sry :( Now I'm gonna write an issue you mentioned before. thanks! |
Beta Was this translation helpful? Give feedback.
This card view is a little experiment I created to showcase the power of custom head content and the new RSS feed. I might bring this "feed" view to the plugin as an optional featuer in the future. However, right now I have just written a script that you can paste into a .html file and then include that file as the custom head content in the plugin's settings. This script will dynamically generate a card view of all the files in the vault sorted by most recently modified with the time since it was last modified. This time will update dynamically as well. I will provide the script here in a paste bin: https://pastebin.com/KzsHFFUN
Please note that this is a very experimental script, it mig…