418: I'm a teapot
ref: https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/418 , a contribution for https://http.framasoft.org/
#caturday #MastoArt #krita
ref: https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/418 , a contribution for https://http.framasoft.org/
#caturday #MastoArt #krita
418 I'm a teapot - HTTP | MDN
The HTTP 418 I'm a teapot client error response code indicates that the server refuses to brew coffee because it is, permanently, a teapot. A combined coffee/tea pot that is temporarily out of coffee should instead return 503.developer.mozilla.org
Hypolite Petovan likes this.
Benjamin
•Drew DeVault
•Rémi Letot
•Jan ☕🎼🎹☁️🏋️♂️
•Þór Sigurðsson
•GET will return 418
TEMP will return temp
STATE will return cold, heating or hot
Drew DeVault
•Irina
•David Revoy
•Aral Balkan
•Gilian "Jill" Spain🎧
•John Livingston
•Bart Groeneveld
•David Revoy’s HTTP status
http.framasoft.orgJan ☕🎼🎹☁️🏋️♂️
•David Revoy
•If you want to go DIY or self-printing: it's ok and I encourage it too: I upload sources here https://www.peppercarrot.com/en/files/framasoft.html and distribute them with full size (and layers) under a permissive Creative Commons license (CC-By).
Thanks 😀
David Revoy Shop | Redbubble
Redbubblejnbhlr
•phi1997
•RFC 2324: Hyper Text Coffee Pot Control Protocol (HTCPCP/1.0)
www.rfc-editor.orggrin likes this.
David Revoy
•tTh
•Zekovski
•Riley S. Faelan
•Stone Bear
•Sabrina Web :privacypride:
•Sam
•per the second link, it's CC-BY, so all you need to do is provide credit wherever you use it
David Revoy
•I am a Teapot 418 Error by David Revoy – Viewer - Pepper&Carrot
Pepper&CarrotSam
•here's my website's responsive 404 page that I updated to use the image last night. optimally it would use an imageset instead of just a 1080p image, but I was lazy.
https://lukepj.com/404
MIT license, no credit needed to use/modify/copy it from my site if you don't want to. just make sure to respect David's CC-BY and add credit whenever you use it.
David Revoy
•Oh nice for stretching the picture fullscreen and getting it responsive.
On https://http.framasoft.org/404/ , I can't see the same effect. What could be modified to make it responsive as well? (I ask in case it's a low hanging fruit to grab).
The HTML is generated here: https://framagit.org/framasoft/fun/http-status-david-revoy/-/blob/main/build_page.sh#L194
@sabrinaweb71
Not Found
http.framasoft.orgSam
•the trick is using a background image on the body element instead of an img/picture tag. just remember that text is vital for accessibility since you won't have an alt tag.
switching between image sizes can then be handled with @media rules matching screen width ranges.
Sam
•here's how to get it to display nicely:
background-image: url('4xx.jpg');
background-position: center;
background-size: cover;
the last two tell the browser "center the image on the element it's attached to, then automatically resize it to cover the element while preserving its aspect ratio"
Sam
•ah, I see you're doing similar. it's late so I could only take a glance, but I'm guessing the issue is that you haven't set the dimensions of the element the background image is attached to.
height: 100vh
works in a pinch, but it gets a little funky with browser bars on mobile devices (thanks W3C, that standard was _very_ helpful 🙄). iirc if you look at the source on the page I posted there's a JS snippet I wrote to help.
Sam
•here's the site's repo for easier browsing
https://github.com/lukepfjo/luketimothyjones.github.io
GitHub - lukepfjo/luketimothyjones.github.io
GitHubDavid Revoy
•@sabrinaweb71
fahru
•David Revoy
•Pierre B.
•HTTP Cats
HTTP Status Cats APIfelixilef
•Would be awesome to have one for 401 Unauthorized.