messutied

document.addEventListener("DOMContentLoaded", function() {
  var $ = document.querySelector.bind(document);
  var subButton = $('.subscribe');
  var input = $('[name="subscription[filter]"][value="services"]');
  subButton.addEventListener('click', function () {
    setTimeout(function () {
      input.checked = true;
      input.dispatchEvent(new Event('change'));
    }, 0);
  });

messutied

Statuspal Status Page Email Template Customization HTML

Use this HTML files to customize your Statuspal status page email template in order to include a company logo, add your business address or otherwise to modify the looks to suit your branding.

Configure your logo

In order to configure your company logo just replace the image under the .header class.

messutied

.metrics .metric .metric--chart-container, .metrics .metric .metric--chart-container svg {
  background: transparent !important;
}
.metrics .metric .metric--chart-container svg .bg {
  fill: transparent !important;
}
svg text {
  fill: #9cb3c9 !important;
}
svg .gridlayer, svg .zerolinelayer {

messutied

<script>
  window.statuspalWidget = {
    subdomain: 'meta',
    selector: '.sp-status', // Optional
    position: 'top', // Optional [top | bottom | left | right] - defaults to top.
    // Customise copy below
    copy: {
      status: {
        ok: 'All systems operational 1',
        scheduled: 'Ongoing scheduled maintenance',