https://github.com/noook/my-pokedex
Javascript and CSS based Pokedex
https://github.com/noook/my-pokedex
Last synced: about 1 year ago
JSON representation
Javascript and CSS based Pokedex
- Host: GitHub
- URL: https://github.com/noook/my-pokedex
- Owner: noook
- Created: 2018-01-23T13:36:57.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-08T18:51:32.000Z (over 8 years ago)
- Last Synced: 2025-02-09T04:28:00.114Z (over 1 year ago)
- Language: CSS
- Size: 113 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# my-pokedex
Javascript and CSS based Pokedex
## CSS Pokedex
This one is 100% made with CSS, guarantee no image. It's also animated.
### Animations
Pokedex opens itself on page loading, and closes when the window's width is inferior to the pokedex height.
The joystick will also slide in/out when the pokedex opens or closes itself.
### Mobile
Pokedex will be unavailable on phone. As soon as the page loads, the pokedex will close itself, an rotate to -90°.
## Searching a Pokemon
This Pokedex does only contain first generation pokemons, with names in *english*. It is case insensitive,
so if you try `magikarp` or `Magikarp` it is the same. You can also search with the pokemon's number, without the `0`:
You can look for Pikachu by entering `25` and not `025`.
**Note:** Some pokemons can't be called like this, because of their special characters or attributes in their name such
as Farfetch'd, Nidoran F & M, Mr.Mime...
## Navigation
It is possible to go to the previous or next Pokemon thanks to the arrow on the joystick. You can go from 1 to 151.
The two buttons under the screen allows the user to ***cancel a search***, or to search . Canceling on a pokemon's card
won't hide it. It will only hide the search form.