{"id":26024504,"url":"https://github.com/tmhsdigital/github-pages-demo-1","last_synced_at":"2026-04-22T10:03:15.932Z","repository":{"id":279092016,"uuid":"937687877","full_name":"TMHSDigital/Github-Pages-Demo-1","owner":"TMHSDigital","description":"A simple GitHub Pages demonstration repository showcasing how to build and deploy a basic static website using HTML, CSS, and JavaScript. Perfect for beginners learning web development or anyone looking to create a custom GitHub Pages site.","archived":false,"fork":false,"pushed_at":"2026-03-15T17:41:20.000Z","size":5771,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-03-16T05:32:58.638Z","etag":null,"topics":["css","front-end","github-pages","html","javascript","portfolio","responsive-design","static-site","web-development"],"latest_commit_sha":null,"homepage":"https://tmhsdigital.github.io/Github-Pages-Demo-1/","language":"CSS","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/TMHSDigital.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-02-23T17:07:22.000Z","updated_at":"2026-03-15T17:41:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"e9b8b2f9-a0aa-46e7-bb65-84c542665d0f","html_url":"https://github.com/TMHSDigital/Github-Pages-Demo-1","commit_stats":null,"previous_names":["tmhsdigital/github-pages-demo-1"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TMHSDigital/Github-Pages-Demo-1","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FGithub-Pages-Demo-1","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FGithub-Pages-Demo-1/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FGithub-Pages-Demo-1/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FGithub-Pages-Demo-1/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TMHSDigital","download_url":"https://codeload.github.com/TMHSDigital/Github-Pages-Demo-1/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TMHSDigital%2FGithub-Pages-Demo-1/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32130776,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-22T08:34:57.708Z","status":"ssl_error","status_checked_at":"2026-04-22T08:34:55.583Z","response_time":58,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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","front-end","github-pages","html","javascript","portfolio","responsive-design","static-site","web-development"],"created_at":"2025-03-06T12:34:31.779Z","updated_at":"2026-04-22T10:03:15.927Z","avatar_url":"https://github.com/TMHSDigital.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cbr\u003e\n\u003cimg src=\"assets/images/TMHSDigital-LOGO.png\" alt=\"TMHSDigital Logo\" width=\"140\"\u003e\n\u003cbr\u003e\u003cbr\u003e\n\n# Modern Demo Site\n\nGlass morphism, 20+ CSS animations, and adaptive theming in a single static page\u003cbr\u003ewith zero build tools and zero framework dependencies.\n\n\u003cbr\u003e\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge)](LICENSE)\n[![Version](https://img.shields.io/badge/Version-1.0.0-blue?style=for-the-badge)](#)\n[![Deploy](https://img.shields.io/github/actions/workflow/status/TMHSDigital/Github-Pages-Demo-1/pages.yml?branch=main\u0026style=for-the-badge\u0026label=Deploy)](../../actions/workflows/pages.yml)\n[![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)](#)\n[![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white)](#)\n[![JavaScript](https://img.shields.io/badge/ES6+-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black)](#)\n\n\u003cbr\u003e\n\n`Glass Morphism UI` \u0026middot; `20+ Animations` \u0026middot; `Dark / Light Theme` \u0026middot; `Fully Accessible` \u0026middot; `No Build Step`\n\n\u003cbr\u003e\n\n[Live Demo](https://tmhsdigital.github.io/Github-Pages-Demo-1/) | [Quick Start](#installation) | [Architecture](#system-architecture) | [Report Bug](../../issues)\n\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n---\n\n\u003cbr\u003e\n\n## What It Does\n\n| Feature | Capabilities |\n| :---- | :---- |\n| Glass Morphism UI | Render translucent cards with backdrop blur, dynamic shadows, and 3D perspective transforms. |\n| Theme System | Detect system preference, toggle light/dark/high-contrast modes, persist via localStorage. |\n| Animation Showcase | Browse 20+ categorized animations with live replay, easing controls, and one-click code copy. |\n| Settings Panel | Adjust theme, contrast, and font size at runtime. Bind keyboard shortcuts (D, A, S). |\n| Portfolio Grid | Filter project cards by category with animated tab switching and hover overlays. |\n| Contact Form | Validate inputs client-side with animated success/error feedback. No backend required. |\n| Responsive Layout | Scale fluidly with mobile-first CSS Grid, fluid typography, and touch-optimized targets. |\n| Accessibility | Expose ARIA roles, trap focus in modals, announce changes to screen readers, honor reduced-motion. |\n| Scroll Progress | Track vertical position with a GPU-accelerated header progress bar. |\n| Performance | Preload critical assets, attach passive listeners, leverage content containment and `will-change`. |\n\n\u003cbr\u003e\n\n---\n\n\u003cbr\u003e\n\n\u003e [!IMPORTANT]\n\u003e This project loads fonts and icons from third-party CDNs (Google Fonts, Font Awesome, Prism.js). No data is collected, no cookies are set, and the contact form submits nowhere -- it is a client-side demo only.\n\n\u003cbr\u003e\n\n---\n\n\u003cbr\u003e\n\n## Installation\n\nPrerequisites: `git` \u0026middot; any static file server (`python3`, `node`, or equivalent)\n\n```bash\ngit clone https://github.com/TMHSDigital/Github-Pages-Demo-1.git \u0026\u0026 cd Github-Pages-Demo-1 \u0026\u0026 python -m http.server 8000\n```\n\nOpen `http://localhost:8000`. Alternatively use `npx serve` or open `index.html` directly.\n\n\u003e [!CAUTION]\n\u003e Opening via `file://` may cause CORS failures for Google Fonts and Font Awesome. Use a local HTTP server.\n\n\u003cbr\u003e\n\n---\n\n\u003cbr\u003e\n\n## System Architecture\n\n```mermaid\nflowchart TD\n    subgraph Browser\n        HTML[\"index.html\u003cbr\u003e\u003ci\u003eSingle-page entry point\u003c/i\u003e\"]\n\n        subgraph Styles\n            S1[\"style.css\u003cbr\u003eTheme \u0026middot; Layout \u0026middot; Components\"]\n            S2[\"animations.css\u003cbr\u003e20+ animation keyframes\"]\n        end\n\n        subgraph Scripts\n            U[\"utilities.js\u003cbr\u003eFeature detection \u0026middot; A11y helpers\"]\n            M[\"main.js\u003cbr\u003eNav \u0026middot; Theme \u0026middot; Forms \u0026middot; Settings\"]\n            A[\"animations.js\u003cbr\u003eShowcase UI \u0026middot; Replay \u0026middot; Code copy\"]\n        end\n\n        HTML --\u003e Styles\n        HTML --\u003e Scripts\n        U --\u003e M\n        M --\u003e A\n    end\n\n    subgraph CDN [\"External CDNs\"]\n        F1[\"Google Fonts — Inter\"]\n        F2[\"Font Awesome 6.5.1\"]\n        F3[\"Prism.js 1.24.1\"]\n    end\n\n    subgraph CI [\"GitHub Actions\"]\n        GA[\"pages.yml\u003cbr\u003epush to main ➜ deploy\"]\n    end\n\n    HTML --\u003e CDN\n    Browser --\u003e GA\n```\n\n\u003cbr\u003e\n\n---\n\n\u003cbr\u003e\n\n## Tech Stack\n\n| | |\n| :---- | :---- |\n| **Core** | HTML5 \u0026middot; CSS3 (custom properties, Grid, Flexbox) \u0026middot; Vanilla JS (ES6+) |\n| **External** | Google Fonts (Inter) \u0026middot; Font Awesome 6.5.1 \u0026middot; Prism.js 1.24.1 |\n| **Deploy** | GitHub Pages \u0026middot; GitHub Actions (`actions/deploy-pages@v4`) |\n\n\u003cbr\u003e\n\n---\n\n\u003cbr\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eProject Anatomy\u003c/strong\u003e\u003c/summary\u003e\n\u003cbr\u003e\n\n```\nGithub-Pages-Demo-1/\n├── index.html                  # Single-page app — all sections rendered here\n├── css/\n│   ├── style.css               # Theme system, glass morphism, responsive grid\n│   └── animations.css          # Keyframes and transition definitions\n├── js/\n│   ├── utilities.js            # Feature detection, debounce, a11y announcer\n│   ├── main.js                 # Navigation, scroll, theme, forms, settings, portfolio\n│   └── animations.js           # Animation showcase gallery, replay, code snippets\n├── assets/\n│   └── images/\n│       ├── TMHSDigital-LOGO.png\n│       ├── TMHS-LOGO.png\n│       └── preview.png\n├── .github/\n│   └── workflows/\n│       └── pages.yml           # Deploy on push to main\n├── LICENSE                     # MIT\n└── README.md\n```\n\n\u003c/details\u003e\n\n\u003cbr\u003e\n\n---\n\n\u003cbr\u003e\n\n## Contributing\n\nFork, branch, and open a pull request. Bugs and feature requests belong in [Issues](../../issues).\n\n\u003cbr\u003e\n\n---\n\n\u003cbr\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[MIT License](LICENSE) \u0026middot; [TMHSDigital](https://github.com/TMHSDigital)\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftmhsdigital%2Fgithub-pages-demo-1","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftmhsdigital%2Fgithub-pages-demo-1","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftmhsdigital%2Fgithub-pages-demo-1/lists"}