mySAVIstoryBadge

An open-source badge to put your mark on every project.

Netlify Status

This project is a fork of MakerBadge - customised for #mysavistory


How to use mysavistoryBadge/MakerBadge:

Use it in 2 steps:

1. Get your badge:

<!-- Insert makerbadge.js (download or use ☁️cloud version) -->

<!-- Premium badge -->
<script type="text/javascript" src="https://mysavistory.netlify.app/mysavistorybadge_premium.js"></script>
<!-- Trusted badge -->
<script type="text/javascript" src="https://mysavistory.netlify.app/mysavistorybadge_trusted.js"></script>
<!-- Recommended badge -->
<script type="text/javascript" src="https://mysavistory.netlify.app/mysavistorybadge_recommended.js"></script>
<!-- Preferred badge -->
<script type="text/javascript" src="https://mysavistory.netlify.app/mysavistorybadge_preferred.js"></script>

<!-- Initialise MakerBadge with options -->
    
<script>
  mysavistoryBadge.init({
       layout:1, 
       theme:'dark', 
       promoText : 'Send a donation '+String.fromCodePoint(0x2192),
       promoLink : 'https://savivets.org/donate/',
       message : 'Support Our Veterans. My SAVI Story',
       title : '#mySAVIstory',
       imageAlt: "My SAVI Story"
})
</script>

2. Customise your badge (Beta):

You can customise the values after each colon (e.g. layout:2 - change the 2 to 1)

  • layout: a number - 1 (badge with text) or 2 (Round button)
  • theme: a string - 'light' or 'dark'.
  • promoURL: a string (url) to a donation page.
  • message: string - any short message.
  • title: string - The title of your badge
  • imageAlt: string - Alt text for your image - the default is "My SAVI Story"

Contribute

Proudly an open source project.

Feel free to contribute here