flowchart TD
Bar("Browser
Bookmark Bar"):::retireNode ClassFolder["Class Bookmark
Folder"]:::docNode Platform["Coding Platform
Link"]:::docNode Glossary["Club Glossary
Link"]:::docNode StudentFolder["Student Bookmark
Folder"]:::resolveNode Project["My In-Progress
Project"]:::resolveNode Bar --> ClassFolder Bar --> StudentFolder ClassFolder --> Platform ClassFolder --> Glossary StudentFolder --> Project classDef retireNode fill:#5B7186,stroke:#33475B,stroke-width:2px,color:#fff,font-size:16px classDef docNode fill:#4A90D9,stroke:#2E6BA8,stroke-width:2px,color:#fff,font-size:16px classDef resolveNode fill:#3E9E6E,stroke:#256E4A,stroke-width:2px,color:#fff,font-size:16px linkStyle default stroke:#7A8A99,stroke-width:2px,font-size:16px
Bookmark Bar"):::retireNode ClassFolder["Class Bookmark
Folder"]:::docNode Platform["Coding Platform
Link"]:::docNode Glossary["Club Glossary
Link"]:::docNode StudentFolder["Student Bookmark
Folder"]:::resolveNode Project["My In-Progress
Project"]:::resolveNode Bar --> ClassFolder Bar --> StudentFolder ClassFolder --> Platform ClassFolder --> Glossary StudentFolder --> Project classDef retireNode fill:#5B7186,stroke:#33475B,stroke-width:2px,color:#fff,font-size:16px classDef docNode fill:#4A90D9,stroke:#2E6BA8,stroke-width:2px,color:#fff,font-size:16px classDef resolveNode fill:#3E9E6E,stroke:#256E4A,stroke-width:2px,color:#fff,font-size:16px linkStyle default stroke:#7A8A99,stroke-width:2px,font-size:16px
Step Details
Hover a step to preview it, or click a step to pin its details here.
The bookmark bar itself
Shared with everyone
Belongs to one student