{"id":755,"date":"2025-06-19T05:16:52","date_gmt":"2025-06-19T05:16:52","guid":{"rendered":"https:\/\/xxplore.co.za\/?p=755"},"modified":"2025-09-01T04:48:32","modified_gmt":"2025-09-01T04:48:32","slug":"quiz-edition-two","status":"publish","type":"post","link":"https:\/\/xxplore.co.za\/index.php\/2025\/06\/19\/quiz-edition-two\/","title":{"rendered":"Quiz Edition Two"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row disabled_on=&#8221;on|on|on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; disabled=&#8221;on&#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] -->    }<!-- [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] -->    #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;<!-- [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] -->      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; }<!-- [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: additional fields styling is same as email input *\/<!-- [et_pb_line_break_holder] -->    #overlayContent label {<!-- [et_pb_line_break_holder] -->      display: block;<!-- [et_pb_line_break_holder] -->      margin-top: 10px;<!-- [et_pb_line_break_holder] -->      font-weight: bold;<!-- [et_pb_line_break_holder] -->      text-align: left;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #overlayContent input {<!-- [et_pb_line_break_holder] -->      width: 80%;<!-- [et_pb_line_break_holder] -->      padding: 8px;<!-- [et_pb_line_break_holder] -->      font-size: 14px;<!-- [et_pb_line_break_holder] -->      margin-top: 4px;<!-- [et_pb_line_break_holder] -->      border: 2px solid #ccc;<!-- [et_pb_line_break_holder] -->      border-radius: 4px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    #sendEmailBtn {<!-- [et_pb_line_break_holder] -->      margin-top: 16px;<!-- [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] -->      padding: 10px 20px;<!-- [et_pb_line_break_holder] -->      font-size: 16px;<!-- [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] -->    }<!-- [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-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><!-- [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 id=\"startBanner\"<!-- [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] -->          <\/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] -->              <span style=\"font-size:20px;font-weight:600\">Can you get a perfect score?<\/span><!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] -->              <span style=\"font-size:20px;font-weight:600\">And stand the chance to win a hamper in our lucky draw!<\/span><!-- [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\"><i><b>Top tip: You can always review the stories again to find the answers!<\/b><\/i><\/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><!-- [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 id=\"questiontwoImage\"<!-- [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;Question Four (400&#215;400)&#8221; \/><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [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] -->          <\/p>\n<div id=\"questionTextDiv\"><\/div>\n<p><!-- [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] --><!-- [et_pb_line_break_holder] -->          <!-- NEW: Name --><!-- [et_pb_line_break_holder] -->          <label for=\"userName\" id=\"nameLabel\" style=\"display:none;\">Name:<\/label><!-- [et_pb_line_break_holder] -->          <input type=\"text\" id=\"userName\" style=\"display:none;\" placeholder=\"Enter your name\" \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <!-- NEW: Surname --><!-- [et_pb_line_break_holder] -->          <label for=\"userSurname\" id=\"surnameLabel\" style=\"display:none;\">Surname:<\/label><!-- [et_pb_line_break_holder] -->          <input type=\"text\" id=\"userSurname\" style=\"display:none;\" placeholder=\"Enter your surname\" \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <!-- NEW: Employee number --><!-- [et_pb_line_break_holder] -->          <label for=\"userEmployeeNumber\" id=\"empNoLabel\" style=\"display:none;\">Employee number:<\/label><!-- [et_pb_line_break_holder] -->          <input type=\"text\" id=\"userEmployeeNumber\" style=\"display:none;\" placeholder=\"Enter your employee number\" \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <!-- NEW: BU --><!-- [et_pb_line_break_holder] -->          <label for=\"userBU\" id=\"buLabel\" style=\"display:none;\">BU:<\/label><!-- [et_pb_line_break_holder] -->          <input type=\"text\" id=\"userBU\" style=\"display:none;\" placeholder=\"Enter your BU\" \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <!-- NEW: Phone number --><!-- [et_pb_line_break_holder] -->          <label for=\"userPhone\" id=\"phoneLabel\" style=\"display:none;\">Phone number:<\/label><!-- [et_pb_line_break_holder] -->          <input type=\"tel\" id=\"userPhone\" style=\"display:none;\" placeholder=\"Enter your phone number\" \/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <!-- EXISTING: Email --><!-- [et_pb_line_break_holder] -->          <\/p>\n<div id=\"emailPrompt\" style=\"display:none;\"><!-- [et_pb_line_break_holder] -->            Please enter your email to enter the competition:<!-- [et_pb_line_break_holder] -->          <\/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] --><!-- [et_pb_line_break_holder] -->          <!-- Send button & status --><!-- [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] --><!-- [et_pb_line_break_holder] -->          <!-- Retry\/OK button --><!-- [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] --><!-- [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 where marked)<!-- [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: \"What was the focus of Week 2 in our One Voice Safety Strategy rollout?\",<!-- [et_pb_line_break_holder] -->        answers: [\"Safety is for Managers\", \"I am a leader. Safety starts with me\", \"One Voice, One Vision\", \"Be Alert, Not Alarmed\"],<!-- [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: \"How many Exxaro employees ran in the 2025 Comrades Marathon?\",<!-- [et_pb_line_break_holder] -->        answers: [\"8\", \"25\", \"18\", \"30\"],<!-- [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 one way the new ERP system will support Exxaro\u2019s future growth and success?\",<!-- [et_pb_line_break_holder] -->        answers: [\"Improve decision making\", \"Increase operational risk\", \"Create more complexity\", \"Make the business less efficient \"],<!-- [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] -->        originalNumber: 4,<!-- [et_pb_line_break_holder] -->        question: \"What theme came through strongly in the Youth Month reflections from Exxaro\u2019s young employees?\",<!-- [et_pb_line_break_holder] -->        answers: [\"Taking a gap year\", \"Moving overseas\", \"Wanting shorter workdays\", \"Making an impact beyond the business\"],<!-- [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] --><!-- [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] -->    let gameFinalTime = \"\";<!-- [et_pb_line_break_holder] --><!-- [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] -->    \/\/ *** NEW: references for added fields<!-- [et_pb_line_break_holder] -->    const nameLabel            = document.getElementById(\"nameLabel\");<!-- [et_pb_line_break_holder] -->    const userName             = document.getElementById(\"userName\");<!-- [et_pb_line_break_holder] -->    const surnameLabel         = document.getElementById(\"surnameLabel\");<!-- [et_pb_line_break_holder] -->    const userSurname          = document.getElementById(\"userSurname\");<!-- [et_pb_line_break_holder] -->    const empNoLabel           = document.getElementById(\"empNoLabel\");<!-- [et_pb_line_break_holder] -->    const userEmployeeNumber   = document.getElementById(\"userEmployeeNumber\");<!-- [et_pb_line_break_holder] -->    const buLabel              = document.getElementById(\"buLabel\");<!-- [et_pb_line_break_holder] -->    const userBU               = document.getElementById(\"userBU\");<!-- [et_pb_line_break_holder] -->    const phoneLabel           = document.getElementById(\"phoneLabel\");<!-- [et_pb_line_break_holder] -->    const userPhone            = document.getElementById(\"userPhone\");<!-- [et_pb_line_break_holder] --><!-- [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] -->    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] -->      startScreen.classList.remove(\"active\");<!-- [et_pb_line_break_holder] -->      questionScreen.classList.add(\"active\");<!-- [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] -->    function stopTimer() {<!-- [et_pb_line_break_holder] -->      clearInterval(timerInterval);<!-- [et_pb_line_break_holder] -->      timerInterval = null;<!-- [et_pb_line_break_holder] -->      gameFinalTime = formatTime();<!-- [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 m = Math.floor(elapsed\/60000),<!-- [et_pb_line_break_holder] -->            s = Math.floor((elapsed%60000)\/1000),<!-- [et_pb_line_break_holder] -->            ms = Math.floor((elapsed%1000)\/10);<!-- [et_pb_line_break_holder] -->      return `${String(m).padStart(2,'0')}:${String(s).padStart(2,'0')}.${String(ms).padStart(2,'0')}`;<!-- [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] -->      questionLabel.textContent = isRedoMode<!-- [et_pb_line_break_holder] -->        ? \"Redoing Question \" + q.originalNumber<!-- [et_pb_line_break_holder] -->        : \"Question \" + q.originalNumber;<!-- [et_pb_line_break_holder] -->      questionTextDiv.textContent = q.question || \"\";<!-- [et_pb_line_break_holder] -->      answersContainer.innerHTML = \"\";<!-- [et_pb_line_break_holder] -->      q.answers.forEach((ans, idx) => {<!-- [et_pb_line_break_holder] -->        const btn = document.createElement(\"div\");<!-- [et_pb_line_break_holder] -->        btn.classList.add(\"answer-btn\", colorClasses[idx]||colorClasses[3]);<!-- [et_pb_line_break_holder] -->        btn.textContent = ans;<!-- [et_pb_line_break_holder] -->        btn.onclick = () => {<!-- [et_pb_line_break_holder] -->          q.userAnswer = idx;<!-- [et_pb_line_break_holder] -->          currentQuestionIdx++;<!-- [et_pb_line_break_holder] -->          if (currentQuestionIdx < questions.length) loadQuestion();<!-- [et_pb_line_break_holder] -->          else checkAnswers();<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->        answersContainer.appendChild(btn);<!-- [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) {<!-- [et_pb_line_break_holder] -->        stopTimer();<!-- [et_pb_line_break_holder] -->        showOverlay(<!-- [et_pb_line_break_holder] -->          `Well done! All correct in a time of ${gameFinalTime}. Complete your details below to enter the competition.`,<!-- [et_pb_line_break_holder] -->          false<!-- [et_pb_line_break_holder] -->        );<!-- [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] -->        \/\/ Retry state: hide all input fields<!-- [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\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        nameLabel.style.display =<!-- [et_pb_line_break_holder] -->        userName.style.display =<!-- [et_pb_line_break_holder] -->        surnameLabel.style.display =<!-- [et_pb_line_break_holder] -->        userSurname.style.display =<!-- [et_pb_line_break_holder] -->        empNoLabel.style.display =<!-- [et_pb_line_break_holder] -->        userEmployeeNumber.style.display =<!-- [et_pb_line_break_holder] -->        buLabel.style.display =<!-- [et_pb_line_break_holder] -->        userBU.style.display =<!-- [et_pb_line_break_holder] -->        phoneLabel.style.display =<!-- [et_pb_line_break_holder] -->        userPhone.style.display =<!-- [et_pb_line_break_holder] -->        emailPrompt.style.display =<!-- [et_pb_line_break_holder] -->        userEmail.style.display =<!-- [et_pb_line_break_holder] -->        sendEmailBtn.style.display = \"none\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        emailStatusMsg.textContent = \"\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      } else {<!-- [et_pb_line_break_holder] -->        \/\/ Success state: show fields<!-- [et_pb_line_break_holder] -->        overlayContent.style.borderColor = \"#88bd32\";<!-- [et_pb_line_break_holder] -->        overlayBtn.style.display = \"none\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        nameLabel.style.display           = \"block\";<!-- [et_pb_line_break_holder] -->        userName.style.display            = \"inline-block\";<!-- [et_pb_line_break_holder] -->        surnameLabel.style.display        = \"block\";<!-- [et_pb_line_break_holder] -->        userSurname.style.display         = \"inline-block\";<!-- [et_pb_line_break_holder] -->        empNoLabel.style.display          = \"block\";<!-- [et_pb_line_break_holder] -->        userEmployeeNumber.style.display  = \"inline-block\";<!-- [et_pb_line_break_holder] -->        buLabel.style.display             = \"block\";<!-- [et_pb_line_break_holder] -->        userBU.style.display              = \"inline-block\";<!-- [et_pb_line_break_holder] -->        phoneLabel.style.display          = \"block\";<!-- [et_pb_line_break_holder] -->        userPhone.style.display           = \"inline-block\";<!-- [et_pb_line_break_holder] --><!-- [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] -->        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] -->        const wrong = questions.filter(q=>q.userAnswer!==q.correctIndex);<!-- [et_pb_line_break_holder] -->        if (!wrong.length) {<!-- [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 = wrong.map(q=>({ ...q, userAnswer:null }));<!-- [et_pb_line_break_holder] -->        currentQuestionIdx = 0;<!-- [et_pb_line_break_holder] -->        loadQuestion();<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* ====== Send Data ====== *\/<!-- [et_pb_line_break_holder] -->    function onSendEmailClick() {<!-- [et_pb_line_break_holder] -->      \/\/ Grab all six fields<!-- [et_pb_line_break_holder] -->      const name           = userName.value.trim();<!-- [et_pb_line_break_holder] -->      const surname        = userSurname.value.trim();<!-- [et_pb_line_break_holder] -->      const employeeNumber = userEmployeeNumber.value.trim();<!-- [et_pb_line_break_holder] -->      const bu             = userBU.value.trim();<!-- [et_pb_line_break_holder] -->      const phone          = userPhone.value.trim();<!-- [et_pb_line_break_holder] -->      const emailValue     = userEmail.value.trim();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Validate<!-- [et_pb_line_break_holder] -->      if (!name || !surname || !employeeNumber || !bu || !phone || !emailValue) {<!-- [et_pb_line_break_holder] -->        emailStatusMsg.textContent = \"Please complete all fields.\";<!-- [et_pb_line_break_holder] -->        return;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Send POST<!-- [et_pb_line_break_holder] -->      fetch(\"\/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] -->          name,<!-- [et_pb_line_break_holder] -->          surname,<!-- [et_pb_line_break_holder] -->          employeeNumber,<!-- [et_pb_line_break_holder] -->          bu,<!-- [et_pb_line_break_holder] -->          phone,<!-- [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(res => {<!-- [et_pb_line_break_holder] -->        if (!res.ok) throw new Error(`HTTP ${res.status} ${res.statusText}`);<!-- [et_pb_line_break_holder] -->        return res.json();<!-- [et_pb_line_break_holder] -->      })<!-- [et_pb_line_break_holder] -->      .then(data => {<!-- [et_pb_line_break_holder] -->        emailStatusMsg.textContent = data.success<!-- [et_pb_line_break_holder] -->          ? \"Thank you for entering the competition!\"<!-- [et_pb_line_break_holder] -->          : `Error: ${data.message}`;<!-- [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] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/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||||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;0px||0px||false|false&#8221; custom_padding=&#8221;1%||3%||false|false&#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_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#88bd32&#8243; text_font_size=&#8221;18px&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;0%||0%||false|true&#8221; custom_padding_tablet=&#8221;|4%||4%|false|true&#8221; custom_padding_phone=&#8221;|||7%|false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; hover_enabled=&#8221;0&#8243; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p><strong>The competition for this edition of XXplore has closed.<\/strong><\/p>\n<p><strong><\/strong><\/p>\n<p><strong>Congratulations to the lucky draw winners of our previous XXplore Quiz who each won a hamper!<\/strong><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;89%&#8221; max_width=&#8221;100%&#8221; border_color_all=&#8221;#88bd32&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; transform_rotate=&#8221;0deg|0deg|-6deg&#8221; border_width_all=&#8221;4px&#8221; border_color_all=&#8221;#88bd32&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/06\/Nicky.jpg&#8221; title_text=&#8221;Nicky&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; border_color_all=&#8221;#88bd32&#8243; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|600|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;16px&#8221; background_color=&#8221;#88bd32&#8243; custom_padding=&#8221;3%|3%|3%|3%|true|true&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Nicky Ntuli \u2013 Belfast<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; transform_rotate=&#8221;0deg|0deg|9deg&#8221; border_width_all=&#8221;3px&#8221; border_color_all=&#8221;#88bd32&#8243; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/06\/Thembelihle2.jpg&#8221; title_text=&#8221;Thembelihle2&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;0px||||false|false&#8221; border_color_all=&#8221;#88bd32&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|600|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;16px&#8221; background_color=&#8221;#88bd32&#8243; custom_padding=&#8221;3%|3%|3%|3%|true|true&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Thembelihle Nkosi \u2013 Matla<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; transform_rotate=&#8221;0deg|0deg|8deg&#8221; border_width_all=&#8221;3px&#8221; border_color_all=&#8221;#88bd32&#8243; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/07\/453A1849-Copy-copy.jpg&#8221; title_text=&#8221;453A1849 &#8211; Copy copy&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;|600|||||||&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;16px&#8221; background_color=&#8221;#88bd32&#8243; custom_padding=&#8221;3%|3%|3%|3%|true|true&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Mmaphuthego Kolobe \u2013 Grootegeluk<\/p>\n<p>[\/et_pb_text][\/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\/06\/16\/winter-recipe\/&#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; global_colors_info=&#8221;{}&#8221;][\/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\/xxploree2-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; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<div class=\"likebtn_container\" style=\"text-align:center;\"><!-- LikeBtn.com BEGIN --><span class=\"likebtn-wrapper\"  data-identifier=\"post_755\"  data-site_id=\"67661c126fd08bb24c1b2b18\"  data-theme=\"custom\"  data-btn_size=\"80\"  data-icon_l=\"false\"  data-icon_d=\"false\"  data-icon_l_url=\"https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/06\/likebutton.png#4559\"  data-icon_d_url=\"https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/06\/dontlikebutton.png#4558\"  data-label_c=\"#000000\"  data-bg_c=\"rgba(250,250,250,0)\"  data-brdr_c=\"rgba(198,198,198,0)\"  data-f_size=\"15\"  data-label_fs=\"r\"  data-tooltip_enabled=\"false\"  data-white_label=\"true\"  data-i18n_like=\"I like this\"  data-i18n_dislike=\"I don&#039;t like this\"  data-style=\"\"  data-unlike_allowed=\"\"  data-show_copyright=\"\"  data-item_url=\"https:\/\/xxplore.co.za\/index.php\/2025\/06\/19\/quiz-edition-two\/\"  data-item_title=\"Quiz Edition Two\"  data-item_image=\"https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/05\/Game.png\"  data-item_date=\"2025-06-19T05:16:52+00:00\"  data-engine=\"WordPress\"  data-plugin_v=\"2.6.58\"  data-prx=\"https:\/\/xxplore.co.za\/wp-admin\/admin-ajax.php?action=likebtn_prx\"  data-event_handler=\"likebtn_eh\" ><\/span><!-- LikeBtn.com END --><\/div>","protected":false},"excerpt":{"rendered":"<p>Play the EXXARO Quiz challenge<\/p>\n<div class=\"likebtn_container\" style=\"text-align:center;\"><!-- LikeBtn.com BEGIN --><span class=\"likebtn-wrapper\"  data-identifier=\"post_755\"  data-site_id=\"67661c126fd08bb24c1b2b18\"  data-theme=\"custom\"  data-btn_size=\"80\"  data-icon_l=\"false\"  data-icon_d=\"false\"  data-icon_l_url=\"https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/06\/likebutton.png#4559\"  data-icon_d_url=\"https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/06\/dontlikebutton.png#4558\"  data-label_c=\"#000000\"  data-bg_c=\"rgba(250,250,250,0)\"  data-brdr_c=\"rgba(198,198,198,0)\"  data-f_size=\"15\"  data-label_fs=\"r\"  data-tooltip_enabled=\"false\"  data-white_label=\"true\"  data-i18n_like=\"I like this\"  data-i18n_dislike=\"I don&#039;t like this\"  data-style=\"\"  data-unlike_allowed=\"\"  data-show_copyright=\"\"  data-item_url=\"https:\/\/xxplore.co.za\/index.php\/2025\/06\/19\/quiz-edition-two\/\"  data-item_title=\"Quiz Edition Two\"  data-item_image=\"https:\/\/xxplore.co.za\/wp-content\/uploads\/2025\/05\/Game.png\"  data-item_date=\"2025-06-19T05:16:52+00:00\"  data-engine=\"WordPress\"  data-plugin_v=\"2.6.58\"  data-prx=\"https:\/\/xxplore.co.za\/wp-admin\/admin-ajax.php?action=likebtn_prx\"  data-event_handler=\"likebtn_eh\" ><\/span><!-- LikeBtn.com END --><\/div>","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":"2880","footnotes":""},"categories":[7],"tags":[],"class_list":["post-755","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-q2-2025"],"_links":{"self":[{"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/posts\/755","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=755"}],"version-history":[{"count":46,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/posts\/755\/revisions"}],"predecessor-version":[{"id":4868,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/posts\/755\/revisions\/4868"}],"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=755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/categories?post=755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/xxplore.co.za\/index.php\/wp-json\/wp\/v2\/tags?post=755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}