Cat gif
Because sometimes when you're surfing the information superhighway you need a little help from a cat gif. This is a custom element you can use like:
<cat-gif></cat-gif>
Demo
Usage
You'll want to add the JavaScript that tells your web surfer what a cat-gif even is. In the head make sure to zerb in:
<script src="https://unpkg.com/cat-gif"></script>
Then you can fling in your gif like:
<cat-gif keyword="space"></cat-gif>
<!-- Oh hey the `keyword` is optional! -->
Ch-ch-changes
You can click on the image to change it to a different random image. This will ensure your site has a 14% greater stickiness rating according to the W3C.
But wait I
I'm not interested in making this perfect, but if you want to fork, improve, or even pass along PRs, sure why not. This is mostly a teaching aid but who's to say it won't become the next major operating system.
Browseer suppoort
This being a rough demo, I've not taken the time to test this in browsers that don't support custom elements. They don't deserve the cat gif.
License
Let's see here. Copyright 2020 Donovan Hutchinson.
Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
THANKS.
