{"id":19400574,"url":"https://github.com/yashi-singh-1/squiggle-challenge","last_synced_at":"2025-02-24T23:40:45.494Z","repository":{"id":247342505,"uuid":"825587374","full_name":"Yashi-Singh-1/Squiggle-Challenge","owner":"Yashi-Singh-1","description":"The Squiggle Challenge utilizes HTML and CSS to construct a visually engaging design. It incorporates semicircles and circular dots arranged within a centered container. Using absolute positioning and various styling properties such as border-radius, box-shadow, and background-color, it achieves a distinctive and dynamic appearance.","archived":false,"fork":false,"pushed_at":"2024-07-08T06:24:35.000Z","size":16,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-10T11:15:01.765Z","etag":null,"topics":["css","css-battle","css-battle-dev","css3","cssbattle","cssbattledev","html","html-css","html-css-challenge","html5","html5-css3","html5-css3-challenge","html5css3","htmlcss","web-art","web-design","webart","webdesign"],"latest_commit_sha":null,"homepage":"","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/Yashi-Singh-1.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}},"created_at":"2024-07-08T06:14:33.000Z","updated_at":"2024-07-08T06:26:15.000Z","dependencies_parsed_at":"2024-07-08T08:14:16.045Z","dependency_job_id":"90394c92-7691-4c90-837e-274bd3d5d6a4","html_url":"https://github.com/Yashi-Singh-1/Squiggle-Challenge","commit_stats":null,"previous_names":["yashi-singh-1/squiggle-challenge"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yashi-Singh-1%2FSquiggle-Challenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yashi-Singh-1%2FSquiggle-Challenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yashi-Singh-1%2FSquiggle-Challenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yashi-Singh-1%2FSquiggle-Challenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Yashi-Singh-1","download_url":"https://codeload.github.com/Yashi-Singh-1/Squiggle-Challenge/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":232874769,"owners_count":18590013,"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":["css","css-battle","css-battle-dev","css3","cssbattle","cssbattledev","html","html-css","html-css-challenge","html5","html5-css3","html5-css3-challenge","html5css3","htmlcss","web-art","web-design","webart","webdesign"],"created_at":"2024-11-10T11:15:17.204Z","updated_at":"2025-01-07T11:47:32.463Z","avatar_url":"https://github.com/Yashi-Singh-1.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003eSquiggle Challenge\u003c/h1\u003e\n\n\u003ch2\u003eChallenge Description\u003c/h2\u003e\n\n\u003cp\u003eThe Squiggle Challenge creates a playful design using HTML and CSS. It features semicircles and circular dots arranged within a centered container. Each element is positioned absolutely to achieve the desired layout, with specific styling for borders, shadows, and background colors to enhance its visual appeal.\u003c/p\u003e\n\n\u003ch2\u003ePreview\u003c/h2\u003e\n\n\u003cimg src=\"Preview.png\" alt=\"Ring Ring Preview\"\u003e\n\n\u003ch2\u003eLive Demo\u003c/h2\u003e\n\n\u003cp\u003eCheck out the live demo \u003ca href=\"https://codepen.io/Yashi-Singh/pen/NWZKoYy\"\u003ehere\u003c/a\u003e.\u003c/p\u003e\n\n\u003ch2\u003ePrerequisites\u003c/h2\u003e\n\n\u003cul\u003e\n    \u003cli\u003eHTML and CSS Basics\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003eTools Used\u003c/h2\u003e\n\n\u003col\u003e\n    \u003cli\u003eVS Code (You can use any other code editor)\u003c/li\u003e\n    \u003cli\u003eA modern web browser (Chrome, Firefox, Safari, or Edge).\u003c/li\u003e\n    \u003cli\u003eAccess to an internet connection for resource imports.\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch2\u003eContributing\u003c/h2\u003e\n\n\u003cp\u003eIf you'd like to contribute to this project:\u003c/p\u003e\n\n\u003col\u003e\n    \u003cli\u003eFork the repository on GitHub.\u003c/li\u003e\n    \u003cli\u003eClone your forked repository to your local machine:\u003c/li\u003e\n    \u003cpre\u003e\u003ccode\u003egit clone https://github.com/Yashi-Singh-1/Squiggle-Challenge.git\u003c/code\u003e\u003c/pre\u003e\n    \u003cli\u003eCreate a new branch for your feature or bug fix:\u003c/li\u003e\n    \u003cpre\u003e\u003ccode\u003egit checkout -b feature-name\u003c/code\u003e\u003c/pre\u003e\n    \u003cli\u003eMake your changes and commit them with a clear and concise message:\u003c/li\u003e\n    \u003cpre\u003e\u003ccode\u003egit commit -m 'Add new feature or fix'\u003c/code\u003e\u003c/pre\u003e\n    \u003cli\u003ePush your changes to your forked repository:\u003c/li\u003e\n    \u003cpre\u003e\u003ccode\u003egit push origin feature-name\u003c/code\u003e\u003c/pre\u003e\n    \u003cli\u003eOpen a pull request to the main repository.\u003c/li\u003e\n    \u003cli\u003eEnsure your pull request includes a detailed description of your changes.\u003c/li\u003e\n    \u003cli\u003eRespond to any feedback or questions during the review process.\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cp\u003eWe welcome improvements, bug fixes, and additional features that can enhance this Squiggle Challenge.\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyashi-singh-1%2Fsquiggle-challenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyashi-singh-1%2Fsquiggle-challenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyashi-singh-1%2Fsquiggle-challenge/lists"}