Strike Energy

Latest Updates

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

<style id="ihx-head-css">
  :root {
    --ihx-nav-bg: #004A8C;            /* header fallback colour + inverted badge/button text - EDIT THIS */
    --ihx-nav-text: #FFFFFF;          /* nav font + underline colour - EDIT THIS */
    --ihx-header-gradient: linear-gradient(to top, #004A8C 0%, #192B3B 100%);   /* header band + logo row - EDIT THIS */
    --ihx-logo-height: 56px;          /* desktop logo height - EDIT THIS (keep 64px or under) */
    --ihx-logo-height-mobile: 40px;   /* mobile logo height (under 768px) - EDIT THIS */
    --ihx-footer-gradient: linear-gradient(to top, #004A8C 0%, #192B3B 100%);   /* also update GRADIENT in the footer script */
  }

  /* ---- 1. NAV BAR + HEADER BAND ----
     One fixed <header> holding the logo row and the menu row
     (.bg-company-accent). The gradient runs across both. */
  header.fixed {
    background-color: var(--ihx-nav-bg) !important;
    background-image: var(--ihx-header-gradient) !important;
  }
  /* the menu row has its own white fill - clear it so the gradient runs through */
  header.fixed .bg-company-accent {
    background-color: transparent !important;
  }
  /* white font: menu links, ASX ticker, share price, My account, icons */
  header.fixed a,
  header.fixed button,
  header.fixed span,
  header.fixed p,
  header.fixed svg,
  header.fixed .text-company-accent-text {
    color: var(--ihx-nav-text) !important;
  }
  /* menu underline (active page + hover) - matches the font */
  header.fixed .border-b-company-accent-text,
  header.fixed .group:hover [class*="group-hover:border-b-company-accent-text"] {
    border-bottom-color: var(--ihx-nav-text) !important;
  }
  /* the share price arrow is filled red/green directly - white too */
  header.fixed [class*="fill-status"] {
    fill: var(--ihx-nav-text) !important;
  }
  /* the notification badge is brand blue - invert it so it stays visible */
  header.fixed .bg-company-primary {
    background-color: var(--ihx-nav-text) !important;
    color: var(--ihx-nav-bg) !important;
  }
  /* logged-out "Log in" button has a light grey fill - keep its dark text */
  header.fixed .bg-gray-100,
  header.fixed .bg-gray-100 * {
    color: #384250 !important;
  }
  /* logged-out "Sign up" button is brand blue - invert it so it stays visible */
  header.fixed .bg-hubs-cta {
    background-color: var(--ihx-nav-text) !important;
    border-color: var(--ihx-nav-text) !important;
  }
  header.fixed .bg-hubs-cta,
  header.fixed .bg-hubs-cta * {
    color: var(--ihx-nav-bg) !important;
  }
  /* dropdown menus stay white with their original dark text */
  header.fixed .rounded-hubs-menu,
  header.fixed .rounded-hubs-menu * {
    color: #384250 !important;
  }

  /* ---- 2. HEADER LOGO SIZE ----
     The logo is the only image in the header, so this works whatever
     logo file is uploaded. The footer logo is not affected. */
  header.fixed img {
    height: var(--ihx-logo-height) !important;
    width: auto !important;
    max-height: none !important;   /* the theme caps the logo at 46px */
    max-width: none !important;
    object-fit: contain !important;
  }

  @media (max-width: 767px) {
    header.fixed img {
      height: var(--ihx-logo-height-mobile) !important;
      max-width: 60vw !important;   /* stops the logo pushing the menu button off screen */
    }
  }

  /* ---- 3. FOOTER GRADIENT ----
     The footer colour comes from --footer-background-color, which can't
     carry a gradient, so a background-IMAGE is painted instead */
  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>
/* KEEPS THE CSS ABOVE LIVE
   The hub strips this head tag's <style> once the page finishes loading.
   This copies the CSS above into a stylesheet the page cannot remove.
   Edit the CSS above as normal - this picks up whatever is there.
   Must stay directly after the <style> block. */
(function () {
  var src = document.getElementById('ihx-head-css');
  if (!src) return;
  var css = src.textContent;

  // modern browsers: a constructed stylesheet is not part of the page's
  // HTML, so loading and page changes cannot strip it
  try {
    var sheet = new CSSStyleSheet();
    sheet.replaceSync(css);
    document.adoptedStyleSheets = document.adoptedStyleSheets.concat(sheet);
    return;
  } catch (e) {}

  // older browsers: keep a copy at the end of <body> and put it back if removed
  function ensure() {
    if (!document.body || document.getElementById('ihx-head-css-copy')) return;
    var s = document.createElement('style');
    s.id = 'ihx-head-css-copy';
    s.textContent = css;
    document.body.appendChild(s);
  }
  function start() {
    ensure();
    new MutationObserver(ensure).observe(document.body, { childList: true });
  }
  if (document.body) start();
  else document.addEventListener('DOMContentLoaded', start);
})();
</script>

<script>
/* FOOTER GRADIENT - paints the gradient straight onto the footer, so it
   holds even before the stylesheet above is applied */
(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>

Webinars

News

Investor presentations