How to implement
This is a simple banner you can place on your website. This banner will guide your visitors to information about how to reliably and effectively help Ukraine and its people.
Simply link a single minified JavaScript file like this example:
<script src="https://bianocz.github.io/ua-banner/dist/cz.1.0.6.min.js" defer></script>
You can choose the latest version in different languages below.
Without any further configuration it will display the banner pointing your visitors to the predefined location depending on the language version:
- CZ: https://www.stojimezaukrajinou.cz
- EN: https://supportukrainenow.org
- HU: https://segelyszervezet.hu/kampanyok/haboru-ukrajnaban
- PT: https://www.cruzvermelha.pt/not%C3%ADcias/item/7837-crise-na-ucr%C3%A2nia-apelo-humanit%C3%A1rio.html
- RO: https://dopomoha.ro/ro
- SK: https://ktopomozeukrajine.sk
Optional configuration
You can optionally configure the banner behavior by setting a window variable (before loading the script).
<script>
window.UA_BANNER = {
zIndex: 123,
title: 'HELP UKRAINE',
link: 'Get involved too. Click and find out how you can help.',
linkUrl: 'https://supportukrainenow.org',
};
</script>
<script src="https://bianocz.github.io/ua-banner/dist/cz.1.0.6.min.js" defer></script>
Releases
We recommend you use the latest released version for your language:
1.0.6
Released language versions:
Слава Україні!
Previous releases
1.0.5
Released language versions:
1.0.4
Released language versions:
1.0.3
Released language versions:
1.0.2
Released language versions:
1.0.1
Released language versions:
1.0.0
Released language versions: