Praxis

Download Praxis Play Version 1.4

A hugo theme environment for stand-alone creative code experiments, reducing the learning curve so you can enjoy being in the zone.

Subscribe to our newsletter for updates:

Ready-to-use features to speed up your creative code: Want text not to be selectable? Want to prevent zoom? ml5? smooth scroll?

On frontmatter, add the features you need with play: feature1, feature2, etc (Make sure post is .html)

Features are per page so you only load what you need, to ensure performance.

`no-scroll`	prevents scroll
`no-zoom`	prevents zoom
`modernizr`	installs modernizr and detectizr libraries
`ml5js`	installs ml5js library
`jquery`	installs jquery library
`style`	accepts your hugo main.scss. Make sure you have `main.scss` ready
`no-credits`	removes praxis / play credits
`no-scope`	removes CSS scope html classes
`no-text-select`	prevents text selection (globally)
`revealjs`	installs revealjs library. Wrap each slide in `<section>` for it to work, use `revealjs[theme]` for themes (view complete list)

magazine

a variation of revealjs with magazine ratios (view css variables to edit). Use play: revealjs[magazine] to activate it

`bootstrap`	installs bootstrap CSS and JS, plus popper and tooltip/popover activation
`redirect`	redirects page (maybe a shortcode?)
`favicon`	adds favicon for all browsers and devices
`open-graph`	adds all open-graph features (for facebook ,twitter, etc)
`request-motion`	modal intercept requesting gyroscope permissions (should only appear if browser HAS this function)
`smooth-scroll`	forces smooth scrolling when internal navigation
`no-nav`	removes top browser navigation (maybe PWA is better?)
`request-location`	modal intercept requesting location permissions
`request-camera`	modal intercept requesting camera permissions
`fullbleed`	moves canvas to bg, below HTML

We automatically adds post slug as an html class, so if your post url is domain/category/post/ your html also has a class play-post (it starts with play- to prevent any conflict).

You can also create a more generic style (for multiple pages) by adding style: style-name on frontmatter. It will also appear as a class on html.

Don't want CSS scope? Use no-scope feature

By default, all creations have a hidden credits modal, accessed by clicking a top-right hidden area. It has:

👍 title, description (from frontmatter)
👍 wanna describe in details your notes? use about: frontmatter. It's markdown-ready (use "" if multi-line)
⏳ if you have other relevant creations (sorted by features), it's listed here too (use no-relevant-links feature to disable)
⏳ author list (as per this standardization)
👍 Don't want credits on your creation? Use no-credits feature

Download latest release
Unzip it and rename as play
Move entire folder inside your huge themes folder
On config.toml add theme = "play"
Run your hugo normally