{"id":19400550,"url":"https://github.com/yashi-singh-1/prismatic-shift","last_synced_at":"2025-02-24T23:40:23.036Z","repository":{"id":247362301,"uuid":"825643881","full_name":"Yashi-Singh-1/Prismatic-Shift","owner":"Yashi-Singh-1","description":"Prismatic Shift is a CSS project that demonstrates how to create a dynamic prismatic effect using CSS transforms and positioning. ","archived":false,"fork":false,"pushed_at":"2024-07-08T08:34:28.000Z","size":13,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-11-10T11:15:00.728Z","etag":null,"topics":["css","css-battle","css-challenge","css-transform","css3","cssbattle","csschallnege","html","html-css","html5","htmlcss","transformation","translation"],"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-08T08:25:17.000Z","updated_at":"2024-07-08T08:34:32.000Z","dependencies_parsed_at":"2024-07-08T10:51:40.697Z","dependency_job_id":null,"html_url":"https://github.com/Yashi-Singh-1/Prismatic-Shift","commit_stats":null,"previous_names":["yashi-singh-1/prismatic-shift"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yashi-Singh-1%2FPrismatic-Shift","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yashi-Singh-1%2FPrismatic-Shift/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yashi-Singh-1%2FPrismatic-Shift/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Yashi-Singh-1%2FPrismatic-Shift/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Yashi-Singh-1","download_url":"https://codeload.github.com/Yashi-Singh-1/Prismatic-Shift/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":232874760,"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-challenge","css-transform","css3","cssbattle","csschallnege","html","html-css","html5","htmlcss","transformation","translation"],"created_at":"2024-11-10T11:15:06.937Z","updated_at":"2025-01-07T11:47:26.259Z","avatar_url":"https://github.com/Yashi-Singh-1.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003ePrismatic-Shift\u003c/h1\u003e\n\n\u003ch2\u003eChallenge Description\u003c/h2\u003e\n\n\u003cp\u003ePrismatic Shift is a CSS challenge showcasing the creation of a prismatic effect using CSS transforms and positioning. The challenge involves styling a parallelogram shape within a container, employing techniques such as skew transforms and pseudo-elements to achieve a visually appealing geometric design.\u003c/p\u003e\n\n\u003ch2\u003ePreview\u003c/h2\u003e\n\n\u003cimg src=\"Preview.png\" alt=\"Prismatic-Shift 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/QWXWpVG\"\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/Prismatic-Shift.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 Prismatic Shift.\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyashi-singh-1%2Fprismatic-shift","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyashi-singh-1%2Fprismatic-shift","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyashi-singh-1%2Fprismatic-shift/lists"}