Add Activities tab

content/en/activities/_index.md

@@ -0,0 +1,42 @@
+---
+title: Activities in progress
+---
+
+See what we are preparing and the current status of each proposal. Everything lives in our public Gitea board.
+
+<div class="activities-shell" data-activities-root>
+  <header class="activities-header">
+    <div class="activities-actions">
+      <a class="button" href="https://openbokeron.uma.es/gitea/OpenBokeron/-/projects/5" target="_blank" rel="noopener">View board</a>
+      <a class="button" href="https://openbokeron.uma.es/gitea/OpenBokeron/Actividades/issues" target="_blank" rel="noopener">View issues</a>
+    </div>
+  </header>
+
+  <section class="activities-section" data-activities-working>
+    <div class="activities-section-head">
+      <h3>In development</h3>
+    </div>
+    <div class="activities-grid" data-activities-grid>
+      <article class="activity-card skeleton">
+        <div class="activity-head">
+          <span class="activity-status">Loading</span>
+        </div>
+        <h3>Loading...</h3>
+      </article>
+    </div>
+  </section>
+
+  <section class="activities-section" data-activities-ideas>
+    <div class="activities-section-head">
+      <h3>Backlog</h3>
+    </div>
+    <ul class="activities-ideas" data-activities-ideas-list>
+      <li class="activities-idea skeleton">Loading...</li>
+    </ul>
+  </section>
+
+  <footer class="activities-footer">
+    <p>Looking for past activities? You will find them in the Projects tab.</p>
+    <p>Want to propose something new? Drop by the Contact tab, we do not bite.</p>
+  </footer>
+</div>