Add support for "miscellaneous" ecosystem project type

content/ecosystem/other/index.md

@@ -0,0 +1,10 @@
++++
+title = "Miscellaneous"
+template = "ecosystem/other.html"
+weight = 7
+extra.summary = """
+Not all projects fit neatly into a specific category.
+"""
++++
+
+{{ all_other_projects() }}

content/ecosystem/other/other.toml

@@ -0,0 +1,9 @@
+[[project]]
+name = "Third room"
+description = """
+Open, decentralised, immersive worlds built on Matrix.
+"""
+maintainer = "Element Creations Ltd."
+licence = "Apache-2.0"
+repository = "https://github.com/matrix-org/thirdroom"
+room = "#thirdroom-dev:matrix.org"

templates/ecosystem/other.html

@@ -0,0 +1,13 @@
+{% extends "page.html" %}
+{% block content %}
+<div class="page-header">
+    <div class="hero-block">
+        <h1>{{ page.title }}</h1>
+        <p>{{ page.extra.summary }}</p>
+    </div>
+</div>
+
+<div class="content other_projects_page">
+    {{ page.content | safe }}
+</div>
+{% endblock content %}

templates/shortcodes/all_other_projects.html

@@ -0,0 +1,27 @@
+{% set other_projects_data = load_data(path="content/ecosystem/other/other.toml") %}
+<div class="projects-card-deck">
+    {% for project in other_projects_data.project %}
+    <div class="project-card">
+        <h3>{{ project.name }}</h3>
+        <div class="subtitle">{{ project.maintainer }}</div>
+        <div class="metadata-pills">
+            <div class="pill licence">{{ project.licence }}</div>
+        </div>
+        <p class="description">{{ project.description | markdown(inline=true) | safe }}</p>
+        <div class="server-links">
+            {% if project.repository %}
+            <a href="{{ project.repository }}">
+                {{ load_data(path="/assets/projects/repo.svg") | safe }}
+                Repository
+            </a>
+            {% endif %}
+            {% if project.room %}
+            <a href="https://matrix.to/#/{{ project.room }}">
+                {{ load_data(path="/assets/projects/matrix.svg") | safe }}
+                Matrix Room
+            </a>
+            {% endif %}
+        </div>
+    </div>
+    {% endfor %}
+</div>