Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/michaelcurrin/food-blender-site
Interactive website for blending fruit and vegetables into a colorful mix
https://github.com/michaelcurrin/food-blender-site
blender food github-pages javascript jekyll static-site
Last synced: 28 days ago
JSON representation
Interactive website for blending fruit and vegetables into a colorful mix
- Host: GitHub
- URL: https://github.com/michaelcurrin/food-blender-site
- Owner: MichaelCurrin
- License: mit
- Created: 2019-12-14T06:23:06.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-05-29T14:15:42.000Z (over 3 years ago)
- Last Synced: 2024-11-14T22:06:50.671Z (3 months ago)
- Topics: blender, food, github-pages, javascript, jekyll, static-site
- Language: JavaScript
- Homepage: https://michaelcurrin.github.io/food-blender-site/
- Size: 296 KB
- Stars: 0
- Watchers: 3
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Food Blender
> Choose fruit and vegetables and blend them into a colorful mix[![GitHub tag](https://img.shields.io/github/tag/MichaelCurrin/food-blender-site?include_prereleases=&sort=semver)](https://github.com/MichaelCurrin/food-blender-site/releases/)
[![License](https://img.shields.io/badge/License-MIT-blue)](#license)[![Made with Jekyll](https://img.shields.io/badge/Jekyll-3.9-blue?logo=jekyll&logoColor=white)](https://jekyllrb.com)
## Preview
[![Play online](https://img.shields.io/badge/Play_online_🎮-2ea44f?style=for-the-badge)](https://michaelcurrin.github.io/food-blender-site/)
## About
A simple online game/toy.
Made with Jekyll and bit of CSS and vanilla JS.
## Features
- Simple, fun web-based toy which I made for a friend. It is not quiet a game as their no way to win.
- SVG images for splats and critters.
- JavaScript for interactivity
- CSS to blend the colors (results vary based on browser).
- Static site built on Jekyll and hosted on Github Pages.## Related projects
If you like this project please checkout this AntiStress mobile app which I found much later but is similar - explore and play with objects on the screen and some interact.
- https://www.jindoblu.com/antistress-relaxation-toys/
## Setup and run locally
1. Install Ruby - see [instructions](https://gist.github.com/MichaelCurrin/fb758aea4d35e03b9ed093afddf4e7ec)
1. Install Bundler.
1. Install gems.
```sh
$ make install
```
1. Clone the repo.
```bash
$ git clone github.com:MichaelCurrin/food-blender-site.git
$ cd food-blender-site
```
1. Start the Jekyll dev server (this has live-reload enabled).
```bash
$ make serve
```
1. Open in the browser:
- http://127.0.0.1:4000/food-blender-site/## Deploy
> Remote setup on GitHub Pages1. Fork the project.
2. Go to the repo's settings.
3. Setup the Github Pages section using `master` branch.
4. Click on the URL which pages under GitHub Pages section.## Development
Place an SVG in the [assets/img/critters](/assets/img/critters/) directory and the image will become part of the random critter choice when clicking the _Protein_ button.
## Credits
SVG images are sourced from [svgsilh.com](https://svgsilh.com) and used freely under Creative Commons license.
- Splats
- https://svgsilh.com/image/42890.html
- https://svgsilh.com/image/297562.html
- Bugs
- https://svgsilh.com/image/31674.html
- https://svgsilh.com/image/34372.html
- https://svgsilh.com/image/148773.html
- https://svgsilh.com/image/160380.html
- https://svgsilh.com/image/151393.html
- https://svgsilh.com/image/954411.html
- https://svgsilh.com/image/2029633.html## License
Released under [MIT](/LICENSE) by [@MichaelCurrin](https://github.com/MichaelCurrin).
Please link back to this repo if you use part of the content or idea here and you must include a copy of this license if you use a significant portion of code.