Add sponsors page

source/_includes/sponsors/full.html.twig

@@ -0,0 +1,25 @@
+<div class="tw-mb-4">
+  <h3>{{ name }}</h3>
+
+  <div class="tw-flex tw-flex-row-reverse tw--mx-4">
+    <div class="tw-flex-1 tw-px-4">
+      {% if description %}
+        <div>
+          {{ description|markdown }}
+        </div>
+      {% endif %}
+
+      {% if url %}
+        <a href="{{ url }}" class="tw-inline-block tw-mt-1 tw-px-4 tw-py-2 tw-bg-purple-600 hocus:tw-bg-green-600 tw-text-white tw-no-underline tw-uppercase tw-font-semibold">
+          Visit <span class="tw-visuallyhidden">{{ name }}’s</span> website
+        </a>
+      {% endif %}
+    </div>
+
+    {% if logo %}
+      <div class="tw-flex-none tw-px-4 tw-w-1/4">
+        <img src="/images/sponsors/{{ logo }}" alt="{{ name }} logo" class="tw-max-w-full">
+      </div>
+    {% endif %}
+  </div>
+</div>

source/_includes/sponsors/teaser.html.twig

@@ -0,0 +1,9 @@
+<div class="tw-flex tw-flex-col tw-items-center tw-justify-center">
+  <div>
+    <img src="/images/sponsors/{{ logo }}" alt="{{ name }} logo" class="tw-max-w-full tw-w-full">
+  </div>
+
+  <div class="tw-mt-1">
+    <a href="{{ url }}">{{ name }}</a>
+  </div>
+</div>