How to add a StandWithUkraine banner to your website
We have all seen the horrific situation in Ukraine, from people's homes being destroyed, to many men woman and children losing their life's. Everyone is trying to show their support in their own way, but no everyone has the option to donate their money. This is where we have made Ukraine Banners
As makers and creators, we wanted to make free service that will allow anyone with a website to show their support. For example, on our website, we have the following banner:
The issue with this, was that we needed to add a new element into our website, add the CSS and then compile the assets to have this working, and internally we talked about how we can make this easy for people to add a similar banner to their website, without the need to do a lot of work, this is when we decided to make Ukraine Banners.
How it works?
We have also made a simple Laravel Package that allows anyone with a laravel application to include these banners. Firstly, install the package using the following command:
composer require wavey/ukraine-banners
Once you have done this, you will need to run the following install command:
php artisan ukraine-banners:install
This will publish the config alongside the views to
/resources/views/vendor/wavey. You will now have the ability to include
<x-ukraine-banner></x-ukraine-banner> into your views. For example, inside your
app.blade.php layout, add this before the
</body> tag and now every page will have the banner shown.
You can also modify the config file at
config/ukraine-banners.php, however the better solution is to add the following to your
You can modify these settings as you need, for example, you can make a large, dark theme banner that shows at the top left of your site with the following settings:
So what is next?
We are currently working on launching a Cloudflare application that will add this to your website, alongisde making a WordPress plugin to do the same. We are also calling all developers & designers, if you want to help out by adding new functionality, new styles or even just improve the project, you can check out the GitHub repos here. Feel free to submit some pull requests.
I don't know how to update my website, can you help?
Yes! We are offering anyone who wants to add this into your website help. We will update your website to add these banners for free to anyone, simply get in touch and let us know.
👍 Like our content? Check out our Twitter @waveygroup