A lightweight engineering portfolio focused on backend systems, distributed pipelines, AI-powered developer tools, and production reliability.
Built as a small, dependency-free static site and designed for deployment through GitHub Pages.
Live site: gopalmani.github.io
The portfolio presents:
- Professional background and engineering interests
- Selected open-source projects
- Engineering focus areas
- Core technologies
- Engineering principles
- Contact and social links
The design follows a restrained editorial style with strong typography, subtle interaction states, and responsive layouts rather than a dashboard or résumé-template presentation.
- Semantic HTML5
- Modern CSS
- Inter for body copy
- Sora for headings and labels
- No JavaScript framework
- No build process
- No runtime dependencies
.
├── .github/workflows/test.yml # Pull request and push checks
├── tests/test_site.py # Dependency-free website tests
├── index.html # Page content and semantic structure
├── style.css # Theme, layout, and interactions
├── favicon.svg # Browser icon source
├── CONTRIBUTING.md # Contribution guidelines
└── LICENSE # MIT license
The site can be opened directly from index.html. For a more representative local environment, serve the directory with any static HTTP server.
Using Python:
python3 -m http.server 8000Then open http://localhost:8000.
You are welcome to reuse and customize this portfolio under the MIT License.
- Open this repository on GitHub.
- Select Use this template → Create a new repository. If the button is not visible, the repository owner must first enable Template repository under Settings → General.
- Clone your new repository.
- Replace Deepak's name, biography, projects, links, email address, and social
profiles in
index.html. - Update the colors and typography variables in
style.css. - Replace the
D/text and favicon files with your own branding. - Update this README and retain the original MIT license notice.
- Enable GitHub Pages under Settings → Pages.
Fork the repository on GitHub, or make a fresh local copy:
git clone https://github.com/gopalmani/gopalmani.github.io.git my-portfolio
cd my-portfolio
rm -rf .git
git initThe rm -rf .git command only removes the copied repository history; run it
inside the newly cloned my-portfolio directory.
Run the same checks used for pushes and pull requests:
python3 -m unittest discover -s tests -vThe test suite validates key assets and metadata, internal anchors, local file
references, unique IDs, safe new-tab links, and balanced CSS braces. GitHub
Actions runs it automatically through .github/workflows/test.yml.
Contributions are welcome. Read CONTRIBUTING.md before opening an issue or pull request.
Using Node.js:
npx serve .The implementation includes:
- Responsive layouts for mobile, tablet, and desktop screens
- Fluid typography using
clamp() - Semantic landmarks and heading hierarchy
- A keyboard-accessible skip link
- Visible
:focus-visiblestates - Descriptive labels for external links
- Reduced-motion support
- Sufficient text contrast against the dark theme
- Secure external links using
rel="noopener noreferrer"
Most visual settings are defined as custom properties near the top of style.css:
:root {
--background: #0b0d10;
--surface: #12161b;
--surface-hover: #181d24;
--text: #f4f6f8;
--muted: #9da7b3;
--border: rgba(255, 255, 255, 0.09);
--accent: #8b9cff;
}Portfolio copy, project information, and links can be edited directly in index.html.
This repository is compatible with GitHub Pages without compilation or additional configuration.
- Push the site files to the repository's publishing branch.
- Open Settings → Pages in GitHub.
- Select Deploy from a branch as the source.
- Choose the publishing branch and the repository root (
/).
GitHub Pages will publish the site after the deployment workflow completes.
Licensed under the MIT License. You may copy, modify, and distribute the site while preserving the copyright and license notice.