From 7b489ec3422dbe5fb14142ec94e83c6ff13a124d Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Thu, 22 Jan 2026 19:41:14 +0100
Subject: [PATCH 01/11] medium style overhaul for the ecosystem to have better
 consistency across the pages and fix some issues

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 sass/_clients.scss                          |  6 +-
 sass/_projects.scss                         | 91 +++++++++++++++++----
 templates/ecosystem/clients.html            | 24 ++++--
 templates/macros/sdks.html                  | 10 +--
 templates/shortcodes/all_distributions.html | 13 ++-
 templates/shortcodes/all_servers.html       | 10 ++-
 6 files changed, 119 insertions(+), 35 deletions(-)

diff --git a/sass/_clients.scss b/sass/_clients.scss
index 5fc5d806bc..756e897261 100644
--- a/sass/_clients.scss
+++ b/sass/_clients.scss
@@ -12,7 +12,7 @@ body:has(.projects-card-deck > div > .client-checkbox:checked) {
         margin-bottom: 1rem;
     }
 
-    p {
+    >p {
         text-align: center;
         font-weight: 400;
         font-size: 1.125rem;
@@ -29,6 +29,10 @@ body:has(.projects-card-deck > div > .client-checkbox:checked) {
 .project-card.client {
     color: var(--color-text);
     cursor: pointer;
+
+    img {
+        margin: 0 auto;
+    }
 }
 
 .platform-links {
diff --git a/sass/_projects.scss b/sass/_projects.scss
index 9b95e19188..1a2a0968f4 100644
--- a/sass/_projects.scss
+++ b/sass/_projects.scss
@@ -19,11 +19,10 @@
 .project-card {
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: flex-start;
     align-items: center;
     padding: 24px;
-    gap: 1rem;
-
+    gap: .75rem;
     min-height: 100%;
 
     border: 1px solid #D2D2D2;
@@ -37,37 +36,85 @@
     }
 
     h3 {
-        margin: 0 .2rem 0 0;
-
+        margin: 0;
         font-style: normal;
         font-weight: 700;
-        font-size: 1.8rem;
-        line-height: 1;
+        font-size: 1.6rem;
+        line-height: 1.15;
         text-align: center;
+        overflow-wrap: break-word;
+        word-break: break-word;
+        hyphens: auto;
     }
 
-    a,
-    .open-project {
-        margin-block: auto 0;
+    a {
         color: var(--color-text-light);
         text-decoration: none;
     }
 
+    .open-project {
+        margin: 0;
+        color: var(--color-text-light);
+    }
+
     p {
         line-height: 1;
+        margin: 0;
+
+        &:empty {
+            display: none;
+        }
     }
 
+    .metadata-pills,
     .licence-language {
         display: flex;
         flex-direction: row;
-        gap: .2rem;
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: .3rem;
     }
 
     .pill {
         background-color: #e9e9e9;
-        border-radius: 9999px;
-        padding-inline: .5rem;
+        border-radius: 16px;
+        padding: .2rem .5rem;
         color: var(--color-text);
+        font-size: .85rem;
+        line-height: 1.2;
+        text-align: center;
+
+        &.licence {
+            background-color: transparent;
+            border: 1px solid #888;
+            color: #555;
+        }
+    }
+
+    .subtitle {
+        font-size: .9rem;
+        color: var(--color-text-light);
+        text-align: center;
+    }
+
+    .description {
+        font-size: .9rem;
+        line-height: 1.4;
+        text-align: center;
+        margin: 0;
+        display: -webkit-box;
+        -webkit-line-clamp: 4;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+
+        * {
+            margin: 0;
+            padding: 0;
+        }
+
+        &:empty {
+            display: none;
+        }
     }
 }
 
@@ -223,10 +270,22 @@
     width: 100%;
     max-width: 100%;
     display: flex;
-    justify-content: space-between;
-    gap: .2rem;
-    align-items: start;
+    flex-direction: column;
+    align-items: center;
+    gap: .3rem;
+
+    h3 {
+        text-align: center;
+    }
+}
+
+.card-links {
+    margin-top: auto;
+    display: flex;
+    flex-direction: row;
     flex-wrap: wrap;
+    justify-content: center;
+    gap: .5rem;
 }
 
 #filters-overlay {
diff --git a/templates/ecosystem/clients.html b/templates/ecosystem/clients.html
index 72ae457ea4..474f5ad704 100644
--- a/templates/ecosystem/clients.html
+++ b/templates/ecosystem/clients.html
@@ -40,9 +40,15 @@ <h2>Featured clients</h2>
                 {# We're not using placeholders as a fallback because we want showcased clients to have an actual icon
                 #}
                 <img src="{{ client.extra.thumbnail }}" alt="{{ client.title }} Logo">
-                <h3>{{ client.title }}</h3>
-                <span>{{ client.content | safe }}</span>
-                <div class="platform-links">
+                <div class="title-row">
+                    <h3>{{ client.title }}</h3>
+                    <div class="maturity {{ client.extra.maturity | lower }}">{{ client.extra.maturity }}</div>
+                </div>
+                <div class="metadata-pills">
+                    <div class="pill licence">{{ client.extra.licence }}</div>
+                </div>
+                <p class="description">{{ client.content | safe }}</p>
+                <div class="card-links platform-links">
                     {{ clients::platforms(packages=client.extra.packages) }}
                 </div>
                 <p class="open-project">Open client details</p>
@@ -202,9 +208,15 @@ <h2>All known clients</h2>
         <div>
             <a href="{{ client.path }}" class="project-card client {{ clients::classes(client=client.extra) }}">
                 <img src="./{{ thumbnail }}" alt="{{ client.title }} Logo">
-                <h3>{{ client.title }}</h3>
-                <span>{{ client.content | regex_replace(pattern=`<a.*>(?P<text>.*)</a>`, rep=`$text`) | safe  }}</span>
-                <div class="platform-links">
+                <div class="title-row">
+                    <h3>{{ client.title }}</h3>
+                    <div class="maturity {{ client.extra.maturity | lower }}">{{ client.extra.maturity }}</div>
+                </div>
+                <div class="metadata-pills">
+                    <div class="pill licence">{{ client.extra.licence }}</div>
+                </div>
+                <p class="description">{{ client.content | regex_replace(pattern=`<a.*>(?P<text>.*)</a>`, rep=`$text`) | safe }}</p>
+                <div class="card-links platform-links">
                     {{ clients::platforms(packages=client.extra.packages) }}
                 </div>
                 <p class="open-project">Open client details</p>
diff --git a/templates/macros/sdks.html b/templates/macros/sdks.html
index 9e1ede5da2..c0f15310d0 100644
--- a/templates/macros/sdks.html
+++ b/templates/macros/sdks.html
@@ -94,13 +94,13 @@
                     <h3>{{ sdk.name }}</h3>
                     <div class="maturity {{ sdk.maturity | lower }}">{{ sdk.maturity }}</div>
                 </div>
-                <div class="author">{{ sdk.maintainer }}</div>
-                <div class="licence-language">
-                    <div class="pill">{{ sdk.licence }}</div>
+                {% if sdk.maintainer %}<div class="subtitle">{{ sdk.maintainer }}</div>{% endif %}
+                <div class="metadata-pills">
+                    <div class="pill licence">{{ sdk.licence }}</div>
                     <div class="pill">{{ sdk.language }}</div>
                 </div>
-                {% if sdk.description %}<p>{{ sdk.description }}</p>{% endif %}
-                <div class="server-links">
+                {% if sdk.description %}<p class="description">{{ sdk.description }}</p>{% endif %}
+                <div class="card-links server-links">
                     {% if sdk.repository %}
                     <a href="{{ sdk.repository }}">
                         {{ load_data(path="/assets/projects/repo.svg") | safe }}
diff --git a/templates/shortcodes/all_distributions.html b/templates/shortcodes/all_distributions.html
index 459e3a454a..2a395395d1 100644
--- a/templates/shortcodes/all_distributions.html
+++ b/templates/shortcodes/all_distributions.html
@@ -103,10 +103,15 @@
                 <h3>{{ distribution.name }}</h3>
                 <div class="maturity {{ distribution.maturity | lower }}">{{ distribution.maturity }}</div>
             </div>
-            <div>{{ distribution.licence }} &middot; {% for framework in distribution.frameworks %}{{
-                framework }}{% if not loop.last %} &ndash; {% endif %}{% endfor %}</div>
-            <span>{{ distribution.description | safe }}</span>
-            <div class="distribution-links">
+            {% if distribution.vendor %}<div class="subtitle">{{ distribution.vendor }}</div>{% endif %}
+            <div class="metadata-pills">
+                <div class="pill licence">{{ distribution.licence }}</div>
+                {% for framework in distribution.frameworks %}
+                <div class="pill">{{ framework }}</div>
+                {% endfor %}
+            </div>
+            <p class="description">{{ distribution.description | safe }}</p>
+            <div class="card-links distribution-links">
                 {% if distribution.website %}
                 <a href="{{ distribution.website }}">
                     {{ load_data(path="/assets/home.svg") | safe }}
diff --git a/templates/shortcodes/all_servers.html b/templates/shortcodes/all_servers.html
index a6174af9f4..1bb9e79597 100644
--- a/templates/shortcodes/all_servers.html
+++ b/templates/shortcodes/all_servers.html
@@ -83,9 +83,13 @@
                 <h3>{{ server.name }}</h3>
                 <div class="maturity {{ server.maturity | lower }}">{{ server.maturity }}</div>
             </div>
-            <div>{{ server.licence }} {{ server.language }}</div>
-            <span>{{ server.description | safe }}</span>
-            <div class="server-links">
+            {% if server.author %}<div class="subtitle">{{ server.author }}</div>{% endif %}
+            <div class="metadata-pills">
+                <div class="pill licence">{{ server.licence }}</div>
+                <div class="pill">{{ server.language }}</div>
+            </div>
+            <p class="description">{{ server.description | safe }}</p>
+            <div class="card-links server-links">
                 {% if server.website %}
                 <a href="{{ server.website }}">
                     {{ load_data(path="/assets/home.svg") | safe }}

From 76bfd598aaacee64090abb9aadd57f4968fcb390 Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Wed, 28 Jan 2026 15:35:55 +0100
Subject: [PATCH 02/11] enable markdown for the ecosystem descriptions

Note that this explicitly disallows links to be rendered as nested a
tags are not working in html spec. Therefor we strip them.

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 templates/ecosystem/clients.html            | 4 ++--
 templates/macros/sdks.html                  | 2 +-
 templates/shortcodes/all_distributions.html | 2 +-
 templates/shortcodes/all_servers.html       | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/templates/ecosystem/clients.html b/templates/ecosystem/clients.html
index 474f5ad704..5dd595c668 100644
--- a/templates/ecosystem/clients.html
+++ b/templates/ecosystem/clients.html
@@ -47,7 +47,7 @@ <h3>{{ client.title }}</h3>
                 <div class="metadata-pills">
                     <div class="pill licence">{{ client.extra.licence }}</div>
                 </div>
-                <p class="description">{{ client.content | safe }}</p>
+                <p class="description">{{ client.content | markdown(inline=true) | regex_replace(pattern=`<a.*>(?P<text>.*)</a>`, rep=`$text`) | safe }}</p>
                 <div class="card-links platform-links">
                     {{ clients::platforms(packages=client.extra.packages) }}
                 </div>
@@ -215,7 +215,7 @@ <h3>{{ client.title }}</h3>
                 <div class="metadata-pills">
                     <div class="pill licence">{{ client.extra.licence }}</div>
                 </div>
-                <p class="description">{{ client.content | regex_replace(pattern=`<a.*>(?P<text>.*)</a>`, rep=`$text`) | safe }}</p>
+                <p class="description">{{ client.content | markdown(inline=true) | regex_replace(pattern=`<a.*>(?P<text>.*)</a>`, rep=`$text`) | safe }}</p>
                 <div class="card-links platform-links">
                     {{ clients::platforms(packages=client.extra.packages) }}
                 </div>
diff --git a/templates/macros/sdks.html b/templates/macros/sdks.html
index c0f15310d0..fcace2a830 100644
--- a/templates/macros/sdks.html
+++ b/templates/macros/sdks.html
@@ -99,7 +99,7 @@ <h3>{{ sdk.name }}</h3>
                     <div class="pill licence">{{ sdk.licence }}</div>
                     <div class="pill">{{ sdk.language }}</div>
                 </div>
-                {% if sdk.description %}<p class="description">{{ sdk.description }}</p>{% endif %}
+                {% if sdk.description %}<p class="description">{{ sdk.description | markdown(inline=true) | regex_replace(pattern=`<a.*>(?P<text>.*)</a>`, rep=`$text`) | safe }}</p>{% endif %}
                 <div class="card-links server-links">
                     {% if sdk.repository %}
                     <a href="{{ sdk.repository }}">
diff --git a/templates/shortcodes/all_distributions.html b/templates/shortcodes/all_distributions.html
index 2a395395d1..aee926c8e6 100644
--- a/templates/shortcodes/all_distributions.html
+++ b/templates/shortcodes/all_distributions.html
@@ -110,7 +110,7 @@ <h3>{{ distribution.name }}</h3>
                 <div class="pill">{{ framework }}</div>
                 {% endfor %}
             </div>
-            <p class="description">{{ distribution.description | safe }}</p>
+            <p class="description">{{ distribution.description | markdown(inline=true) | regex_replace(pattern=`<a.*>(?P<text>.*)</a>`, rep=`$text`) | safe }}</p>
             <div class="card-links distribution-links">
                 {% if distribution.website %}
                 <a href="{{ distribution.website }}">
diff --git a/templates/shortcodes/all_servers.html b/templates/shortcodes/all_servers.html
index 1bb9e79597..feb7c4b0ff 100644
--- a/templates/shortcodes/all_servers.html
+++ b/templates/shortcodes/all_servers.html
@@ -88,7 +88,7 @@ <h3>{{ server.name }}</h3>
                 <div class="pill licence">{{ server.licence }}</div>
                 <div class="pill">{{ server.language }}</div>
             </div>
-            <p class="description">{{ server.description | safe }}</p>
+            <p class="description">{{ server.description | markdown(inline=true) | regex_replace(pattern=`<a.*>(?P<text>.*)</a>`, rep=`$text`) | safe }}</p>
             <div class="card-links server-links">
                 {% if server.website %}
                 <a href="{{ server.website }}">

From 6d2a6bd9c976d1077b3511a29ab4d37d914ab8b2 Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Wed, 28 Jan 2026 15:40:57 +0100
Subject: [PATCH 03/11] increase card size on mobile

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 sass/_projects.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sass/_projects.scss b/sass/_projects.scss
index 1a2a0968f4..0bdcaf89f8 100644
--- a/sass/_projects.scss
+++ b/sass/_projects.scss
@@ -4,7 +4,7 @@
     justify-content: center;
 
     @media (max-width: 767px) {
-        max-width: 17.6rem;
+        grid-template-columns: repeat(auto-fill, 20.5rem);
     }
 
     gap: 1rem;

From 6381472a4e58ef4bbd4584a53009f1a29275ee22 Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Wed, 28 Jan 2026 15:41:28 +0100
Subject: [PATCH 04/11] further increase card size on mobile

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 sass/_projects.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sass/_projects.scss b/sass/_projects.scss
index 0bdcaf89f8..7c5df11454 100644
--- a/sass/_projects.scss
+++ b/sass/_projects.scss
@@ -4,7 +4,7 @@
     justify-content: center;
 
     @media (max-width: 767px) {
-        grid-template-columns: repeat(auto-fill, 20.5rem);
+        grid-template-columns: repeat(auto-fill, 25rem);
     }
 
     gap: 1rem;

From fbc8e12b47320f9fedf6b3ac363c896a396966c8 Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Wed, 28 Jan 2026 16:00:34 +0100
Subject: [PATCH 05/11] try improving the mobile css for the grid

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 sass/_projects.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/sass/_projects.scss b/sass/_projects.scss
index 7c5df11454..28223e1729 100644
--- a/sass/_projects.scss
+++ b/sass/_projects.scss
@@ -1,12 +1,8 @@
 .projects-card-deck {
     display: grid;
-    grid-template-columns: repeat(auto-fill, 17.6rem);
+    grid-template-columns: repeat(auto-fill, minmax(17.6rem, 1fr));
     justify-content: center;
 
-    @media (max-width: 767px) {
-        grid-template-columns: repeat(auto-fill, 25rem);
-    }
-
     gap: 1rem;
     margin-inline: auto;
 }

From 1d0e6932a00ed36a2a975bdb6a32c24a780176a6 Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Tue, 3 Feb 2026 10:57:20 +0100
Subject: [PATCH 06/11] add missing makdown inline filters and change span to
 paragraph for the bridges

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 templates/ecosystem/bridge_implementations.html | 2 +-
 templates/shortcodes/all_integrations.html      | 2 +-
 templates/shortcodes/hosting_providers.html     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/ecosystem/bridge_implementations.html b/templates/ecosystem/bridge_implementations.html
index f7b3f08818..0b99c36a55 100644
--- a/templates/ecosystem/bridge_implementations.html
+++ b/templates/ecosystem/bridge_implementations.html
@@ -18,7 +18,7 @@ <h1>{{ section.title }}</h1>
                     <h3 id="{{ bridge.name | slugify }}">{{ bridge.name }}</h3>
                     <div class="maturity {{ bridge.maturity | lower }}">{{ bridge.maturity | title }}</div>
                 </div>
-                <p>{{ bridge.summary | markdown | safe }}</p>
+                <p>{{ bridge.summary | markdown(inline=true) | safe }}</p>
                 <div class="project-links">
                     {% if bridge.docs %}
                     <a href="{{ bridge.docs }}" class="pill">
diff --git a/templates/shortcodes/all_integrations.html b/templates/shortcodes/all_integrations.html
index 646255254c..119ac4df06 100644
--- a/templates/shortcodes/all_integrations.html
+++ b/templates/shortcodes/all_integrations.html
@@ -3,7 +3,7 @@
     {% for integration in integrations_data.integrations %}
     <div class="project-card">
         <h3>{{ integration.name }}</h3>
-        <span>{{ integration.description | safe }}</span>
+        <p class="description">{{ integration.description | markdown(inline=true) | safe }}</p>
         <div class="server-links">
             {% if integration.repository %}
             <a href="{{ integration.repository }}">
diff --git a/templates/shortcodes/hosting_providers.html b/templates/shortcodes/hosting_providers.html
index 2c2af39440..b2e3f5f223 100644
--- a/templates/shortcodes/hosting_providers.html
+++ b/templates/shortcodes/hosting_providers.html
@@ -9,7 +9,7 @@
             <h3>{{ provider.name }}</h3>
             <div class="operating_since">Operating since {{ provider.operating_since }}</div>
         </div>
-        <p>{{ provider.description | markdown | safe }}</p>
+        <p>{{ provider.description | markdown(inline=true) | safe }}</p>
         <a href="{{ provider.website }}" class="call-to-action">Try {{ provider.name }}</a>
     </div>
     {% endfor %}

From 310e6748ca55deb203452cc1f8db15a5f3bf7fda Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Thu, 12 Feb 2026 12:31:29 +0100
Subject: [PATCH 07/11] fix weird column behaviour on the hosting page

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 sass/_hosting.scss | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/sass/_hosting.scss b/sass/_hosting.scss
index c653dd3a2a..4f72e1d2c4 100644
--- a/sass/_hosting.scss
+++ b/sass/_hosting.scss
@@ -13,11 +13,12 @@
     }
 
     .hosting_providers {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        flex-wrap: wrap;
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
         gap: 3.125rem;
+        justify-content: center;
+        align-items: stretch;
+        width: 100%;
 
         .provider_card {
             display: flex;
@@ -25,16 +26,15 @@
             justify-content: space-between;
 
             padding: 24px;
-
-            flex: 1 0 400px;
+            width: 100%;
             max-width: 400px;
+            margin: 0 auto;
+
             @media (max-width: 767px) {
-                flex: 1 0 300px;
                 max-width: 300px;
             }
 
-
-            border: 1px solid #D2D2D2;
+            border: 1px solid #d2d2d2;
             border-radius: 16px;
 
             .details {
@@ -57,16 +57,15 @@
 
                 .operating_since {
                     height: 1.5rem;
-                    font-size: .9rem;
+                    font-size: 0.9rem;
                 }
-
             }
 
             .call-to-action {
                 background-color: #000;
                 color: #fff;
                 border-radius: 1000px;
-                padding: .4rem 2rem;
+                padding: 0.4rem 2rem;
                 align-self: center;
             }
         }

From 809c8c3ce9c2adfeb7b1480cfbaca8bff073f04e Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Wed, 25 Feb 2026 21:56:17 +0100
Subject: [PATCH 08/11] fix clients and hosting on mobile

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 sass/_clients.scss | 9 +++++++++
 sass/_hosting.scss | 9 ++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/sass/_clients.scss b/sass/_clients.scss
index 756e897261..6518c4ef9f 100644
--- a/sass/_clients.scss
+++ b/sass/_clients.scss
@@ -71,6 +71,7 @@ body:has(.projects-card-deck > div > .client-checkbox:checked) {
         display: flex;
         flex-direction: column;
         justify-content: center;
+        gap: 1rem;
 
         .app-logo {
             width: 8rem;
@@ -88,6 +89,10 @@ body:has(.projects-card-deck > div > .client-checkbox:checked) {
             font-weight: 700;
             font-size: 2rem;
 
+            @media (max-width: 767px) {
+                flex-direction: column;
+            }
+
             .maturity {
                 padding-block: .3rem;
             }
@@ -142,6 +147,10 @@ body:has(.projects-card-deck > div > .client-checkbox:checked) {
     flex-wrap: wrap;
     margin-block: 2rem;
 
+    @media (max-width: 767px) {
+        gap: .3rem;
+    }
+
     a img {
         height: 54px;
         display: block;
diff --git a/sass/_hosting.scss b/sass/_hosting.scss
index 4f72e1d2c4..d5b4d37594 100644
--- a/sass/_hosting.scss
+++ b/sass/_hosting.scss
@@ -1,6 +1,6 @@
 .hosting_page {
     margin: 0 auto;
-    padding: 5.625rem 0 2rem 0;
+    padding-block: 5.625rem 2rem;
     @media (max-width: 767px) {
         padding: 5.625rem 32px 2rem 32px;
     }
@@ -25,15 +25,10 @@
             flex-direction: column;
             justify-content: space-between;
 
-            padding: 24px;
+            padding: 32px;
             width: 100%;
-            max-width: 400px;
             margin: 0 auto;
 
-            @media (max-width: 767px) {
-                max-width: 300px;
-            }
-
             border: 1px solid #d2d2d2;
             border-radius: 16px;
 

From 5b68dfcd4edc8dcebaebab5a9160ee92d022672f Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Wed, 25 Feb 2026 21:57:02 +0100
Subject: [PATCH 09/11] try to make click actions for the bridges page more
 obvious?

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 sass/_bridges.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/sass/_bridges.scss b/sass/_bridges.scss
index 3141a3b5ab..d5034b2b7b 100644
--- a/sass/_bridges.scss
+++ b/sass/_bridges.scss
@@ -5,7 +5,7 @@
 .platforms-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, 17.6rem);
-    row-gap: .8rem;
+    gap: .8rem;
     margin-block: 2rem 3rem;
     margin-inline: auto;
 
@@ -16,11 +16,13 @@
         align-items: center;
         padding-block: .5rem;
         padding-inline: .5rem 1rem;
-        max-width: fit-content;
         cursor: pointer;
 
         color: var(--color-text);
 
+        border: 1px solid #d2d2d2;
+        border-radius: 12px;
+
         img {
             width: 64px;
             height: 64px;
@@ -49,7 +51,6 @@
 
         &:hover {
             background-color: #e9e9e9;
-            border-radius: 12px;
         }
     }
 }
@@ -81,12 +82,16 @@
     }
 
     .title-row {
+        display: flex;
+        flex-direction: row;
         align-items: center;
         justify-content: flex-start;
         gap: .5rem;
+        width: auto;
 
         h3 {
-            margin-block: 1rem;
+            margin-block: .5rem;
+            text-align: left;
         }
     }
 

From c506821c4f0d602d80262798350dc6840bd3c17a Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Wed, 25 Feb 2026 22:01:26 +0100
Subject: [PATCH 10/11] rename dm to direct_messages in bridges

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 content/ecosystem/bridges/X/bridges.toml                  | 2 +-
 content/ecosystem/bridges/discord/bridges.toml            | 8 ++++----
 content/ecosystem/bridges/facebook_messenger/bridges.toml | 4 ++--
 content/ecosystem/bridges/google_chat/bridges.toml        | 2 +-
 content/ecosystem/bridges/groupme/bridges.toml            | 2 +-
 content/ecosystem/bridges/imessage/bridges.toml           | 2 +-
 content/ecosystem/bridges/instagram/bridges.toml          | 4 ++--
 content/ecosystem/bridges/irc/bridges.toml                | 4 ++--
 content/ecosystem/bridges/kakaotalk/bridges.toml          | 2 +-
 content/ecosystem/bridges/line/bridges.toml               | 2 +-
 content/ecosystem/bridges/linkedin/bridges.toml           | 2 +-
 content/ecosystem/bridges/mattermost/bridges.toml         | 4 ++--
 content/ecosystem/bridges/mumble/bridges.toml             | 2 +-
 content/ecosystem/bridges/signal/bridges.toml             | 2 +-
 content/ecosystem/bridges/skype/bridges.toml              | 2 +-
 content/ecosystem/bridges/slack/bridges.toml              | 8 ++++----
 content/ecosystem/bridges/stoat/bridges.toml              | 2 +-
 content/ecosystem/bridges/telegram/bridges.toml           | 2 +-
 content/ecosystem/bridges/tencent_qq/bridges.toml         | 2 +-
 content/ecosystem/bridges/wechat/bridges.toml             | 4 ++--
 content/ecosystem/bridges/whatsapp/bridges.toml           | 2 +-
 content/ecosystem/bridges/xmpp/bridges.toml               | 4 ++--
 content/ecosystem/bridges/zulip/bridges.toml              | 2 +-
 23 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/content/ecosystem/bridges/X/bridges.toml b/content/ecosystem/bridges/X/bridges.toml
index 20b9acc499..5f7ea92aab 100644
--- a/content/ecosystem/bridges/X/bridges.toml
+++ b/content/ecosystem/bridges/X/bridges.toml
@@ -16,7 +16,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 message_media = true
 redactions = true
 reactions = true
diff --git a/content/ecosystem/bridges/discord/bridges.toml b/content/ecosystem/bridges/discord/bridges.toml
index 1d98ae6061..75c2468858 100644
--- a/content/ecosystem/bridges/discord/bridges.toml
+++ b/content/ecosystem/bridges/discord/bridges.toml
@@ -12,7 +12,7 @@ featured = true
 privilege.platform = "Admin" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = false
+direct_messages = false
 channels = true
 formatted_text = true
 message_media = true
@@ -39,7 +39,7 @@ featured = true
 privilege.platform = "User"
 privilege.matrix = "Homeserver Admin"
 [bridges.supports]
-dm = true
+direct_messages = true
 channels = true
 formatted_text = true
 message_media = true
@@ -77,7 +77,7 @@ featured = false
 privilege.platform = "Admin"
 privilege.matrix = "Homeserver Admin"
 [bridges.supports]
-dm = true
+direct_messages = true
 channels = true
 formatted_text = true
 message_media = true
@@ -104,7 +104,7 @@ featured = false
 privilege.platform = "Manage Server role" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = false
+direct_messages = false
 channels = true
 formatted_text = true
 message_media = true
diff --git a/content/ecosystem/bridges/facebook_messenger/bridges.toml b/content/ecosystem/bridges/facebook_messenger/bridges.toml
index 8ead493adc..63ad7f38f7 100644
--- a/content/ecosystem/bridges/facebook_messenger/bridges.toml
+++ b/content/ecosystem/bridges/facebook_messenger/bridges.toml
@@ -14,7 +14,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 formatted_text = false
 message_media = true
 replies = true
@@ -45,7 +45,7 @@ featured = false
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 formatted_text = true
 message_media = true
 replies = true
diff --git a/content/ecosystem/bridges/google_chat/bridges.toml b/content/ecosystem/bridges/google_chat/bridges.toml
index 7e15038a02..e1718aa222 100644
--- a/content/ecosystem/bridges/google_chat/bridges.toml
+++ b/content/ecosystem/bridges/google_chat/bridges.toml
@@ -12,7 +12,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 channels = true
 formatted_text = true
 message_media = true
diff --git a/content/ecosystem/bridges/groupme/bridges.toml b/content/ecosystem/bridges/groupme/bridges.toml
index ad89bf67d9..872591cf06 100644
--- a/content/ecosystem/bridges/groupme/bridges.toml
+++ b/content/ecosystem/bridges/groupme/bridges.toml
@@ -13,7 +13,7 @@ featured = false
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 channels = true
 formatted_text = true
 message_media = true
diff --git a/content/ecosystem/bridges/imessage/bridges.toml b/content/ecosystem/bridges/imessage/bridges.toml
index d739069c80..b4a7d1445a 100644
--- a/content/ecosystem/bridges/imessage/bridges.toml
+++ b/content/ecosystem/bridges/imessage/bridges.toml
@@ -14,7 +14,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 message_media = true
 replies = true
 mentions = false
diff --git a/content/ecosystem/bridges/instagram/bridges.toml b/content/ecosystem/bridges/instagram/bridges.toml
index a42fdd8b16..eb2a60dd54 100644
--- a/content/ecosystem/bridges/instagram/bridges.toml
+++ b/content/ecosystem/bridges/instagram/bridges.toml
@@ -14,7 +14,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 message_media = true
 redactions = true
 reactions = true
@@ -41,7 +41,7 @@ featured = false
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 message_media = true
 redactions = true
 reactions = true
diff --git a/content/ecosystem/bridges/irc/bridges.toml b/content/ecosystem/bridges/irc/bridges.toml
index 2569d5a41f..56f406f8c4 100644
--- a/content/ecosystem/bridges/irc/bridges.toml
+++ b/content/ecosystem/bridges/irc/bridges.toml
@@ -19,7 +19,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 replies = true
 mentions = true
 
@@ -39,6 +39,6 @@ featured = false
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 replies = true
 mentions = true
diff --git a/content/ecosystem/bridges/kakaotalk/bridges.toml b/content/ecosystem/bridges/kakaotalk/bridges.toml
index 193ba65283..4be831dba5 100644
--- a/content/ecosystem/bridges/kakaotalk/bridges.toml
+++ b/content/ecosystem/bridges/kakaotalk/bridges.toml
@@ -15,7 +15,7 @@ featured = false
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 formatted_text = true
 message_media = true
 replies = true
diff --git a/content/ecosystem/bridges/line/bridges.toml b/content/ecosystem/bridges/line/bridges.toml
index 9964d9c4a7..92a29043bb 100644
--- a/content/ecosystem/bridges/line/bridges.toml
+++ b/content/ecosystem/bridges/line/bridges.toml
@@ -16,7 +16,7 @@ featured = false
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 group_chats = true
 formatted_text = false
 message_media = false
diff --git a/content/ecosystem/bridges/linkedin/bridges.toml b/content/ecosystem/bridges/linkedin/bridges.toml
index 7982907cc9..88db1a4dba 100644
--- a/content/ecosystem/bridges/linkedin/bridges.toml
+++ b/content/ecosystem/bridges/linkedin/bridges.toml
@@ -12,7 +12,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 message_media = true
 redactions = true
 reactions = true
diff --git a/content/ecosystem/bridges/mattermost/bridges.toml b/content/ecosystem/bridges/mattermost/bridges.toml
index 73fed924a0..9c614dadc3 100644
--- a/content/ecosystem/bridges/mattermost/bridges.toml
+++ b/content/ecosystem/bridges/mattermost/bridges.toml
@@ -11,7 +11,7 @@ featured = false
 privilege.platform = "Admin" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = false
+direct_messages = false
 channels = true
 formatted_text = true
 message_media = true
@@ -37,7 +37,7 @@ featured = false
 privilege.platform = "Admin" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 channels = true
 formatted_text = true
 message_media = true
diff --git a/content/ecosystem/bridges/mumble/bridges.toml b/content/ecosystem/bridges/mumble/bridges.toml
index dcf315c3c0..cf3f9ab678 100644
--- a/content/ecosystem/bridges/mumble/bridges.toml
+++ b/content/ecosystem/bridges/mumble/bridges.toml
@@ -16,7 +16,7 @@ featured = false
 privilege.platform = "Admin" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 channels = true
 formatted_text = true
 message_media = true
diff --git a/content/ecosystem/bridges/signal/bridges.toml b/content/ecosystem/bridges/signal/bridges.toml
index 142f482c15..0f0c25abab 100644
--- a/content/ecosystem/bridges/signal/bridges.toml
+++ b/content/ecosystem/bridges/signal/bridges.toml
@@ -14,7 +14,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 groups = true
 message_media = true
 mentions = true
diff --git a/content/ecosystem/bridges/skype/bridges.toml b/content/ecosystem/bridges/skype/bridges.toml
index 426230545e..2ece9bb04e 100644
--- a/content/ecosystem/bridges/skype/bridges.toml
+++ b/content/ecosystem/bridges/skype/bridges.toml
@@ -14,7 +14,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 message_media = true
 presence = false
 mentions = true
diff --git a/content/ecosystem/bridges/slack/bridges.toml b/content/ecosystem/bridges/slack/bridges.toml
index 5296e23bea..1e9cfea8b1 100644
--- a/content/ecosystem/bridges/slack/bridges.toml
+++ b/content/ecosystem/bridges/slack/bridges.toml
@@ -15,7 +15,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 channels = true
 formatted_text = true
 message_media = true
@@ -47,7 +47,7 @@ featured = false
 privilege.platform = "Admin" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 channels = true
 formatted_text = true
 message_media = true
@@ -80,7 +80,7 @@ featured = false
 privilege.platform = "Admin" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 channels = true
 formatted_text = true
 message_media = true
@@ -114,7 +114,7 @@ featured = false
 privilege.platform = "Admin" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 channels = true
 formatted_text = true
 message_media = true
diff --git a/content/ecosystem/bridges/stoat/bridges.toml b/content/ecosystem/bridges/stoat/bridges.toml
index e4a29264df..dcdba3841a 100644
--- a/content/ecosystem/bridges/stoat/bridges.toml
+++ b/content/ecosystem/bridges/stoat/bridges.toml
@@ -12,7 +12,7 @@ featured = false
 privilege.platform = "Admin"
 privilege.matrix = "Homeserver Admin"
 [bridges.supports]
-dm = false
+direct_messages = false
 channels = true
 formatted_text = true
 message_media = true
diff --git a/content/ecosystem/bridges/telegram/bridges.toml b/content/ecosystem/bridges/telegram/bridges.toml
index 0e02e04cdb..a9aae8f8ae 100644
--- a/content/ecosystem/bridges/telegram/bridges.toml
+++ b/content/ecosystem/bridges/telegram/bridges.toml
@@ -14,7 +14,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 groups = true
 channels = true
 message_media = true
diff --git a/content/ecosystem/bridges/tencent_qq/bridges.toml b/content/ecosystem/bridges/tencent_qq/bridges.toml
index cc2318e13a..23433c6378 100644
--- a/content/ecosystem/bridges/tencent_qq/bridges.toml
+++ b/content/ecosystem/bridges/tencent_qq/bridges.toml
@@ -13,7 +13,7 @@ featured = false
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 group_chat = true
 message_media = true
 replies = true
diff --git a/content/ecosystem/bridges/wechat/bridges.toml b/content/ecosystem/bridges/wechat/bridges.toml
index 9495b7b2cc..d354a0495f 100644
--- a/content/ecosystem/bridges/wechat/bridges.toml
+++ b/content/ecosystem/bridges/wechat/bridges.toml
@@ -10,7 +10,7 @@ featured = false
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 group_chat = true
 message_media = true
 replies = true
@@ -28,7 +28,7 @@ featured = false
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 group_chat = true
 message_media = true
 replies = true
diff --git a/content/ecosystem/bridges/whatsapp/bridges.toml b/content/ecosystem/bridges/whatsapp/bridges.toml
index ec36e9b876..00693860ce 100644
--- a/content/ecosystem/bridges/whatsapp/bridges.toml
+++ b/content/ecosystem/bridges/whatsapp/bridges.toml
@@ -14,7 +14,7 @@ featured = true
 privilege.platform = "User" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 groups = true
 communities = true
 message_media = true
diff --git a/content/ecosystem/bridges/xmpp/bridges.toml b/content/ecosystem/bridges/xmpp/bridges.toml
index 8a6702561e..9d89d264a7 100644
--- a/content/ecosystem/bridges/xmpp/bridges.toml
+++ b/content/ecosystem/bridges/xmpp/bridges.toml
@@ -13,7 +13,7 @@ featured = false
 privilege.platform = "Admin" # Free text
 privilege.matrix = "Homeserver Admin" # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = true
+direct_messages = true
 channel = true
 message_media = true
 replies = true
@@ -34,7 +34,7 @@ featured = false
 privilege.platform = "JCP Access"
 privilege.matrix = "Homeserver Admin"
 [bridges.supports]
-dm = true
+direct_messages = true
 channel = true
 message_media = true
 replies = true
diff --git a/content/ecosystem/bridges/zulip/bridges.toml b/content/ecosystem/bridges/zulip/bridges.toml
index 153573db44..6502820cd6 100644
--- a/content/ecosystem/bridges/zulip/bridges.toml
+++ b/content/ecosystem/bridges/zulip/bridges.toml
@@ -11,7 +11,7 @@ featured = false
 privilege.platform = ""                                    # Free text
 privilege.matrix = "Homeserver Admin"                      # Any of Homeserver Admin, Room Admin, None
 [bridges.supports]
-dm = false
+direct_messages = false
 channels = true
 formatted_text = true
 message_media = false

From 9cd3ef32318cfad88b6767b717ad645a07ec5925 Mon Sep 17 00:00:00 2001
From: MTRNord <MTRNord@users.noreply.github.com>
Date: Wed, 25 Feb 2026 22:08:10 +0100
Subject: [PATCH 11/11] add some transition smoothing

Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
---
 sass/_bridges.scss  | 2 ++
 sass/_projects.scss | 9 +++++++++
 sass/_servers.scss  | 4 ++++
 3 files changed, 15 insertions(+)

diff --git a/sass/_bridges.scss b/sass/_bridges.scss
index d5034b2b7b..942f97f64d 100644
--- a/sass/_bridges.scss
+++ b/sass/_bridges.scss
@@ -22,6 +22,7 @@
 
         border: 1px solid #d2d2d2;
         border-radius: 12px;
+        transition: border-color 0.3s ease, background-color 0.3s ease;
 
         img {
             width: 64px;
@@ -51,6 +52,7 @@
 
         &:hover {
             background-color: #e9e9e9;
+            border-color: #000;
         }
     }
 }
diff --git a/sass/_projects.scss b/sass/_projects.scss
index 28223e1729..a9b3c7a5c3 100644
--- a/sass/_projects.scss
+++ b/sass/_projects.scss
@@ -23,6 +23,11 @@
 
     border: 1px solid #D2D2D2;
     border-radius: 16px;
+    transition: border-color 0.3s ease;
+
+    &:hover {
+        border-color: #000;
+    }
 
     img {
         margin: 0;
@@ -316,13 +321,17 @@
         border-radius: 9999px;
         padding: .1rem .4rem;
 
+        transition: background-color 0.3s ease;
+
         .fillme {
             fill: var(--color-text);
             stroke: var(--color-text);
+            transition: fill 0.3s ease, stroke 0.3s ease;
         }
 
         .fillme-inverse {
             stroke: #fff;
+            transition: stroke 0.3s ease;
         }
 
         &:hover {
diff --git a/sass/_servers.scss b/sass/_servers.scss
index 3d86054759..849744f854 100644
--- a/sass/_servers.scss
+++ b/sass/_servers.scss
@@ -27,16 +27,20 @@
 
         font-size: .8rem;
 
+        transition: background-color 0.3s ease;
+
         svg {
             width: 1.2em;
             height: 1.2em;
 
             * {
                 fill: #777;
+                transition: fill 0.3s ease;
             }
 
             line {
                 stroke: #777;
+                transition: stroke 0.3s ease;
             }
         }
     }