Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/manzdev/twitch-nintendo-game-watch-css

A Nintendo Game & Watch console with Pure CSS (without images), created on live stream 🎙 ManzDev
https://github.com/manzdev/twitch-nintendo-game-watch-css

console css cssart game html javascript nintendo watch webcomponents

Last synced: about 2 months ago
JSON representation

A Nintendo Game & Watch console with Pure CSS (without images), created on live stream 🎙 ManzDev

Host: GitHub
URL: https://github.com/manzdev/twitch-nintendo-game-watch-css
Owner: ManzDev
Created: 2024-01-12T02:11:36.000Z (12 months ago)
Default Branch: main
Last Pushed: 2024-01-14T19:46:02.000Z (12 months ago)
Last Synced: 2024-09-25T16:22:23.010Z (3 months ago)
Topics: console, css, cssart, game, html, javascript, nintendo, watch, webcomponents
Language: JavaScript
Homepage: https://manzdev.github.io/twitch-nintendo-game-watch-css/
Size: 373 KB
Stars: 13
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Nintendo Game & Watch CSS

A **Nintendo Game & Watch** console with **Pure CSS** (without images), created on live stream 🎙 [ManzDev](https://twitch.tv/ManzDev)

---

### 🧙‍♂️ Features

- ✨ Only native [HTML](https://lenguajehtml.com/) + [CSS](https://lenguajecss.com/) + [Javascript](https://lenguajejs.com/)

- ✨ Use [WebComponents](https://lenguajejs.com/webcomponents/) for encapsulation

  - `NintendoGameWatch.js` for console

  - `GameWatchScreen.js` for LCD Screen

  - `GameWatchPad.js` for Pad

  - `CircleButton.js` for red buttons

  - `OptionButton.js` for grey buttons

- ✨ WOFF2 Fonts for texts

  - Glacial Indifference

  - Louis George Cafe

  - Pretendo

  - Walkway

- ✨ Textures with CSS gradients

- ✨ Use [SVG](https://lenguajehtml.com/svg/) for LCD Screen (*Thanks [BlurSoul_](https://github.com/BlurSoulx)*!)

![Nintendo Game & Watch with Pure CSS](nintendo-game-watch-css.png)

### ⚡ Links

- ✨ [Source code](https://github.com/manzdev/twitch-nintendo-game-watch-css/)

- ✨ [Live demo](https://manzdev.github.io/twitch-nintendo-game-watch-css/)

- ✨ More CSS draws: https://manz.dev/streams

- ✨ Social networks: https://links.manz.dev/