FR
May 23-25, 2021

Make your homepage colorless

Awareness. Education. Attention.

Become part of the solution.

Why was this site created?

May 25th, 2020. Minneapolis, USA.

We all witnessed the assasination of a black man that has now started a movement.

This was not the first time something like this happened.

Over the years, we’ve heard many similar stories.

This must stop.

Now.

Don’t be a witness anymore.

Become an actor.

” ...be the change you wish to see in the world. ”

- Mahatma Ghandi

How can I become part of the solution?

Here is what you can do:

  1. Get in touch with at least one person that might be affected (directly or not) by racism and genuinely ask if they need anything… and listen.
  2. Take some time to educate yourself about the #blacklivesmatter movement. We won’t tell you what to think… we trust you. See what you could do to make an impact in your business or environment.
  3. On May 23-25, make your homepage colorless by using the script below to raise awareness about the situation. See below how to do this.
  4. Share this website on your social media accounts and tag other website owners you think should make their homepage colorless too. Make sure you also share your thoughts on what you plan on doing to become part of the solution.

You don’t have to change the world by yourself.

But remaining a silent witness isn't enough.

Become an agent of change.

Take action.

How do I make my homepage colorless?

It is really simple! Ask your webmaster to include the following code before the </body> closing tag:

<script defer src="https://blacklivesmatter.support/js/blms.js"></script>

Your homepage will become colorless only during those 3 days.

There is nothing else to do!

Do you have a plugin for WordPress?

Of course! First, download the plugin.

Then, from your WordPress Dashboard, access the Plugins > Add New menu. Install the plugin and activate it!

How can I validate that the code will work?

Simply add ?blms_simulation at the end of your website URL in your browser and you should see your colorless homepage! If your setup is correct, you should see a colorless page!

After activation, you can access the settings page through Settings > #BlackLivesMatter or Plugins > Installed plugins and click on "Settings" as shown below:

From the settings page, you can:

  • Enable or disabled the debug mode (by default, debug mode is turned off).
  • Select the badge location on your homepage (by default, the badge is located at the bottom right of the page).
  • Specify your homepage URL for French or English depending on what languages your site supports.
  • Preview your colorless homepage

    • Once you are done, do not forget to save your changes!

    Can I have more control about the colorless location?

    Yes, you can! Many options are available.

    You can add the following lines inside a <script> tag. Add the needed lines right before the code above

    Activate debugging :

      // Activates debugging
      var blms_debug = false;

    Force the current page to be colorless (this has to be done on each page) :

      // Makes the current page colorless during the iniatiative
      // (has to be set manually on each pages)
      var blms_force = false;

    Specify all pages and their language that you want to be colorless :

      // Sets the URL and language in an object. Supported languages : fr, en.
      var blms_pages = {'/' : 'en', '/fr/' : 'fr' };
    Note: The path (e.g. '/' has to be exactly as in the URL.)

    Does it work on any website?

    It should. That being said, we are using the CSS filter instruction to convert your website to B&W. This may not work in every case. For instance, there are limitations in Microsoft Edge if you are using z-index. It is simply not supported in Internet Explorer 11! You may have to add more code to make your homepage 100% colorless.

    Share this initiative on Social Media

    #blmsupport

    This initiative was created with 🖤 and good intentions in Montreal, Canada.