Ukraine needs all the help we can give in fighting the Russian dictator Vladimir Putin's war. See information and resources on trusted news sources, also a short summary here: https://github.com/anttispitkanen
As someone building or maintaining a website of any kind, a simple way to help is to add a banner to show support, raise awareness, and guide visitors towards actionable help.
Here are some ready made HTML tags that you can freely use, modify according to your desire, and drop on your site. They act as a clickable banner that links to the resource of your choice.
The style
attribute lists the things that affect how the banner looks. A quick summary for those not familiar with HTML/CSS:
height:50px;
means that the element will be 50 pixels tall. Feel free to use any other value as well.background-color:black;
sets a black background. Other options can be used freely.color:white;
means that the text will be white. White on black guarantees good contrast and readability, but other colors can be used as well.
The rest of the tags I suggest not editing unless you know what you are doing. They make sure the banner is the width of the whole screen, and that the text is at the center.
The text on line 7 is what will read in the banner, this can also be changed as you wish. Be mindful that a longer text may wrap on two or more rows, in which case you need a larger height
to avoid it flowing over the banner.
The href="<some URL address>
on line 2 determines where the user will be taken when clicking the banner. You are free to choose what you want, remember to include the https://
in the beginning.
Here are some suggestions, but like said use whatever suits your needs best.
- The Come Back Alive foundation, supporting the Ukraine defense: https://savelife.in.ua/en/donate/
- The Fund of the National Bank of Ukraine, suporting the Ukraine defense: https://ukraine.ua/news/donate-to-the-nbu-fund/
- Unicef donations for helping the children affected by the war: https://www.unicef.org/emergencies/conflict-ukraine-pose-immediate-threat-children
- A good collection of information and resources for helping: https://ukrainewar.carrd.co/
- A list of actionable things that foreigners can do to help: https://supportukrainenow.org/
...or a number of resources you can find by googling. Just remember to make sure the resources are 100% legit.
Here's what it would look like with the provided styling on e.g. the Wikipedia front page: