Coder Social home page Coder Social logo

felicilab / barra-anti-corona Goto Github PK

View Code? Open in Web Editor NEW
10.0 8.0 3.0 765 KB

Criação de uma barra de alerta de informações a respeito do Coronavírus (Covid-19)

Home Page: https://escoladesaudepublica.github.io/barra-anti-corona/

License: GNU General Public License v3.0

HTML 4.18% JavaScript 95.82%

barra-anti-corona's Introduction

Barra AntiCorona

image

A Barra AntiCorona tem o objetivo de ser um meio fácil de atribuir a qualquer site um alerta que irá redirecionar à uma fonte de informação confiável sobre o Coronavírus (Covid-19) de um orgão público da saúde, podendo ser específica para cada estado.

A barra contém um link que fará o direcionamento do usuário para a página de informação oficinal. É possível alterar a cor do plano de fundo, para melhor condizer com seu site, e dizer qual estado você pretende redirecionar.

A barra será adicionada ao inicio do body do seu site, havendo a possibilidade de fechá-la se o usuário assim desejar.

O arquivo com as definições das URLs dos estados é o:
barra-anti-corona.js

Como utilizar?

Basta adicionar em qualquer espaço do html do seu site a seguinte linha e alterar a UF de acordo com seu estado, se desejar utilizar a URL saude.gov.br inserir BR:

<script src="https://escoladesaudepublica.github.io/barra-anti-corona/barra-anti-corona.js" data-uf="UF"></script>

Se desejar alterar o plano de fundo da aplicação, adicione também o atributo data-color no script.

<script src="https://escoladesaudepublica.github.io/barra-anti-corona/barra-anti-corona.js" data-uf="UF" data-color="#ff00ff"></script>

A barra pode ser aplicada a uma determinada div através de um ID específicado no atributo data-divid. Assim, o script deve ser inserido após essa div, seja no fim do arquivo ou não.

<script src="https://escoladesaudepublica.github.io/barra-anti-corona/barra-anti-corona.js" data-uf="UF" data-divid="minha-div-barra-corona"></script>

Exemplo:

'ScreenShot'

barra-anti-corona's People

Contributors

oxechicao avatar uira avatar italorod avatar flavionc avatar

Stargazers

Arthur Cerveira avatar Emanuel Gonçalves avatar Bruno Silva avatar Matheus Clemente Guimarães avatar Jefferson Diógenes avatar Lucas Pirola avatar Lindemberg Barbosa avatar Rafael Carneiro avatar Cleilson avatar Pedro Henrique avatar

Watchers

 avatar James Cloos avatar Victor Magalhães avatar Nauber Gois avatar Fernando Ponte Filho avatar Junior Oliveira avatar Luis Felipe Coimbra Costa avatar  avatar

barra-anti-corona's Issues

Rede de Sites do Governo

Olá,

Por determinação do Secretário Chefe da Casa Civil, Élcio Batista, todos os sites da rede estadual receberam a atualização da "Barra Anti-Corona"

A Casa Civil agradece a colaboração.

Acessibilidade

Garantir que a barra esteja acessível e que não quebre nos leitores de tela.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.