{"id":18763675,"url":"https://github.com/officialpesonen/3d-room","last_synced_at":"2025-12-06T04:30:17.536Z","repository":{"id":226023671,"uuid":"165403719","full_name":"OfficialPesonen/3D-Room","owner":"OfficialPesonen","description":"Responsive 3D room with editable surfaces.","archived":false,"fork":false,"pushed_at":"2021-06-13T09:38:23.000Z","size":53,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-12-29T05:26:12.867Z","etag":null,"topics":["3d","bootstrap","responsive","room"],"latest_commit_sha":null,"homepage":"https://officialpesonen.github.io/3D-Room/","language":"HTML","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/OfficialPesonen.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":"2019-01-12T15:33:32.000Z","updated_at":"2021-06-13T09:38:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"35b986d5-8ead-448a-b81a-b5248c58154b","html_url":"https://github.com/OfficialPesonen/3D-Room","commit_stats":null,"previous_names":["officialpesonen/3d-room"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OfficialPesonen%2F3D-Room","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OfficialPesonen%2F3D-Room/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OfficialPesonen%2F3D-Room/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OfficialPesonen%2F3D-Room/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OfficialPesonen","download_url":"https://codeload.github.com/OfficialPesonen/3D-Room/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239661863,"owners_count":19676411,"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":["3d","bootstrap","responsive","room"],"created_at":"2024-11-07T18:27:02.509Z","updated_at":"2025-12-06T04:30:17.243Z","avatar_url":"https://github.com/OfficialPesonen.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 3D-Room\n3D Room is basically a responsive 3D Room with editable surfaces.\n3D Room is using Bootstrap 4 so it's easy to integrate it with your Bootstrap project.\n\n# Example\nhttps://officialpesonen.github.io/3D-Room/\n\n# How it works\n\nThere is a palette on the left side of the page where you can select the color and surface.\nThere are three surfaces: side wall, back wall \u0026 floor.\nBy clicking a color on the palette, the selected surface changes to the previously selected color.\nThe system takes the color from `.palette-item` 's background color so adding new colors or changing them, is easy.\n\n## Edit a color\nChange the background color to your color and you are done.\n```html\n\u003cdiv class=\"col-4 col-sm-3 mb-4\"\u003e\n    \u003cdiv class=\"palette-item p-4\" style=\"background-color: #DD4132\"\u003e1\u003c/div\u003e\n\u003c/div\u003e\n```\n\n## Add a color\nFind the line where the list of colors start (~line 27) and just add this piece of html bottom of the list (~line 77).\n```html\n\u003cdiv class=\"col-4 col-sm-3 mb-4\"\u003e\n    \u003cdiv class=\"palette-item p-4\" style=\"background-color: #DD4132\"\u003e1\u003c/div\u003e\n\u003c/div\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fofficialpesonen%2F3d-room","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fofficialpesonen%2F3d-room","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fofficialpesonen%2F3d-room/lists"}