{"id":17300403,"url":"https://github.com/atomantic/bespoke-theme-atomantic","last_synced_at":"2025-04-13T04:52:11.433Z","repository":{"id":37886689,"uuid":"60382427","full_name":"atomantic/bespoke-theme-atomantic","owner":"atomantic","description":"👨‍💻️ A Bespoke.js Theme that uses x-gif and a few other things for impact. This is my own base-line for presentations.","archived":false,"fork":false,"pushed_at":"2022-12-06T14:35:21.000Z","size":13747,"stargazers_count":6,"open_issues_count":13,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-13T04:52:05.127Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://atomantic.github.io/bespoke-theme-atomantic","language":"Stylus","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/atomantic.png","metadata":{"files":{"readme":"README.md","changelog":"HISTORY.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-06-03T22:57:12.000Z","updated_at":"2023-10-07T13:06:52.000Z","dependencies_parsed_at":"2022-08-30T16:11:22.962Z","dependency_job_id":null,"html_url":"https://github.com/atomantic/bespoke-theme-atomantic","commit_stats":null,"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomantic%2Fbespoke-theme-atomantic","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomantic%2Fbespoke-theme-atomantic/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomantic%2Fbespoke-theme-atomantic/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atomantic%2Fbespoke-theme-atomantic/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atomantic","download_url":"https://codeload.github.com/atomantic/bespoke-theme-atomantic/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248665767,"owners_count":21142123,"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-10-15T11:28:13.611Z","updated_at":"2025-04-13T04:52:11.413Z","avatar_url":"https://github.com/atomantic.png","language":"Stylus","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Build Status](https://secure.travis-ci.org/atomantic/bespoke-theme-atomantic.png?branch=master)](https://travis-ci.org/atomantic/bespoke-theme-atomantic)\n\n# bespoke-theme-atomantic\n\nA theme for [Bespoke.js](http://markdalgleish.com/projects/bespoke.js) \u0026mdash; [View demo](http://atomantic.github.io/bespoke-theme-atomantic)\n\n## Download\n\nDownload the [production version][min] or the [development version][max], or use a [package manager](#package-managers).\n\n[min]: https://raw.github.com/atomantic/bespoke-theme-atomantic/master/dist/bespoke-theme-atomantic.min.js\n[max]: https://raw.github.com/atomantic/bespoke-theme-atomantic/master/dist/bespoke-theme-atomantic.js\n\n## Usage\n\n### Basic\nThis theme is shipped in a [UMD format](https://github.com/umdjs/umd), meaning that it is available as a CommonJS/AMD module or browser global.\n\nFor example, when using CommonJS modules:\n\n```js\nvar bespoke = require('bespoke'),\n  atomantic = require('bespoke-theme-atomantic');\n\nbespoke.from('#presentation', [\n  atomantic()\n]);\n```\n\nWhen using browser globals:\n\n```js\nbespoke.from('#presentation', [\n  bespoke.themes.atomantic()\n]);\n```\n\n### X-Gif\nThis theme utilizes x-gif for awesome background gif control. If you would like to include gifs and have control over speed, iterations, ping-pong, n-times, and wait-for-gif content, you will need to do the following in your bespoke.js main deck code:\n\n* `npm i -S x-gif`\n* in your gulpfile, make sure the x-gif dist from node_modules is in your project dist:\n```javascript\ngulp.task('x-gif', function() {\n  return gulp.src([\n    'node_modules/x-gif/dist/*'\n  ]).pipe(gulp.dest('dist/x-gif'));\n});\n```\n\nThen you can use x-gif by simply adding elements like this to your deck:\n\n* simple repeating gif, filling up the background:\n```jade\nsection\n  .fullscreen\n    x-gif(src=\"images/perfect_beardscratch.gif\" fill)\n  .content\n    .box\n      h2 Awesome Repeating Gif in the background\n```\n* content that waits for the gif to complete\n```\nsection\n  .fullscreen\n    x-gif(src=\"images/perfect_beardscratch.gif\" fill n-times=2)\n  .content.wait-for-gif\n    .box\n      h2 The gif stopped!\n```\nsee the x-gif docs for more options on the x-gif element: http://atomantic.github.io/x-gif/\n\n## Package managers\n\n### npm\n\n```bash\n$ npm install bespoke-theme-atomantic\n```\n\n### Bower\n\n```bash\n$ bower install bespoke-theme-atomantic\n```\n\n## Credits\n\nThis theme was built with [generator-bespoketheme](https://github.com/markdalgleish/generator-bespoketheme).\n\n\n\n## Author\n\nAdam Eivy is a software architect by day and a drawing dad by night. Check out his latest project [Beetle Royale](http://beetleroyale.com) or [follow him on the interwebs](http://adameivy.com)\n\n[![gratipay](https://img.shields.io/gratipay/antic.svg?style=flat)](https://gratipay.com/antic)\n\n![follow](https://img.shields.io/twitter/follow/antic.svg?style=social\u0026label=Follow)\n\n## License\n\n[MIT License](http://en.wikipedia.org/wiki/MIT_License)\n\n## Support on Beerpay\nHey dude! Help me out for a couple of :beers:!\n\n[![Beerpay](https://beerpay.io/atomantic/bespoke-theme-atomantic/badge.svg?style=beer-square)](https://beerpay.io/atomantic/bespoke-theme-atomantic)  [![Beerpay](https://beerpay.io/img/badges/make-wish-square.svg)](https://beerpay.io/atomantic/bespoke-theme-atomantic?focus=wish)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatomantic%2Fbespoke-theme-atomantic","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatomantic%2Fbespoke-theme-atomantic","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatomantic%2Fbespoke-theme-atomantic/lists"}