Public WISE assets

This repository holds all the public assets such as logos, badges, and the Attribution Guide.

Previews

Logos

Badges

Splash Images

Report Banner

Using the images:

Using the logo

Using the logo in HTML

These widths are recommended, but you can set your own, but we suggest you stay within the min and max widths displayed here as the images will pixilate when larger or be illegible any smaller.

To link our logo (or any image) to our website use:

<a href="https://firegrowthmodel.ca/wise" title="WISE Logo" alt="WISE Logo">
    <img src="https://wise-developers.github.io/public_wise_assets/logos/wise_logo.png" width="50px">
</a>

<img src="https://wise-developers.github.io/public_wise_assets/logos/wise_logo.png" width="15px">

<img src="https://wise-developers.github.io/public_wise_assets/logos/wise_logo.png" width="50px">

<img src="https://wise-developers.github.io/public_wise_assets/logos/wise_logo.png" width="100px">

<img src="https://wise-developers.github.io/public_wise_assets/logos/wise_logo.png" width="200px">

<img src="https://wise-developers.github.io/public_wise_assets/logos/wise_logo.png" width="250px">

Using Badges

To link our badge (or any image) to our "Powered by WISE" page use:

<a href="https://firegrowthmodel.ca/pages/wise_powered_by_e.html" title="Powered by WISE" alt="Powered by WISE">
    <img src="https://wise-developers.github.io/public_wise_assets/badges/powered-by-wise_red_orange.png" width="250px">
</a>

Red and Yellow/Orange

<img src="https://wise-developers.github.io/public_wise_assets/badges/powered-by-wise_red_orange.png" width="100px">

<img src="https://wise-developers.github.io/public_wise_assets/badges/powered-by-wise_red_orange.png" width="150px">

<img src="https://wise-developers.github.io/public_wise_assets/badges/powered-by-wise_red_orange.png" width="250px">

<img src="https://wise-developers.github.io/public_wise_assets/badges/powered-by-wise_red_orange.png" width="500px">

Baby Blue

<img src="https://wise-developers.github.io/public_wise_assets/badges/poweredByWise_baby_blue.png" width="100px">

<img src="https://wise-developers.github.io/public_wise_assets/badges/poweredByWise_baby_blue.png" width="150px">

<img src="https://wise-developers.github.io/public_wise_assets/badges/poweredByWise_baby_blue.png" width="250px">

<img src="https://wise-developers.github.io/public_wise_assets/badges/poweredByWise_baby_blue.png" width="500px">

using a Splash Image

To link our Splash (or any image) to our website use:

<a href="https://firegrowthmodel.ca/wise" title="WISE Logo" alt="WISE Logo">
    <img src="https://wise-developers.github.io/public_wise_assets/splash/wiserepo.png" width="250px">
</a>

<img src="https://wise-developers.github.io/public_wise_assets/splash/wiserepo.png" width="100px">

<img src="https://wise-developers.github.io/public_wise_assets/splash/wiserepo.png" width="250px">

<img src="https://wise-developers.github.io/public_wise_assets/splash/wiserepo.png" width="500px">

using a Report Banner

To link our Report Banner (or any image) to our website use:

<a href="https://firegrowthmodel.ca/wise" title="WISE Logo" alt="WISE Logo">
    <img src="https://wise-developers.github.io/public_wise_assets/splash/wiserepo.png" width="250px">
</a>

<img src="https://wise-developers.github.io/public_wise_assets/report_assets/WISE_report_badge_red_orange.png" width="300px">

<img src="https://wise-developers.github.io/public_wise_assets/report_assets/WISE_report_badge_red_orange.png" width="400px">

<img src="https://wise-developers.github.io/public_wise_assets/report_assets/WISE_report_badge_red_orange.png" width="500px">

Attribution Guidelines

Coming Soon!