add stat cards to index page, new pattern, misc

web/index.html

@@ -1,10 +1,11 @@
 {% extends "base.html" %} {# # # # # # # # # # # # # # # # # # # # # # # # # #}
+{%- import "statcard.html" as statcard -%} {# # # # # # # # # # # # # # # # # #}
 {% block title %}gractwo.pl | Witamy!{% endblock %} {% block pagecontent %}
 
 <div
-    class="bg-gractwo-index-light flex flex-col items-center text-center w-full h-full flex-1 pb-48"
+    class="bg-gractwo-index-light flex flex-col items-center text-center w-full h-full flex-1"
 >
-    <div class="mt-16 md:mt-60 mx-auto [&>svg]:size-24">
+    <div class="mt-16 md:mt-56 mx-auto [&>svg]:size-24">
         {% include "gractwo.svg" %}
     </div>
     <h1
@@ -50,7 +51,12 @@
             YouTube</a
         >
     </div>
+    <div class="my-16 flex flex-col sm:flex-row gap-4">
+        {%call statcard::statcard(dsc_members, "członków na discordzie")%}
+        {%call statcard::statcard(days_community, "dni istnienia
+        społeczności")%}
+        <!--{% call statcard::statcard("0", "dni od powstania stowarzyszenia") %}-->
+    </div>
 </div>
 
-{% include "footer.html" %} {# # # # # # # # # # # # # # # # # # # # # # # # #}
-{% endblock %}
+{% include "footer.html" %} {% endblock %}