diff --git a/microsite/data/plugins/backstage-kubernetes.yaml b/microsite/data/plugins/backstage-kubernetes.yaml new file mode 100644 index 0000000000..c821d034c5 --- /dev/null +++ b/microsite/data/plugins/backstage-kubernetes.yaml @@ -0,0 +1,10 @@ +--- +title: Backstage Kubernetes +author: Spotify +authorUrl: https://github.com/spotify +category: Core Feature +description: Monitor all your service's deployments at a glance, even across clusters. +documentation: https://backstage.io/docs/features/kubernetes/overview +iconUrl: img/backstage-k8s.svg +npmPackageName: '@backstage/plugin-kubernetes' +order: 4 diff --git a/microsite/data/plugins/backstage-service-catalog.yaml b/microsite/data/plugins/backstage-service-catalog.yaml new file mode 100644 index 0000000000..1a788078a5 --- /dev/null +++ b/microsite/data/plugins/backstage-service-catalog.yaml @@ -0,0 +1,10 @@ +--- +title: Backstage Service Catalog +author: Spotify +authorUrl: https://github.com/spotify +category: Core Feature +description: Manage all your services and software components, all in one place. +documentation: https://backstage.io/docs/features/software-catalog/software-catalog-overview +iconUrl: img/backstage-service-catalog.svg +npmPackageName: '@backstage/plugin-catalog' +order: 1 diff --git a/microsite/data/plugins/backstage-software-templates.yaml b/microsite/data/plugins/backstage-software-templates.yaml new file mode 100644 index 0000000000..4d478f9435 --- /dev/null +++ b/microsite/data/plugins/backstage-software-templates.yaml @@ -0,0 +1,10 @@ +--- +title: Backstage Software Templates +author: Spotify +authorUrl: https://github.com/spotify +category: Core Feature +description: Create new software components in just a few steps, with your standards built-in (Scaffolder). +documentation: https://backstage.io/docs/features/software-templates/software-templates-index +iconUrl: img/backstage-software-templates.svg +npmPackageName: '@backstage/plugin-scaffolder' +order: 2 diff --git a/microsite/data/plugins/backstage-techdocs.yaml b/microsite/data/plugins/backstage-techdocs.yaml new file mode 100644 index 0000000000..cd2ddefed4 --- /dev/null +++ b/microsite/data/plugins/backstage-techdocs.yaml @@ -0,0 +1,10 @@ +--- +title: Backstage TechDocs +author: Spotify +authorUrl: https://github.com/spotify +category: Core Feature +description: A docs-like-code solution to technical documentation. Write your docs right alongside your code. +documentation: https://backstage.io/docs/features/techdocs/techdocs-overview +iconUrl: img/backstage-techdocs.svg +npmPackageName: '@backstage/plugin-techdocs' +order: 3 diff --git a/microsite/pages/en/plugins.js b/microsite/pages/en/plugins.js index 9ee54173f1..de336444ab 100644 --- a/microsite/pages/en/plugins.js +++ b/microsite/pages/en/plugins.js @@ -43,41 +43,88 @@ const Plugins = () => ( +
+

Core Features

+
- {pluginMetadata.map( - ({ - iconUrl, - title, - description, - author, - authorUrl, - documentation, - category, - }) => ( -
-
-
- {title} + {pluginMetadata + .filter(plugin => plugin.category === 'Core Feature') + .sort((a, b) => a.order - b.order) + .map( + ({ + iconUrl, + title, + description, + author, + authorUrl, + documentation, + category, + }) => ( +
+
+
+ {title} +
+
+

{title}

+

+ by {author} +

+ {category} +
-
-

{title}

-

- by {author} -

- {category} +
+

{truncate(description)}

+
+
-
-

{truncate(description)}

+ ), + )} + +
+

All Plugins

+
+ + {pluginMetadata + .filter(plugin => plugin.category !== 'Core Feature') + .map( + ({ + iconUrl, + title, + description, + author, + authorUrl, + documentation, + category, + }) => ( +
+
+
+ {title} +
+
+

{title}

+

+ by {author} +

+ {category} +
+
+
+

{truncate(description)}

+
+
- -
- ), - )} + ), + )}

diff --git a/microsite/static/css/plugins.css b/microsite/static/css/plugins.css index 8a0d843dc9..b9aebfa84c 100644 --- a/microsite/static/css/plugins.css +++ b/microsite/static/css/plugins.css @@ -11,7 +11,6 @@ grid-gap: 1rem; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; - padding-top: 32px; } @media (max-width: 1200px) { diff --git a/microsite/static/img/backstage-k8s.svg b/microsite/static/img/backstage-k8s.svg new file mode 100644 index 0000000000..af2b23c945 --- /dev/null +++ b/microsite/static/img/backstage-k8s.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/microsite/static/img/backstage-service-catalog.svg b/microsite/static/img/backstage-service-catalog.svg new file mode 100644 index 0000000000..66e88faf3d --- /dev/null +++ b/microsite/static/img/backstage-service-catalog.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/microsite/static/img/backstage-software-templates.svg b/microsite/static/img/backstage-software-templates.svg new file mode 100644 index 0000000000..448da4bf67 --- /dev/null +++ b/microsite/static/img/backstage-software-templates.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/microsite/static/img/backstage-techdocs.svg b/microsite/static/img/backstage-techdocs.svg new file mode 100644 index 0000000000..a8f198a62a --- /dev/null +++ b/microsite/static/img/backstage-techdocs.svg @@ -0,0 +1 @@ + \ No newline at end of file