#obsidian
[Dashboard++ — a simple organization and navigation method for Obsidian Vaults | by TfTHacker | Obsidian Observer | Medium](https://medium.com/obsidian-observer/dashboard-a-simple-organization-and-navigation-method-for-obsidian-vaults-2b1982d023a0)
%% run start
```ts
const {LinkPreview} = customJS
return LinkPreview.getLinkPreviewFromUrl("https://github.com/TfTHacker/DashboardPlusPlus")
```
%%
<div class="nifty-link-card-container">
<a class="nifty-link-card" href="https://github.com/TfTHacker/DashboardPlusPlus" target="_blank">
<div class="nifty-link-card-text">
<div class="nifty-link-card-title line-clamp-2">GitHub - TfTHacker/DashboardPlusPlus: Demonstrating the Dashboard++ method of organizing a vault in Obsidian</div>
<div class="nifty-link-card-description">Demonstrating the Dashboard++ method of organizing a vault in Obsidian - GitHub - TfTHacker/DashboardPlusPlus: Demonstrating the Dashboard++ method of organizing a vault in Obsidian</div>
<div class="nifty-link-href">
<img class="nifty-link-icon" src="https://github.com/fluidicon.png">
https://github.com/TfTHacker/DashboardPlusPlus
</div>
</div>
<div class="nifty-link-image-container">
<div class="nifty-link-image" style="background-image: url('https://repository-images.githubusercontent.com/464087486/7b559eb0-bcf6-446b-ac83-88352bbbf878')">
</div>
</div>
</a>
</div>
%% run end %%
## How to Use?
1. simply put a `dashboard` css class to the frontmatter.
2. make a list of item
- test
- test 1.1
- test 1.1.1
- test 1.1.2
- test 1.2
- test 1.3
- test 2
- test 2.1
- test 2.2
- test 2.3
- test 3
- test 3.1
- test 3.2
- test 3.3