Show HN: Minimal terminal-style portfolio template (~13KB) with GitHub API data

3 months ago 5

A minimal terminal-inspired personal site template showcasing open-source projects and professional background.

Live Demo: https://cod-e-codes.github.io/lilweb-template/

Terminal-style UI with monospaced font and green-on-black theme
Dynamic GitHub repo data fetched with caching and fallback
Single standalone HTML file (~13 KB), GitHub API is the only external request
Responsive design for desktop and mobile
Semantic HTML5 structure for accessibility and SEO
Graceful degradation if API calls or scripts fail
DNS prefetch and preconnect optimizations
Automated HTML linting via GitHub Actions

Fork this repository or use it as a template
Customize the content in index.html:
- Replace "Your Name Here" with your actual name
- Update "Your GitHub Username" with your GitHub username
- Replace "Your LinkedIn Username" with your LinkedIn username
- Update "Your Website URL" with your website URL
- Modify the PROJECTS array with your own repositories
Deploy by uploading index.html to any static host

Update the meta description and title
Modify the JSON-LD structured data
Change the "whoami" output section
Update contact links

Edit the PROJECTS array in the JavaScript section to include your own repositories:

const PROJECTS = [ { name: 'your-project-name', owner: 'Your GitHub Username', fallbackDesc: 'Description of your project' }, // Add more projects... ];

The CSS is contained within the HTML file and can be customized to match your preferences.

Upload index.html to any static host like: