A living, self-updating CV and research notebook, powered by my GitHub, LinkedIn, and CV repository.
This site is meant to feel like a cross between a personal research homepage and a status dashboard: featured projects look like little research papers, activity streams in from my developer and professional networks, and the latest CV entry is always one click away.
- Clean hero card with name, roles, and tagline
- GitHub + LinkedIn count chips
- GitHub contribution “Green Wall” banner
Configured via data/pinned_projects.json:
- Horizontal strip of “paper cards”
- Ivory textured background
- README rendered inside the card
- Lightweight markdown renderer
- Designed to look like academic abstracts
- Fetches all repos
- Filters out forks
- Sorted by latest update
- Scrollable card with language, stars, updated timestamp
- Full-embed LinkedIn post
- Height-fixed card that fills with content
- Configured via
data/linkedin.json
- Pulled from separate repo: CV/entries/
- Supports YAML front-matter: title, date, cover image, links
- Uses jsDelivr CDN for raw Markdown
- Generates snippet + cover preview
- Links into
entry.htmlfor full-page view
- HTML5
- Custom CSS
- Vanilla JavaScript
- GitHub API
.
├── index.html
├── cv.html
├── entry.html
├── scripts/
│ ├── index.js
│ ├── cv.js
│ └── entry.js
├── styles/
│ ├── index.css
│ └── cv.css
├── assets/
└── data/
├── linkedin.json
└── pinned_projects.json
{
"handle": "your-handle",
"profile": "https://www.linkedin.com/in/your-handle/",
"connections": 500,
"latestPost": "https://www.linkedin.com/feed/update/urn:li:activity:1234..."
}
[
{
"owner": "cgarryZA",
"repo": "ReyrolleGPT-2",
"title": "ReyrolleGPT-2: Engineering Knowledge RAG",
"branch": "main",
"readme": "README.md"
}
]
python3 -m http.server 8000
Visit: http://localhost:8000/
- Push repo to GitHub
- Settings → Pages
- “Deploy from branch”, choose
main - Set root directory
MIT