Bookmarks 2025-07-30T18:13:32.965Z - Make βš™οΈπŸ²πŸŒ»

by Owen Kibel

2 min read

Make βš™οΈπŸ²πŸŒ»

Experimenting with Mermaid diagrams

graph TD; A-->B; A-->C; B-->D; C-->D;
sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop HealthCheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!
classDiagram Class01 <|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --> C2 : Where am i? Class09 --* C3 Class09 --|> Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 <--> C2: Cool label
--- title: Conceptual Relationships in Bookmarks --- graph TD %% --- Define Thematic & Category Subgraphs --- subgraph "Librarian's Thematic Map" direction LR A["Digital Gardens & The Web"] B["Creative AI & Automation"] C["The Nature of Knowledge"] end subgraph "Philosopher's Sorting Map" direction LR subgraph "Make βš™οΈπŸ²πŸŒ»" %% Node labels are now just plain text. M1["How to Build a Bookshelf"] M2["Recipe for Sourdough"] end subgraph "Reflection πŸŒβ›…β›ˆοΈπŸŒΎπŸ˜" R1["On Digital Identity"] R2["The Pace of Modern Life"] end end %% --- Define Connections Between Concepts --- C -- "is explored in" --> R1 A -- "is exemplified by" --> M1 B -- "can inform" --> M2 %% --- Define Clickable URL Actions --- %% Syntax: click nodeId "url" "tooltip text" click M1 "https://www.example.com/bookshelf-guide" "Visit the bookshelf guide" click M2 "https://www.example.com/sourdough-recipe" "View the sourdough recipe" click R1 "https://www.example.com/digital-identity-essay" "Read the essay on digital identity" click R2 "https://www.example.com/modern-life-article" "Read the article on modern life" click A "https://en.wikipedia.org/wiki/Digital_garden" "Learn more about Digital Gardens" %% --- Styling (Optional) --- classDef librarian fill:#f9f,stroke:#333,stroke-width:2px; classDef philosopher fill:#ccf,stroke:#333,stroke-width:2px; class A,B,C librarian; class M1,M2,R1,R2 philosopher;