Giter VIP home page Giter VIP logo

http.cat's Introduction

http.cat Build Status

HTTP Cat picture

About

This is the website that is hosted at https://http.cat.

The code for the older version hosted at the heroku platform is at the http-status-cats-api repo.

This version does not need any server side code. The API behavior is provided by a Nginx server config.

On v2.0.0 the website was built with React and pre-rendered with react-snap.

As of v3.0.0 it's built with Next.js 13.

Development

npm run dev

Starts the development server.

npm test

Runs the tests.

npm run build

Creates a build of the project.

Adding a new image

Currently not all HTTP status codes are covered. You are welcome to create an issue or PR to cover them.

We've prepared some templates to make this process easier.

You can clone it, replace the information with the new one and export as a JPG image.

Then, upload it to both public/images and public/images-original folders and update the statuses.js file.

Credits

Thanks to @girliemac for creating the amazing http status cats images.

Thanks to @pfdborges for creating the http.cat logo (RIP my friend).

Thanks to all the contributors:

John HU
John HU

🔣 ️️️️♿️
Tomomi ❤ Imura
Tomomi ❤ Imura

💻 🖋 🌍
strangeloveBsc
strangeloveBsc

💻 🎨
Nátaly Enne
Nátaly Enne

💻
Lennart Blom
Lennart Blom

💻
BitterPanda
BitterPanda

💻
Katrin Leinweber
Katrin Leinweber

💻
Luiz Fernando da Silva Cieslak
Luiz Fernando da Silva Cieslak

💻
Leonard Janis Robert König
Leonard Janis Robert König

💻
Omar Flores Grimontt
Omar Flores Grimontt

💻
Kian
Kian

💻
David Cruz
David Cruz

💻 🎨 ️️️️♿️
Matt Lavoie
Matt Lavoie

💻
zurgeg
zurgeg

💻
Joshix-1
Joshix-1

💻
kiriya-aoi
kiriya-aoi

💻
Jasmin Lapointe
Jasmin Lapointe

💻
Arnau
Arnau

🌍
Mathias Oterhals Myklebust
Mathias Oterhals Myklebust

💻
Ronan
Ronan

💻
Alejandro Mayol
Alejandro Mayol

🎨 💻
NoobTracker
NoobTracker

💻
Mohammad Kazemi
Mohammad Kazemi

📖
Lucas Mezêncio
Lucas Mezêncio

💻
Xeno
Xeno

💻
Santiago Salinas
Santiago Salinas

🖋
Karl Hiramoto
Karl Hiramoto

💻

Star History

Star History Chart

Sponsor / Donate

Please consider sponsoring or donating via the following options:

patron Buy Me A Coffee

You can also adopt an HTTP Cat and have your name in the chosen cat image!

License

MIT

http.cat's People

Contributors

alexmayol avatar allcontributors[bot] avatar arnau478 avatar bitterpanda63 avatar cutiepi avatar dcruz avatar dependabot-preview[bot] avatar dependabot[bot] avatar fafrd avatar girliemac avatar joshix-1 avatar karlhiramoto avatar katrinleinweber avatar kiriya-aoi avatar lennartblom avatar ljrk0 avatar lucasmezencio avatar luizcieslak avatar m4thieulavoie avatar mathiazom avatar mokazemi avatar nataly-enne avatar noobtracker avatar omarefg avatar rogeriopvl avatar ronan-s1 avatar santiago-salinas avatar ushuz avatar zurgeg avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

http.cat's Issues

Nginx config for custom error pages.

I spend hour trying to create custom error pages with this cats, and finally found this gist: https://gist.github.com/mjmeyer/6cf8d3c1199d028f0921
Works awesome for me, all what you need is do download it to your nginx directory:

cd /etc/nginx/snippets && sudo wget https://gist.githubusercontent.com/mjmeyer/6cf8d3c1199d028f0921/raw/1866fb0bc75dcd8c0699bccf499bae2cb15dca17/http-cat-error-pages.conf

Then add this lines to your "server" block:

include snippets/http-cat-error-pages.conf
resolver 1.1.1.1

I think this should be added to README, as I think that I was not the only one who tried to do this.

Embed an Run In Postman option for Testing

