Solaris

Solaris Partner Badges

Display the official Solaris partner badge on your channels to highlight your commitment and contributions to our shared mission. This will show your community the breadth of your partnerships and the solid foundation of your project. Simply follow the guidelines below to implement a partner badge and tailor it to your needs.


Implementation Guide

To integrate a badge, include the following code-snipped in your webpage(s). You can customize badges by adjusting the configuration parameters for each badge that you embed.

					
<!-- Solaris Partner Badge -->
<div id="s__badge"></div>
<script src="//badge.solaris.zone/spb.js" charset="utf-8"></script>
<script>
const _bcfg = {
	_partner_id: 'partner-id',  // Unique partner identifier.
	_syle: 'micro',          	// Badge style: eg. 'micro', 'small', 'sticker'.
	_theme: 'default',          // Badge theme: eg. 'default'.
	_darkmode: 'system',      	// Darkmode behavior.
	_container: 's__badge'   	// ID of the div container where the badge will render.
};
(function(){new sbadge(_bcfg);})();
</script>
<!-- /Solaris Partner Badge -->
				

Badge Configuration

Each badge accepts several configuration parameters that let you tailor the badge to your needs. You can define multiple badge configurations if you need to embed multiple badges (eg. '_bcfg_2').

_partner_id:
Your unique partner identifier - eg "osmosis". Get a valid partner ID from your Solaris representative. This is a required parameter.
_style:
Set the preferred badge style. Defaults to "sticker".
_theme:
Set the preferred badge theme. Defaults to "default".
_darkmode:
Manage dark-mode behaviour. Defaults to 'system'.
_container:
Set a unique ID for the div container where the badge will render. Defaults to "s__badge".
_debug:
Output additional details in the console for debug purposes. Defaults to 'false'.

Available Partner Badges

There are several partner badges available to fit any type of use-case. You can serve the desired badge by passing the relevant theme parameter through the config props.

Micro Badge

_theme: 'micro',
_darkmode: 'light',
					
_theme: 'micro',
_darkmode: 'dark',
					

Small Badge

_theme: 'small',
_darkmode: 'light',
					
_theme: 'small',
_darkmode: 'dark',
					

Sticker Badge

_theme: 'sticker',
_darkmode: 'light',
					
_theme: 'sticker',
_darkmode: 'dark',