Strike Energy

:  Level 1, 40 Kings Park Road, West Perth WA 6005

<style>
  :root {
    --ihx-footer-gradient: linear-gradient(to top, #004A8C 0%, #192B3B 100%);
  }

  /* Covers the footer however the theme names it */
  footer,
  [class*="footer"],
  [class*="Footer"],
  [data-testid*="footer"],
  [data-section="footer"] {
    background-image: var(--ihx-footer-gradient) !important;
    background-color: transparent !important;
  }

  /* Nested wrappers must not repaint their own gradient (causes banding) */
  footer [class*="footer"],
  footer [class*="Footer"],
  [class*="footer"] [class*="footer"],
  [class*="Footer"] [class*="Footer"] {
    background-image: none !important;
    background-color: transparent !important;
  }
</style>

<script>
(function () {
  var GRADIENT   = 'linear-gradient(to top, #004A8C 0%, #192B3B 100%)';
  var FOOTER_RGB = 'rgb(0, 74, 140)';   // current --footer-background-color
  var done = false;

  function paint(el) {
    if (!el || done) return false;
    el.style.setProperty('background-image', GRADIENT, 'important');
    el.style.setProperty('background-color', 'transparent', 'important');
    // stop inner wrappers painting the flat colour over the gradient
    el.querySelectorAll('*').forEach(function (child) {
      if (getComputedStyle(child).backgroundColor === FOOTER_RGB) {
        child.style.setProperty('background-color', 'transparent', 'important');
      }
    });
    done = true;
    return true;
  }

  function findFooter() {
    var f = document.querySelector('footer');
    if (f) return f;

    // Fallback: the lowest full-width block painted in the footer colour
    var best = null, bestTop = -1;
    document.querySelectorAll('div,section,aside').forEach(function (el) {
      if (getComputedStyle(el).backgroundColor !== FOOTER_RGB) return;
      var r = el.getBoundingClientRect();
      if (r.height < 80 || r.width < window.innerWidth * 0.8) return;
      var top = r.top + window.scrollY;
      if (top > bestTop) { bestTop = top; best = el; }
    });
    return best;
  }

  function run() {
    if (done) return;
    if (paint(findFooter()) && observer) observer.disconnect();
  }

  var observer = null;
  function start() {
    run();
    if (done) return;
    // the footer mounts after hydration, so watch for it
    observer = new MutationObserver(function () {
      if (window.requestIdleCallback) requestIdleCallback(run, { timeout: 200 });
      else setTimeout(run, 0);
    });
    observer.observe(document.documentElement, { childList: true, subtree: true });
    // hard stop so the observer never lingers
    setTimeout(function () { if (observer) observer.disconnect(); }, 15000);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', start);
  } else {
    start();
  }
})();
</script>

Good Oil 2016 - Conference Presentation