Awesome stuff! Love Cats ❤️

We have created a collection out of all these requests and below is the link for the same:

https://documenter.getpostman.com/view/6034746/SzzrWt5f

Click on "Run in Postman" and it will import all of these directly to the users applications and one can use it. However, the interesting point here is - you can create an "Embed button" from the same and include it to your WebPage. Below documentation should help you on this:

https://learning.postman.com/docs/postman-for-publishers/run-in-postman/creating-run-button

Example:

Option

I'll be glad to assist you with this if required 👍

image link for 599 is missing

current is

<a href="/510"><li class="status" style="background-image:url(/510)"><span>510</span></li></a> 
<a href="/511"><li class="status" style="background-image:url(/511)"><span>511</span> 
<a href="/599"><li class="status" style="background-image:url(/599)"><span>599</span></li></a>
</li></a>
</ul>

probably should be

<a href="/510"><li class="status" style="background-image:url(/510)"><span>510</span></li></a> 
<a href="/511"><li class="status" style="background-image:url(/511)"><span>511</span></li></a>
<a href="/599"><li class="status" style="background-image:url(/599)"><span>599</span></li></a>
</ul>

suggestion: json response

it'd be useful to request https://http.cat/401 with either "Accept: application/json" or /401.json to get a response similar to

{ 
 "code": 401
 "description": "Unauthorized"
}

mostly I am looking for a data source for an irc bot to respond to "!http 401".

Description for 425 seems incorrect

Hello maintainer of this cute repository!

Me and @richardcsantana noticed that 425 http code, according with RFC is about "Too early", but in the site it is represented by "Unordered collection"

RFC 📚
Page 🐱

Count with us if you need some support to fix it. We found this image that we judge as appropriate.

Inverted Versions

Here's a custom one I made to hang on my door while I'm on vacation: it's inverted so it's good for printing! :D
grafik
~made with paint

Can I buy you a pizza

This is literally the best website ever. Please let me send you something for making me happy. 🍕

7xx Status Code support

It would be very cool and absolutely in-line with the meme-y nature of the page to support the 7xx line of http status codes.
A RFC draft can be found on GitHub.

A bunch of status codes are missing!

Here's a list of the ones I've found that aren't supported:

IIS

  • 440 Login Timeout
  • 449 Retry With

nginx

  • 495 SSL Certificate Error
  • 496 SSL Certificate Required
  • 497 HTTP request sent to HTTPS port (idea: maybe have an image of a cat trying to go through a dog door for this?) (Added by #124)

Cloudflare

  • 520 Web Server Returned an Unknown Error
  • 521 Web Server Is Down
  • 522 Connection Timed Out
  • 523 Origin Is Unreachable
  • 524 A Timeout Occurred
  • 525 SSL Handshake Failed
  • 526 Invalid SSL Certificate
  • 527 Railgun Error
  • 530

AWS ELB

  • 460
  • 463 (maybe an image of 30 cats trying to do into a box at once?)
  • 561 Unauthorized

Note: I got all these from The Wikipedia Page

Missing image for 498 status code

Compress images using TinyPNG

image

For example, 400.jpeg could be compressed from 120kb to about 50kb, nearly 60% smaller, without noticeable quality loss. It could save some bandwidth both for https://http.cat and for people who reference those cute cat images.

Take a look at: https://tinypng.com/ , they are good at compressing images, and have an API for that. Their API is free for the first 500 images in a month, it's quite enough for https://http.cat I think.

If you are interested, I can open a pull request.

Accessibility issues

I shared the url with community devs and got immediate pushback from those who use screen readers to navigate the internet.

  • Images do not have useful alt text
  • Status code not in body in text; no indication of page purpose.

I believe the pages do not meet minimal Web Content Accessibility Guidelines 2.1, but should be able to to get there very easily. It would also prepare the project for automated language translation.

Additional resource links:

Awesome

This project is very interesting!
Thank for your hard work.

Image used for 303 is surely the one that should be used for 207

The image is of the Schrödinger's cat thought-experiment, wherein the cat is alive and dead at the same time (sort of) - i.e. it is multi-status, aka HTTP 207. HTTP 303 on the other hand is a type of redirect, to which Schrödinger's cat does not have any obvious relevance.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.