This commit is contained in:
Jon McClure 2022-08-27 14:49:32 +01:00
parent cee70532d3
commit 546ed5ef5e
3 changed files with 19 additions and 12 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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