{"id":6,"date":"2026-09-10T15:48:26","date_gmt":"2026-09-10T15:48:26","guid":{"rendered":"https:\/\/bojanalanewsletter.co.za\/?page_id=6"},"modified":"2026-09-14T08:10:54","modified_gmt":"2026-09-14T08:10:54","slug":"home","status":"publish","type":"page","link":"https:\/\/bojanalanewsletter.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Bojanala Newsletter \u2014 North West&#8217;s Bojanala District, Reported<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&#038;family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --bg: #0a0e17;\n    --bg-raised: #10151f;\n    --surface: #161c2a;\n    --surface-2: #1c2333;\n    --line: rgba(244,242,236,.09);\n    --line-soft: rgba(244,242,236,.05);\n    --text: #f4f2ec;\n    --text-dim: #a6acbe;\n    --text-faint: #6d7488;\n\n    --gold: #d99b3f;\n    --gold-bright: #f2b85f;\n    --paper: #f4f0e4;\n\n    --mining: #c9772c;\n    --mining-soft: #7a4b21;\n    --tourism: #2f9d95;\n    --tourism-soft: #1f5a55;\n    --business: #4d63c4;\n    --business-soft: #2c3a75;\n    --agriculture: #5a9a4a;\n    --agriculture-soft: #33582c;\n    --community: #c15a80;\n    --community-soft: #723350;\n\n    --display: 'Bebas Neue', 'Arial Narrow', sans-serif;\n    --sans: 'Montserrat', -apple-system, sans-serif;\n    --radius: 6px;\n    --container: 1280px;\n  }\n\n  *{margin:0;padding:0;box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{\n    font-family: var(--sans);\n    background: var(--bg);\n    color: var(--text);\n    line-height: 1.5;\n    -webkit-font-smoothing: antialiased;\n  }\n  img,svg{display:block;max-width:100%;}\n  a{color:inherit;text-decoration:none;}\n  ul{list-style:none;}\n  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}\n  input{font-family:inherit;}\n  .wrap{max-width:var(--container);margin:0 auto;padding:0 28px;}\n  :focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;}\n\n  \/* ---------- category art tiles (placeholder imagery) ---------- *\/\n  .art{\n    position:relative;\n    overflow:hidden;\n    isolation:isolate;\n  }\n  .art::after{\n    content:'';\n    position:absolute; inset:0;\n    background: linear-gradient(180deg, rgba(10,14,23,0) 35%, rgba(10,14,23,.92) 100%);\n    z-index:1;\n  }\n  .art .art-icon{position:absolute; opacity:.5; z-index:0;}\n  .art .art-icon svg{width:100%;height:100%;stroke:rgba(255,255,255,.9);fill:none;stroke-width:1.3;}\n\n  .art[data-cat=\"Mining\"]{\n    background-image: linear-gradient(160deg, rgba(201,119,44,.38), rgba(20,10,5,.62)), url('https:\/\/images.unsplash.com\/photo-1523848309072-c199db53f137?auto=format&fit=crop&w=1200&q=70');\n    background-size: cover; background-position: center;\n  }\n  .art[data-cat=\"Tourism\"]{\n    background-image: linear-gradient(160deg, rgba(47,157,149,.32), rgba(6,20,18,.6)), url('https:\/\/images.unsplash.com\/photo-1577971132997-c10be9372519?auto=format&fit=crop&w=1200&q=70');\n    background-size: cover; background-position: center;\n  }\n  .art[data-cat=\"Business\"]{\n    background-image: linear-gradient(160deg, rgba(77,99,196,.35), rgba(10,13,26,.62)), url('https:\/\/images.unsplash.com\/photo-1562280963-8a5475740a10?auto=format&fit=crop&w=1200&q=70');\n    background-size: cover; background-position: center;\n  }\n  .art[data-cat=\"Agriculture\"]{\n    background-image: linear-gradient(160deg, rgba(90,154,74,.32), rgba(10,20,10,.6)), url('https:\/\/images.unsplash.com\/photo-1634066807990-386d4dd2412a?auto=format&fit=crop&w=1200&q=70');\n    background-size: cover; background-position: center;\n  }\n  .art[data-cat=\"Community\"]{\n    background-image: linear-gradient(160deg, rgba(193,90,128,.32), rgba(20,10,15,.6)), url('https:\/\/images.unsplash.com\/photo-1473649085228-583485e6e4d7?auto=format&fit=crop&w=1200&q=70');\n    background-size: cover; background-position: center;\n  }\n  .art-icon{display:none;}\n\n  .cat-color-Mining{color: var(--mining);}\n  .cat-color-Tourism{color: var(--tourism);}\n  .cat-color-Business{color: var(--business);}\n  .cat-color-Agriculture{color: var(--agriculture);}\n  .cat-color-Community{color: var(--community);}\n  .cat-bg-Mining{background: var(--mining);}\n  .cat-bg-Tourism{background: var(--tourism);}\n  .cat-bg-Business{background: var(--business);}\n  .cat-bg-Agriculture{background: var(--agriculture);}\n  .cat-bg-Community{background: var(--community);}\n\n  \/* ---------- topline ---------- *\/\n  .topline{\n    background: #05070c;\n    color: var(--text-faint);\n    font-size: 12px;\n    font-weight:500;\n    border-bottom:1px solid var(--line-soft);\n  }\n  .topline .wrap{\n    display:flex; justify-content:space-between; align-items:center;\n    height:36px;\n  }\n  .topline .ticker{display:flex; gap:20px;}\n  .topline .ticker span:first-child{color: var(--gold-bright); font-weight:600;}\n\n  \/* ---------- header ---------- *\/\n  header.masthead{\n    background: var(--bg);\n    border-bottom: 1px solid var(--line);\n  }\n  .masthead .wrap{\n    display:flex; align-items:center; justify-content:space-between;\n    height:84px;\n  }\n  .brand{display:flex; align-items:center; gap:12px;}\n  .brand-mark{\n    width:52px; height:52px;\n    background: var(--paper);\n    display:flex; align-items:center; justify-content:center;\n    flex-shrink:0; border-radius:8px; padding:6px;\n    box-shadow: 0 2px 10px rgba(0,0,0,.25);\n  }\n  .brand-mark img{width:100%; height:100%; object-fit:contain;}\n  .brand-text .name{\n    font-family: var(--display); font-weight:400; font-size:30px; color:var(--text);\n    line-height:1; letter-spacing:.01em;\n  }\n  .brand-text .tag{\n    display:block; color: var(--text-faint); font-size:10.5px; font-weight:700; letter-spacing:.12em; margin-top:3px;\n  }\n\n  nav.primary{display:flex; align-items:center; gap:8px;}\n  nav.primary a{\n    color: var(--text-dim); font-size:13.5px; font-weight:600; text-transform:uppercase; letter-spacing:.04em;\n    padding: 9px 14px; position:relative; border-radius:3px;\n  }\n  nav.primary a:hover{color: var(--text); background: var(--surface);}\n  nav.primary a.active{color: var(--bg); background:var(--gold);}\n\n  .header-actions{display:flex; align-items:center; gap:14px;}\n  .icon-btn{\n    width:38px; height:38px; display:flex; align-items:center; justify-content:center;\n    border-radius:50%; color: var(--text); border:1px solid var(--line);\n  }\n  .icon-btn:hover{border-color:var(--gold); color:var(--gold-bright);}\n  .icon-btn svg{width:17px; height:17px; stroke: currentColor; fill:none; stroke-width:1.8;}\n  .burger{display:none;}\n\n  \/* ---------- category tabs (pill filter) ---------- *\/\n  .tabbar{padding: 34px 0 0;}\n  .tabbar .wrap{display:flex; gap:10px; overflow-x:auto; scrollbar-width:none; justify-content:center;}\n  .tabbar .wrap::-webkit-scrollbar{display:none;}\n  .tab{\n    flex-shrink:0;\n    font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;\n    color: var(--text-dim);\n    padding:10px 20px; border-radius:999px; white-space:nowrap; border:1px solid var(--line);\n  }\n  .tab:hover{color:var(--text); border-color: var(--text-dim);}\n  .tab.active{color: var(--bg); background: var(--gold); border-color: var(--gold);}\n\n  \/* ---------- section frame ---------- *\/\n  section{padding: 52px 0;}\n  .section-head{\n    display:flex; align-items:baseline; justify-content:space-between;\n    margin-bottom: 30px;\n  }\n  .section-head h2{\n    font-family: var(--display); font-size: 34px; font-weight:400; letter-spacing:.02em; color: var(--text);\n    display:flex; align-items:center; gap:12px;\n  }\n  .section-head .view-all{font-size:12.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color: var(--gold-bright); white-space:nowrap;}\n  .section-head .view-all:hover{color:var(--text);}\n  .accent-dash{width:26px; height:4px; display:inline-block;}\n\n  .tag{\n    display:inline-block; font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;\n    padding:5px 10px; border-radius:2px; color: #fff;\n  }\n  .tag.on-art{position:absolute; top:12px; left:12px; z-index:2;}\n  .badge-time{\n    position:absolute; top:12px; right:12px; z-index:2;\n    font-size:10.5px; font-weight:600; color:#fff; background: rgba(6,9,15,.55);\n    padding:4px 8px; border-radius:2px; backdrop-filter: blur(4px);\n  }\n\n  .meta{font-size:12px; color: var(--text-faint); font-weight:500;}\n  .meta .dot{width:3px;height:3px;border-radius:50%;background:var(--text-faint); display:inline-block; margin:0 7px 2px;}\n\n  \/* ---------- hero ---------- *\/\n  .hero{padding-top:36px;}\n  .hero-grid{\n    display:grid; grid-template-columns: 1.7fr 1fr; gap: 26px;\n  }\n  .hero-slider{position:relative; border-radius: var(--radius); overflow:hidden; height: clamp(460px, 64vh, 560px);}\n  .hero-slide{position:absolute; inset:0; opacity:0; visibility:hidden; transition: opacity .8s ease;}\n  .hero-slide.active{opacity:1; visibility:visible; z-index:2;}\n  .hero-slide .art{position:absolute; inset:0; height:100%;}\n  .hero-slide .art-icon{width:220px; height:220px; right:-20px; bottom:-30px;}\n  .hero-controls{\n    position:absolute; top:16px; left:16px; right:16px; z-index:5;\n    display:flex; align-items:center; justify-content:space-between;\n  }\n  .hero-arrows{display:flex; gap:8px;}\n  .hero-arrow{\n    width:36px; height:36px; border-radius:50%;\n    background: rgba(10,14,23,.55); border:1px solid rgba(244,242,236,.25); color:#fff;\n    display:flex; align-items:center; justify-content:center; font-size:18px; line-height:1;\n    backdrop-filter: blur(4px);\n  }\n  .hero-arrow:hover{background: rgba(10,14,23,.85); border-color: var(--gold);}\n  .hero-dots{display:flex; gap:8px;}\n  .hero-dot{width:8px; height:8px; border-radius:50%; background: rgba(244,242,236,.4); transition: all .25s ease; border:1px solid rgba(10,14,23,.3);}\n  .hero-dot:hover{background: rgba(244,242,236,.7);}\n  .hero-dot.active{background: var(--gold); width:24px; border-radius:4px;}\n  .feature-content{\n    position:absolute; left:0; right:0; bottom:0; z-index:2;\n    padding: clamp(22px, 4vw, 40px) clamp(22px, 4vw, 44px) clamp(20px, 3vw, 32px);\n  }\n  .feature-content .tag{margin-bottom: clamp(10px, 1.6vw, 16px); display:inline-block;}\n  .feature-content h1{\n    font-family: var(--display); font-size: clamp(28px, 4vw, 50px); font-weight:400; line-height:1.04; letter-spacing:.005em;\n    color: var(--text); margin: 0 0 12px; max-width: 640px;\n  }\n  .feature-content p{\n    color: rgba(244,242,236,.78); font-size: clamp(13px, 1.3vw, 15px); line-height:1.55; max-width:54ch; margin-bottom:12px;\n    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;\n  }\n  .feature-content .meta{color: rgba(244,242,236,.6);}\n  .feature-content .meta .dot{background: rgba(244,242,236,.6);}\n\n  .top-stories{\n    background: var(--surface); border-radius: var(--radius); padding: 26px 24px; display:flex; flex-direction:column;\n  }\n  .top-stories h3{\n    font-family:var(--display); font-size:22px; font-weight:400; letter-spacing:.03em; color:var(--text);\n    margin-bottom:6px; padding-bottom:16px; border-bottom:1px solid var(--line);\n    display:flex; align-items:center; gap:10px;\n  }\n  .ts-item{\n    display:grid; grid-template-columns: 68px 1fr; gap:14px;\n    padding: 16px 0; border-bottom:1px solid var(--line);\n  }\n  .ts-item:last-child{border-bottom:none; padding-bottom:0;}\n  .ts-item:first-child{padding-top:16px;}\n  .ts-item .art{width:68px; height:68px; border-radius: 4px; flex-shrink:0;}\n  .ts-item .art .art-icon{width:34px;height:34px; right:4px; bottom:2px;}\n  .ts-item .num{\n    font-family: var(--display); font-size:12px; letter-spacing:.06em; font-weight:400;\n    margin-bottom:3px; display:block;\n  }\n  .ts-item h4{\n    font-family: var(--sans); font-size:14px; font-weight:600; line-height:1.35; margin:0 0 6px;\n    color: var(--text);\n  }\n  .ts-item:hover h4{color: var(--gold-bright);}\n\n  \/* ---------- article grid (image-overlay cards) ---------- *\/\n  .grid{\n    display:grid; grid-template-columns: repeat(4, 1fr); gap: 22px;\n  }\n  .card{position:relative; border-radius: var(--radius); overflow:hidden; height:240px;}\n  .card .art{position:absolute; inset:0;}\n  .card .art .art-icon{width:90px; height:90px; right:-10px; bottom:-14px;}\n  .card-content{position:absolute; left:0; right:0; bottom:0; z-index:2; padding:16px 16px 16px;}\n  .card-content .tag{margin-bottom:10px;}\n  .card h3{\n    font-family: var(--sans); font-size:15.5px; font-weight:700; line-height:1.32;\n    color:var(--text); margin: 0 0 8px;\n  }\n  .card:hover h3{color: var(--gold-bright);}\n  .card .meta{color: rgba(244,242,236,.65);}\n  .card .meta .dot{background: rgba(244,242,236,.5);}\n\n  \/* ---------- category sections ---------- *\/\n  .cat-section{background: var(--bg-raised); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}\n  .cat-block{padding: 50px 0; border-bottom:1px solid var(--line);}\n  .cat-block:last-child{border-bottom:none;}\n  .cat-grid{display:grid; grid-template-columns: 1.15fr 1fr 1fr; gap:22px;}\n  .cat-grid .card:first-child{height:340px;}\n  .cat-grid .card:first-child h3{font-size:24px; max-width:20ch; font-family:var(--display); font-weight:400; letter-spacing:.01em; line-height:1.05;}\n  .cat-grid .card:not(:first-child){height:159px;}\n  .cat-grid .card:not(:first-child) h3{font-size:15px;}\n\n  \/* ---------- most read + newsletter row ---------- *\/\n  .split{display:grid; grid-template-columns: 1.3fr 1fr; gap:36px; align-items:stretch;}\n\n  .most-read h2{\n    font-family: var(--display); font-size:30px; font-weight:400; letter-spacing:.02em; color:var(--text);\n    padding-bottom:16px; border-bottom:1px solid var(--line); margin-bottom:4px;\n    display:flex; align-items:center; gap:12px;\n  }\n  .mr-item{\n    display:flex; gap:20px; align-items:baseline;\n    padding: 20px 0; border-bottom: 1px solid var(--line);\n  }\n  .mr-item:last-child{border-bottom:none;}\n  .mr-rank{\n    font-family: var(--display); font-size:34px; font-weight:400; color: var(--gold);\n    width:40px; flex-shrink:0; line-height:1;\n  }\n  .mr-item h4{font-family:var(--sans); font-size:16px; font-weight:700; color:var(--text); line-height:1.35; margin-bottom:6px;}\n  .mr-item:hover h4{color:var(--gold-bright);}\n\n  .newsletter{\n    background: linear-gradient(155deg, var(--surface-2), #0d1119 78%);\n    color: var(--text); padding: 44px 40px; border-radius: var(--radius);\n    display:flex; flex-direction:column; justify-content:center; border:1px solid var(--line);\n  }\n  .newsletter .accent-dash{margin-bottom:18px;}\n  .newsletter h2{font-family:var(--display); font-size:32px; font-weight:400; letter-spacing:.02em; margin-bottom:10px;}\n  .newsletter p{color: var(--text-dim); font-size:14px; line-height:1.6; margin-bottom:24px; max-width:36ch;}\n  .newsletter form{display:flex; gap:0; border-bottom:2px solid var(--line); padding-bottom:2px;}\n  .newsletter input{\n    flex:1; background:transparent; border:none; color:var(--text); font-size:14.5px; padding:10px 4px;\n  }\n  .newsletter input::placeholder{color: var(--text-faint);}\n  .newsletter button{\n    background: var(--gold); color: #0a0e17; font-weight:700; font-size:12.5px; text-transform:uppercase; letter-spacing:.05em;\n    padding: 12px 22px; border-radius:2px; flex-shrink:0;\n  }\n  .newsletter button:hover{background: var(--gold-bright);}\n  .newsletter .fine{font-size:11.5px; color: var(--text-faint); margin-top:14px;}\n  .form-note{font-size:13px; color:var(--gold-bright); margin-top:12px; display:none; font-weight:600;}\n  .form-note.show{display:block;}\n\n  \/* ---------- footer ---------- *\/\n  footer{background: #05070c; color: var(--text-dim); padding-top:56px; border-top:1px solid var(--line);}\n  .footer-grid{\n    display:grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap:40px;\n    padding-bottom: 42px; border-bottom:1px solid var(--line);\n  }\n  .footer-brand .brand{margin-bottom:18px;}\n  .footer-brand p{font-size:13.5px; line-height:1.7; max-width:34ch; color: var(--text-faint);}\n  .footer-social{display:flex; gap:10px; margin-top:22px;}\n  .footer-social a{\n    width:36px; height:36px; border:1px solid var(--line); border-radius:50%;\n    display:flex; align-items:center; justify-content:center;\n  }\n  .footer-social a:hover{border-color:var(--gold); color:var(--gold-bright);}\n  .footer-social svg{width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:1.8;}\n\n  footer h5{color:var(--text); font-family:var(--display); font-weight:400; font-size:17px; letter-spacing:.03em; margin-bottom:20px;}\n  footer ul li{margin-bottom:12px; font-size:13.5px;}\n  footer ul li a:hover{color:var(--gold-bright);}\n  .footer-contact li{color: var(--text-faint);}\n\n  .footer-bottom{\n    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;\n    padding: 24px 0; font-size:12px; color: var(--text-faint);\n  }\n  .footer-bottom a:hover{color:var(--gold-bright);}\n\n  \/* ---------- mobile ---------- *\/\n  .overlay{display:none; position:fixed; inset:0; background:rgba(5,7,12,.7); z-index:50;}\n  .overlay.show{display:block;}\n  .nav-close{display:none;}\n\n  @media (max-width: 980px){\n    nav.primary{position:fixed; top:0; right:-320px; width:290px; height:100vh; background:var(--bg-raised);\n      flex-direction:column; align-items:flex-start; padding: 90px 24px; gap:6px; transition: right .28s ease;\n      box-shadow: -12px 0 32px rgba(0,0,0,.4); z-index:60; border-left:1px solid var(--line);}\n    nav.primary.open{right:0;}\n    nav.primary a{width:100%;}\n    .nav-close{\n      display:flex; align-items:center; justify-content:center;\n      position:absolute; top:24px; right:24px; width:36px; height:36px;\n      border-radius:50%; border:1px solid var(--line); color:var(--text);\n    }\n    .nav-close svg{width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:1.8;}\n    .nav-close:hover{border-color:var(--gold); color:var(--gold-bright);}\n    .burger{display:flex;}\n    .hero-grid{grid-template-columns:1fr;}\n    .hero-slider{height: clamp(300px, 52vh, 420px);}\n    .hero-controls{top:12px; left:12px; right:12px;}\n    .hero-arrow{width:32px; height:32px; font-size:15px;}\n    .feature-content h1{font-size:38px;}\n    .grid{grid-template-columns: repeat(2,1fr);}\n    .cat-grid{grid-template-columns:1fr;}\n    .cat-grid .card:first-child{height:260px;}\n    .cat-grid .card:not(:first-child){height:180px;}\n    .split{grid-template-columns:1fr; gap:36px;}\n    .footer-grid{grid-template-columns: 1fr 1fr;}\n  }\n  @media (max-width: 560px){\n    .masthead .wrap{height:70px;}\n    .brand-mark{width:42px;height:42px;}\n    .brand-text .name{font-size:22px;}\n    .feature-content{padding:26px 22px 24px;}\n    .feature-content h1{font-size:30px;}\n    .section-head h2{font-size:26px;}\n    .grid{grid-template-columns: 1fr 1fr; gap:14px;}\n    .card{height:170px;}\n    .footer-grid{grid-template-columns: 1fr; gap:30px;}\n    .topline .ticker span:nth-child(n+3){display:none;}\n    .newsletter{padding:30px 22px;}\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"topline\">\n  <div class=\"wrap\">\n    <span class=\"ticker\"><span>Rustenburg 21\u00b0C<\/span><\/span>\n    <span id=\"todayDate\" style=\"color:var(--text-faint);\">Friday, 11 September 2026<\/span>\n  <\/div>\n<\/div>\n\n<header class=\"masthead\">\n  <div class=\"wrap\">\n    <a href=\"#\" class=\"brand\">\n      <span class=\"brand-mark\"><img decoding=\"async\" src=\"https:\/\/bojanalanewsletter.co.za\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-11-at-21.18.26-removed-bg.png\" alt=\"Bojanala Newsletter logo\"><\/span>\n      <span class=\"brand-text\">\n        <span class=\"name\">Bojanala Newsletter<\/span>\n        <span class=\"tag\">North West \u00b7 Bojanala District<\/span>\n      <\/span>\n    <\/a>\n\n    <nav class=\"primary\" id=\"primaryNav\">\n      <button class=\"nav-close\" id=\"navClose\" aria-label=\"Close menu\">\n        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\"\/><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"\/><\/svg>\n      <\/button>\n      <a href=\"#\" class=\"active\">Home<\/a>\n      <a href=\"#latest\">Latest<\/a>\n      <a href=\"#mining\">Mining<\/a>\n      <a href=\"#tourism\">Tourism<\/a>\n      <a href=\"#business\">Business<\/a>\n      <a href=\"#agriculture\">Agriculture<\/a>\n      <a href=\"#community\">Community<\/a>\n    <\/nav>\n\n    <div class=\"header-actions\">\n      <button class=\"icon-btn\" aria-label=\"Search\" id=\"searchBtn\">\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n      <\/button>\n      <button class=\"icon-btn burger\" aria-label=\"Menu\" id=\"burgerBtn\">\n        <svg viewBox=\"0 0 24 24\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/header>\n<div class=\"overlay\" id=\"navOverlay\"><\/div>\n\n<div class=\"tabbar\">\n  <div class=\"wrap\">\n    <a href=\"#latest\" class=\"tab active\" data-filter=\"all\">All<\/a>\n    <a href=\"#mining\" class=\"tab\" data-filter=\"Mining\">Mining<\/a>\n    <a href=\"#tourism\" class=\"tab\" data-filter=\"Tourism\">Tourism<\/a>\n    <a href=\"#business\" class=\"tab\" data-filter=\"Business\">Business<\/a>\n    <a href=\"#agriculture\" class=\"tab\" data-filter=\"Agriculture\">Agriculture<\/a>\n    <a href=\"#community\" class=\"tab\" data-filter=\"Community\">Community<\/a>\n  <\/div>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"wrap hero-grid\">\n    <div class=\"hero-slider\" id=\"heroSlider\" role=\"region\" aria-label=\"Featured stories\" aria-roledescription=\"carousel\">\n\n      <article class=\"hero-slide active\">\n        <a href=\"#\" class=\"art\" data-cat=\"Mining\">\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 L9 10 L13 16 L16 11 L20 20 Z\"\/><circle cx=\"17\" cy=\"6\" r=\"2.4\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"feature-content\">\n          <span class=\"tag cat-bg-Mining\">Mining<\/span>\n          <h1><a href=\"#\">Bojanala platinum mines report record output as global demand rebounds<\/a><\/h1>\n          <p>Operations across the platinum belt near Rustenburg posted their strongest quarterly figures in five years, with local mines pointing to steady electric-vehicle demand and new processing capacity coming online next year.<\/p>\n          <div class=\"meta\">Thabo Morwe <span class=\"dot\"><\/span> 11 September 2026 <span class=\"dot\"><\/span> 6 min read<\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"hero-slide\">\n        <a href=\"#\" class=\"art\" data-cat=\"Tourism\">\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 18 Q8 8 13 15 Q17 9 21 18 Z\"\/><circle cx=\"6\" cy=\"7\" r=\"2\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"feature-content\">\n          <span class=\"tag cat-bg-Tourism\">Tourism<\/span>\n          <h1><a href=\"#\">Pilanesberg records busiest winter season in a decade<\/a><\/h1>\n          <p>Game lodges and day-visitor gates across Pilanesberg National Park logged their highest winter numbers in ten years, with operators crediting improved road access and a strong run of Big Five sightings.<\/p>\n          <div class=\"meta\">Lerato Sebego <span class=\"dot\"><\/span> 9 September 2026 <span class=\"dot\"><\/span> 4 min read<\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"hero-slide\">\n        <a href=\"#\" class=\"art\" data-cat=\"Business\">\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"10\" width=\"18\" height=\"9\"\/><path d=\"M7 10 V6 a5 5 0 0 1 10 0 v4\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"feature-content\">\n          <span class=\"tag cat-bg-Business\">Business<\/span>\n          <h1><a href=\"#\">Rustenburg SMEs welcome new municipal trading permit system<\/a><\/h1>\n          <p>A streamlined online permit process launched by the local municipality has cut waiting times for small traders from weeks to days, with over 300 businesses registered in the first fortnight.<\/p>\n          <div class=\"meta\">Kagiso Mmusi <span class=\"dot\"><\/span> 9 September 2026 <span class=\"dot\"><\/span> 3 min read<\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"hero-slide\">\n        <a href=\"#\" class=\"art\" data-cat=\"Agriculture\">\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 17 L9 17 L11 12 L14 20 L16 15 L21 15\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"feature-content\">\n          <span class=\"tag cat-bg-Agriculture\">Agriculture<\/span>\n          <h1><a href=\"#\">North West maize yield forecast raised after good late rains<\/a><\/h1>\n          <p>The provincial crop estimates committee has lifted its maize yield forecast for the season, pointing to well-timed late-season rainfall across the Bojanala growing areas.<\/p>\n          <div class=\"meta\">Ntswaki Diale <span class=\"dot\"><\/span> 8 September 2026 <span class=\"dot\"><\/span> 3 min read<\/div>\n        <\/div>\n      <\/article>\n\n      <div class=\"hero-controls\">\n        <div class=\"hero-arrows\">\n          <button class=\"hero-arrow prev\" id=\"heroPrev\" aria-label=\"Previous story\">\u2039<\/button>\n          <button class=\"hero-arrow next\" id=\"heroNext\" aria-label=\"Next story\">\u203a<\/button>\n        <\/div>\n        <div class=\"hero-dots\" id=\"heroDots\"><\/div>\n      <\/div>\n    <\/div>\n\n    <aside class=\"top-stories\">\n      <h3><span style=\"width:20px;height:3px;background:var(--gold);display:inline-block;\"><\/span>Top Stories<\/h3>\n\n      <div class=\"ts-item\">\n        <a href=\"#\" class=\"art\" data-cat=\"Tourism\">\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 18 Q8 8 13 15 Q17 9 21 18 Z\"\/><circle cx=\"6\" cy=\"7\" r=\"2\"\/><\/svg><\/div>\n        <\/a>\n        <div>\n          <span class=\"num cat-color-Tourism\">Tourism<\/span>\n          <h4><a href=\"#\">Pilanesberg records busiest winter season in a decade<\/a><\/h4>\n          <div class=\"meta\">9 Sept 2026<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ts-item\">\n        <a href=\"#\" class=\"art\" data-cat=\"Business\">\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"10\" width=\"18\" height=\"9\"\/><path d=\"M7 10 V6 a5 5 0 0 1 10 0 v4\"\/><\/svg><\/div>\n        <\/a>\n        <div>\n          <span class=\"num cat-color-Business\">Business<\/span>\n          <h4><a href=\"#\">Rustenburg SMEs welcome new municipal trading permit system<\/a><\/h4>\n          <div class=\"meta\">9 Sept 2026<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ts-item\">\n        <a href=\"#\" class=\"art\" data-cat=\"Community\">\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 V10 L12 4 L20 10 V20 Z\"\/><path d=\"M9 20 V13 H15 V20\"\/><\/svg><\/div>\n        <\/a>\n        <div>\n          <span class=\"num cat-color-Community\">Community<\/span>\n          <h4><a href=\"#\">Moses Kotane clinic upgrade completed ahead of schedule<\/a><\/h4>\n          <div class=\"meta\">8 Sept 2026<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ts-item\">\n        <a href=\"#\" class=\"art\" data-cat=\"Agriculture\">\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 17 L9 17 L11 12 L14 20 L16 15 L21 15\"\/><\/svg><\/div>\n        <\/a>\n        <div>\n          <span class=\"num cat-color-Agriculture\">Agriculture<\/span>\n          <h4><a href=\"#\">North West maize yield forecast raised after good late rains<\/a><\/h4>\n          <div class=\"meta\">8 Sept 2026<\/div>\n        <\/div>\n      <\/div>\n    <\/aside>\n  <\/div>\n<\/section>\n\n<!-- LATEST NEWS -->\n<section id=\"latest\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <h2><span class=\"accent-dash\" style=\"background:var(--gold);\"><\/span>Latest News<\/h2>\n      <a href=\"#\" class=\"view-all\">View all \u2192<\/a>\n    <\/div>\n    <div class=\"grid\" id=\"latestGrid\">\n\n      <article class=\"card\" data-category=\"Mining\">\n        <a href=\"#\" class=\"art\" data-cat=\"Mining\">\n          <span class=\"badge-time\">4 min<\/span>\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 L9 10 L13 16 L16 11 L20 20 Z\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"card-content\">\n          <span class=\"tag cat-bg-Mining\">Mining<\/span>\n          <h3><a href=\"#\">Royal Bafokeng community trust announces new skills fund<\/a><\/h3>\n          <div class=\"meta\">11 Sept<\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card\" data-category=\"Community\">\n        <a href=\"#\" class=\"art\" data-cat=\"Community\">\n          <span class=\"badge-time\">3 min<\/span>\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 V10 L12 4 L20 10 V20 Z\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"card-content\">\n          <span class=\"tag cat-bg-Community\">Community<\/span>\n          <h3><a href=\"#\">Madibeng ward councillors hold public water-supply meeting<\/a><\/h3>\n          <div class=\"meta\">10 Sept<\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card\" data-category=\"Tourism\">\n        <a href=\"#\" class=\"art\" data-cat=\"Tourism\">\n          <span class=\"badge-time\">5 min<\/span>\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 18 Q8 8 13 15 Q17 9 21 18 Z\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"card-content\">\n          <span class=\"tag cat-bg-Tourism\">Tourism<\/span>\n          <h3><a href=\"#\">Hartbeespoort tour operators report strong long-weekend bookings<\/a><\/h3>\n          <div class=\"meta\">10 Sept<\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card\" data-category=\"Business\">\n        <a href=\"#\" class=\"art\" data-cat=\"Business\">\n          <span class=\"badge-time\">4 min<\/span>\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"10\" width=\"18\" height=\"9\"\/><path d=\"M7 10 V6 a5 5 0 0 1 10 0 v4\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"card-content\">\n          <span class=\"tag cat-bg-Business\">Business<\/span>\n          <h3><a href=\"#\">New Rustenburg mall phase to add 40 local retail units<\/a><\/h3>\n          <div class=\"meta\">9 Sept<\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card\" data-category=\"Agriculture\">\n        <a href=\"#\" class=\"art\" data-cat=\"Agriculture\">\n          <span class=\"badge-time\">3 min<\/span>\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 17 L9 17 L11 12 L14 20 L16 15 L21 15\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"card-content\">\n          <span class=\"tag cat-bg-Agriculture\">Agriculture<\/span>\n          <h3><a href=\"#\">Kgetlengrivier emerging farmers get tractor equipment grant<\/a><\/h3>\n          <div class=\"meta\">9 Sept<\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card\" data-category=\"Mining\">\n        <a href=\"#\" class=\"art\" data-cat=\"Mining\">\n          <span class=\"badge-time\">5 min<\/span>\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 L9 10 L13 16 L16 11 L20 20 Z\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"card-content\">\n          <span class=\"tag cat-bg-Mining\">Mining<\/span>\n          <h3><a href=\"#\">Sibanye-Stillwater invests in local supplier development programme<\/a><\/h3>\n          <div class=\"meta\">8 Sept<\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card\" data-category=\"Community\">\n        <a href=\"#\" class=\"art\" data-cat=\"Community\">\n          <span class=\"badge-time\">2 min<\/span>\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 V10 L12 4 L20 10 V20 Z\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"card-content\">\n          <span class=\"tag cat-bg-Community\">Community<\/span>\n          <h3><a href=\"#\">Moretele schools receive donated computer labs<\/a><\/h3>\n          <div class=\"meta\">7 Sept<\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"card\" data-category=\"Tourism\">\n        <a href=\"#\" class=\"art\" data-cat=\"Tourism\">\n          <span class=\"badge-time\">3 min<\/span>\n          <div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 18 Q8 8 13 15 Q17 9 21 18 Z\"\/><\/svg><\/div>\n        <\/a>\n        <div class=\"card-content\">\n          <span class=\"tag cat-bg-Tourism\">Tourism<\/span>\n          <h3><a href=\"#\">Sun City announces line-up for December festival season<\/a><\/h3>\n          <div class=\"meta\">7 Sept<\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CATEGORY SECTIONS -->\n<div class=\"cat-section\">\n\n  <div class=\"wrap cat-block\" id=\"mining\">\n    <div class=\"section-head\">\n      <h2><span class=\"accent-dash cat-bg-Mining\"><\/span>Mining<\/h2>\n      <a href=\"#\" class=\"view-all\">More Mining news \u2192<\/a>\n    <\/div>\n    <div class=\"cat-grid\">\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Mining\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 L9 10 L13 16 L16 11 L20 20 Z\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Mining\">Mining<\/span><h3><a href=\"#\">Anglo American Platinum begins shaft safety modernisation at Rustenburg<\/a><\/h3><div class=\"meta\">11 Sept<\/div><\/div>\n      <\/article>\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Mining\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 L9 10 L13 16 L16 11 L20 20 Z\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Mining\">Mining<\/span><h3><a href=\"#\">Impala Platinum widens bursary scheme for engineering students<\/a><\/h3><div class=\"meta\">10 Sept<\/div><\/div>\n      <\/article>\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Mining\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 L9 10 L13 16 L16 11 L20 20 Z\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Mining\">Mining<\/span><h3><a href=\"#\">Chrome producers flag rising rail export backlog at Mafikeng corridor<\/a><\/h3><div class=\"meta\">8 Sept<\/div><\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <div class=\"wrap cat-block\" id=\"tourism\">\n    <div class=\"section-head\">\n      <h2><span class=\"accent-dash cat-bg-Tourism\"><\/span>Tourism<\/h2>\n      <a href=\"#\" class=\"view-all\">More Tourism news \u2192<\/a>\n    <\/div>\n    <div class=\"cat-grid\">\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Tourism\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 18 Q8 8 13 15 Q17 9 21 18 Z\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Tourism\">Tourism<\/span><h3><a href=\"#\">Pilanesberg&#8217;s Big Five sightings drive early booking surge for spring<\/a><\/h3><div class=\"meta\">10 Sept<\/div><\/div>\n      <\/article>\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Tourism\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 18 Q8 8 13 15 Q17 9 21 18 Z\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Tourism\">Tourism<\/span><h3><a href=\"#\">Magaliesberg guesthouses report full occupancy for heritage weekend<\/a><\/h3><div class=\"meta\">9 Sept<\/div><\/div>\n      <\/article>\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Tourism\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 18 Q8 8 13 15 Q17 9 21 18 Z\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Tourism\">Tourism<\/span><h3><a href=\"#\">District tourism board launches Bojanala heritage trail map<\/a><\/h3><div class=\"meta\">7 Sept<\/div><\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <div class=\"wrap cat-block\" id=\"business\">\n    <div class=\"section-head\">\n      <h2><span class=\"accent-dash cat-bg-Business\"><\/span>Business<\/h2>\n      <a href=\"#\" class=\"view-all\">More Business news \u2192<\/a>\n    <\/div>\n    <div class=\"cat-grid\">\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Business\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"10\" width=\"18\" height=\"9\"\/><path d=\"M7 10 V6 a5 5 0 0 1 10 0 v4\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Business\">Business<\/span><h3><a href=\"#\">Local bank branch launches SME funding desk for Bojanala entrepreneurs<\/a><\/h3><div class=\"meta\">11 Sept<\/div><\/div>\n      <\/article>\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Business\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"10\" width=\"18\" height=\"9\"\/><path d=\"M7 10 V6 a5 5 0 0 1 10 0 v4\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Business\">Business<\/span><h3><a href=\"#\">Rustenburg industrial park attracts two new logistics tenants<\/a><\/h3><div class=\"meta\">9 Sept<\/div><\/div>\n      <\/article>\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Business\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"10\" width=\"18\" height=\"9\"\/><path d=\"M7 10 V6 a5 5 0 0 1 10 0 v4\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Business\">Business<\/span><h3><a href=\"#\">Township spaza shop owners form district buying cooperative<\/a><\/h3><div class=\"meta\">8 Sept<\/div><\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <div class=\"wrap cat-block\" id=\"agriculture\">\n    <div class=\"section-head\">\n      <h2><span class=\"accent-dash cat-bg-Agriculture\"><\/span>Agriculture<\/h2>\n      <a href=\"#\" class=\"view-all\">More Agriculture news \u2192<\/a>\n    <\/div>\n    <div class=\"cat-grid\">\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Agriculture\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 17 L9 17 L11 12 L14 20 L16 15 L21 15\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Agriculture\">Agriculture<\/span><h3><a href=\"#\">Sunflower prices lift outlook for Kgetlengrivier commercial farmers<\/a><\/h3><div class=\"meta\">11 Sept<\/div><\/div>\n      <\/article>\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Agriculture\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 17 L9 17 L11 12 L14 20 L16 15 L21 15\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Agriculture\">Agriculture<\/span><h3><a href=\"#\">Provincial dept rolls out livestock vaccination drive across district<\/a><\/h3><div class=\"meta\">9 Sept<\/div><\/div>\n      <\/article>\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Agriculture\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 17 L9 17 L11 12 L14 20 L16 15 L21 15\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Agriculture\">Agriculture<\/span><h3><a href=\"#\">Citrus co-op in Marikana area secures new export contract<\/a><\/h3><div class=\"meta\">7 Sept<\/div><\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <div class=\"wrap cat-block\" id=\"community\">\n    <div class=\"section-head\">\n      <h2><span class=\"accent-dash cat-bg-Community\"><\/span>Community<\/h2>\n      <a href=\"#\" class=\"view-all\">More Community news \u2192<\/a>\n    <\/div>\n    <div class=\"cat-grid\">\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Community\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 V10 L12 4 L20 10 V20 Z\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Community\">Community<\/span><h3><a href=\"#\">Rustenburg Local Municipality opens applications for youth internships<\/a><\/h3><div class=\"meta\">11 Sept<\/div><\/div>\n      <\/article>\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Community\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 V10 L12 4 L20 10 V20 Z\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Community\">Community<\/span><h3><a href=\"#\">Community policing forum reports drop in local burglary cases<\/a><\/h3><div class=\"meta\">10 Sept<\/div><\/div>\n      <\/article>\n      <article class=\"card\"><a href=\"#\" class=\"art\" data-cat=\"Community\"><div class=\"art-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20 V10 L12 4 L20 10 V20 Z\"\/><\/svg><\/div><\/a>\n        <div class=\"card-content\"><span class=\"tag cat-bg-Community\">Community<\/span><h3><a href=\"#\">Freedom Park sports ground upgrade to open in October<\/a><\/h3><div class=\"meta\">8 Sept<\/div><\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- MOST READ + NEWSLETTER -->\n<section>\n  <div class=\"wrap split\">\n    <div class=\"most-read\">\n      <h2><span class=\"accent-dash\" style=\"background:var(--gold);\"><\/span>Most Read<\/h2>\n      <div class=\"mr-item\">\n        <span class=\"mr-rank\">1<\/span>\n        <div><h4><a href=\"#\">Bojanala platinum mines report record output as global demand rebounds<\/a><\/h4><span class=\"meta\">Mining<\/span><\/div>\n      <\/div>\n      <div class=\"mr-item\">\n        <span class=\"mr-rank\">2<\/span>\n        <div><h4><a href=\"#\">Pilanesberg records busiest winter season in a decade<\/a><\/h4><span class=\"meta\">Tourism<\/span><\/div>\n      <\/div>\n      <div class=\"mr-item\">\n        <span class=\"mr-rank\">3<\/span>\n        <div><h4><a href=\"#\">Rustenburg SMEs welcome new municipal trading permit system<\/a><\/h4><span class=\"meta\">Business<\/span><\/div>\n      <\/div>\n      <div class=\"mr-item\">\n        <span class=\"mr-rank\">4<\/span>\n        <div><h4><a href=\"#\">Moses Kotane clinic upgrade completed ahead of schedule<\/a><\/h4><span class=\"meta\">Community<\/span><\/div>\n      <\/div>\n      <div class=\"mr-item\">\n        <span class=\"mr-rank\">5<\/span>\n        <div><h4><a href=\"#\">North West maize yield forecast raised after good late rains<\/a><\/h4><span class=\"meta\">Agriculture<\/span><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"newsletter\">\n      <span class=\"accent-dash\" style=\"background:var(--gold); width:32px;\"><\/span>\n      <h2>Stay informed<\/h2>\n      <p>Get the latest Bojanala news \u2014 mining, tourism, business, agriculture and community \u2014 straight to your inbox every morning.<\/p>\n      <form id=\"newsletterForm\">\n        <input type=\"email\" placeholder=\"Your email address\" required aria-label=\"Email address\">\n        <button type=\"submit\">Subscribe<\/button>\n      <\/form>\n      <p class=\"form-note\" id=\"formNote\">Thanks \u2014 check your inbox to confirm your subscription.<\/p>\n      <p class=\"fine\">Free. Sent weekday mornings. Unsubscribe anytime.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer>\n  <div class=\"wrap\">\n    <div class=\"footer-grid\">\n      <div class=\"footer-brand\">\n        <div class=\"brand\">\n          <span class=\"brand-mark\"><img decoding=\"async\" src=\"https:\/\/bojanalanewsletter.co.za\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-11-at-21.18.26-removed-bg.png\" alt=\"Bojanala Newsletter logo\"><\/span>\n          <span class=\"brand-text\">\n            <span class=\"name\">Bojanala Newsletter<\/span>\n          <\/span>\n        <\/div>\n        <p>An independent digital news platform covering the Bojanala Platinum District \u2014 Rustenburg, Moses Kotane, Madibeng, Kgetlengrivier and Moretele.<\/p>\n        <div class=\"footer-social\">\n          <a href=\"#\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 8h-2a2 2 0 0 0-2 2v3H9v3h2v6h3v-6h2.2l.8-3H14v-2a1 1 0 0 1 1-1h2Z\"\/><\/svg><\/a>\n          <a href=\"#\" aria-label=\"X\"><svg viewBox=\"0 0 24 24\"><line x1=\"4\" y1=\"4\" x2=\"20\" y2=\"20\"\/><line x1=\"20\" y1=\"4\" x2=\"4\" y2=\"20\"\/><\/svg><\/a>\n          <a href=\"#\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"4\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.2\" cy=\"6.8\" r=\"1\"\/><\/svg><\/a>\n          <a href=\"#\" aria-label=\"YouTube\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"3\"\/><path d=\"M10 9.5 L15 12 L10 14.5 Z\"\/><\/svg><\/a>\n        <\/div>\n      <\/div>\n\n      <div>\n        <h5>Quick Links<\/h5>\n        <ul>\n          <li><a href=\"#\">Home<\/a><\/li>\n          <li><a href=\"#latest\">Latest News<\/a><\/li>\n          <li><a href=\"#\">About Us<\/a><\/li>\n          <li><a href=\"#\">Advertise With Us<\/a><\/li>\n          <li><a href=\"#\">Submit a Tip<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div>\n        <h5>Categories<\/h5>\n        <ul>\n          <li><a href=\"#mining\">Mining<\/a><\/li>\n          <li><a href=\"#tourism\">Tourism<\/a><\/li>\n          <li><a href=\"#business\">Business<\/a><\/li>\n          <li><a href=\"#agriculture\">Agriculture<\/a><\/li>\n          <li><a href=\"#community\">Community<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div>\n        <h5>Contact<\/h5>\n        <ul class=\"footer-contact\">\n          <li>Rustenburg, North West, South Africa<\/li>\n          <li>newsroom@bojanalanews.co.za<\/li>\n          <li><a href=\"tel:+27606040559\">+27 60 604 0559<\/a><\/li>\n          <li><a href=\"tel:+27786240963\">+27 78 624 0963<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"footer-bottom\">\n      <span>\u00a9 2026 Bojanala Newsletter. All rights reserved. &nbsp;\u00b7&nbsp; Designed by <a href=\"https:\/\/www.jsmmediagroup.co.za\" target=\"_blank\" rel=\"noopener noreferrer\">JSM Media Group<\/a><\/span>\n      <span><a href=\"#\">Privacy Policy<\/a> &nbsp;\u00b7&nbsp; <a href=\"#\">Terms of Use<\/a><\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n  \/\/ hero slider \u2014 fades between featured stories, autoplay + dots + arrows\n  (function(){\n    const slider = document.getElementById('heroSlider');\n    const slides = Array.from(slider.querySelectorAll('.hero-slide'));\n    const dotsWrap = document.getElementById('heroDots');\n    let index = slides.findIndex(s => s.classList.contains('active'));\n    if(index < 0) index = 0;\n\n    slides.forEach((_, i) => {\n      const dot = document.createElement('button');\n      dot.className = 'hero-dot' + (i === index ? ' active' : '');\n      dot.setAttribute('aria-label', 'Go to story ' + (i + 1));\n      dot.addEventListener('click', () => go(i));\n      dotsWrap.appendChild(dot);\n    });\n    const dots = Array.from(dotsWrap.querySelectorAll('.hero-dot'));\n\n    function go(next){\n      slides[index].classList.remove('active');\n      dots[index].classList.remove('active');\n      index = (next + slides.length) % slides.length;\n      slides[index].classList.add('active');\n      dots[index].classList.add('active');\n      restart();\n    }\n\n    let timer;\n    function start(){ timer = setInterval(() => go(index + 1), 6000); }\n    function restart(){ clearInterval(timer); start(); }\n\n    document.getElementById('heroNext').addEventListener('click', () => go(index + 1));\n    document.getElementById('heroPrev').addEventListener('click', () => go(index - 1));\n    slider.addEventListener('mouseenter', () => clearInterval(timer));\n    slider.addEventListener('mouseleave', start);\n\n    start();\n  })();\n\n  \/\/ mobile nav toggle\n  const burger = document.getElementById('burgerBtn');\n  const nav = document.getElementById('primaryNav');\n  const navClose = document.getElementById('navClose');\n  const overlay = document.getElementById('navOverlay');\n  function closeNav(){ nav.classList.remove('open'); overlay.classList.remove('show'); }\n  burger.addEventListener('click', () => {\n    nav.classList.toggle('open');\n    overlay.classList.toggle('show');\n  });\n  navClose.addEventListener('click', closeNav);\n  overlay.addEventListener('click', closeNav);\n  nav.querySelectorAll('a').forEach(a => a.addEventListener('click', closeNav));\n\n  \/\/ category tab filtering of Latest News grid\n  const tabs = document.querySelectorAll('.tab');\n  const cards = document.querySelectorAll('#latestGrid .card');\n  tabs.forEach(tab => {\n    tab.addEventListener('click', (e) => {\n      const filter = tab.dataset.filter;\n      if(!filter) return;\n      tabs.forEach(t => t.classList.remove('active'));\n      tab.classList.add('active');\n      if(filter === 'all'){\n        cards.forEach(c => c.style.display = '');\n      } else {\n        e.preventDefault();\n        cards.forEach(c => c.style.display = (c.dataset.category === filter) ? '' : 'none');\n        document.getElementById('latest').scrollIntoView({behavior:'smooth', block:'start'});\n      }\n    });\n  });\n\n  \/\/ newsletter form\n  document.getElementById('newsletterForm').addEventListener('submit', function(e){\n    e.preventDefault();\n    document.getElementById('formNote').classList.add('show');\n    this.reset();\n  });\n\n  \/\/ live date\n  document.getElementById('todayDate').textContent = new Date().toLocaleDateString('en-ZA', { weekday:'long', day:'numeric', month:'long', year:'numeric' });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bojanala Newsletter \u2014 North West&#8217;s Bojanala District, Reported Rustenburg 21\u00b0C Friday, 11 September 2026 Bojanala Newsletter North West \u00b7 Bojanala District Home Latest Mining Tourism Business Agriculture Community All Mining Tourism Business Agriculture Community Mining Bojanala platinum mines report record output as global demand rebounds Operations across the platinum belt near Rustenburg posted their strongest [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bojanalanewsletter.co.za\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bojanalanewsletter.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bojanalanewsletter.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bojanalanewsletter.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bojanalanewsletter.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":4,"href":"https:\/\/bojanalanewsletter.co.za\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/bojanalanewsletter.co.za\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/bojanalanewsletter.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}