Features Overview

Overview of all available features in your portfolio website

Features Overview

Your portfolio website includes many powerful features to enhance your documentation and blog posts.

Available Features

Content Components

  • Callout Components - Styled information boxes (info, success, warning, error, note, danger)
  • Excalidraw Diagrams - Interactive diagrams with zoom and fullscreen
  • Mermaid Diagrams - Text-based diagrams (flowcharts, sequence diagrams, class diagrams, etc.)
  • Tabbed Content - Switch between different methods/interfaces
  • Highlight Marker - Interactive text highlighting that activates when sections are reached
  • Terminal - Interactive terminal simulation with auto-typing commands
  • Code Blocks - Syntax highlighting with copy functionality
  • Images & Videos - Enhanced media components with hover effects
  • Hero Image & Video - Full-width hero banner at the top of docs and blog posts
  • Global Search - Search across all documentation
  • Table of Contents - Auto-generated from headings
  • Sidebar Navigation - Hierarchical, collapsible navigation
  • Overview Pages - Clickable section titles
  • Metadata Card - Display author, read time, last updated, and tags

System Features

  • Dark Mode - Full theme support
  • Responsive Design - Works on all devices
  • Reading Progress - Progress bar at top of pages
  • Prev/Next Navigation - Navigate between documents

Feature Documentation

Each feature has detailed documentation with examples:

Quick Examples

Callout

Excalidraw Diagram

Mermaid Diagram

Tabbed Content

Highlight Marker

Terminal

Code Block

Next Steps

Explore each feature in detail:

Prev
Adding Blog Posts
Next
Callout Components