https://github.com/fegemo/bespoke-theme-beachday

A cheerful theme for Bespoke.js inspired by a Google Presentations theme
https://github.com/fegemo/bespoke-theme-beachday

Last synced: 3 months ago
JSON representation

A cheerful theme for Bespoke.js inspired by a Google Presentations theme

• Host: GitHub
• URL: https://github.com/fegemo/bespoke-theme-beachday
• Owner: fegemo
• License: mit
• Created: 2017-01-20T18:35:07.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-04-17T20:42:52.000Z (over 1 year ago)
• Last Synced: 2024-04-14T12:31:49.771Z (7 months ago)
• Language: Stylus
• Homepage: https://fegemo.github.io/bespoke-theme-beachday/
• Size: 1.96 MB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# bespoke-theme-beachday

A cheerful theme for [Bespoke.js](http://markdalgleish.com/projects/bespoke.js)

inspired by a Google Presentations theme — 

[View demo](http://fegemo.github.io/bespoke-theme-beachday)

![A sample slide showcasing the theme with a title and the author name: Flávio Coutinho](docs/demo-preview.png)

## Download

Download the [production version][min] or the [development version][max],

or use a [package manager](#package-managers).

[min]: https://raw.github.com/fegemo/bespoke-theme-beachday/master/dist/bespoke-theme-beachday.min.js

[max]: https://raw.github.com/fegemo/bespoke-theme-beachday/master/dist/bespoke-theme-beachday.js

## Usage

This theme is shipped in two ways:

1. in a [UMD format](https://github.com/umdjs/umd) and

1. as CSS files inside [dist/theme](dist/theme).

If you prefer to include it by requiring some JS file, you can use (1) as it makes the theme available as a CommonJS/AMD module or browser global.

For example, when using CommonJS modules:

```js

const bespoke = require('bespoke')

const beachday = require('bespoke-theme-beachday');

bespoke.from('#presentation', [

  beachday()

])

```

When using browser globals:

```js

bespoke.from('#presentation', [

  bespoke.themes.beachday()

])

```

Alternatively, if you prefer to include (2) CSS files directly, you can grab them from [dist/theme](dist/theme) directly. Reasons for this include if you strive for better performance, as loading the theme via (1) involves parsing a JS file before any CSS is included.

## Package managers

### npm

```bash

$ npm install bespoke-theme-beachday

```

## Credits

This theme was built with 

[generator-bespoketheme](https://github.com/markdalgleish/generator-bespoketheme).

## License

[MIT License](http://en.wikipedia.org/wiki/MIT_License)