[plugin marketplace] Added Jenkins + polish (#2240)

docs/plugins/index.md

@@ -21,7 +21,7 @@ To create a plugin, follow the steps outlined [here](create-a-plugin.md).
 
 If you start developing a plugin that you aim to release as open source, we
 suggest that you create a new
-[new Issue](https://github.com/spotify/backstage/issues/new?template=plugin_template.md).
+[new Issue](https://github.com/spotify/backstage/issues/new?labels=plugin&template=plugin_template.md&title=%5BPlugin%5D+THE+PLUGIN+NAME).
 This helps the community know what plugins are in development.
 
 You can also use this process if you have an idea for a good plugin but you hope

microsite/data/plugins/circleci.yaml

@@ -1,9 +1,12 @@
 ---
 title: CircleCI
 author: Spotify
-authorUrl: https://www.spotify.com/
+authorUrl: https://github.com/spotify
 category: CI
 description: Automate your development process with CI hosted in the cloud or on a private server.
 documentation: https://github.com/spotify/backstage/tree/master/plugins/circleci
 iconUrl: https://www.saaves.com/storage/brochure/logo-circleci-icon1583764538.png
 npmPackageName: '@backstage/plugin-circleci'
+tags:
+  - ci
+  - cd

microsite/data/plugins/github-actions.yaml

@@ -1,7 +1,7 @@
 ---
 title: GitHub Actions
 author: Spotify
-authorUrl: https://www.spotify.com/
+authorUrl: https://github.com/spotify
 category: CI
 description: GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub.
 documentation: https://github.com/spotify/backstage/tree/master/plugins/github-actions

microsite/data/plugins/graphiql.yaml

@@ -1,7 +1,7 @@
 ---
 title: GraphiQL
 author: Spotify
-authorUrl: https://www.spotify.com/
+authorUrl: https://github.com/spotify
 category: Debugging
 description: Integrates GraphiQL as a tool to browse GraphiQL endpoints inside Backstage.
 documentation: https://github.com/spotify/backstage/tree/master/plugins/lighthouse
@@ -11,3 +11,4 @@ tags:
   - graphql
   - github
   - gitlab
+  - api

microsite/data/plugins/jenkins.yaml

@@ -0,0 +1,12 @@
+---
+title: Jenkins
+author: '@timja'
+authorUrl: https://github.com/timja
+category: CI
+description: Jenkins offers a simple way to set up a continuous integration and continuous delivery environment.
+documentation: https://github.com/spotify/backstage/tree/master/plugins/jenkins
+iconUrl: https://img.icons8.com/color/1600/jenkins.png
+npmPackageName: '@backstage/plugin-jenkins'
+tags:
+  - ci
+  - cd

microsite/data/plugins/lighthouse.yaml

@@ -1,7 +1,7 @@
 ---
 title: Lighthouse
 author: Spotify
-authorUrl: https://www.spotify.com/
+authorUrl: https://github.com/spotify
 category: Accessibility
 description: Google's Lighthouse tool is a great resource for benchmarking and improving the accessibility, performance, SEO, and best practices of your website.
 documentation: https://github.com/spotify/backstage/tree/master/plugins/lighthouse

microsite/data/plugins/sentry.yaml

@@ -1,10 +1,9 @@
 ---
 title: Sentry
 author: Spotify
-authorUrl: https://www.spotify.com/
+authorUrl: https://github.com/spotify
 category: Monitoring
 description: View Sentry issues in Backstage.
 documentation: https://github.com/spotify/backstage/tree/master/plugins/sentry
 iconUrl: https://sentry-brand.storage.googleapis.com/sentry-glyph-white.png
 npmPackageName: '@backstage/plugin-sentry'
-

microsite/data/plugins/tech-radar.yaml

@@ -1,9 +1,9 @@
 ---
 title: Tech Radar
 author: Spotify
-authorUrl: https://www.spotify.com/
+authorUrl: https://github.com/spotify
 category: Discovery
 description: Visualize the your company's official guidelines of different areas of software development.
 documentation: https://github.com/spotify/backstage/tree/master/plugins/tech-radar
-iconUrl: https://img.icons8.com/officel/2x/radar.png
+iconUrl: https://www.materialui.co/materialIcons/action/track_changes_white_192x192.png
 npmPackageName: '@backstage/plugin-tech-radar'

microsite/pages/en/plugins.js

@@ -30,7 +30,10 @@ const Plugins = () => (
     <div className="PluginPageLayout">
       <div className="PluginPageHeader">
         <h2>Plugin marketplace</h2>
-        <p>Open source plugins that you can add to your Backstage deployment</p>
+        <p>
+          Open source plugins that you can add to your Backstage deployment.
+          Learn how to build a <a href="/docs/plugins">plugin</a>.
+        </p>
         <span>
           <a
             className="PluginAddNewButton ButtonFilled"

microsite/static/css/plugins.css

@@ -110,3 +110,7 @@
 .Author a:hover {
   color: white;
 }
+
+#add-plugin-card {
+  border: 1px solid #36baa2;
+}