omni-sphere-portfolio

KO | EN

gitlite — search

#dotnet #self-hosted #api #kubernetes #hacktoberfest #computer-vision #react #agents #tensorflow #tailwindcss

omni-sphere-portfolio

(★ 9)

No description available.

File Explorer

ZIP Download

- style.css
- - deploy.yml
- app.js
.gitignore
.gitlab-ci.yml
index.html
README.md

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

A single-page, dependency-light developer portfolio built around a persistent
Three.js hologram core: rotating wireframe spheres, an additive particle
field, and scroll-linked depth parallax. Thirteen sections render as glass
"hologram panels" that fade in over the core as you scroll — Hero, Skills
Constellation, Android Roadmap, Compose Holograms, Architecture Spheres,
Project Galaxy, Experience, Certifications, Tech Stack, Performance & CI/CD,
Testimonials, an AI assistant ("ORBIT"), and Contact.

**Live structure:** plain HTML/CSS/JS, no build step, no framework.

## Features

- Rotating 3D hologram core (Three.js, three nested wireframe icospheres + particle field)
- Scroll-linked depth transitions and panel reveal via `IntersectionObserver`
- Clickable Project Galaxy with orbiting project nodes
- Concentric Architecture Spheres diagram (Presentation → Domain → Data)
- Scripted AI assistant panel that answers questions about skills, projects, and contact
- English / Burmese (မြန်မာ) language toggle
- Responsive down to mobile, `prefers-reduced-motion` respected

## Project structure

```
.
├── index.html
├── css/
│   └── style.css
├── js/
│   └── app.js
├── LICENSE
└── README.md
```

`index.html` loads Three.js from a CDN (`cdnjs`), Google Fonts, `css/style.css`,
and `js/app.js`. No package manager or build tooling required.

## Run locally

Any static file server works, e.g.:

```bash
npx serve .
# or
python3 -m http.server 8000
```

Then open `http://localhost:8000`.

## Deploy to GitHub Pages

1. Push this repo to GitHub.
2. In **Settings → Pages**, set the source to **GitHub Actions**.
3. The included workflow at `.github/workflows/deploy.yml` deploys the site
   on every push to `main` — no further setup needed.

## Deploy to GitLab Pages

1. Push this repo to GitLab.
2. The included `.gitlab-ci.yml` runs a `pages` job on every push to `main`
   that copies the site into `public/`, which GitLab Pages serves automatically.
3. Check **Settings → Pages** in your GitLab project after the first pipeline
   run for the live URL.

## Customize

- Colors, type, and layout tokens live at the top of `css/style.css` under `:root`.
- Skills, projects, certifications, and AI assistant replies are defined as
  data arrays/objects near the top of `js/app.js` — edit those instead of the DOM.
- Burmese copy is marked with `lang-my` attributes/spans next to the English
  `lang-en` equivalents in `index.html`.

## License

MIT — see [LICENSE](LICENSE).

omni-sphere-portfolio

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

omni-sphere-portfolio

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

Download README