{"id":35015728,"url":"https://github.com/candytale55/res-jake-elwood","last_synced_at":"2026-04-28T04:33:00.902Z","repository":{"id":326345740,"uuid":"1103380637","full_name":"candytale55/res-jake-elwood","owner":"candytale55","description":"🕶️ A three-page demo site built with JavaScript and Vite. Fully responsive for mobile and widescreen, using CSS Grid for layout. Presents a fictional marketing agency and demonstrates basic front-end structure, layout, and styling.","archived":false,"fork":false,"pushed_at":"2025-11-27T07:40:21.000Z","size":495,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-11-30T01:31:17.042Z","etag":null,"topics":["css-grid","css-grid-layout","javascript","learning-exercise","responsive-design","scrimba","scrimba-frontend","vanilla-javascript","vite"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/candytale55.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":"agents.md","dco":null,"cla":null}},"created_at":"2025-11-24T19:49:12.000Z","updated_at":"2025-11-27T07:40:25.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/candytale55/res-jake-elwood","commit_stats":null,"previous_names":["candytale55/res-jake-elwood"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/candytale55/res-jake-elwood","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/candytale55%2Fres-jake-elwood","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/candytale55%2Fres-jake-elwood/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/candytale55%2Fres-jake-elwood/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/candytale55%2Fres-jake-elwood/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/candytale55","download_url":"https://codeload.github.com/candytale55/res-jake-elwood/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/candytale55%2Fres-jake-elwood/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28072870,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-27T02:00:05.897Z","response_time":58,"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-grid","css-grid-layout","javascript","learning-exercise","responsive-design","scrimba","scrimba-frontend","vanilla-javascript","vite"],"created_at":"2025-12-27T05:19:36.519Z","updated_at":"2025-12-27T05:19:37.352Z","avatar_url":"https://github.com/candytale55.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Jake \u0026 Elwood Agency\n\nA responsive multi-page website for a creative agency, built with mobile-first design principles.\n\n## Project Description\n\nThis project showcases a modern, responsive website with clean typography and a bold color scheme. The site features multiple pages including a homepage, about page, and contact page, all optimized for mobile, tablet, and desktop viewports.\n\n## Features\n\n- **Mobile-first responsive design**\n- **Custom CSS variables** for consistent theming\n- **Semantic HTML5** structure\n- **Modular CSS** organization\n- **Accessible** design patterns\n\n## Project Structure\n\n```\nres-jake-elwood/\n├── index.html          # Homepage\n├── about.html          # About page\n├── contact.html        # Contact page\n├── src/\n│   ├── css/\n│   │   ├── variables.css    # CSS custom properties\n│   │   └── style.css        # Main stylesheet\n│   ├── js/\n│   │   └── main.js          # JavaScript functionality\n│   └── images/              # Image assets\n├── docs/\n│   ├── text files/          # Content documentation\n│   └── wireframes/          # Design references\n└── README.md\n```\n\n## Technologies Used\n\n- HTML5\n- CSS3 (Custom Properties, Flexbox, Grid)\n- JavaScript (ES6+)\n- Google Fonts (Montserrat)\n- Font Awesome 7.0.1 (Icon Library via CDN)\n\n## Color Palette\n\n- **Primary:** White (#FFFFFF)\n- **Secondary:** Black (#000000)\n- **Accent:** Yellow (#FFE600)\n- **Dark Gray:** #404040\n- **Light Gray:** #EBEBEB\n\n## Typography\n\n- **Font Family:** Montserrat, sans-serif\n- **Font Weights:** 300 (Light), 400 (Normal), 700 (Bold)\n- **Base Size:** 16px\n\n## Development Guidelines\n\nThis project follows specific development conventions documented in `agents.md`, including:\n\n- Mobile-first CSS approach (baseline: 375px)\n- Semantic class naming conventions\n- Comprehensive inline comments for learning\n- Section-based code organization\n\n## External Resources\n\n- **Google Fonts:** [Montserrat](https://fonts.googleapis.com/css?family=Montserrat:400,700\u0026display=swap)\n- **Font Awesome:** [v7.0.1 via CDN](https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css)\n  - Icon Library: https://fontawesome.com/\n  - CDN Provider: https://cdnjs.com/libraries/font-awesome\n\n## Links and References\n\n- Figma design: [Jake \u0026 Elwood](https://xd.adobe.com/spec/f255d364-6d5e-4aaf-7703-6f8d0a398281-8464/grid/)\n- Based on a tutorial in Scrimba's [_Learn Responsive Web Design_](https://scrimba.com/learn-responsive-web-design-c029) ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcandytale55%2Fres-jake-elwood","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcandytale55%2Fres-jake-elwood","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcandytale55%2Fres-jake-elwood/lists"}