mushrooms

README.md

@@ -0,0 +1,10 @@
+# Maple SVGs
+
+These things can get fucking huge, so b careful if you go clickin some end game boss and not bein capable to feed a full fledged familys of rams.
+This started as a reference to img2txt, and still uses some of the `PyImageAccess` logic when drawing the frames. this is all aloaded as one svg, multiple frames are placed within the root svg and we animaete using the '<animate/>' svg inner node
+
+Courtesy to andy for having an api that can be scraped for the images and not having to hunt them all down by hand
+
+![Mateon](/9300339_stand.svg)
+
+a live version can be founda at https://ra.tcp.direct/

tmpls/head.tmpl

@@ -4,7 +4,6 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<link rel="icon" href="/favicon.ico" type="image/x-icon" />
-    {# <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" /> #}
 	<title>ra.tcp</title>
     <style>
     .top {

tmpls/page.tmpl

@@ -77,68 +77,3 @@
 </body>
 </html>
 {% endblock content %}
-{# <script>
-    let frames = document.getElementsByClassName("frame");
-    let prev = null;
-    let curFrame = 0;
-    let frameSpan = (frames.length / 2.4) * 10;
-
-    function startCycle() {
-        function rotate() {
-            if (prev != null) {
-                prev.style.visibility = "hidden";
-            }
-            if (curFrame >= frames.length) {
-                curFrame = 0;
-            }
-            prev = frames[curFrame];
-            prev.style.visibility = "visible";
-            curFrame = curFrame + 1;
-        }
-        setInterval(rotate, 120);
-    }
-
-    if (frames.length > 1) {
-       startCycle();
-    }
-</script> #}
-{#
-<style>
-    {% for frame in frames -%}{% if loop.length > 1 -%}
-  .swap-{{ loop.index }} {{'{'}}
-    animation: appear-{{ loop.index }} ease {{ loop.length / 15 }}s infinite;
-  {{'}'}}
-
-  @keyframes appear-{{ loop.index }} {{ '{' }}
-    {{ (loop.index0 / loop.length) * 100}}% {{ '{' }}
-      visibility: hidden;
-    {{ '}' }}
-    {{ ((loop.index0 / loop.length) * 100) + 0.1 }}% {{'{'}}
-      visibility: visible;
-    {{ '}' }}
-    {{ (( loop.index0 / loop.length ) * 100 ) + (( 1 / loop.length ) * 100 ) }}% {{ '{' }}
-      visibility: hidden;
-    {{ '}' }}
-  {{ '}' }}
-    {% else %}
-.swap-{{loop.index}} {{ '{' }}
-  visibility: visible;
-{{ '}' }}
-    {% endif %}
-  {%- endfor %}
-</style>
-#}
-
-{#
-@keyframes appear-{{ loop.index }} {{ '{' }}
-  {{ (100 // loop.length) * loop.index0}}% {{ '{' }}
-    visibility: hidden;
-  {{ '}' }}
-  {{ ((100 // loop.length) * loop.index0) + 1}}% {{ '{' }}
-    visibility: visible;
-  {{ '}' }}
-  {% if loop.last %}100{% else %}{{ ((100 // loop.length) * (loop.index0 + 1))  }}{% endif %}% {{ '{' }}
-    visibility: hidden;
-  {{ '}' }}
-{{ '}' }}
-#}