{"id":28928891,"url":"https://github.com/dalascript/cat-painting","last_synced_at":"2025-07-14T03:41:55.610Z","repository":{"id":296031113,"uuid":"990264562","full_name":"DalaScript/cat-painting","owner":"DalaScript","description":"FCC Responsive Web Design Certification | Project 12/20 | Cat Painting","archived":false,"fork":false,"pushed_at":"2025-05-28T16:21:26.000Z","size":27,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-05-28T17:35:26.536Z","etag":null,"topics":["cat-painting","css","freecodecamp","html","responsive-web-design-certification"],"latest_commit_sha":null,"homepage":"https://dalascript.github.io/cat-painting/","language":"CSS","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/DalaScript.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}},"created_at":"2025-05-25T20:37:05.000Z","updated_at":"2025-05-28T16:22:12.000Z","dependencies_parsed_at":"2025-05-28T17:39:14.151Z","dependency_job_id":"c464c664-68eb-48d2-ab4e-cb2e6f82a471","html_url":"https://github.com/DalaScript/cat-painting","commit_stats":null,"previous_names":["dalascript/cat-painting"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DalaScript/cat-painting","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DalaScript%2Fcat-painting","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DalaScript%2Fcat-painting/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DalaScript%2Fcat-painting/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DalaScript%2Fcat-painting/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DalaScript","download_url":"https://codeload.github.com/DalaScript/cat-painting/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DalaScript%2Fcat-painting/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261304302,"owners_count":23138306,"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":["cat-painting","css","freecodecamp","html","responsive-web-design-certification"],"created_at":"2025-06-22T14:14:44.173Z","updated_at":"2025-07-14T03:41:55.601Z","avatar_url":"https://github.com/DalaScript.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Cat Painting | FCC Responsive Web Design Certification\n\n**Project 12/20**\n\nA fully CSS-drawn cat head illustration 😺 built using only HTML and CSS. Every part of the cat — from ears to whiskers — is crafted with pure CSS properties like `border`, `transform`, and `border-radius`. This project focuses on precision, creativity, and mastering positioning techniques.\n\n---\n\n## 📚 Table of Contents\n\n- [🔎 Overview](#-overview)\n  - [📸 Screenshot](#-screenshot)\n  - [🔗 Links](#-links)\n  - [📌 Features](#-features)\n- [🧠 My process](#-my-process)\n  - [🛠️ Built with](#️-built-with)\n  - [🎓 What I learned](#-what-i-learned)\n  - [🔙 Previous Project](#-previous-project)\n  - [🔜 Next Project](#-next-project)\n- [👤 Author](#-author)\n  - [🌐 Connect with Me](#-connect-with-me)\n  - [💻 Coding Profiles](#-coding-profiles)\n\n---\n\n## 🔎 Overview\n\n### 📸 Screenshot\n\n![screenshot of the project's webpage](./assets/screenshot.jpg)\n\n### 🔗 Links\n\n - [🔴 Live Demo](https://dalascript.github.io/cat-painting/)\n - [🗂️ GitHub Repository](https://github.com/DalaScript/cat-painting)\n\n### 📌 Features\n\n - ✅ Fully illustrated cat using pure CSS\n - ✅ Custom shapes for ears, eyes, nose, and whiskers\n - ✅ Responsive and centered layout\n - ✅ Smooth gradients and layering with z-index\n - ✅ No images or external graphic assets used\n\n## 🧠 My Process\n\n### 🛠️ Built with\n\n - HTML5\n - CSS3\n\n### 🎓 What I Learned\n\n - How to use `border` and `transform` to draw custom shapes\n - Positioning elements precisely with `absolute` and `z-index`\n - Crafting complex visual designs without images\n - Organizing layered components in CSS\n - Enhancing creativity using only core HTML and CSS\n\n  \u003e 🚀 For me, this project was more about **practice** and gaining additional **experience**,  \n  \u003e rather than learning something entirely new.  \n  \u003e  \n  \u003e 👨‍💻 Since I’m not a beginner and already familiar with these technologies,  \n  \u003e I approached it with confidence — and still, I truly **enjoyed working on it**.  \n  \u003e  \n  \u003e 🎯 Overall, I consider this a very **valuable and enjoyable experience**.\n\n### 🔙 Previous Project\n\n - Balance Sheet | *[Project 11/20]* → [View Repository](https://github.com/DalaScript/balance-sheet)\n\n### 🔜 Next Project\n\n - Piano | *[Project 13/20]* → [View Repository](https://github.com/DalaScript/piano)\n\n---\n\n## 👤 Author\n\n### 🌐 Connect with Me\n\n - [Instagram](https://www.instagram.com/DalaScript)\n - [YouTube](https://www.youtube.com/@DalaScript)\n\n### 💻 Coding Profiles\n\n - [freeCodeCamp](https://www.freecodecamp.org/DalaScript)\n - [FrontendMentor](https://www.frontendmentor.io/profile/DalaScript)\n - [GitHub](https://github.com/DalaScript)\n\n*🙌 Thanks for checking out my project! More coming soon. Stay tuned 🚀*","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdalascript%2Fcat-painting","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdalascript%2Fcat-painting","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdalascript%2Fcat-painting/lists"}