/webcomponent

😷📲 An embeddable tool to inform people about the coronavirus disease outbreak. Inform the general public about official notifications from the German gov.

Primary LanguageHTMLMIT LicenseMIT

CoVerified Cover Image

Netlify Status

CoVerified

Show your websites users important and verified information about the Coronavirus outbreak

Simple Integration

It's as easy as adding

<script async src="https://webcomponent.coverified.info/build/embed.js"></script>

to your website. This will load our tool and place it on your website.

We'll take care of updating the information with new, important and verified Data. 100% Fake-News free.

Fast, secure and accessible

  • Fast: We made sure that our script is as small as possible - it's only 7.5kb gzipped
  • Secure: No data is collected - we value your privacy
  • Accessible: We've optimized the tool for screenreaders and keyboard users

100% Lighthouse

Customizable

Position it where you want like so:

web-info-widget {
    left: 5rem;
    top: 5rem;
    right: auto;
    bottom: auto;
}

Adjust the primary color via CSS custom properties

web-info-widget {
    --color-primary: #bf1e3a;
}

Help Developing and fight the virus

Note that you will need to have Node.js installed.

Setup

Install the dependencies...

yarn

Building and running in development mode

...then start Rollup:

yarn dev

Navigate to localhost:5000. You should see your app running. Edit a component file in src, save it, and reload the page to see your changes.

By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the sirv commands in package.json to include the option --host 0.0.0.0.

Building and running in production mode

To create an optimised version of the app:

yarn build

You can run the newly built app with yarn start.