{"id":23410531,"url":"https://github.com/csingendonk/myshit","last_synced_at":"2025-08-25T01:30:57.698Z","repository":{"id":259270495,"uuid":"876623454","full_name":"CSingendonk/myshit","owner":"CSingendonk","description":null,"archived":false,"fork":false,"pushed_at":"2024-12-14T07:39:30.000Z","size":6598,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"A","last_synced_at":"2024-12-14T08:22:40.382Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://csingendonk.github.io/htmlpanels/","language":"JavaScript","has_issues":false,"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/CSingendonk.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-10-22T09:33:12.000Z","updated_at":"2024-12-14T07:39:26.000Z","dependencies_parsed_at":"2024-10-24T01:56:40.258Z","dependency_job_id":"decac60a-21e7-4aad-b567-77e888e4be9c","html_url":"https://github.com/CSingendonk/myshit","commit_stats":null,"previous_names":["csingendonk/htmlpanels"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CSingendonk%2Fmyshit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CSingendonk%2Fmyshit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CSingendonk%2Fmyshit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CSingendonk%2Fmyshit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CSingendonk","download_url":"https://codeload.github.com/CSingendonk/myshit/tar.gz/refs/heads/A","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230866133,"owners_count":18292204,"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-22T17:39:26.610Z","updated_at":"2024-12-22T17:39:33.887Z","avatar_url":"https://github.com/CSingendonk.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎮 **Slider Puzzle Web Component**\n\n## **Overview**\nThe `\u003cslider-puzzle\u003e` web component creates an interactive slider puzzle game that loads a random image each time it initializes. Additionally, you can **upload your own custom images** or **capture a new picture** using your device's camera to generate a unique puzzle.\n\n---\n\n## 🧩 **The Puzzle**\nOnce loaded, the puzzle is ready to play. Simply tap the **Puzzle** button to the left of the **About** and **Help** buttons to open the interface, where you can:\n\n- 🟢 **Continue** a saved puzzle\n- 🔄 **Replay** a solved puzzle\n- 🖼️ **Create** a new puzzle using:\n  - 📷 A **new random image**\n  - 📁 **Your own uploaded image**\n  - 💾 A **previously saved image**\n- 🔧 **Set the complexity** and dimensions of a new puzzle\n\n---\n\n## 📺 **The Display**\nOn a desktop browser the entire element can be dragged and moved to another area on the page from the top left corner. You may also drag the bottom right corner to resize it.\nOn mobile we are limited to pinching to zoom in or out and cannot drag the elemebt.\n\n## 🛠️ **Code Integration**\nTo include the slider puzzle on your webpage, use the `\u003cslider-puzzle\u003e` custom element. The component is designed to generate a fully functional slider puzzle without any additional configuration.\n\n\u003cdetails\u003e\n  \u003csummary\u003e📜 \u003cstrong\u003eClick to see how to integrate this component into your HTML page:\u003c/strong\u003e\u003c/summary\u003e\n  \n```html\n\u003cslider-puzzle\u003e\u003c/slider-puzzle\u003e\n\u003cscript src=\"https://csingendonk.github.io/htmlpanels/sliderPuzzle/elements_js/slider-puzzle.js\"\u003e\u003c/script\u003e\n```\nThe component uses the slider-puzzle.js script hosted on GitHub and written by © CSingendonk, to handle the game logic, image loading, and user interactions.\n\u003c/details\u003e\n\n\n# 🎲 **3D Dice Web Component**\n\n\u003cdetails\u003e\n  \u003csummary\u003e...\u003c/summary\u003e\n  |  ~      ~   |\n     |  ,   |\n  |____________|\n     | | | |\n      |_|_|\n  No dice on the dice discription homie.\n\u003c/details\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcsingendonk%2Fmyshit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcsingendonk%2Fmyshit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcsingendonk%2Fmyshit/lists"}