@eventstore-ui/assets

Fonts and favicons for use in Event Store sites

Add to your project

yarn add @eventstore-ui/assets

Set up within a Stencil project:

In your stencil config, add the assets to your copy task.

// import the path to the workers
import { assetsPath } from '@eventstore-ui/assets';

export const config: Config = {
    // ...
    outputTargets: [
        {
            // ...
            copy: [
                // ...
                {
                    src: assetsPath,
                    dest: 'assets',
                },
            ],
        },
    ],
};

In your globalStyle css file, import the fonts:

@import url('~@eventstore-ui/assets/font-face.css');

In your index.html, reference the favicons

<link rel="icon" type="image/x-icon" href="/assets/favicons/favicon.ico" />
<link rel="icon" href="/assets/favicons/favicon-32.png" sizes="32x32" />
<link rel="icon" href="/assets/favicons/favicon-128.png" sizes="128x128" />
<link rel="icon" href="/assets/favicons/favicon-152.png" sizes="152x152" />

<!-- Android -->
<link
    rel="shortcut icon"
    href="/assets/favicons/favicon-196.png"
    sizes="196x196"
/>

<!-- iOS -->
<link
    rel="apple-touch-icon"
    href="/assets/favicons/favicon-152.png"
    sizes="152x152"
/>
<link
    rel="apple-touch-icon"
    href="/assets/favicons/favicon-180.png"
    sizes="180x180"
/>