{"id":19380227,"url":"https://github.com/luigiminardi/ps4_control_css","last_synced_at":"2026-04-16T01:33:24.993Z","repository":{"id":111507411,"uuid":"449739711","full_name":"luigiMinardi/PS4_Control_CSS","owner":"luigiMinardi","description":"PS4 Control made in CSS","archived":false,"fork":false,"pushed_at":"2022-01-23T22:13:14.000Z","size":2556,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-26T11:56:19.229Z","etag":null,"topics":["css3","html-css-javascript","html5","javascript","javascript-vanilla","js"],"latest_commit_sha":null,"homepage":"https://luigiminardi.github.io/PS4_Control_CSS/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/luigiMinardi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2022-01-19T15:07:36.000Z","updated_at":"2022-11-09T23:31:45.000Z","dependencies_parsed_at":"2023-04-29T17:47:15.035Z","dependency_job_id":null,"html_url":"https://github.com/luigiMinardi/PS4_Control_CSS","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/luigiMinardi/PS4_Control_CSS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luigiMinardi%2FPS4_Control_CSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luigiMinardi%2FPS4_Control_CSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luigiMinardi%2FPS4_Control_CSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luigiMinardi%2FPS4_Control_CSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/luigiMinardi","download_url":"https://codeload.github.com/luigiMinardi/PS4_Control_CSS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/luigiMinardi%2FPS4_Control_CSS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31867711,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T15:24:51.572Z","status":"ssl_error","status_checked_at":"2026-04-15T15:24:39.138Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css3","html-css-javascript","html5","javascript","javascript-vanilla","js"],"created_at":"2024-11-10T09:13:15.378Z","updated_at":"2026-04-16T01:33:24.986Z","avatar_url":"https://github.com/luigiMinardi.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Welcome to my virtual PS4 control\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://github.com/luigiMinardi/PS4_Control_CSS/blob/main/LICENSE\"\u003e\n        \u003cimg alt=\"GitHub license\" src=\"https://img.shields.io/badge/license-MIT-green?style=for-the-badge\"\u003e\n    \u003c/a\u003e\n    \u003cimg alt=\"Javascript Version\" src=\"https://img.shields.io/badge/JavaScript-323330?style=for-the-badge\u0026logo=javascript\u0026logoColor=F7DF1E\"\u003e\n    \u003cimg alt=\"HTML Version\" src=\"https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white\"\u003e\n    \u003cimg alt=\"CSS Version\" src=\"https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white\"\u003e\n\u003c/div\u003e\n\nThis is a project made entirely in HTML, CSS and JS. The objective of the project was to made a PS4 control using just CSS. I did it and added some features to it that you can see below.\n\nTo check the website go [here](https://luigiminardi.github.io/PS4_Control_CSS/) or click in the image below.\n\n[![Ps4 Web](img/ps4_web.png)](https://luigiminardi.github.io/PS4_Control_CSS/)\n\n# :question: How to use\n\n## :radio_button: - PS Button\n\nClicking on the PS button turns the PS4 on. (Click again to turn it off).\n\n## :curly_loop: - Share \u0026 Options\n\n### :link: - Share\n\nClicking on Share allows you to send this link through the internet. (Copy the site url to clipboard).\n\n### :ballot_box_with_check: - Options\n\nClicking on Options allow you to show the reference image or hide it. (But you need to turn the PS4 on first or it will raise an error). (Click again return to the PS4 screen).\n\n## :heavy_multiplication_x: :small_red_triangle: ⬜ :red_circle:\n\n### :heavy_multiplication_x: - X Button\n\nChanges the background to blue (clicking again turn it back to normal).\n\n### ⬜ - Square Button\n\nChanges the background to pink (clicking again turn it back to normal).\n\n### :small_red_triangle: - Triangle Button\n\nChanges the background to green (clicking again turn it back to normal).\n\n### :red_circle: - Circle Button\n\nChanges the background to red (clicking again turn it back to normal).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluigiminardi%2Fps4_control_css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fluigiminardi%2Fps4_control_css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluigiminardi%2Fps4_control_css/lists"}