{"id":21542489,"url":"https://github.com/rahulgithub-web/earth-day-dev-challenge","last_synced_at":"2026-03-19T20:48:49.891Z","repository":{"id":235810650,"uuid":"791297022","full_name":"rahulgithub-web/Earth-Day-Dev-Challenge","owner":"rahulgithub-web","description":"A responsive and interactive Earth Day themed webpage using HTML and CSS, featuring SVG animations and eco-friendly emojis to promote environmental awareness..","archived":false,"fork":false,"pushed_at":"2024-04-24T14:08:43.000Z","size":171,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-24T08:43:35.607Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://earth-day-dev-challenge.vercel.app","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/rahulgithub-web.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}},"created_at":"2024-04-24T13:12:57.000Z","updated_at":"2024-04-24T14:09:23.000Z","dependencies_parsed_at":"2024-04-24T16:45:53.898Z","dependency_job_id":"aa1af73b-6f62-4917-bf17-39c567526967","html_url":"https://github.com/rahulgithub-web/Earth-Day-Dev-Challenge","commit_stats":null,"previous_names":["rahulgithub-web/earth-day-dev-challenge"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rahulgithub-web%2FEarth-Day-Dev-Challenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rahulgithub-web%2FEarth-Day-Dev-Challenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rahulgithub-web%2FEarth-Day-Dev-Challenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rahulgithub-web%2FEarth-Day-Dev-Challenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rahulgithub-web","download_url":"https://codeload.github.com/rahulgithub-web/Earth-Day-Dev-Challenge/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244130282,"owners_count":20402753,"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","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":[],"created_at":"2024-11-24T05:09:47.633Z","updated_at":"2026-01-04T01:34:34.796Z","avatar_url":"https://github.com/rahulgithub-web.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Earth Day Celebration Webpage\n\nThis project is dedicated to creating an interactive and visually appealing webpage to celebrate Earth Day. It aims to raise awareness of environmental issues through engaging content and interactive design using HTML, CSS, and SVG graphics.\n\n![Earth Day Webpage](earth_day.png \"Earth Day\")\n\n## Features\n\n- Responsively designed elements that work on various screen sizes.\n- Custom animations for SVG graphics and emoji to create a dynamic user experience.\n- Usage of environmentally-themed emojis to enhance visual storytelling.\n- Integration of a modern, accessible font for better readability.\n- No JavaScript used to keep the site lightweight and performant.\n\n## Project Structure\n\n- `index.html` - The main HTML document.\n- `styles.css` - The stylesheet containing all the CSS for styling and animations.\n- `assets/` - Directory containing any SVG files or additional resources used by the webpage.\n\n## Usage\n\nTo use this webpage, simply clone the repository or download the `index.html` and `styles.css` files to the same directory on your web server.\n\n### Adding Emojis\n\nTo insert emojis into your HTML content, use `\u003cspan\u003e` tags with `aria-hidden=\"true\"` to ensure they do not affect the accessibility of the site:\n\n```html\n\u003cspan aria-hidden=\"true\"\u003e🌍\u003c/span\u003e \u003c!-- Earth Emoji --\u003e\n\u003cspan aria-hidden=\"true\"\u003e🌳\u003c/span\u003e \u003c!-- Tree Emoji --\u003e\n\u003cspan aria-hidden=\"true\"\u003e💧\u003c/span\u003e \u003c!-- Water Drop Emoji --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frahulgithub-web%2Fearth-day-dev-challenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frahulgithub-web%2Fearth-day-dev-challenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frahulgithub-web%2Fearth-day-dev-challenge/lists"}