From 546ed5ef5e6f89ceab6a39c31321685313620fdd Mon Sep 17 00:00:00 2001
From: Jon McClure <jon.r.mcclure@gmail.com>
Date: Sat, 27 Aug 2022 14:49:32 +0100
Subject: [PATCH] badges

---
 .../SiteFooter/stories/docs/component.md      |  2 +-
 .../SiteHeader/stories/docs/component.md      |  2 +-
 src/docs/intro.stories.mdx                    | 27 ++++++++++++-------
 3 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/components/SiteFooter/stories/docs/component.md b/src/components/SiteFooter/stories/docs/component.md
index d1c149be..5611cef0 100644
--- a/src/components/SiteFooter/stories/docs/component.md
+++ b/src/components/SiteFooter/stories/docs/component.md
@@ -1,6 +1,6 @@
 Reuters dotcom site footer with graphics referrals, ported from [Raptor UI components](https://github.com/tr/rcom-arc_raptor-ui/tree/develop/packages/rcom-raptor-ui_common/src/components/site-footer).
 
-> **Note:** In the [Graphics Kit](https://github.com/reuters-graphics/bluprint_graphics-kit/blob/master/pages/index.svelte), you can find this component in `pages/index.svelte`. Customise it there for the default page.
+> **Note:** In the Graphics Kit, you can find this component in `pages/+page.svelte`. Customise it there for the default page.
 
 ```svelte
 <script>
diff --git a/src/components/SiteHeader/stories/docs/component.md b/src/components/SiteHeader/stories/docs/component.md
index a19d9f55..26677690 100644
--- a/src/components/SiteHeader/stories/docs/component.md
+++ b/src/components/SiteHeader/stories/docs/component.md
@@ -2,7 +2,7 @@ Reuters dotcom site header, ported from [Raptor UI components](https://github.co
 
 (Go to the "[Canvas](./?path=/story/components-siteheader--default)" tab to see this component better. It'll look a bit broken below... but it's NOT!)
 
-> **Note:** In the [Graphics Kit](https://github.com/reuters-graphics/bluprint_graphics-kit/blob/master/pages/index.svelte), you can find this component in `pages/index.svelte`. Customise it there for the default page.
+> **Note:** In the Graphics Kit, you can find this component in `pages/+page.svelte`. Customise it there for the default page.
 
 ```svelte
 <script>
diff --git a/src/docs/intro.stories.mdx b/src/docs/intro.stories.mdx
index 15766997..0eff9c09 100644
--- a/src/docs/intro.stories.mdx
+++ b/src/docs/intro.stories.mdx
@@ -7,17 +7,24 @@ import { parameters } from '$docs/utils/docsPage.js';
 
 # @reuters-graphics/graphics-components
 
-Svelte components, SCSS and more you can use in your Svelte-based projects.
+<p>
+  <a href="https://www.npmjs.com/package/@reuters-graphics/graphics-components">
+    <img
+      src="https://badge.fury.io/js/@reuters-graphics%2Fgraphics-components.svg"
+      alt="npm version"
+      style={{ display: 'inline-block', margin: '0 5px 0 0' }}
+    />
+  </a>
+  <a href="https://github.com/reuters-graphics/graphics-components">
+    <img
+      src="https://badgen.net/badge/icon/GitHub?icon=github&label"
+      alt="GitHub"
+      style={{ display: 'inline-block', margin: '0 5px 0 0' }}
+    />
+  </a>
+</p>
 
-All the bits that make Reuters Graphics pages... Reuters-y.
-
-<img
-  src="https://creazilla-store.fra1.digitaloceanspaces.com/cliparts/1242803/under-construction-sign-clipart-xl.png"
-  width="125"
-  style={{ transform: 'rotate(-10deg)', margin: '1rem 0 -2rem' }}
-/>
-
----
+Svelte components, SCSS and more you can use in graphics projects.
 
 ## Getting started