{"id":218,"date":"2025-05-23T05:55:31","date_gmt":"2025-05-23T05:55:31","guid":{"rendered":"https:\/\/xxplore.co.za\/?p=218"},"modified":"2025-05-23T06:29:32","modified_gmt":"2025-05-23T06:29:32","slug":"the-exxaro-quiz-challenge","status":"publish","type":"post","link":"https:\/\/xxplore.co.za\/index.php\/2025\/05\/23\/the-exxaro-quiz-challenge\/","title":{"rendered":"The EXXARO Quiz Challenge"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<!DOCTYPE html><!-- [et_pb_line_break_holder] --><html lang=\"en\"><!-- [et_pb_line_break_holder] --><head><!-- [et_pb_line_break_holder] -->  <meta charset=\"UTF-8\"><!-- [et_pb_line_break_holder] -->  <title>Multi-Choice Game (Email &#038; Background Send)<\/title><!-- [et_pb_line_break_holder] -->  <\/p>\n<style><!-- [et_pb_line_break_holder] -->    \/* <!-- [et_pb_line_break_holder] -->      ======================================================================================<!-- [et_pb_line_break_holder] -->      BODY & WRAPPERS<!-- [et_pb_line_break_holder] -->      ======================================================================================<!-- [et_pb_line_break_holder] -->    *\/<!-- [et_pb_line_break_holder] -->    body {<!-- [et_pb_line_break_holder] -->      margin: 0;<!-- [et_pb_line_break_holder] -->      padding: 0;<!-- [et_pb_line_break_holder] -->      font-family: Arial, sans-serif;<!-- [et_pb_line_break_holder] -->      background: #f2f2f2; <!-- [et_pb_line_break_holder] -->      min-height: 100vh; <!-- [et_pb_line_break_holder] -->      \/* Removed any \"display: flex\" on body so WordPress layout isn't forced *\/<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #gameWrapper {<!-- [et_pb_line_break_holder] -->      width: 100%;<!-- [et_pb_line_break_holder] -->      max-width: 100%; <!-- [et_pb_line_break_holder] -->      margin: 0 auto; <!-- [et_pb_line_break_holder] -->      overflow: auto;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #gameContainer {<!-- [et_pb_line_break_holder] -->      width: 100%;<!-- [et_pb_line_break_holder] -->      max-width: 1000px; <!-- [et_pb_line_break_holder] -->      min-height: 800px;<!-- [et_pb_line_break_holder] -->      background: #fff;<!-- [et_pb_line_break_holder] -->      margin: 20px auto; <!-- [et_pb_line_break_holder] -->      position: relative;<!-- [et_pb_line_break_holder] -->      box-shadow: 0 0 10px rgba(0,0,0,0.1);<!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] -->      flex-direction: column;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #content {<!-- [et_pb_line_break_holder] -->      flex: 1;<!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] -->      flex-direction: column;<!-- [et_pb_line_break_holder] -->      align-items: center;<!-- [et_pb_line_break_holder] -->      justify-content: flex-start;<!-- [et_pb_line_break_holder] -->      padding: 20px;<!-- [et_pb_line_break_holder] -->      position: relative;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .screen {<!-- [et_pb_line_break_holder] -->      width: 100%;<!-- [et_pb_line_break_holder] -->      height: 100%;<!-- [et_pb_line_break_holder] -->      display: none;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .active {<!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] -->      flex-direction: column;<!-- [et_pb_line_break_holder] -->      align-items: center;<!-- [et_pb_line_break_holder] -->      justify-content: flex-start;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* <!-- [et_pb_line_break_holder] -->      ======================================================================================<!-- [et_pb_line_break_holder] -->      START SCREEN<!-- [et_pb_line_break_holder] -->      ======================================================================================<!-- [et_pb_line_break_holder] -->    *\/<!-- [et_pb_line_break_holder] -->    #startScreen {<!-- [et_pb_line_break_holder] -->      text-align: center;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #startBanner {<!-- [et_pb_line_break_holder] -->      width: 600px; <!-- [et_pb_line_break_holder] -->      height: 296px; <!-- [et_pb_line_break_holder] -->      display: block;<!-- [et_pb_line_break_holder] -->      margin: 0 auto 20px auto; <!-- [et_pb_line_break_holder] -->      object-fit: cover;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #startScreenRectangle {<!-- [et_pb_line_break_holder] -->      background: #fff;<!-- [et_pb_line_break_holder] -->      border: 6px solid #88bd32;<!-- [et_pb_line_break_holder] -->      border-radius: 20px;<!-- [et_pb_line_break_holder] -->      padding: 20px;<!-- [et_pb_line_break_holder] -->      width: 70%;<!-- [et_pb_line_break_holder] -->      margin: 0 auto 60px auto;<!-- [et_pb_line_break_holder] -->      box-shadow: 0 4px 8px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] -->      flex-direction: column;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #instructions {<!-- [et_pb_line_break_holder] -->      color: #000000;<!-- [et_pb_line_break_holder] -->      line-height: 1.5em;<!-- [et_pb_line_break_holder] -->      margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #startBtn {<!-- [et_pb_line_break_holder] -->      background: #88bd32;<!-- [et_pb_line_break_holder] -->      border: 4px solid #fff;<!-- [et_pb_line_break_holder] -->      box-shadow: 0 2px 6px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->      color: #fff;<!-- [et_pb_line_break_holder] -->      font-size: 1.2em;<!-- [et_pb_line_break_holder] -->      padding: 15px 30px;<!-- [et_pb_line_break_holder] -->      border-radius: 10px;<!-- [et_pb_line_break_holder] -->      cursor: pointer;<!-- [et_pb_line_break_holder] -->      transition: background 0.3s ease;<!-- [et_pb_line_break_holder] -->      width: 40%;<!-- [et_pb_line_break_holder] -->      align-self: center;<!-- [et_pb_line_break_holder] -->      margin-top:25px;<!-- [et_pb_line_break_holder] -->      margin-bottom:10px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #startBtn:hover {<!-- [et_pb_line_break_holder] -->      background: #7aac2b;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* <!-- [et_pb_line_break_holder] -->      ======================================================================================<!-- [et_pb_line_break_holder] -->      GAME SCREEN<!-- [et_pb_line_break_holder] -->      ======================================================================================<!-- [et_pb_line_break_holder] -->    *\/<!-- [et_pb_line_break_holder] -->    #gameImageContainer {<!-- [et_pb_line_break_holder] -->      width: 100%;<!-- [et_pb_line_break_holder] -->      text-align: center; <!-- [et_pb_line_break_holder] -->      margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #questiontwoImage {<!-- [et_pb_line_break_holder] -->      width: 400px; <!-- [et_pb_line_break_holder] -->      height: 400px;<!-- [et_pb_line_break_holder] -->      object-fit: cover;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #questionInfoRow {<!-- [et_pb_line_break_holder] -->      width: 80%;<!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] -->      justify-content: space-between; <!-- [et_pb_line_break_holder] -->      align-items: center;<!-- [et_pb_line_break_holder] -->      margin: 0 auto 20px auto;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #timer {<!-- [et_pb_line_break_holder] -->      text-align: left;<!-- [et_pb_line_break_holder] -->      font-weight: bold;<!-- [et_pb_line_break_holder] -->      font-size: 1.3em;<!-- [et_pb_line_break_holder] -->      color:#209288;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .question-label {<!-- [et_pb_line_break_holder] -->      text-align: right;<!-- [et_pb_line_break_holder] -->      font-size: 1.3em;<!-- [et_pb_line_break_holder] -->      font-weight: bold;<!-- [et_pb_line_break_holder] -->      color:#209288;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Updated question text area with min-height to support at least 3 lines *\/<!-- [et_pb_line_break_holder] -->    #questionTextDiv {<!-- [et_pb_line_break_holder] -->      width: 80%;<!-- [et_pb_line_break_holder] -->      margin: 0 auto 5px auto;<!-- [et_pb_line_break_holder] -->      text-align: center;<!-- [et_pb_line_break_holder] -->      font-size: 1.1em;<!-- [et_pb_line_break_holder] -->      color: #000;<!-- [et_pb_line_break_holder] -->      line-height: 1.4em;<!-- [et_pb_line_break_holder] -->      min-height: 4.5em;  \/* Ensures at least 3 lines (approx 1.4em each) *\/<!-- [et_pb_line_break_holder] -->      overflow-wrap: break-word;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #answersContainer {<!-- [et_pb_line_break_holder] -->      display: grid;<!-- [et_pb_line_break_holder] -->      grid-template-columns: 1fr 1fr; <!-- [et_pb_line_break_holder] -->      gap: 20px;<!-- [et_pb_line_break_holder] -->      width: 80%;<!-- [et_pb_line_break_holder] -->      margin: 0 auto;<!-- [et_pb_line_break_holder] -->      padding-bottom: 40px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    @media (max-width: 600px) {<!-- [et_pb_line_break_holder] -->      #answersContainer {<!-- [et_pb_line_break_holder] -->        grid-template-columns: 1fr; <!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    .answer-btn {<!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] -->      align-items: center;<!-- [et_pb_line_break_holder] -->      justify-content: center;<!-- [et_pb_line_break_holder] -->      text-align: center;<!-- [et_pb_line_break_holder] -->      font-size: 1.1em;<!-- [et_pb_line_break_holder] -->      font-weight: bold;<!-- [et_pb_line_break_holder] -->      color: #fff;<!-- [et_pb_line_break_holder] -->      border-radius: 15px;<!-- [et_pb_line_break_holder] -->      border: 8px solid #fff;<!-- [et_pb_line_break_holder] -->      box-shadow: 0 4px 8px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->      min-height: 80px;<!-- [et_pb_line_break_holder] -->      cursor: pointer;<!-- [et_pb_line_break_holder] -->      transition: transform 0.2s ease;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .answer-btn:hover {<!-- [et_pb_line_break_holder] -->      transform: scale(1.03);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .answer-red    { background-color: #5e9fbb; }<!-- [et_pb_line_break_holder] -->    .answer-orange { background-color: #5f837b; color: #fff; }<!-- [et_pb_line_break_holder] -->    .answer-blue   { background-color: #209288; }<!-- [et_pb_line_break_holder] -->    .answer-green  { background-color: #38b449; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* <!-- [et_pb_line_break_holder] -->      ======================================================================================<!-- [et_pb_line_break_holder] -->      OVERLAY<!-- [et_pb_line_break_holder] -->      ======================================================================================<!-- [et_pb_line_break_holder] -->    *\/<!-- [et_pb_line_break_holder] -->    #overlay {<!-- [et_pb_line_break_holder] -->      position: absolute;<!-- [et_pb_line_break_holder] -->      top: 0; left: 0;<!-- [et_pb_line_break_holder] -->      width: 100%;<!-- [et_pb_line_break_holder] -->      height: 100%;<!-- [et_pb_line_break_holder] -->      background: rgba(0,0,0,0.5);<!-- [et_pb_line_break_holder] -->      display: flex;<!-- [et_pb_line_break_holder] -->      align-items: center;<!-- [et_pb_line_break_holder] -->      justify-content: center;<!-- [et_pb_line_break_holder] -->      opacity: 0;<!-- [et_pb_line_break_holder] -->      pointer-events: none;<!-- [et_pb_line_break_holder] -->      transition: opacity 0.3s ease;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #overlay.active {<!-- [et_pb_line_break_holder] -->      opacity: 1;<!-- [et_pb_line_break_holder] -->      pointer-events: auto;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    #overlayContent {<!-- [et_pb_line_break_holder] -->      background: #fff;<!-- [et_pb_line_break_holder] -->      padding: 30px;<!-- [et_pb_line_break_holder] -->      border-radius: 10px;<!-- [et_pb_line_break_holder] -->      text-align: center;<!-- [et_pb_line_break_holder] -->      width: 70%;<!-- [et_pb_line_break_holder] -->      max-width: 500px;<!-- [et_pb_line_break_holder] -->      box-shadow: 0 4px 10px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->      border: 8px solid transparent;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #overlayContent h2 {<!-- [et_pb_line_break_holder] -->      margin: 0 0 20px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #overlayContent button {<!-- [et_pb_line_break_holder] -->      padding: 10px 20px;<!-- [et_pb_line_break_holder] -->      font-size: 16px;<!-- [et_pb_line_break_holder] -->      cursor: pointer;<!-- [et_pb_line_break_holder] -->      border: 4px solid #fff;<!-- [et_pb_line_break_holder] -->      border-radius: 5px;<!-- [et_pb_line_break_holder] -->      color: #fff;<!-- [et_pb_line_break_holder] -->      box-shadow: 0 2px 6px rgba(0,0,0,0.2);<!-- [et_pb_line_break_holder] -->      transition: background 0.3s ease;<!-- [et_pb_line_break_holder] -->      margin-top: 20px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #overlayContent button:hover {<!-- [et_pb_line_break_holder] -->      opacity: 0.9;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* NEW for Email Input & Send button (for background emailing) *\/<!-- [et_pb_line_break_holder] -->    #emailPrompt {<!-- [et_pb_line_break_holder] -->      margin: 20px 0;<!-- [et_pb_line_break_holder] -->      font-weight: bold;<!-- [et_pb_line_break_holder] -->      color: #000;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #userEmail {<!-- [et_pb_line_break_holder] -->      width: 70%;<!-- [et_pb_line_break_holder] -->      padding: 10px;<!-- [et_pb_line_break_holder] -->      font-size: 16px;<!-- [et_pb_line_break_holder] -->      border: 2px solid #ccc;<!-- [et_pb_line_break_holder] -->      border-radius: 5px;<!-- [et_pb_line_break_holder] -->      margin-bottom: 10px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #sendEmailBtn {<!-- [et_pb_line_break_holder] -->      background: #88bd32;<!-- [et_pb_line_break_holder] -->      border: 4px solid #fff;<!-- [et_pb_line_break_holder] -->      color: #fff;<!-- [et_pb_line_break_holder] -->      font-size: 16px;<!-- [et_pb_line_break_holder] -->      padding: 10px 20px;<!-- [et_pb_line_break_holder] -->      border-radius: 5px;<!-- [et_pb_line_break_holder] -->      cursor: pointer;<!-- [et_pb_line_break_holder] -->      transition: background 0.3s ease;<!-- [et_pb_line_break_holder] -->      display: inline-block;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #sendEmailBtn:hover {<!-- [et_pb_line_break_holder] -->      background: #7aac2b;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #emailStatusMsg {<!-- [et_pb_line_break_holder] -->      margin-top: 10px;<!-- [et_pb_line_break_holder] -->      font-size: 1em;<!-- [et_pb_line_break_holder] -->      font-weight: bold;<!-- [et_pb_line_break_holder] -->      color: #000;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body data-rsssl=1 data-rsssl=1 data-rsssl=1><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"gameWrapper\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"gameContainer\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"content\"><!-- [et_pb_line_break_holder] -->      <!-- START SCREEN --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div id=\"startScreen\" class=\"screen active\"><!-- [et_pb_line_break_holder] -->        <img <!-- [et_pb_line_break_holder] -->          id=&#8221;startBanner&#8221; <!-- [et_pb_line_break_holder] -->          src=&#8221;https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/05\/Banner.jpg&#8221;<!-- [et_pb_line_break_holder] -->          alt=&#8221;Banner (600&#215;296)&#8221;<!-- [et_pb_line_break_holder] -->        \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"startScreenRectangle\"><!-- [et_pb_line_break_holder] -->          <pee id=\"instructions\"><!-- [et_pb_line_break_holder] -->            <span style=\"font-size: 28px; font-weight: 600;\">The Exxaro Quiz Challenge<\/span> <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->            <pee style=\"text-align: start; color: #000\"><!-- [et_pb_line_break_holder] -->            <b>Thank you for your participation. <\/b><!-- [et_pb_line_break_holder] -->          <\/pee><!-- [et_pb_line_break_holder] -->           <pee style=\"text-align: start; color: #000\"><!-- [et_pb_line_break_holder] -->            <b>This competition is now closed.<\/b><!-- [et_pb_line_break_holder] -->          <\/pee><!-- [et_pb_line_break_holder] -->           <pee style=\"text-align: start; color: #000\"><!-- [et_pb_line_break_holder] -->            <b>Winners will be announced.<\/b><!-- [et_pb_line_break_holder] -->          <\/pee><!-- [et_pb_line_break_holder] -->           <!-- <span style=\"font-size: 20px; font-weight: 600;\">Can you get a perfect score?<\/span><!-- [et_pb_line_break_holder] -->          <\/pee><!-- [et_pb_line_break_holder] -->          <pee style=\"text-align: start; color: #000\"><!-- [et_pb_line_break_holder] -->            <b>Four questions. Four choices. Keep trying until you get them all right!<\/b><!-- [et_pb_line_break_holder] -->          <\/pee><!-- [et_pb_line_break_holder] -->          <\/p>\n<ul style=\"text-align: start; color: #000\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<li><b>Four questions<\/b> \u2013 each with <b>four possible answers.<\/b><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li>Pick the answer you think is correct.<\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li>The game moves forward <b>whether you&#8217;re right or wrong.<\/b><\/li>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<li><b>Got one wrong? No worries!<\/b> You\u2019ll start over and try again until you get all four right.<\/li>\n<p><!-- [et_pb_line_break_holder] -->          <\/ul>\n<p><!-- [et_pb_line_break_holder] -->          <pee style=\"text-align: start; color: #000\"><!-- [et_pb_line_break_holder] -->            <!\u2013- [et_pb_br_holder] -\u2013><i><b>Top tip: You can always review the stories again to find the answers!<\/b><\/i><!-- [et_pb_line_break_holder] -->          <\/pee> <!-- [et_pb_line_break_holder] -->          <pee style=\"text-align: start; color: #000\"><!-- [et_pb_line_break_holder] -->            <b>Race against the clock!<\/b><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->            The timer <b>starts<\/b> when you hit \u2018Start\u2019 and <b>stops<\/b> when you\u2019ve answered all four questions correctly.<!-- [et_pb_line_break_holder] -->          <\/pee> &#8211;><!-- [et_pb_line_break_holder] -->          <!-- <button id=\"startBtn\">Start<\/button> --><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <!-- QUESTION SCREEN --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div id=\"questionScreen\" class=\"screen\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"gameImageContainer\"><!-- [et_pb_line_break_holder] -->          <img <!-- [et_pb_line_break_holder] -->            id=&#8221;questiontwoImage&#8221; <!-- [et_pb_line_break_holder] -->            src=&#8221;https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/05\/Questionfour.jpg&#8221;<!-- [et_pb_line_break_holder] -->            alt=&#8221;Questionfour (400&#215;400)&#8221;<!-- [et_pb_line_break_holder] -->          \/><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"questionInfoRow\"><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"question-label\" id=\"questionLabel\">Question 1<\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<div id=\"timer\">Time: 00:00.00<\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"questionTextDiv\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"answersContainer\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- OVERLAY for success\/wrong messages --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div id=\"overlay\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div id=\"overlayContent\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<h2 id=\"overlayMessage\"><\/h2>\n<p><!-- [et_pb_line_break_holder] -->        <!-- ADDED: Email prompt & input (displayed only on success) --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"emailPrompt\" style=\"display:none;\">Please enter your email to enter the competition:<\/div>\n<p><!-- [et_pb_line_break_holder] -->        <input type=\"email\" id=\"userEmail\" style=\"display:none;\" placeholder=\"Enter your email here...\" \/><!-- [et_pb_line_break_holder] -->        <button id=\"sendEmailBtn\" style=\"display:none;\">Send Email<\/button><!-- [et_pb_line_break_holder] -->        <\/p>\n<div id=\"emailStatusMsg\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->        <button id=\"overlayBtn\">OK<\/button><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->\/* <!-- [et_pb_line_break_holder] -->   =============================================================================<!-- [et_pb_line_break_holder] -->   ORIGINAL GAME LOGIC (Unchanged except for final time capture fixes)<!-- [et_pb_line_break_holder] -->   =============================================================================<!-- [et_pb_line_break_holder] -->*\/<!-- [et_pb_line_break_holder] -->let originalQuestions = [<!-- [et_pb_line_break_holder] -->  {<!-- [et_pb_line_break_holder] -->    originalNumber: 1,<!-- [et_pb_line_break_holder] -->    question: \"At the 2025 Investing in African Mining Indaba, Exxaro\u2019s leadership contributed to key conversations on critical issues. Name one.\",<!-- [et_pb_line_break_holder] -->    answers: [\"Indaba\", \"Energy transition \/ sustainability\", \"Fashion\", \"Johannesburg\"],<!-- [et_pb_line_break_holder] -->    correctIndex: 1,<!-- [et_pb_line_break_holder] -->    userAnswer: null<!-- [et_pb_line_break_holder] -->  },<!-- [et_pb_line_break_holder] -->  {<!-- [et_pb_line_break_holder] -->    originalNumber: 2,<!-- [et_pb_line_break_holder] -->    question: \"Exxaro is proud to have been officially recognised as a Top Employer in South Africa for 2025, by the global Top Employers Institute. How many times has Exxaro received this prestigious certification?\",<!-- [et_pb_line_break_holder] -->    answers: [\"Never\", \"First\", \"Four\", \"120th\"],<!-- [et_pb_line_break_holder] -->    correctIndex: 2,<!-- [et_pb_line_break_holder] -->    userAnswer: null<!-- [et_pb_line_break_holder] -->  },<!-- [et_pb_line_break_holder] -->  {<!-- [et_pb_line_break_holder] -->    originalNumber: 3,<!-- [et_pb_line_break_holder] -->    question: \"What is the name of the Men\u2019s Forum that Exxaro launched aimed at uniting men across Business Units to highlight the importance of changing and embracing men\u2019s health?\",<!-- [et_pb_line_break_holder] -->    answers: [\"Women in Mining\", \"WiM\", \"Men Unite\", \"Ibandla\"],<!-- [et_pb_line_break_holder] -->    correctIndex: 3,<!-- [et_pb_line_break_holder] -->    userAnswer: null<!-- [et_pb_line_break_holder] -->  },<!-- [et_pb_line_break_holder] -->  {<!-- [et_pb_line_break_holder] -->    originalNumber: 4,<!-- [et_pb_line_break_holder] -->    question: \"What is the name of Exxaro\u2019s energy solutions business?\",<!-- [et_pb_line_break_holder] -->    answers: [\"Cennergi\", \"The green organisation\", \"Matla Mine\", \"Grootegeluk Mine\"],<!-- [et_pb_line_break_holder] -->    correctIndex: 0,<!-- [et_pb_line_break_holder] -->    userAnswer: null<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->let questions = JSON.parse(JSON.stringify(originalQuestions));<!-- [et_pb_line_break_holder] -->let currentQuestionIdx = 0;<!-- [et_pb_line_break_holder] -->let startTime = 0;<!-- [et_pb_line_break_holder] -->let timerInterval = null;<!-- [et_pb_line_break_holder] -->let isRedoMode = false;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ New global variable to store the final time immediately after stopping the timer<!-- [et_pb_line_break_holder] -->let gameFinalTime = \"\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ UI references<!-- [et_pb_line_break_holder] -->const startScreen      = document.getElementById(\"startScreen\");<!-- [et_pb_line_break_holder] -->const questionScreen   = document.getElementById(\"questionScreen\");<!-- [et_pb_line_break_holder] -->const startBtn         = document.getElementById(\"startBtn\");<!-- [et_pb_line_break_holder] -->const timerDisplay     = document.getElementById(\"timer\");<!-- [et_pb_line_break_holder] -->const questionLabel    = document.getElementById(\"questionLabel\");<!-- [et_pb_line_break_holder] -->const questionTextDiv  = document.getElementById(\"questionTextDiv\");<!-- [et_pb_line_break_holder] -->const answersContainer = document.getElementById(\"answersContainer\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->const overlay          = document.getElementById(\"overlay\");<!-- [et_pb_line_break_holder] -->const overlayContent   = document.getElementById(\"overlayContent\");<!-- [et_pb_line_break_holder] -->const overlayMessage   = document.getElementById(\"overlayMessage\");<!-- [et_pb_line_break_holder] -->const overlayBtn       = document.getElementById(\"overlayBtn\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Newly added references for email functionality<!-- [et_pb_line_break_holder] -->const emailPrompt      = document.getElementById(\"emailPrompt\");<!-- [et_pb_line_break_holder] -->const userEmail        = document.getElementById(\"userEmail\");<!-- [et_pb_line_break_holder] -->const sendEmailBtn     = document.getElementById(\"sendEmailBtn\");<!-- [et_pb_line_break_holder] -->const emailStatusMsg   = document.getElementById(\"emailStatusMsg\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ Array of color classes for answer buttons<!-- [et_pb_line_break_holder] -->const colorClasses = [\"answer-red\", \"answer-orange\", \"answer-blue\", \"answer-green\"];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ===== Event Listeners ===== *\/<!-- [et_pb_line_break_holder] -->startBtn.addEventListener(\"click\", startGame);<!-- [et_pb_line_break_holder] -->overlayBtn.addEventListener(\"click\", onOverlayButtonClick);<!-- [et_pb_line_break_holder] -->sendEmailBtn.addEventListener(\"click\", onSendEmailClick);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ====== Start Game ====== *\/<!-- [et_pb_line_break_holder] -->function startGame() {<!-- [et_pb_line_break_holder] -->  questions = JSON.parse(JSON.stringify(originalQuestions));<!-- [et_pb_line_break_holder] -->  currentQuestionIdx = 0;<!-- [et_pb_line_break_holder] -->  isRedoMode = false;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  startScreen.classList.remove(\"active\");<!-- [et_pb_line_break_holder] -->  questionScreen.classList.add(\"active\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  startTimer();<!-- [et_pb_line_break_holder] -->  loadQuestion();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ====== Timer Logic ====== *\/<!-- [et_pb_line_break_holder] -->function startTimer() {<!-- [et_pb_line_break_holder] -->  startTime = Date.now();<!-- [et_pb_line_break_holder] -->  clearInterval(timerInterval);<!-- [et_pb_line_break_holder] -->  timerInterval = setInterval(() => {<!-- [et_pb_line_break_holder] -->    timerDisplay.textContent = \"Time: \" + formatTime();<!-- [et_pb_line_break_holder] -->  }, 50);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function stopTimer() {<!-- [et_pb_line_break_holder] -->  clearInterval(timerInterval);<!-- [et_pb_line_break_holder] -->  timerInterval = null;<!-- [et_pb_line_break_holder] -->  \/\/ Immediately capture the final time in a global variable to ensure consistency<!-- [et_pb_line_break_holder] -->  gameFinalTime = formatTime();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function formatTime() {<!-- [et_pb_line_break_holder] -->  const elapsed = Date.now() - startTime;<!-- [et_pb_line_break_holder] -->  const minutes = Math.floor(elapsed \/ 60000);<!-- [et_pb_line_break_holder] -->  const seconds = Math.floor((elapsed % 60000) \/ 1000);<!-- [et_pb_line_break_holder] -->  let ms = Math.floor((elapsed % 1000) \/ 10);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const minStr = String(minutes).padStart(2, '0');<!-- [et_pb_line_break_holder] -->  const secStr = String(seconds).padStart(2, '0');<!-- [et_pb_line_break_holder] -->  const msStr  = String(ms).padStart(2, '0');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  return `${minStr}:${secStr}.${msStr}`;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ====== Load Question ====== *\/<!-- [et_pb_line_break_holder] -->function loadQuestion() {<!-- [et_pb_line_break_holder] -->  const q = questions[currentQuestionIdx];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (isRedoMode) {<!-- [et_pb_line_break_holder] -->    questionLabel.textContent = \"Redoing Question \" + q.originalNumber;<!-- [et_pb_line_break_holder] -->  } else {<!-- [et_pb_line_break_holder] -->    questionLabel.textContent = \"Question \" + q.originalNumber;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Set question text (supports multiple lines due to min-height on #questionTextDiv)<!-- [et_pb_line_break_holder] -->  questionTextDiv.textContent = q.question || \"\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Clear previous answers<!-- [et_pb_line_break_holder] -->  answersContainer.innerHTML = \"\";<!-- [et_pb_line_break_holder] -->  \/\/ Build new answer buttons<!-- [et_pb_line_break_holder] -->  q.answers.forEach((ans, idx) => {<!-- [et_pb_line_break_holder] -->    const ansDiv = document.createElement(\"div\");<!-- [et_pb_line_break_holder] -->    ansDiv.classList.add(\"answer-btn\");<!-- [et_pb_line_break_holder] -->    ansDiv.classList.add(colorClasses[idx] || colorClasses[colorClasses.length - 1]);<!-- [et_pb_line_break_holder] -->    ansDiv.textContent = ans;<!-- [et_pb_line_break_holder] -->    ansDiv.onclick = () => {<!-- [et_pb_line_break_holder] -->      q.userAnswer = idx;<!-- [et_pb_line_break_holder] -->      currentQuestionIdx++;<!-- [et_pb_line_break_holder] -->      if (currentQuestionIdx < questions.length) {<!-- [et_pb_line_break_holder] -->        loadQuestion();<!-- [et_pb_line_break_holder] -->      } else {<!-- [et_pb_line_break_holder] -->        checkAnswers();<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] -->    answersContainer.appendChild(ansDiv);<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ====== Check Answers ====== *\/<!-- [et_pb_line_break_holder] -->function checkAnswers() {<!-- [et_pb_line_break_holder] -->  const incorrect = questions.filter(q => q.userAnswer !== q.correctIndex);<!-- [et_pb_line_break_holder] -->  if (incorrect.length === 0) {<!-- [et_pb_line_break_holder] -->    \/\/ All correct => stop timer and capture final time immediately<!-- [et_pb_line_break_holder] -->    stopTimer();<!-- [et_pb_line_break_holder] -->    \/\/ Use gameFinalTime (captured in stopTimer) for consistency<!-- [et_pb_line_break_holder] -->    showOverlay(`Well done! All correct in a time of ${gameFinalTime}`, false);<!-- [et_pb_line_break_holder] -->  } else {<!-- [et_pb_line_break_holder] -->    showOverlay(`You got ${incorrect.length} wrong. Please retry!`, true);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ====== Overlays ====== *\/<!-- [et_pb_line_break_holder] -->function showOverlay(message, redoMode) {<!-- [et_pb_line_break_holder] -->  overlayMessage.textContent = message;<!-- [et_pb_line_break_holder] -->  overlay.classList.add(\"active\");<!-- [et_pb_line_break_holder] -->  isRedoMode = redoMode;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (redoMode) {<!-- [et_pb_line_break_holder] -->    \/\/ Wrong answers overlay: show OK\/Retry button.<!-- [et_pb_line_break_holder] -->    overlayContent.style.borderColor = \"#ed1e28\";<!-- [et_pb_line_break_holder] -->    overlayBtn.style.backgroundColor = \"#ed1e28\";<!-- [et_pb_line_break_holder] -->    overlayBtn.textContent = \"Retry\";<!-- [et_pb_line_break_holder] -->    overlayBtn.style.display = \"inline-block\"; \/\/ ensure button is visible<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/\/ Hide email prompt & fields in retry mode.<!-- [et_pb_line_break_holder] -->    emailPrompt.style.display   = \"none\";<!-- [et_pb_line_break_holder] -->    userEmail.style.display     = \"none\";<!-- [et_pb_line_break_holder] -->    sendEmailBtn.style.display  = \"none\";<!-- [et_pb_line_break_holder] -->    emailStatusMsg.textContent  = \"\";<!-- [et_pb_line_break_holder] -->  } else {<!-- [et_pb_line_break_holder] -->    \/\/ Success overlay: hide the OK button so that only the email input and Send Email button are visible.<!-- [et_pb_line_break_holder] -->    overlayContent.style.borderColor = \"#88bd32\";<!-- [et_pb_line_break_holder] -->    \/\/ Hide the OK button<!-- [et_pb_line_break_holder] -->    overlayBtn.style.display = \"none\";<!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->    \/\/ Show email prompt & fields for background email sending.<!-- [et_pb_line_break_holder] -->    emailPrompt.style.display  = \"block\";<!-- [et_pb_line_break_holder] -->    userEmail.style.display    = \"inline-block\";<!-- [et_pb_line_break_holder] -->    sendEmailBtn.style.display = \"inline-block\";<!-- [et_pb_line_break_holder] -->    userEmail.value            = \"\";<!-- [et_pb_line_break_holder] -->    emailStatusMsg.textContent = \"\";<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function hideOverlay() {<!-- [et_pb_line_break_holder] -->  overlay.classList.remove(\"active\");<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function onOverlayButtonClick() {<!-- [et_pb_line_break_holder] -->  hideOverlay();<!-- [et_pb_line_break_holder] -->  if (isRedoMode) {<!-- [et_pb_line_break_holder] -->    let stillIncorrect = questions.filter(q => q.userAnswer !== q.correctIndex);<!-- [et_pb_line_break_holder] -->    if (stillIncorrect.length === 0) {<!-- [et_pb_line_break_holder] -->      stopTimer();<!-- [et_pb_line_break_holder] -->      showOverlay(\"All correct! Final time: \" + gameFinalTime, false);<!-- [et_pb_line_break_holder] -->      return;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    questions = stillIncorrect;<!-- [et_pb_line_break_holder] -->    questions.forEach(q => (q.userAnswer = null));<!-- [et_pb_line_break_holder] -->    currentQuestionIdx = 0;<!-- [et_pb_line_break_holder] -->    loadQuestion();<!-- [et_pb_line_break_holder] -->  } else {<!-- [et_pb_line_break_holder] -->    \/\/ Success scenario: do not reset game immediately so user can send email<!-- [et_pb_line_break_holder] -->    \/\/ Optionally, you may call resetGame() after email is sent.<!-- [et_pb_line_break_holder] -->    \/\/ For now, we'll leave the overlay open until the user sends the email.<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ====== Reset Game ====== *\/<!-- [et_pb_line_break_holder] -->function resetGame() {<!-- [et_pb_line_break_holder] -->  stopTimer();<!-- [et_pb_line_break_holder] -->  questionScreen.classList.remove(\"active\");<!-- [et_pb_line_break_holder] -->  startScreen.classList.add(\"active\");<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* <!-- [et_pb_line_break_holder] -->   =============================================================================<!-- [et_pb_line_break_holder] -->   BACKGROUND EMAIL SENDING LOGIC<!-- [et_pb_line_break_holder] -->   =============================================================================<!-- [et_pb_line_break_holder] -->   The function onSendEmailClick() grabs the email and uses the stored <!-- [et_pb_line_break_holder] -->   gameFinalTime to send a POST request via fetch to a backend endpoint.<!-- [et_pb_line_break_holder] -->*\/<!-- [et_pb_line_break_holder] -->function onSendEmailClick() {<!-- [et_pb_line_break_holder] -->  const emailValue = userEmail.value.trim();<!-- [et_pb_line_break_holder] -->  if (!emailValue) {<!-- [et_pb_line_break_holder] -->    emailStatusMsg.textContent = \"Please enter a valid email.\";<!-- [et_pb_line_break_holder] -->    return;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Use the already stored gameFinalTime for consistency<!-- [et_pb_line_break_holder] -->  fetch(\"https:\/\/www.xxplorearchive.co.za\/api\/sendEmail.php\", {<!-- [et_pb_line_break_holder] -->    method: \"POST\",<!-- [et_pb_line_break_holder] -->    headers: { \"Content-Type\": \"application\/json\" },<!-- [et_pb_line_break_holder] -->    body: JSON.stringify({<!-- [et_pb_line_break_holder] -->      email: emailValue,<!-- [et_pb_line_break_holder] -->      time: gameFinalTime<!-- [et_pb_line_break_holder] -->    })<!-- [et_pb_line_break_holder] -->  })<!-- [et_pb_line_break_holder] -->  .then(response => {<!-- [et_pb_line_break_holder] -->    if (!response.ok) {<!-- [et_pb_line_break_holder] -->      throw new Error(\"Network response was not ok\");<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    return response.json();<!-- [et_pb_line_break_holder] -->  })<!-- [et_pb_line_break_holder] -->  .then(data => {<!-- [et_pb_line_break_holder] -->    if (data.success) {<!-- [et_pb_line_break_holder] -->      emailStatusMsg.textContent = \"Thank you for entering the competition!\";<!-- [et_pb_line_break_holder] -->    } else {<!-- [et_pb_line_break_holder] -->      emailStatusMsg.textContent = \"Error sending email: \" + data.message;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  })<!-- [et_pb_line_break_holder] -->  .catch(err => {<!-- [et_pb_line_break_holder] -->    emailStatusMsg.textContent = \"Error: \" + err.message;<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; top_divider_height=&#8221;30px&#8221; top_divider_flip=&#8221;horizontal&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;15px||15px||true|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/05\/LeftAttow.png&#8221; title_text=&#8221;LeftAttow&#8221; url=&#8221;https:\/\/xxplore.co.za\/index.php\/2025\/05\/23\/exxaro-champions-wetland-clean-up\/&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; positioning=&#8221;fixed&#8221; position_origin_f=&#8221;center_left&#8221; custom_padding=&#8221;|||2%|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/05\/RightArrow.png&#8221; title_text=&#8221;RightArrow&#8221; url=&#8221;https:\/\/xxplore.co.za\/index.php\/xxploree1-2025\/&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; positioning=&#8221;fixed&#8221; position_origin_f=&#8221;center_right&#8221; custom_padding=&#8221;|2%||0%|false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Play the EXXARO Quiz challenge<\/p>\n","protected":false},"author":1,"featured_media":219,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"1080","footnotes":""},"categories":[3],"tags":[],"class_list":["post-218","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-q1-2025"],"_links":{"self":[{"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/posts\/218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=218"}],"version-history":[{"count":3,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/posts\/218\/revisions"}],"predecessor-version":[{"id":241,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/posts\/218\/revisions\/241"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/media\/219"}],"wp:attachment":[{"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/categories?post=218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/tags?post=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}