charliegerard / dark-mode-clap-extension

Chrome extension to toggle dark mode on Netlify by clapping hands πŸ‘

Home Page:https://charliegerard.dev/project/dark-mode-clap-extension

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dark mode clap extension for Netlify πŸ‘

Experiment to toggle Netlify's dark mode by clapping your hands.

This Chrome extension uses TensorFlow.js to recognise the sound of clapping hands, and toggle the dark mode on/off.

If you'd like to know more about this experiment, check out the blog post!

Install

  • Clone the repo.
  • Run yarn install to install the dependencies.
  • Run yarn build to generate the dist folder.
  • Visit chrome://extensions in your browser and make sure developer mode is toggled on.
  • Click on "Load unpacked" and select the dist folder generated.
  • Visit https://app.netlify.com and clap your hands to toggle dark mode.

The first time you use the extension, you will probably be asked for permission to use the browser's microphone, so it might take a few seconds.

About

Chrome extension to toggle dark mode on Netlify by clapping hands πŸ‘

https://charliegerard.dev/project/dark-mode-clap-extension

License:GNU General Public License v3.0


Languages

Language:JavaScript 100.0%