EnergyPathways

Default features description for sign up page.

<style>
  .epp-ticker__bar {
    position: fixed;
    top: 0;                /* set by the script to sit under the nav */
    left: 0;
    right: 0;
    width: 100%;
    /* The hub header is z-20. Staying below it lets the nav's dropdown
       menus open over the banner instead of behind it. */
    z-index: 10;
  }
  .epp-ticker__link {
    display: block;
    text-decoration: none;
    overflow: hidden;
    transition: opacity 0.3s ease;
    background-color: #67A9BE;
  }
  .epp-ticker__link:hover { opacity: 0.9; }
  .epp-ticker__inner {
    display: flex;
    align-items: center;
    height: 48px;
    overflow: hidden;
    position: relative;
  }
  .epp-ticker__track {
    display: flex;
    width: max-content;
    animation: epp-scroll 60s linear infinite;
    will-change: transform;
  }
  .epp-ticker__item {
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    padding: 0 4rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #ffffff;
  }
  .epp-ticker__label { opacity: 0.9; }
  .epp-ticker__title {
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  @keyframes epp-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  @media (min-width: 768px) {
    .epp-ticker__inner { height: 56px; }
    .epp-ticker__item  { font-size: 0.95rem; padding: 0 8rem; }
  }
  @media (prefers-reduced-motion: reduce) {
    .epp-ticker__track {
      animation: none;
      width: 100%;
      justify-content: center;
      transform: none;
    }
    .epp-ticker__item:nth-child(n+2) { display: none; }
  }
  @media print {
    .epp-ticker__bar { display: none !important; }
  }
</style>

<script>
(function () {
  /* ---------- edit these if needed ---------- */
  var CFG = {
    href:  'https://luma.com/nck8dp3e',
    label: 'Register for our',
    title: 'Aberdeen Investor Event',
    navSelector: 'header',  // the hub's nav; auto-detect is used if not found
    navHeight: null         // e.g. 72 — only used if no nav is found at all
  };
  /* ----------------------------------------- */

  if (window.__eppTicker) return;   // never inject twice
  window.__eppTicker = true;

  function buildBar() {
    var bar = document.createElement('div');
    bar.className = 'epp-ticker__bar';

    var link = document.createElement('a');
    link.className = 'epp-ticker__link';
    link.href = CFG.href;
    link.target = '_blank';
    link.rel = 'noopener';
    link.setAttribute('aria-label', CFG.label + ' ' + CFG.title);

    var item = '<div class="epp-ticker__item font-heading">' +
                 '<span class="epp-ticker__label"></span>&nbsp;' +
                 '<span class="epp-ticker__title"></span>' +
               '</div>';
    // 5 items, then the same 5 again — the -50% keyframe makes the loop seamless
    link.innerHTML = '<div class="epp-ticker__inner"><div class="epp-ticker__track">' +
                     new Array(11).join(item) +
                     '</div></div>';

    Array.prototype.forEach.call(link.querySelectorAll('.epp-ticker__label'), function (el) {
      el.textContent = CFG.label;
    });
    Array.prototype.forEach.call(link.querySelectorAll('.epp-ticker__title'), function (el) {
      el.textContent = CFG.title;
    });

    bar.appendChild(link);
    return bar;
  }

  function findNav(bar) {
    if (CFG.navSelector) {
      var picked = document.querySelector(CFG.navSelector);
      if (picked) return picked;
    }
    var best = null;
    Array.prototype.forEach.call(document.body.querySelectorAll('header,nav,div'), function (el) {
      if (el === bar || bar.contains(el) || el.contains(bar)) return;
      var s = window.getComputedStyle(el);
      if (s.position !== 'fixed' && s.position !== 'sticky') return;
      if (parseFloat(s.top) !== 0) return;
      if (el.offsetWidth < window.innerWidth * 0.8) return;       // skip small floating widgets
      if (el.offsetHeight < 20 || el.offsetHeight > 200) return;  // skip slivers and overlays
      if (!best || el.contains(best)) best = el;                  // prefer the outermost bar
    });
    return best;
  }

  function init() {
    var bar = buildBar();
    // Appended to <body>, outside the app's render root, so it survives
    // client-side page changes without being re-injected.
    document.body.appendChild(bar);

    var nav = findNav(bar);

    // --- spacing --------------------------------------------------------
    // padTarget is the element we add the banner's height to. We record its
    // ORIGINAL top padding exactly once per element and never re-read it
    // afterwards — re-reading an element we had already padded was what
    // doubled the offset and left a white gap after a page change.
    var padTarget = null;
    var padBase = 0;

    function usePadTarget(el) {
      if (el === padTarget) return;
      if (padTarget) padTarget.style.paddingTop = '';   // undo ours before moving
      padTarget = el;
      padBase = parseFloat(window.getComputedStyle(el).paddingTop) || 0;
    }

    function pickPadTarget() {
      var inFlow = nav &&
        ['fixed', 'absolute'].indexOf(window.getComputedStyle(nav).position) === -1;
      // Nav in normal flow: make room after it. Nav out of flow (EPP's header
      // is position:fixed): the site already offsets content for it, so the
      // banner's height goes on <body>.
      usePadTarget(inFlow ? (nav.nextElementSibling || document.body) : document.body);
    }

    pickPadTarget();

    function place() {
      var h = bar.offsetHeight;
      // Follow the nav's bottom edge, so the banner tucks under a fixed or
      // sticky nav, tracks one that changes height, and rises to the top if
      // the nav scrolls away.
      var top = 0;
      if (nav) top = Math.max(0, nav.getBoundingClientRect().bottom);
      else if (CFG.navHeight != null) top = CFG.navHeight;

      bar.style.top = top + 'px';
      // Exactly the banner's own height on top of whatever the site already
      // had — the fixed banner covers this strip, so no white gap appears.
      var pad = (padBase + h) + 'px';
      if (padTarget.style.paddingTop !== pad) padTarget.style.paddingTop = pad;
    }

    var queued = false;
    function schedule() {
      if (queued) return;
      queued = true;
      window.requestAnimationFrame(function () { queued = false; place(); });
    }

    place();
    window.addEventListener('scroll', schedule, { passive: true });
    window.addEventListener('resize', schedule);
    if (window.ResizeObserver) {
      var ro = new window.ResizeObserver(schedule);
      ro.observe(bar);
      if (nav) ro.observe(nav);
    }
    // Re-attach if the app re-renders and drops the bar, or swaps the nav out.
    if (window.MutationObserver) {
      var t;
      new window.MutationObserver(function () {
        clearTimeout(t);
        t = setTimeout(function () {
          if (!document.body.contains(bar)) document.body.appendChild(bar);
          if (!nav || !document.body.contains(nav)) {
            nav = findNav(bar);
            pickPadTarget();   // no-op when the target element is unchanged
          }
          place();
        }, 250);
      }).observe(document.body, { childList: true, subtree: true });
    }
  }

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

Contact us

Home

Corporate Documents

Shareholder Information

Presentations

Team

AIM Rule 26

Advisors

Vision & values

Strategy

Results, Reports & Circulars

Investors

Our Story

Media

Regulatory News

Webinars

News

MESH

Corporate Governance

Ethics Policy

Environmental Policy

Health & Safety Policy

Manrope

upload.jpg

In this Midweek Takeaway, Phil and Kevin are joined by Ben Clube, CEO of EnergyPathways, to discuss the landmark designation of the company’s MASH project in Cumbria as a Development of National Significance. Ben outlines how MASH will provide long-duration energy storage, hydrogen, synthetic graphite and low-carbon ammonia to tackle wasted wind power, strengthen UK energy security, and support net zero targets. With backing from major partners including Siemens Energy, Wood, Costain, and KBR, the project aims to deliver scalable clean energy solutions and position itself at the heart of the UK’s transition. Analyst Charles Archer and Tom Reddit deluxe also join to explore timelines, licensing, financing, and the project’s potential to transform domestic gas use and drive industrial growth. Disclaimer & Declaration of Interest This podcast may contain paid promotions, including but not limited to sponsorships, endorsements, or affiliate partnerships. The information, investment views, and recommendations provided are for general informational purposes only and should not be construed as a solicitation to buy or sell any financial products related to the companies discussed. Any opinions or comments are made to the best of the knowledge and belief of the commentators; however, no responsibility is accepted for actions based on such opinions or comments. The commentators may or may not hold investments in the companies under discussion. Listeners are encouraged to perform their own research and consult with a licensed professional before making any financial decisions based on the content of this podcast.

Midweek Takeaway with Ben Clube (CEO) of EnergyPathways PLC #EPP