adding charts to stories page

astro.config.mjs

@@ -13,6 +13,7 @@ const SIDEBAR = [
 			{ label: 'Setting up your account', slug: 'getting-started/setup' },
 			{ label: 'Making your first chart', slug: 'getting-started/making-your-first-chart' },
 			{ label: 'Publishing your chart', slug: 'getting-started/publishing' },
+			{ label: 'Adding your chart to a story', slug: 'getting-started/getting-charts-in-stories' },
 		],
 	},
 	{

src/content/docs/getting-started/getting-charts-in-stories.mdx

@@ -0,0 +1,50 @@
+---
+title: Adding your chart to a story
+---
+
+import { Aside, Steps } from '@astrojs/starlight/components';
+import TeamsCard from './images/teams-publish-card.png';
+import Sphinx from './images/sphinx.png';
+import Leon1 from './images/leon-1.png';
+import Leon2 from './images/leon-2.png';
+import Leon3 from './images/leon-3.png';
+import Leon4 from './images/leon-4.png';
+
+<Aside>
+The following instructions show how to add a chart to a story in **LEON (Lynx Editor Online)**. For Lynx Editor desktop, see [this guide](https://graphics.thomsonreuters.com/data/Embedding_graphics_in_Lynx.pdf).
+</Aside>
+
+<Steps>
+1. **Find your chart in the Sphinx Graphics Portal**
+
+    Once published, a card for your chart will be created in the [Datawrapper Charts](https://teams.microsoft.com/l/channel/19%3A489aacae4e19400d8cf0da402c021076%40thread.skype/Datawrapper%20Charts?groupId=c0949280-94a2-469a-a719-12397824db0a&tenantId=62ccb864-6a1a-4b5d-8e1c-397dec1a8258) Teams channel.
+
+    Click the **"Graphics Portal"** button to open the chart in the Graphics Portal.
+
+    <img src={TeamsCard.src} style={{ maxWidth: '350px' }} />
+
+    <Aside>
+    If a graphic was created by the Reuters Graphics team, we'll include this link in our email to the desk.
+
+    You can also search for relevant charts directly in the [Sphinx Graphics Portal](https://sphinx.thomsonreuters.com/graphics/?#/group/rngs).
+    </Aside>
+
+2. **Copy the embeddable chart link**
+
+    From the Graphics Portal, click **"Copy Link"** to get a link to the chart which you can embed in LEON. 
+
+    <img src={Sphinx.src} />
+
+3. **Insert the graphic in LEON**
+
+    <img src={Leon1.src} />
+    <img src={Leon2.src} />
+
+4. **Position the graphic in the body of the story and preview**
+
+    <img src={Leon3.src} />
+    <img src={Leon4.src} />
+
+</Steps>
+
+

src/content/docs/getting-started/publishing.mdx

@@ -19,10 +19,4 @@ In that channel, a card for your chart will be generated with several links incl
 
 <img src={TeamsCard.src} style={{ maxWidth: '350px' }} />
 
-### Using your chart in Lynx
 
-For now, the only charts Lynx will accept are static images, **not** interactive versions. So choose the "Image" link from the card in Teams or use the Graphics Portal to get the same.
-
-See [this short instructional guide](http://graphics.thomsonreuters.com/data/Embedding_graphics_in_Lynx.pdf) for a demonstration of how to then embed your chart in Lynx or ask the desk for help getting your chart in your story.
-
-Remember to get your chart in front of your editor _before_ you add it to your story.