{"id":22246587,"url":"https://github.com/el634dev/dali-picture-tool","last_synced_at":"2026-01-05T22:40:49.742Z","repository":{"id":238902097,"uuid":"797915573","full_name":"el634dev/dali-picture-tool","owner":"el634dev","description":"Tool where you can change the saturation, hue and brightness ","archived":false,"fork":false,"pushed_at":"2024-06-16T21:07:55.000Z","size":1718,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-30T10:30:27.951Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://el634dev.github.io/dali-picture-tool/","language":"HTML","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/el634dev.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-05-08T18:17:32.000Z","updated_at":"2024-06-16T21:07:58.000Z","dependencies_parsed_at":"2024-05-08T19:38:53.266Z","dependency_job_id":"1fabc5b6-f5c3-44c7-bba2-300afb32fae3","html_url":"https://github.com/el634dev/dali-picture-tool","commit_stats":null,"previous_names":["el634dev/dail-picture-tool"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Fdali-picture-tool","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Fdali-picture-tool/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Fdali-picture-tool/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/el634dev%2Fdali-picture-tool/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/el634dev","download_url":"https://codeload.github.com/el634dev/dali-picture-tool/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245451223,"owners_count":20617477,"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":[],"created_at":"2024-12-03T05:28:18.076Z","updated_at":"2026-01-05T22:40:49.698Z","avatar_url":"https://github.com/el634dev.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dali Picture Tool\n\u003e Made a responsive and as accessible picture tool to change the saturation, hue and brightness\n\n## Responsive design\nI added three break points to make the site work on mobile, tablet, and desktop. \n\n# Desktop\nOn desktop the site should display as two boxes side by side each 400px by 400px. \n\nThe image will be on the right and the form on the left. \n\nThe form elements will be stacked vertically with the label above each input aligned to the right. \n\n# Screen smaller than 800px\n\nWhen the screen is 800px or smaller the the site should arrange itself vertically with the image at the top and the form below. \n\nThe form elements should stack vertically with the label on the left of each input. The text should align to the right and the inputs should all be equal width and take up about three quarters of the space. \n\n# Mobile Devices\n\nOn mobile devices the the page should stack vertically with the image at the top and the form below. \n\nThe form elements should display almost the full width of the screen, centered and the labels should appear above each form element with the text centered. \n\nI used ARIA attributes where they may be needed. \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fel634dev%2Fdali-picture-tool","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fel634dev%2Fdali-picture-tool","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fel634dev%2Fdali-picture-tool/lists"}