Ecosystem Improvements Part 2#3518
Conversation
Move hosting providers out of providers.toml into individual .md pages so each gets its own detail page. Rename index.md to _index.md to make the directory a Zola section and add page_template and sort_by. Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Replace the old popup overlay with a shared .ecosystem-detail layout: two-column grid (main + features aside), logo wrap, meta row, screenshot panel with CSS-only lightbox and a CTA actions row. The all-clients card deck gains filter dropdowns (platform, maturity, licence, features) backed by a small JS module. Add pill colour families for licence and language, maturity badges and a .title-row helper. Move all .client-card*, .platform-pill* and lightbox rules from _try-matrix.scss into _clients.scss so both pages share one implementation. Enhance .call-to-action with inline-flex and SVG icon handling used by the new CTA buttons. Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Replace the old full-width implementation list with bridge-card components that use the shared .ecosystem-detail-* layout. Each card has a two-column grid (description + access pills on the left, feature support list on the right). The bridge listing page gains a platforms-grid of clickable network tiles. Add a bridges macro for feature labels and descriptions. Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Replace the shortcode-based hosting list with a card grid that reuses the .project-card / .hosting-provider-card pattern. Add a hosting-provider.html detail template using the shared .ecosystem-detail--single layout (no features aside). Update the hosting_providers shortcode formatting. Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Minor template updates across the remaining ecosystem listing pages: consistent page-header hero markup, SDK pill classes now include licence and language slugs for colour coding matching the client card pill scheme. Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Move .client-card*, .platform-pill*, screenshot and lightbox rules from _try-matrix.scss into _clients.scss so both pages share one source of truth. Extract shared .server-links / .distribution-links and intro paragraph styles into SCSS placeholders in _projects.scss, removing the duplicate blocks from _servers.scss and _distributions.scss. Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Replace the back buttons on detail pages with a breadcrumb nav (Ecosystem > Section > Item) and add top-level breadcrumbs to all listing pages (Ecosystem > Section). Uses a shared Tera macro and two SCSS context variants: white-on-dark inside .page-header and grey on the light .ecosystem-detail-page background. Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
…a bit. Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Deploying matrix-website with
|
| Latest commit: |
761c1b7
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://81331dbd.matrix-website.pages.dev |
| Branch Preview URL: | https://mtrnord-new-ecosystem.matrix-website.pages.dev |
| & + &::before { | ||
| content: "·"; | ||
| margin-right: 0.4rem; | ||
| color: #ccc; | ||
| } |
There was a problem hiding this comment.
Its due to the wrapping. I havent found a good way to fix that yet :/ open for ideas.
| <div class="stores"> | ||
| {{ clients::install_links(packages=page.extra.packages) }} | ||
| </div> |
There was a problem hiding this comment.
Not sure how to improve other than adding screenshots more broadly again
|
|
||
| {# Colored platform pills #} | ||
| {% macro platforms(packages) %} | ||
| {% if packages.apple_app_store %}<div class="platform-pill platform-pill--ios">iOS</div>{% endif %} |
| {% macro feature_description(feature_name) %} | ||
| {% if feature_name == "dm" %}Bridge direct/private messages between users. | ||
| {% elif feature_name == "channels" or feature_name == "channel" %}Bridge public or private channels to Matrix rooms. | ||
| {% elif feature_name == "groups" or feature_name == "group_chats" or feature_name == "group_chat" %}Bridge group conversations to Matrix rooms. |
There was a problem hiding this comment.
I wonder if we should throw errors instead to enforce a consistent database?
| @@ -30,7 +32,3 @@ of the data of their organisation. | |||
| The following providers have been brought to the attention of The Matrix.org | |||
There was a problem hiding this comment.
this text should interlink better with the different aspects of the /docs touched upon
| </noscript> | ||
| <script type="module" src={{ get_url(path="/js/clients.js" , cachebust=true) }}></script> | ||
| <style> | ||
| html { scroll-behavior: smooth; scroll-padding-top: calc(var(--navbar-height) + 1rem); } |
There was a problem hiding this comment.
scroll-padding-top has no effect on this element since it doesn’t scroll.
There was a problem hiding this comment.
That might be left over from branching this out of an early version of the try-matrix stuff.
There was a problem hiding this comment.
Hm actually I checked. While firefox indeed complains both spec and mdn disagree with firefox and in fact it does function in firefox. It did have bugs though which I did fix in 14db4ea
| {% set licences = licences | unique | sort %} | ||
| {% set features = features | unique %} | ||
| <div class="page-header"> | ||
| {{ breadcrumb::breadcrumb(l1_label="Ecosystem", l1_path="/ecosystem/", l2_label="Clients") }} |
There was a problem hiding this comment.
it's unfortunate these are in such different places on the first level compared to the client.html or bridge_implementations.html
There was a problem hiding this comment.
agreed but not sure how to solve this better currently.
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>
Signed-off-by: MTRNord <MTRNord@users.noreply.github.com>



Description
This essentially is a followup on #3172 and #3239 which makes the ecosystem much closer to the try-matrix design language.
Its a massive redesign in comparison to #3172 hence it is separate.
Related issues
Role
Individual or Website & Content WG
Timeline
Any time but hopefully less than 6 months ;)
Signoff
Please sign off your individual commits.