Terminal-style interface: monospace fonts, green text on black, implemented in a single file
HTMLPortfolio
lilweb-template — HTML Portfolio Template
By Cod-e-Codes
A terminal-style single-page personal portfolio template written in vanilla HTML/CSS/JavaScript that dynamically displays repository information via the GitHub API. About 13KB, deployable to any static host.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-02View source
What stands out
A quick read of the recorded project description.
Dynamically fetches repository data via the GitHub API, with caching and failure fallback
A single-page HTML of about 13KB, with the GitHub API as the only external request
Responsive layout for both desktop and mobile
Semantic HTML5 structure, with DNS prefetch and preconnect
Automated HTML checks via GitHub Actions
Template Details
lilweb-template is a terminal-interface personal website template. Its main body is a single index.html file using vanilla HTML, CSS, and JavaScript, with no build tools or frontend frameworks. The page presents a terminal look with monospace fonts and green text on a black background, including a whoami-style personal introduction, contact information, and a project list. The project section fetches data for specified repositories via the GitHub API, with caching and failure fallback logic; when the API call or script execution fails, the page still degrades to display preset fallback descriptions. The template provides a responsive layout, semantic HTML5 structure, DNS prefetch and preconnect, and HTML checks run via GitHub Actions. The repository is MIT-licensed and can be used, modified, and distributed for free, but third-party assets such as demo images, fonts, and icons require separate license verification.
HTMLPortfolio
Is it right for your project?
Use Cases
- Building a personal homepage for developers to showcase open-source projects and professional background
- As a lightweight portfolio page on a static hosting platform
- As an example for learning vanilla HTML/CSS/JavaScript and GitHub API calls
- Quickly replacing content and going live in an environment without build tools
Suitable For
- Developers who want to showcase GitHub projects with a single-file static page
- Users who prefer a terminal visual style and do not need frameworks or a build process
- Scenarios preparing to deploy to GitHub Pages, Netlify, Vercel, or any static server
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Fork the repository or use it as a template, then edit index.html
- 2
Replace placeholders such as name, GitHub username, LinkedIn username, and website URL
- 3
Modify the PROJECTS array in the JavaScript to include your own repositories
- 4
Update the meta description, title, and JSON-LD structured data
- 5
Upload index.html to any static hosting service to deploy
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially, and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The project list relies on the GitHub API to dynamically fetch repository data; if not configured or if the API call fails, it falls back to preset fallbackDesc descriptions and cannot display real-time repository information.
- At runtime, the page makes external requests to the GitHub API to fetch repository data, requiring a network connection; offline or when the API is restricted, only fallback content can be displayed.
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Dynamic GitHub repo data fetched with caching and fallback
Original README
https://github.com/Cod-e-Codes/lilweb-template/blob/main/LICENSEhttps://github.com/Cod-e-Codes/lilweb-template/blob/main/README.mdGitHub API is the only external request
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 77 / 100
- Technologies
- HTML
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2025-08-08
- Screenshot last checked
- 2026-10-02
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 7454d34ec973f2b601ddf059a6b32640edca92ec68e632a34ebba822023c09e6
2026-10-02T17:38:51.915Z
Source file / repository# Terminal Portfolio Template
[](https://cod-e-codes.github.io/lilweb-template/)
[](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/)
## 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)
Explore similar templates
Compare previews and descriptions within the same stack and category.
simplefolio
Simplefolio is a minimal single-page portfolio template for developers, built with HTML, Bootstrap, SCSS, and Parcel under the MIT license. It includes Hero, About, Projects, Contact, and Footer sections, with content edited in /src/index.html and theme colors controlled by two SCSS variables.
HTML · Portfolio
Freelancer
A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.
HTML · Portfolio
Resume
A single-page resume and CV template from Start Bootstrap, built on Bootstrap with a fixed sidebar and content sections.
HTML · Portfolio
Creative
A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.
HTML · Corporate Website
Grayscale
A dark single-page Bootstrap template from Start Bootstrap for photography, events and brand storytelling, with a large hero and clearly separated sections.
HTML · Corporate Website
startbootstrap-stylish-portfolio
A one-page Bootstrap portfolio theme from Start Bootstrap with multiple content sections and an off-canvas navigation menu. Basic use means editing HTML/CSS under dist and opening index.html; advanced use relies on npm with Pug and SCSS build scripts.
HTML · Portfolio