https://github.com/baumannzone/gameboy-css

👾 Pure CSS GameBoy - Includes animations and the original sound 🔊
https://github.com/baumannzone/gameboy-css

audio css css-art gameboy gameboy-css html javascript js pug stylus volume

Last synced: 22 days ago
JSON representation

👾 Pure CSS GameBoy - Includes animations and the original sound 🔊

• Host: GitHub
• URL: https://github.com/baumannzone/gameboy-css
• Owner: baumannzone
• License: other
• Created: 2017-04-14T23:55:49.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2021-06-19T13:49:21.000Z (almost 3 years ago)
• Last Synced: 2024-05-01T16:06:50.675Z (about 2 months ago)
• Topics: audio, css, css-art, gameboy, gameboy-css, html, javascript, js, pug, stylus, volume
• Homepage: https://baumannzone.github.io/gameboy-css/
• Size: 1.32 MB
• Stars: 48
• Watchers: 4
• Forks: 19
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • Contributing: CONTRIBUTING.md
  • License: license
  • Code of conduct: CODE_OF_CONDUCT.md

Lists

• awesome-css-only - Gameboy-css - Includes animations and the original sound :loud_sound: (Uncategorized / Uncategorized)

README

        

# Pure CSS GameBoy 

The classic Game Boy made with CSS and HTML. It uses some JavaScript to make the Game Boy great again.  

Pump up the volume :speaker: and turn on the Game Boy.  

**DEMO**: https://baumannzone.github.io/gameboy-css/  

![gameboy](./docs/img.png)

---

> If you liked it, click the ⭐️ button and spread the word 🦄

### Overview

An awesome GameBoy illustration created with CSS and some HTML (during a long trip by car). Effects made with plain Javascript.

The source files are written in [Pug](https://github.com/pugjs/pug) and [Stylus](http://stylus-lang.com/).

### Links

- **Youtube video**: https://youtu.be/Drj78FhXz5U  

### Usage 

You can simply run the `index.html` file in your favorite browser and make sure you have the volume enabled for a 

nostalgic experience :space_invader: :space_invader: :space_invader: :space_invader:

### License

[MIT](./license)