{"id":26601922,"url":"https://github.com/alexerlandsson/dice","last_synced_at":"2025-04-09T16:42:30.410Z","repository":{"id":43868271,"uuid":"237213487","full_name":"alexerlandsson/dice","owner":"alexerlandsson","description":"Rotating CSS dice in 3D using jQuery. Based on my old snippet on CodePen.","archived":false,"fork":false,"pushed_at":"2024-06-12T06:21:58.000Z","size":340,"stargazers_count":8,"open_issues_count":2,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-23T18:53:01.316Z","etag":null,"topics":["3d","css","dice","jquery"],"latest_commit_sha":null,"homepage":"https://alexerlandsson.github.io/dice/","language":"SCSS","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/alexerlandsson.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":"2020-01-30T12:58:03.000Z","updated_at":"2024-07-27T20:38:47.000Z","dependencies_parsed_at":"2025-03-23T18:47:02.157Z","dependency_job_id":"b5214a87-b424-4457-ac5d-da40f6e21cb5","html_url":"https://github.com/alexerlandsson/dice","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexerlandsson%2Fdice","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexerlandsson%2Fdice/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexerlandsson%2Fdice/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexerlandsson%2Fdice/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexerlandsson","download_url":"https://codeload.github.com/alexerlandsson/dice/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248069164,"owners_count":21042628,"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","css","dice","jquery"],"created_at":"2025-03-23T18:46:51.965Z","updated_at":"2025-04-09T16:42:30.370Z","avatar_url":"https://github.com/alexerlandsson.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dice\n\nRotating CSS dice in 3D using jQuery. Based on my old CodePen [Roll the dice!](https://codepen.io/alexerlandsson/pen/yyWdLE).\n\n**Demo:** https://alexerlandsson.github.io/dice/\n\n## How to use\n\nInclude `/docs/css/dice.min.css`, `/docs/js/dice.js` in your project and copy the HTML from `/docs/index.html`. Please note the JavaScript requires jQuery to work.\n\nPlace the CSS before inside the head.\n```html\n\u003clink href=\"PATH_TO_CSS/dice.min.css\" rel=\"stylesheet\" type=\"text/css\" /\u003e\n```\n\nPlace the JavaScript before the closing body tag below the page content. jQuery has to be included before `dice.js`.\n\n```html\n\u003cscript src=\"PATH_TO_JS/dice.js\"\u003e\u003c/script\u003e\n```\n\n## Browser support\n\nWorks in all modern browsers. Since Internet Explorer does not support `transform-style: preserve-3d;` the dice will not be displayed in 3d in these browsers, but a fallback is included to make sure the die roll still works.\n\n## Working in this repository\n\n#### Install dependencies (npm)\n\n```shell\n$ npm install\n```\n\n#### Build\n\nTo build the project, run gulp from the project root. After the project has been built, the production files are located in the folder `docs`. This folder is published using GitHub Pages.\n\n```shell\n$ gulp\n```\n\nTo watch for changes, a watch gulp task is also added. Start it by running the following command.\n\n```shell\n$ gulp watch\n```\n\n#### SCSS\n\nYou can modify the css by changing the scss variabes in `/src/css/dice.scss`. I do not recommend you changing anything else in this file besides the settings variables at the top.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexerlandsson%2Fdice","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexerlandsson%2Fdice","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexerlandsson%2Fdice/lists"}