{% extends 'base.html' %}
{% block css%}
<link rel="stylesheet" type="text/css" href="/static/cats.css">
<link rel="icon" href="/favicon.ico">
<link rel="canonical" href="https://mjfer.net/">
{% endblock %}

{% block content %}
<h3>CATS</h3>
<center>
<b>do not attempt read this page for more than ten minutes at a time. it is poorly designed and will hurt
your eyes and brain</b>
<br>
<small><a href="https://comicneue.com/">comic neue</a> is cruise control for kewl 😎. r these colors
bright enough? m i a front end dev yet? vote <a href="mailto:/dev/null"> here </a></small>
</center>
<h4>THE PURNEZ FAMILY 2024</h4>
<div class="row">
    <div class="column"><h5>Magic</h5><img src="/static/media/CATS/pics/magic.jpg"></div>
    <div class="column"><h5>Jazz</h5><img src="/static/media/CATS/pics/jazz.jpg"></div>
    <div class="column"><h5>Zoey</h5><img src="/static/media/CATS/pics/zoey.jpg"></div>
</div>
<br>
<h4>C.A.T. STATS</h4>
<div class="row">
    <div class="column"><h5>Magic</h5><img src="/static/media/CATS/pics/magic2.jpg"></div>
    <div class="column"><div class="content">
        <br>
        <b>Characteristics</b>
        <ul>
            <li>Born 2021, Jazz's sister</li>
            <li><small>smol</small>, too smol to meow correctly</li>
            <li>Doesn't care about you 99% of the time, but will yell at you to pet her</li>
        </ul>
        <b>Abilities</b>
        <ul>
            <li>Can hide in plain sight</li>
            <li>Knows how to move the computer mouse</li>
            <li>Can bring her entire body to the lowest possible atomic energy level, freezing in
            place for hours at a time</li>
        </ul>
        <b>Trivia</b>
        <ul>
            <li>Planeswalker: runs a white-green Ajani cat deck</li>
            <li>Named for the Queen song "It's a kind of Magic"</li>
            <li>Does know real magic, but sees no need to use it</li>
        </ul>
    </div></div>
</div>
<div class="row">
    <div class="column"><h5>Jazz</h5><img src="/static/media/CATS/pics/jazz2.jpg"></div>
    <div class="column"><div class="content">
        <br>
        <b>Characteristics</b>
        <ul>
            <li>Born 2021, Magic's brother</li>
            <li>Paranoid, voted most cowardly cat of 2023</li>
            <li>Hates the vet</li>
        </ul>
        <b>Abilities</b>
        <ul>
            <li>Sleeping for an entire day so he can annoy his sister at night</li>
            <li>Purrs in odd-time signatures</li>
            <li>jazz hands</li>
        </ul>
        <b>Trivia</b>
        <ul>
            <li>Named for the Queen album "Jazz"</li>
            <li>Cannot actually play jazz, but enjoys the guitar</li>
        </ul>
    </div></div>
</div>

<div class="row">
    <div class="column"><h5>Zoey</h5><img src="/static/media/CATS/pics/zoey2.jpg"></div>
    <div class="column"><div class="content">
        <br>
        <b>Characteristics</b>
        <ul>
            <li>Born 2015</li>
            <li>actually crazy. Forced the other cats to a separate part of the house because she
            won't stop fighting them</li>
            <li>Pokes you when you're not looking</li>
        </ul>
        <b>Abilities</b>
        <ul>
            <li>Understands political protest (in the form of pooping on the floor)</li>
            <li>Full working knowledge of UPS power supplies and how to turn them off to wake me
            up</li>
        </ul>
        <b>Trivia</b>
        <ul>
            <li>Named for the alliteration with "Ziggy" (RIP), and because of David Bowie's son "Zowie
            Bowie"</li>
            <li>Unclear if she ever actually sleeps or just waits</li>
        </ul>
    </div></div>
</div>


<h4> THE OUTSIDERS </h4>
<div class="row">
    <div class="column"><h5>Mama</h5><p>she camera shy...</p><img src="/static/media/CATS/pics/mamasnape.jpg" ></div>
    <div class="column"></div>
    <div class="column"><h5>Snape</h5><img src="/static/media/CATS/pics/snape.jpg" ></div>
</div>

<h4> IN MEMORIAM </h4>
<div class="row">
    <div class="column"><h5>Ziggy</h5><p>(2005 - 2021) R.I.P.</p><img src="/static/media/CATS/pics/ziggy.jpg" ></div>
    <div class="column"></div>
    <div class="column"><h5>Shadow</h5><p>Not a cat, but she loved them!</p><p>(2001 - 2017) R.I.P.</p><img src="/static/media/CATS/pics/shadow.jpg" ></div>
</div>

{% endblock %}