Portfolio Forge
Transforms your Obsidian knowledge base into a beautiful static HTML portfolio.
What It Generates
Project Portfolio Page
- Project cards with tech stack badges
- LOC statistics
- Recent activity
- Quick links to documentation
Activity Timeline
- Chronological view of all sessions
- Commit frequency charts
- Project breakdown
Statistics Dashboard
- Total lines written
- Languages used
- Projects active
- Contribution calendar
Output Structure
~/Documents/Vaultage/06_Metadata/Portfolio/
āāā index.html # Main portfolio page
āāā activity.html # Activity timeline
āāā stats.html # Statistics dashboard
āāā projects/
ā āāā atlas.html # Individual project pages
ā āāā ...
āāā css/
ā āāā style.css # Styling
āāā data/
āāā projects.json # Project data
āāā activity.json # Activity feed
Usage
# Generate full portfolio
/portfolio
# Generate specific section
/portfolio --only projects
# Custom output directory
/portfolio --output ~/Sites/dev-portfolio
# Include private projects
/portfolio --include-private
Design
Clean, minimal design inspired by:
- GitHub profile pages
- Linear.app aesthetics
- Vercel dashboard
Color Scheme
- Background:
#0a0a0a (dark)
- Cards:
#141414
- Accent:
#3b82f6 (blue)
- Text:
#e5e5e5
Features
- Responsive design
- Dark mode by default
- Smooth animations
- Fast loading (no JS frameworks)