https://github.com/coverified/webcomponent

😷📲 An embeddable tool to inform people about the coronavirus disease outbreak. Inform the general public about official notifications from the German gov.
https://github.com/coverified/webcomponent

coverified covid-19 hacktoberfest svelte webcomponent wirvsvirus wirvsvirus2020 wirvsvirushack

Last synced: 24 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/coverified/webcomponent
• Owner: coverified
• License: bsd-3-clause
• Created: 2020-03-21T09:37:24.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-03-04T07:17:55.000Z (over 1 year ago)
• Last Synced: 2024-10-01T02:42:25.041Z (about 1 month ago)
• Topics: coverified, covid-19, hacktoberfest, svelte, webcomponent, wirvsvirus, wirvsvirus2020, wirvsvirushack
• Language: SCSS
• Homepage: https://www.coverified.info/
• Size: 802 KB
• Stars: 11
• Watchers: 4
• Forks: 2
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
![CoVerified Cover Image](.github/cover.jpg)

[![Netlify Status](https://api.netlify.com/api/v1/badges/7211686c-ffa1-4b80-be42-258ece53ce56/deploy-status)](https://app.netlify.com/sites/coverified-webcomponent/deploys)

# [CoVerified](https://www.coverified.info/) Web Component

*[CoVerified](https://www.coverified.info/) 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 

```html

```

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](.github/lighthouse.png)

### Customizable

Position it where you want like so:

```css

coverified-widget {

    left: 5rem;

    top: 5rem;

    right: auto;

    bottom: auto;

}

```

Adjust the primary color via CSS custom properties

```css

coverified-widget {

    --color-primary: #bf1e3a;

}

```

## Contribute to fight the virus

*Note that you will need to have [Node.js](https://nodejs.org) installed.*

### Setup

Install the dependencies...

```bash

yarn

```

### Building and running in development mode

...then start [Rollup](https://rollupjs.org):

```bash

yarn dev

```

Navigate to [localhost:5000](http://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:

```bash

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](.github/CODE_OF_CONDUCT.md)

---

[![WirVsVirus](.github/wirvsvirus.svg)](https://wirvsvirushackathon.org/)

This project was [initially started](https://devpost.com/software/1_039_c_staatlichekommunikation_webinfowidget) during the [#wirvsvirus hackathon](https://twitter.com/hashtag/WirVsVirusHack)