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

EnergyPathways is intent on contributing to the challenges of a lower-carbon future. With renewable energy sources like solar and wind potentially to providing up to 40% of energy globally by 2060, hydrocarbons will continue to play a vital transition role in the coming decades, providing much-needed energy to fuel transport, in particular flexible power generation, energy storage, aviation, and make everyday products from plastics to steel.

EnergyPathways is using its expertise and experience to deliver cleaner energy solutions to help the UK and other countries meet their meet its growing energy needs. We will work with partners, communities, and government bodies to do this in environmentally and socially responsible ways.

Opportunities exist for those companies who can innovate and bring together an understanding of future market needs, emerging technologies and integrate energy systems. EnergyPathways is targeting energy solutions that integrate across gas to power, renewables, CCS and blue and green hydrogen and ammonia.

Natural gas – the cleanest-burning hydrocarbon – has a major role to play in the UK’s energy future and will be vital to building a sustainable energy future, especially in power generation, where it produces around half the CO2 and just one-tenth the air pollutants that coal does.

Energy Innovation