https://github.com/cod-e-codes/lilweb-template

Minimal terminal-inspired personal website template showcasing dynamic GitHub repo data with vanilla HTML, CSS, and JavaScript. Lightweight (~13KB), responsive, and accessible.
https://github.com/cod-e-codes/lilweb-template

css html lightweight minimalist personal-site portfolio static-site template terminal-ui

Last synced: 4 months ago
JSON representation

Minimal terminal-inspired personal website template showcasing dynamic GitHub repo data with vanilla HTML, CSS, and JavaScript. Lightweight (~13KB), responsive, and accessible.

• Host: GitHub
• URL: https://github.com/cod-e-codes/lilweb-template
• Owner: Cod-e-Codes
• License: mit
• Created: 2025-08-06T01:11:20.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2025-08-06T01:43:19.000Z (5 months ago)
• Last Synced: 2025-08-06T03:18:41.801Z (5 months ago)
• Topics: css, html, lightweight, minimalist, personal-site, portfolio, static-site, template, terminal-ui
• Language: HTML
• Homepage: https://www.cod-e-codes.com
• Size: 27.3 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Terminal Portfolio Template

[![Vanilla HTML | 13KB | 100/100](https://img.shields.io/badge/vanilla-13KB-green?style=flat-square&logo=html5)](https://cod-e-codes.github.io/lilweb-template/)

[![Lighthouse](https://img.shields.io/badge/lighthouse-100%2F100-brightgreen?style=flat-square&logo=googlechrome)](https://cod-e-codes.github.io/lilweb-template/)

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

**Live Demo:** [https://cod-e-codes.github.io/lilweb-template/](https://cod-e-codes.github.io/lilweb-template/)

![Terminal Portfolio Screenshot](screenshot.png)

## Features

- 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  

## Quick Start

1. **Fork this repository** or use it as a template

2. **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

3. **Deploy** by uploading `index.html` to any static host

## Customization

### Personal Information

- Update the meta description and title

- Modify the JSON-LD structured data

- Change the "whoami" output section

- Update contact links

### Projects

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

```javascript

const PROJECTS = [

    {

        name: 'your-project-name',

        owner: 'Your GitHub Username',

        fallbackDesc: 'Description of your project'

    },

    // Add more projects...

];

```

### Styling

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

## Deployment

Upload `index.html` to any static host like:

- GitHub Pages

- Netlify

- Vercel

- Any web server

## License

MIT License — see [LICENSE](LICENSE)