Westgold Resources

Gain a direct line to Westgold Resources leadership

Be first to know our latest company updates

Watch exclusive videos accompanying major news

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap" rel="stylesheet">

<style id="wgx-footer-style">
  .wgx-ql-col { margin-left: var(--wgx-gap, 64px) !important; }
  /* Footer logo spacing (applies whether or not it is centred) */
  .wgx-logo-space {
    margin-top: var(--wgx-logo-mt, 0px) !important;
    margin-bottom: var(--wgx-logo-mb, 0px) !important;
  }
  /* Centred footer logo */
  .wgx-logo {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
  .wgx-logo-wrap { text-align: center !important; width: 100% !important; }
  .wgx-logo-wrap-flex { justify-content: center !important; width: 100% !important; }

  /* Open Sans applied across the whole footer when fontScope = "footer" */
  .wgx-font-footer,
  .wgx-font-footer * {
    font-family: var(--wgx-font, inherit) !important;
  }

  .wgx-btn-col {
    margin-left: var(--wgx-btn-ml, auto);
    padding-left: var(--wgx-btn-gap, 0px);
    transform: translateX(var(--wgx-btn-shift, 0px));
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--wgx-btn-colgap, 16px);
    flex-shrink: 0;
  }
  .wgx-btn-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .wgx-btn-col a {
    font-family: var(--wgx-btn-font, inherit);
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 18px; font-size: 14px; font-weight: 500; line-height: 1.2;
    text-decoration: none; white-space: nowrap;
    min-width: var(--wgx-btn-minw, 0);
    border-radius: var(--wgx-btn-radius, 4px);
    border: var(--wgx-btn-border, 1px solid currentColor);
    color: var(--wgx-btn-text, inherit);
    background: var(--wgx-btn-bg, transparent);
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
  }
  .wgx-btn-col a:hover,
  .wgx-btn-col a:focus-visible {
    background: var(--wgx-btn-hover-bg, #F0C62E);
    color: var(--wgx-btn-hover-text, #0A2E28);
    border-color: var(--wgx-btn-hover-border, #F0C62E);
  }
  .wgx-btn-col a:focus-visible { outline: 2px solid #F0C62E; outline-offset: 2px; }
  @media (max-width: 900px) {
    .wgx-ql-col { margin-left: 0 !important; }
    .wgx-logo-space {
      margin-top: var(--wgx-logo-mt-mob, 0px) !important;
      margin-bottom: var(--wgx-logo-mb-mob, 32px) !important;
    }
    .wgx-btn-col {
      margin-left: 0 !important;
      padding-left: 0;
      transform: none;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 24px;
    }
    .wgx-btn-group { flex: 1 1 100%; }
  }
</style>
<script>
(function () {
  "use strict";
  /* ----------------------------- CONFIG ----------------------------- */
  var CONFIG = {
    quicklinksHeading: ["quicklink", "quick link"],

    // FONT
    fontStack: '"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
    fontScope: "button",        // "button" = the Integrity Hotline button only
                                // "footer" = the entire footer

    centerLogo: true,           // set false to leave the logo left-aligned
    logoSpaceAbove: "0px",
    logoSpaceBelow: "56px",
    logoSpaceBelowMobile: "32px",
    moveQuicklinks: true,
    gapFromLogo: "64px",
    // Each inner array is one COLUMN of buttons.
    buttonGroups: [
      [
        {
          label: "Integrity Hotline",
          url: "https://landing.coreplusplatform.com/6a45d19fecf9b75f4f969714",
          newTab: true
        }
      ]
    ],
    buttonPlacement: "right-column",
    buttonAlign: "far-right",
    buttonGap: "0px",
    buttonShift: "-60px",
    buttonColumnGap: "16px",
    buttonMinWidth: "190px",
    buttonBg: null,
    buttonText: null,
    buttonBorder: null,
    buttonRadius: "4px",
    hoverBg: "#F0C62E",
    hoverText: "#0A2E28",
    hoverBorder: "#F0C62E"
  };
  /* --------------------------- END CONFIG --------------------------- */
  function findFooter() {
    var f = document.querySelector("footer");
    if (f) return f;
    var links = document.querySelectorAll('a[href*="privacy"]');
    var el = links.length ? links[links.length - 1] : null;
    for (var i = 0; el && i < 8; i++) {
      if (el.querySelector('a[href*="linkedin"], a[href*="facebook"]')) return el;
      el = el.parentElement;
    }
    return null;
  }
  function findQuicklinksHeading(footer) {
    var nodes = footer.querySelectorAll("h1,h2,h3,h4,h5,h6,p,span,div,strong");
    for (var i = 0; i < nodes.length; i++) {
      var n = nodes[i];
      if (n.children.length) continue;
      var t = (n.textContent || "").trim().toLowerCase();
      if (t.length > 30) continue;
      for (var j = 0; j < CONFIG.quicklinksHeading.length; j++) {
        if (t.indexOf(CONFIG.quicklinksHeading[j]) !== -1) return n;
      }
    }
    return null;
  }
  function findContactAnchor(footer) {
    return footer.querySelector(
      'a[href*="linkedin"], a[href*="facebook"], a[href*="instagram"], ' +
      'a[href^="tel:"], a[href^="mailto:"]'
    );
  }
  // The main brand logo: biggest image in the footer that isn't a social icon
  function findLogo(footer) {
    var imgs = footer.querySelectorAll("img");
    var best = null, bestArea = 0;
    for (var i = 0; i < imgs.length; i++) {
      var r = imgs[i].getBoundingClientRect();
      var area = r.width * r.height;
      if (area > bestArea) { bestArea = area; best = imgs[i]; }
    }
    return best;
  }
  function commonAncestor(a, b) {
    var seen = [];
    for (var x = a; x; x = x.parentElement) seen.push(x);
    for (var y = b; y; y = y.parentElement) if (seen.indexOf(y) !== -1) return y;
    return null;
  }
  function childOf(row, node) {
    var el = node;
    while (el && el.parentElement && el.parentElement !== row) el = el.parentElement;
    return (el && el.parentElement === row) ? el : null;
  }
  function applyFooterFont(footer) {
    if (CONFIG.fontScope !== "footer") return;
    if (footer.classList.contains("wgx-font-footer")) return;
    footer.classList.add("wgx-font-footer");
    footer.style.setProperty("--wgx-font", CONFIG.fontStack);
  }
  function styleLogo(footer, logo, row) {
    if (!logo || logo.classList.contains("wgx-logo-space")) return;

    // Vertical breathing room, applied whether or not the logo is centred
    logo.classList.add("wgx-logo-space");
    logo.style.setProperty("--wgx-logo-mt", CONFIG.logoSpaceAbove || "0px");
    logo.style.setProperty("--wgx-logo-mb", CONFIG.logoSpaceBelow || "0px");
    logo.style.setProperty("--wgx-logo-mb-mob", CONFIG.logoSpaceBelowMobile || "32px");

    if (!CONFIG.centerLogo) return;

    logo.classList.add("wgx-logo");
    // Centre within its own wrapper, one level only, and never touch the
    // multi-column row itself.
    var w = logo.parentElement;
    for (var i = 0; i < 2 && w && w !== footer && w !== row; i++) {
      var ws = getComputedStyle(w);
      if (ws.display.indexOf("flex") !== -1) {
        w.classList.add("wgx-logo-wrap-flex");
      } else {
        w.classList.add("wgx-logo-wrap");
      }
      // stop climbing once we hit something that holds other content too
      if (w.children.length > 1) break;
      w = w.parentElement;
    }
  }
  function buildButtons() {
    var wrap = document.createElement("div");
    wrap.className = "wgx-btn-col";
    wrap.setAttribute("data-wgx", "buttons");
    wrap.style.setProperty("--wgx-btn-font", CONFIG.fontStack);
    wrap.style.setProperty("--wgx-btn-shift", CONFIG.buttonShift || "0px");
    wrap.style.setProperty("--wgx-btn-colgap", CONFIG.buttonColumnGap || "16px");
    wrap.style.setProperty("--wgx-btn-minw", CONFIG.buttonMinWidth || "0");
    if (CONFIG.buttonAlign === "gap") {
      wrap.style.setProperty("--wgx-btn-ml", CONFIG.buttonGap || "120px");
      wrap.style.setProperty("--wgx-btn-gap", "0px");
    } else {
      wrap.style.setProperty("--wgx-btn-ml", "auto");
      wrap.style.setProperty("--wgx-btn-gap", CONFIG.buttonGap || "0px");
    }
    if (CONFIG.buttonBg)     wrap.style.setProperty("--wgx-btn-bg", CONFIG.buttonBg);
    if (CONFIG.buttonText)   wrap.style.setProperty("--wgx-btn-text", CONFIG.buttonText);
    if (CONFIG.buttonBorder) wrap.style.setProperty("--wgx-btn-border", CONFIG.buttonBorder);
    if (CONFIG.buttonRadius) wrap.style.setProperty("--wgx-btn-radius", CONFIG.buttonRadius);
    if (CONFIG.hoverBg)     wrap.style.setProperty("--wgx-btn-hover-bg", CONFIG.hoverBg);
    if (CONFIG.hoverText)   wrap.style.setProperty("--wgx-btn-hover-text", CONFIG.hoverText);
    if (CONFIG.hoverBorder) wrap.style.setProperty("--wgx-btn-hover-border", CONFIG.hoverBorder);
    CONFIG.buttonGroups.forEach(function (group) {
      if (!group || !group.length) return;
      var col = document.createElement("div");
      col.className = "wgx-btn-group";
      group.forEach(function (b) {
        var a = document.createElement("a");
        a.href = b.url;
        a.textContent = b.label;
        if (b.newTab) { a.target = "_blank"; a.rel = "noopener noreferrer"; }
        col.appendChild(a);
      });
      wrap.appendChild(col);
    });
    return wrap;
  }
  function placeInRow(row, btns) {
    var cs = getComputedStyle(row);
    var display = cs.display;
    if (display.indexOf("grid") !== -1) {
      var tpl = cs.gridTemplateColumns;
      if (tpl && tpl !== "none") row.style.gridTemplateColumns = tpl + " max-content";
      btns.style.justifySelf = "end";
      btns.style.marginLeft = "0";
      row.appendChild(btns);
      return;
    }
    if (display.indexOf("flex") !== -1) {
      row.appendChild(btns);
      return;
    }
    btns.style.float = "right";
    btns.style.marginLeft = "0";
    row.insertBefore(btns, row.firstChild);
  }
  function apply() {
    var footer = findFooter();
    if (!footer) return false;
    var heading = findQuicklinksHeading(footer);
    var contact = findContactAnchor(footer);
    if (!heading || !contact) return false;
    var row = commonAncestor(heading, contact);
    var qlCol = childOf(row, heading);
    var contactCol = childOf(row, contact);
    if (!row || !qlCol || !contactCol || qlCol === contactCol) return false;
    var logo = findLogo(footer);
    /* ---- 1. Font scope ---- */
    applyFooterFont(footer);
    /* ---- 2. Logo spacing + centring ---- */
    styleLogo(footer, logo, row);
    /* ---- 3. Quicklinks position ---- */
    if (CONFIG.moveQuicklinks && !footer.querySelector('[data-wgx="moved"]')) {
      var logoCol = logo ? childOf(row, logo) : null;
      if (logoCol && logoCol !== qlCol) {
        row.insertBefore(qlCol, logoCol.nextSibling);
        qlCol.classList.add("wgx-ql-col");
        qlCol.style.setProperty("--wgx-gap", CONFIG.gapFromLogo);
      }
      qlCol.setAttribute("data-wgx", "moved");
    }
    /* ---- 4. Button ---- */
    if (!footer.querySelector('[data-wgx="buttons"]')) {
      var btns = buildButtons();
      if (CONFIG.buttonPlacement === "right-column") {
        placeInRow(row, btns);
      } else {
        btns.style.marginLeft = "0";
        btns.style.paddingLeft = "0";
        btns.style.marginTop = "32px";
        footer.appendChild(btns);
      }
    }
    return true;
  }
  function boot() {
    apply();
    var tries = 0;
    var timer = setInterval(function () {
      if (apply() || ++tries > 40) clearInterval(timer);
    }, 250);
    var pending;
    new MutationObserver(function () {
      clearTimeout(pending);
      pending = setTimeout(apply, 120);
    }).observe(document.body, { childList: true, subtree: true });
  }
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", boot);
  } else {
    boot();
  }
})();
</script>

Westgold Conference Presentation February 2021