ADD CATS

1 files changed, 115 insertions, 0 deletions

diff --git a/fun/cats.html! b/fun/cats.html!
new file mode 100644
index 0000000..982578b
--- /dev/null
+++ b/fun/cats.html!
@@ -0,0 +1,115 @@
+{% 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 %}