webcomponent Svelte Themes

Webcomponent

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

CoVerified Web Component

CoVerified is a tool to show your websites users important and verified information about the COVID-19 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

Customizable

Position it where you want like so:

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

Adjust the primary color via CSS custom properties

coverified-widget {
    --color-primary: #bf1e3a;
}

Contribute to 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.

Code of Conduct

We'd like you to follow our Code of Conduct


This project was initially started during the #wirvsvirus hackathon

Top categories

Loading Svelte Themes