{"id":27624292,"url":"https://github.com/l0g0rhythm/l0g0rhythm.github.io","last_synced_at":"2026-04-18T11:02:46.681Z","repository":{"id":299357282,"uuid":"1002052463","full_name":"L0g0rhythm/L0g0rhythm.github.io","owner":"L0g0rhythm","description":null,"archived":false,"fork":false,"pushed_at":"2026-03-02T20:40:49.000Z","size":1368,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-03-02T21:11:56.597Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/L0g0rhythm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-06-14T16:01:39.000Z","updated_at":"2026-03-02T20:40:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"78b4d264-2dac-48b9-91b9-d3729f1b0bbb","html_url":"https://github.com/L0g0rhythm/L0g0rhythm.github.io","commit_stats":null,"previous_names":["l0g0rhythm/l0g0rhythm.github.io"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/L0g0rhythm/L0g0rhythm.github.io","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/L0g0rhythm%2FL0g0rhythm.github.io","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/L0g0rhythm%2FL0g0rhythm.github.io/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/L0g0rhythm%2FL0g0rhythm.github.io/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/L0g0rhythm%2FL0g0rhythm.github.io/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/L0g0rhythm","download_url":"https://codeload.github.com/L0g0rhythm/L0g0rhythm.github.io/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/L0g0rhythm%2FL0g0rhythm.github.io/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31966217,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","github-pages","github-profile","html","javascript","json","personal-website","profile","web-development"],"created_at":"2025-04-23T11:28:06.047Z","updated_at":"2026-04-18T11:02:46.666Z","avatar_url":"https://github.com/L0g0rhythm.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n# L0g0rhythm — Personal Systems Interface\n\n[![GitHub Pages](https://img.shields.io/github/deployments/l0g0rhythm/l0g0rhythm.github.io/github-pages?label=Deploy\u0026logo=github)](https://l0g0rhythm.com.br/)\n[![Live](https://img.shields.io/badge/Live-l0g0rhythm.com.br-9d4edd?logo=googlechrome\u0026logoColor=white)](https://l0g0rhythm.com.br/)\n[![License](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)\n\nHigh-performance personal portfolio built as a **Single-Page Application** with vanilla HTML, CSS, and JavaScript.  \nGlassmorphism UI · Command Palette · Dual-Language · PWA-Ready · Zero Dependencies.\n\n\u003c/div\u003e\n\n---\n\n## Table of Contents\n\n- [Features](#features)\n- [Architecture](#architecture)\n- [Tech Stack](#tech-stack)\n- [Getting Started](#getting-started)\n- [Project Structure](#project-structure)\n- [Customization](#customization)\n- [Performance](#performance)\n- [License](#license)\n- [Contact](#contact)\n\n---\n\n## Features\n\n| Category | Details |\n|----------|---------|\n| **SPA Navigation** | Section-based routing with smooth transitions, keyboard arrows, and swipe gestures |\n| **Command Palette** | `Ctrl+K` opens a VS Code-style command palette for navigation, themes, and system actions |\n| **Dual Language** | Real-time PT/EN switching with full i18n dictionary |\n| **5 Color Themes** | Void Purple, Cyber Blue, Hacker Green, Crimson Warning, Royal Gold |\n| **Glassmorphism UI** | Frosted glass panels, 3D tilt effects, particle trails, magnetic hover |\n| **Matrix Mode** | Konami code (↑↑↓↓←→←→BA) activates a Matrix rain overlay |\n| **Audio System** | Synthesized hover/click sounds with Web Audio API |\n| **PWA Support** | Service Worker with Network-First caching, installable on mobile |\n| **HiDPI Canvas** | Particle and Matrix effects respect `devicePixelRatio` for Retina displays |\n| **Accessibility** | `prefers-reduced-motion` respected, print mode, low-power mode, `\u003cnoscript\u003e` fallback |\n| **SEO** | JSON-LD structured data, Open Graph, semantic HTML, sitemap.xml |\n| **Security** | Strict CSP (no `unsafe-inline` in `script-src`), `noopener noreferrer`, XSS-safe DOM construction |\n\n---\n\n## Architecture\n\nThe codebase follows **maximum modularity** — each file has a single responsibility.\n\n```\nmain.js (Bootstrap ~100L)\n├── core/           14 modules (navigation, i18n, themes, audio, input, ...)\n├── components/\n│   ├── render/     8 modules (profile, about, services, projects, ...)\n│   └── effects     7 modules (particles, matrix, tilt, magnetic, ...)\n└── pages/          1 module (404.js)\n```\n\n---\n\n## Tech Stack\n\n| Layer | Technology |\n|-------|-----------|\n| **Markup** | HTML5 (semantic, `\u003cnoscript\u003e` fallback) |\n| **Styling** | Vanilla CSS3 (variables, grid, flexbox, glassmorphism) |\n| **Logic** | Vanilla JavaScript ES2022+ (ES Modules, async/await, Web Audio API) |\n| **Fonts** | Google Fonts (Space Grotesk, Syncopate) |\n| **Icons** | Font Awesome 6.7.2 (solid + brands subsets) |\n| **Hosting** | GitHub Pages (custom domain: `l0g0rhythm.com.br`) |\n| **Caching** | Service Worker (Network-First strategy) |\n\n**Zero runtime dependencies.** No frameworks, no bundlers, no npm packages.\n\n---\n\n## Getting Started\n\n```bash\ngit clone https://github.com/L0g0rhythm/L0g0rhythm.github.io.git\ncd L0g0rhythm.github.io\nnpx serve .\n```\n\nOpen `http://localhost:3000`. Push to `main` branch — GitHub Pages deploys automatically.\n\n---\n\n## Project Structure\n\n```\nL0g0rhythm.github.io/\n├── index.html                          # Main SPA entry point\n├── 404.html                            # Custom error page\n├── manifest.json                       # PWA manifest\n├── sw.js                               # Service Worker (Network-First)\n├── robots.txt · sitemap.xml            # SEO\n├── css/\n│   ├── base/       variables · reset · base · typography\n│   ├── layout/     structure · background\n│   ├── components/ navbar · hero · glass · about · cards\n│   │               footer · loader · cmd · context-menu\n│   ├── utilities/  animations\n│   ├── pages/      404\n│   └── noscript · responsive · style (legacy)\n├── js/\n│   ├── main.js                         # Bootstrap (~100 lines)\n│   ├── core/       appConfig · navigation · languageSwitcher\n│   │               themeManager · footer · systemMonitor · toast\n│   │               inputHandler · scrollObserver · audioSynth\n│   │               audioUnlock · windowEvents · dataLoader · dictionary\n│   ├── components/\n│   │   ├── render/ renderConfig · profile · profileImage · about\n│   │   │           services · projects · socialLinks · typewriter\n│   │   └──         cmd · contextMenu · particles · matrix\n│   │               tilt · hackerText · magnetic\n│   └── pages/  404.js\n├── data/           profile · about · services · projects\n│                   socials · tools · schema (JSON-LD)\n└── images/         profile.webp · favicons · PWA icons\n```\n\n---\n\n## Customization\n\n| What | Where |\n|------|-------|\n| Profile data | `data/profile.json` |\n| About text | `data/about.json` (PT and EN) |\n| Services | `data/services.json` |\n| Projects | `data/projects.json` |\n| Social links | `data/socials.json` |\n| Colors/Fonts | `css/base/variables.css` |\n| Translations | `js/core/dictionary.js` |\n| SEO schema | `data/schema.json` |\n\n---\n\n## Performance\n\n- **Critical CSS** loaded sync; non-critical deferred via `media=\"print\"` trick\n- **Font Awesome subsets** — only `solid` + `brands` (saves ~17KB vs `all.min.css`)\n- **Zero render-blocking JS** — all loaded as ES Modules (`type=\"module\"`)\n- **O(1) particle removal** — swap-and-pop instead of `Array.splice()`\n- **HiDPI canvas** — `devicePixelRatio` for crisp Retina rendering\n- **Network-First SW** — fast offline experience with background cache updates\n\n---\n\n## License\n\n[MIT License](LICENSE)\n\n---\n\n## Contact\n\n**Vernier** (L0g0rhythm) — [l0g0rhythm.com.br](https://l0g0rhythm.com.br/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fl0g0rhythm%2Fl0g0rhythm.github.io","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fl0g0rhythm%2Fl0g0rhythm.github.io","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fl0g0rhythm%2Fl0g0rhythm.github.io/lists"}