This project allows you to retrieve cat images associated with different HTTP error codes. Enjoy a fun and entertaining way to visualize HTTP errors with adorable cat pictures.
To use this project, follow these steps:
-
Clone the Repository: Ensure that Git is installed on your system.
git clone https://github.com/GogaNotClown/http-cats.git cd http-cats
-
Open the HTML File: Open the
index.html
file in your preferred web browser. -
Enter an Error Code: In the provided input field, enter an HTTP error code (e.g., 404) and click the "Get a cat 😺" button.
-
Enjoy the Cat Image: The corresponding cat image for the entered error code will be displayed below the button.
- HTML
- CSS/SCSS
- JavaScript
The component utilizes custom styles and CSS variables for easy customization. Here are key variables available in
the style.css
and style.scss
:
:root {
--black: #111111;
--white: #FFFFFF;
--hover-white: rgba(255, 255, 255, .8);
--font: 'JetBrains Mono', monospace;
}
$black: #111111;
$white: #FFFFFF;
$hover-white: rgba(255, 255, 255, 0.8);
$font: 'JetBrains Mono', monospace;
Copyright:
- HTTP Cats API created by @rogeriopvl
- Original Repository 🐱 HTTP Cats API
- Original Website Website
License: This project is licensed under the MIT License.
Enjoy Cats!