Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

index.html 33KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Content-Security-Policy" content="">
  6. <title>SIBS 2024</title>
  7. <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  9. <link rel="stylesheet" href="./css/app.css">
  10. <link rel="stylesheet" href="./css/animate.css">
  11. </head>
  12. <body>
  13. <section class="section animate__animated animate__fadeIn" style="max-height: 120vh;">
  14. <div class="search-container">
  15. <img class="logo pb-4" src="Group_49433x.png" alt="">
  16. <h6 class="fw-bolder" >Pelan Kawasan Tanah Milik Perbadanan</h6>
  17. <h6 class="mb-3">Setiausaha Kerajaan (PSK) Pahang Tanpa Skala</h6>
  18. <form id="searchForm" class="d-flex justify-content-center">
  19. <input id="searchInput" type="text" class="p-1 flex-grow-1" placeholder="Search Here">
  20. <button class="btn btn-primary ms-4" type="submit">Search</button>
  21. </form>
  22. </div>
  23. <div class="text-center pt-1 bg-white d-flex justify-content-center ps-0">
  24. <div class="py-5 px-3 relative" style="width: 600px;height: 100px;">
  25. <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
  26. xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-30 -30 1150 1150"
  27. style="enable-background: new 0 0 1080 1080" xml:space="preserve">
  28. <g>
  29. <!-- Cameron Highland -->
  30. <a href="#" data-area="cameron-highland" data-bs-toggle="tooltip" data-bs-placement="top"
  31. title="Tooltip on top">
  32. <path id="cameron-highland" class="disable" d="M77.6,205.5c11.6-0.8,19.5-9.2,28.7-12c13-4,14.2-13.4,19.1-21.7c0,0,0,0,0,0c0,0,0,0,0,0
  33. c-0.1-5-0.2-10.1-0.3-15.1c-2.4-4.8-11.7-7.4-4.9-15.2h0c-0.1-1.5-0.3-3.1-0.4-4.6c0,0,0,0,0,0c-3.5-5.5-3.3-11-0.1-16.5
  34. c0,0,0,0,0,0c0.2-1.4,0.4-2.8,0.6-4.2c0.3,0.6,0.6,1.2,0.8,1.8c-0.1-0.7-0.3-1.3-0.8-1.8c-0.1-4.3-0.2-8.5-0.3-12.8
  35. c-4.4-8.1-14.8-8.3-20.2-16c-9.9-14.2-18.9-13.6-29.4,0.3c-4.4,5.8-9.1,7.1-15.1,3c-3.8-2.6-8.4-4.7-11.2-8.2
  36. c-8.3-10.4-18.4-6.7-27.4-3.3c-9.7,3.7-5.2,12.7-4.5,19.9c0.4,4.6,0.6,9.2,0.9,13.8l0.6,0.6l0.5,0.6l0.7-0.4c2,0.7,3.8,1.6,5,3.3
  37. c1.4,1.8,3.3,2.7,5.6,2.5c1-0.3,2-0.8,2.8-1.5c1.9-2.2,4.2-2.9,7-2.4c1,0.1,2.1,0.1,3.1,0.1c1.8-0.1,3.6-0.6,5.5-0.7
  38. c1,0.3,1.3,0.9,1.2,1.8c-1,2.3-1.7,4.9-3.5,6.9c-1.2,0.8-2.6,1.3-4.1,1.5c-2.5,0.1-5-0.3-7.1-1.7c-1-0.4-2-0.7-3-0.8
  39. c-2.8,0.3-5,1.6-6.7,3.8c-0.6,0.8-1.3,1.6-1.9,2.5c-6.7,5.6-3.9,16.8-12.8,21.2c-4.1,5.7,2.6,6.3,4.3,9.3c3.7,3.6,1.5,9.3,4.8,13
  40. c1.1,0.7,2.2,0.7,3.3,0c0.8-0.4,1.7-0.7,2.5-1.1c2.1-1.8,2.4-4.2,2.4-6.8c0.4,2,0.7,4.1,2.9,5.2l1.3,0.2l1.2-0.2
  41. c3-1.8,6-3.9,9.7-4.6c-0.3,3.7-4.7,4.4-5.1,7.7c2.5,3.5,6.6,3.3,10.2,4.1c7.6,1.7,10.4,7.2,6.9,13.1c-7.9,13.4,0.5,16.8,10.7,19.8
  42. C65.6,205,72.4,205.9,77.6,205.5z"/>
  43. </a>
  44. <!-- Lipis -->
  45. <a href="lists/lipis.html" data-area="lipis">
  46. <path id="lipis" class="pahang-barat"
  47. d="M450.8,329.1c-5.7,4.5-13.3,9.2-20.1,9.3c-11.2,0.2-13.3,7.3-15.4,13.6c-13.1-3.3-21.3-13.5-31.4-20.9
  48. c-5.5-4-13.6-15.1-22.9-5.8c-6.2,6.2-3.1,13.6-0.7,20.7c0.2,1.3,0.9,2.7,1.3,4c0.2,3.5,3,4.9,5.3,6.6c5.6,4,4.5,8.3-0.9,10.5
  49. c-10.5,4.2-21.5,9.5-32.8,3.1c-6.8-3.8-11.3-1.5-15.3,3.5c-4.5,5.6-8.3,11.7-12.7,17.3c-2.4,3.1-6.5,5.8-9.9,3.8
  50. c-4.6-2.6-9.5-6.4-11.7-11c-2.3-4.8,4.5-4.4,7.2-6.6c6.6-5.5,13.2-10.3,4.1-20.1c-6-6.5-8.9-15.8-3-24.5c7.2-10.6-1-12.1-7.9-14.3
  51. c-13.9-4.4-22.6,4.1-31,12.9c-3.6,3.7-9.9,5.7-8.6,12.8c-1.4,1.7-3.4,3.2-4,5.4l-6.8,0.4c-5.5-4.8-9.1-10.5-8.5-18.9
  52. c0.3-3.4-2.9-6.7-6.6-6.5c-10.1,0.4-15.1-5.6-19.5-13.3c-1.7-2.9-4.7-5.1-8.5-3.5c-2.9,1.2-3,3.8-2.2,6.4c2.3,7.6-3.3,8.7-8.2,9.5
  53. c-5.4,0.9-11.4,2.3-16.2,0.7c-15.5-5-30.7-4.7-46-0.1c0,0,0,0,0,0c-4.5-11.8-15.8-16.2-25.7-21.2c-11-5.6-15.7-12.4-12.3-24.9
  54. c4.2-15.4,4.2-15.3-10.6-17c-9-1-15.2-4.2-9.2-14.6c2.6-4.5-0.5-7-2.4-10.1c-1.9-3.2-2.9-6.4-2.9-9.4c0-5.6,3.2-10.6,9.2-14.2
  55. c12.7,2.5,23.7-2.5,34.9-7.4c6.1-2.7,10.3-12.1,19.3-5.7c0.5,0.4,3.9-1.4,3.9-2.2c0.3-11.1,8.7-20.6,8.7-31.8c0-2-0.3-3.9-0.8-6
  56. c0.1-0.5,0.1-0.9,0.1-1.3c0-1.7-0.5-3.2-2-4.4c-1.7-2.2-3.4-4.3-5.1-6.5c0,0,0,0,0,0c2.8-4.6,3.4-9.2-0.1-13.7c0,0,0,0,0,0
  57. c0.1-3.8,0.2-7.6,0.3-11.4c3.6-5.6,2-11.8,2-17.8c0-0.3,0-0.6,0-0.9c8.1-3.3,16.6,6.2,24.7-0.9c1.5-1.3,5.1-1.3,5.6-2.6
  58. c4.7-14.3,18.9-16.3,29.4-23.2c1.6-1.1,2.4-3.8,4.9-3c13.7,4.5,16.7-5.8,18-14.7c1.9-13.1,4.6-26.3,1.8-39.7
  59. c-1.2-5.8-0.4-11.5,7.2-12.2c6.7-0.7,12,0.7,10.2,9.7c-0.8,3.7,1.1,7,4.8,7.9c5.5,1.4,7.3,5.4,8.4,10c1.5,6.2,5.2,9.4,11.4,10
  60. c8.7,0.9,11.1,6.4,10.9,14.2c-0.1,3.8-0.6,7.9,0.7,11.2c2.1,5.2,9.4,9.2,11.1,3.5c4.3-14.2,18.1-23.7,18.5-39.3
  61. c0.2-6.3,0-12.7,0.2-19c0.1-3.4,1.4-8.8,5.1-5.6c5.1,4.4,11.8,2.2,15.3,4.5c14.4,9.4,26.8,5.5,40-1.6c13.6-7.3,13.8-7,18.2,8.4
  62. c0.2,0.8,0.1,2.1,0.6,2.4c9.2,6.3,15.1,15.7,21.5,24.8c6.3,9.1,13.1,17.7,23.9,22.4c-9.7,16.5-1.1,29.5,8.8,41.7
  63. c4.6,5.7,5.7,10.9,2.4,17.3c-1.9,3.7-3.8,7.6-3.1,12c0.4,2.3,0.7,4.6,0.7,6.7c0,7.7-3,14.1-11.1,18.4c-3.7,6.9-9.2,14.6-5.4,22
  64. c6,11.9,9.1,24,9.8,37.1l0,0c3.7,3.5,6.9,7,6.6,12.8c-0.2,4.1,0,8.9,2,12.2c7.8,12.4,7.6,24.7,2.9,38.2c-0.9,2.6-1.7,5.5-1.7,8.4
  65. c0,3.2,0.9,6.5,3.6,9.3c4,3.8,9.5,3.2,14.2,4.8C458.6,315.3,460.3,321.5,450.8,329.1z" />
  66. </a>
  67. <!-- Raub -->
  68. <a href="./lists/raub.html" data-area="raub">
  69. <path id="raub" class="pahang-barat"
  70. d="M353.9,410.6c-3.2,7.6-9.2,19.1-4.7,22.8c8.4,7,4,13.7,5,20.6c2.6,16.3-7.4,32.1-16.7,37.8
  71. c-13.2,8.1-9.9,13.7-6.7,23.2c1,3,0.4,6.6,0.5,9.9c-9.6,6.5-16.9,13.6-9.6,26.4c1.1,1.9-0.8,5.5-1.2,8.3c-1.3,1.6-2.3,4.3-3.8,4.6
  72. c-15,3.1-27.4-6.8-28.5-22.9c-0.4-5.5,0.3-11-4.9-14.7c0,0,0,0,0,0c-0.9-4.7-4.1-7.8-8.6-7.9c-7.1-0.1-11.7-3.5-15.5-9
  73. c-2.1-3.1-4.8-6.8-9.2-4.6c-5.5,2.8-2.9,7.4-0.7,10.8c5.1,8.1,0.3,11.2-6.4,11.4c-9.4,0.3-14.3,6-18.9,12.7
  74. c-4.9-1.5-8.4-4.5-9.1-9.6c-1.9-13.1-10.6-21.7-19.5-30.2c-3.1-3-6.7-5.9-11.1-5.2c-19.1,2.7-31.5-6.8-40.7-21.8
  75. c-8.2-13.6-29.8-22.3-16.1-44.4c2-3.3,0.3-10.9-4.2-13.8c-9.1-5.9-8.5-14.5-8.8-23.4c-0.3-13,4.4-27-7.6-38
  76. c-3.1-2.9,0-7.3,2.2-10.4c3.4-4.8,7.1-9.4,10.6-14.1c13.4-4,26.3-3.6,40.2-0.6c12.2,2.6,27,4,35.2-11.1c0.5,0,0.9-0.1,1.4,0
  77. c4.3,6.5,9.4,11.3,17.5,11.4c4.9,0.1,6.7,3,5.9,7.6c-2,12.2,3.8,16.3,14.2,15.6h5.9c0.1,0,0.3,0,0.4,0c3.3,0,5.6-1.3,6.2-4.9
  78. c2.3-13.1,18.5-13.1,23.6-24.1c0.7-1.5,10.7-0.1,15.4,2.1c5,2.4,0.3,6.8-0.8,9.8c-3.6,9.1,0,16.8,4.8,23.8
  79. c5.5,7.9,3.1,12.4-4.8,15.4c-4.9,1.8-9.2,4.8-7.3,10c2.8,7.5,9.6,13.1,16.5,15.9c5.8,2.3,12.1-2.1,16-7.7c1.7-2.4,3-5.1,4.7-7.5
  80. c3.4-4.6,5.9-11.9,12.6-11c6.3,0.9,13,3.9,12.1,13.2c-0.2,2,4.9,4.2,5.1,6.6C345.4,400.8,358.4,400.9,353.9,410.6z" />
  81. </a>
  82. <!-- Bentong -->
  83. <a href="lists/bentong.html" data-area="bentong">
  84. <path id="bentong" class="pahang-barat" d="M442.5,743.9c-7.8-2.7-7.4-11.3-4.9-12.5c14.5-7.3,7-22,11.8-32.4c2.1-4.5,1.4-8.7,7.8-10.3
  85. c5.5-1.4,9.2-6.8,7.6-12.6c-1.3-4.6-5.4-5.9-10-2.5c-0.8,0.6-4-0.2-4.3-1.1c-5.3-13.5-22.2-9.5-29.6-19.6c-1.8-2.5-3.7-1.4-5.4-0.1
  86. c-10.7,7.6-23.6,8.6-35.6,12.2c0,0,0,0,0,0c-12.3,7.4-15.5-1-18-10.4c-9.7-10.7-3.6-22.8-1.8-33.8c1.8-10.7-1.8-15.4-11.1-17.1
  87. c-8.3-1.5-12.3-5.1-12.4-14.2c-0.1-12.6-7.7-18.9-20.4-19c0,0,0,0,0,0c-0.8-0.3-1.6-0.6-2.4-0.8c-5.7-1-10.3-2-14-3.3
  88. c0.4,0.2,0.8,0.4,1.3,0.6c-1.5-0.2-2.9-0.8-4.2-1.7c-9.3-4.3-11.8-11.8-14.1-29.2c-0.3-2-1.4-4-2.1-5.9c0,0,0,0,0,0
  89. c-3.5-8.3-11.4-6.4-17.9-7.7c0,0,0,0,0,0c0,0,0,0,0,0c-1,0.1-2,0.1-3,0.2c-1.2,8.2-9,9.4-14.1,9.6c-8.8,0.3-13.6,5.3-18.8,10.5
  90. c0,0,0,0,0,0c0.1,1.7,0.5,3.5,0.1,5.1c-2.9,10.8,1.6,24-13.7,30.8c-9.7,4.3-10.3,17.9-5.6,28c4.6,9.8,12.9,22,4.5,30.7
  91. c-10.8,11.1-9.7,18.2-0.4,27.9c3.5,3.6,6.3,8,8.6,12.5c5.8,11.3,16.2,17.2,26.7,22.5c8.6,4.3,18.9,5.9,27.4,1.8
  92. c13.6-6.6,23-4.5,29.3,9.7c2.5,5.8,6.4,9.3,12.6,8.6c15-1.9,21.6,4.7,23.2,19.4c0.8,7.7,4.4,12.6,13,4.3
  93. c11.7-11.4,22.6-11,34.6-0.8c3.4,2.9,7.3,4.2,11.4,5.4c12.6,3.8,25.2,7.3,37.7,11.3c4.3,1.4,8.2,2,12-0.9
  94. C454.9,750.5,448.9,746.1,442.5,743.9z" />
  95. </a>
  96. <!-- Jerantut -->
  97. <a href="#" data-area="jerantut" style="color:gray !important">
  98. <path id="jerantut" class="disable" d="M431.5,110.2c5.4,5.9,6.4,12.3,2.5,19.5c-3.7,6.8-4.5,14.3-3.7,21.9h0c6.1,6.2,11.1,12-3.4,12.9
  99. c-4.7,0.3-7.1,4.1-9.8,7.3c-3.3,9.5-3.4,18.6,2.6,27.4c4.8,7.1,2.7,15.3,3.2,23.1c6.7,4.2,9.9,10.2,9.4,18.1c0,0.4-0.1,0.9,0,1.3
  100. c10.5,20.1,4.7,41.2,3.7,62c3.3,0.8,6.6,1.5,9.9,2.3c7.1,1.7,16,3.6,16.1,11.6c0.1,7.7-5.5,14.9-13.2,18.9c-4.1,2.1-8.1,4.6-12.5,6
  101. c-7.9,2.5-18.2,1.9-15.2,15.6c0.5,2.3-6.1,5.6-8,2.5c-6.5-10.5-22-8.4-27-20.7c-2.8-6.9-11.3-6.5-16.5-10.9c-3.7-3.2-7.2-0.5-7,4.7
  102. c0.1,2.9,0.7,5.8,1,8.7c1.1,4.1,2.7,7.5,6.1,10.6c8.4,7.6,7.2,14.4-2.8,19.2c-1.9,0.9-3.9,1.4-5.9,2.1c-21.4,6.9-22.1,9.7-4.7,25.1
  103. c6,5.3,8.7,9.3,0.1,14c-0.5,3.7-0.3,7.7-1.6,11.1c-3.6,9.5,3.7,13.5,8.9,11.1c15.5-7.3,33.5-5.8,48.3-14.7c0,0,0,0,0,0
  104. c0.8-5.5,3.8-8.5,9.4-7.2c5.9,1.4,7.7,5.6,6.9,11.5c-0.6,4.5-0.6,9.1-0.9,13.7c0,0,0,0,0,0c4.4,1,8.2-1.1,12.2-2.3
  105. c3.7-1.1,9.5-2.2,10.5,1.2c4.4,13.6,15.3,8.5,23.6,8.4c9.1-0.2,14.2,3.1,16.9,11.3c0.5,1.6,1.3,3.1,2.2,4.5
  106. c3.7,5.7,4.8,16.6,12.2,15.5c7-1,11.5-10.1,16-16.9c7.6-11.4,9.9-23.7,8.1-37c-0.7-5.4,0.2-10.7,7.1-11c6.5-0.3,11.1,2.7,12.9,9.6
  107. c1,3.9-2,10,5,11.3c0,0,0,0,0,0c7.8-9.7,17.1-3.1,25.9-2.3c0,0,0,0,0,0c9.3-10.9,18.8-4,28.3-1.1c0.9,0,2,0.4,3.1,0.8
  108. c10.6-0.9,20.1,8.8,31.2,3.3c15.2-9,12.5-28.7,24.3-40.1c5.4-5.2,11.4-9.6,16.9-14.7c5.9-5.6,10.6,1.1,13.3,6.4
  109. c4.9,9.6,10.1,7.4,12.2-0.6c4.4-16.9,14.8-26.4,31.2-30.2c1.5-3.4,3.2-6.9,1.2-10.6c-6-11.1-1.7-19.8,6.2-27.7c0,0,0,0,0,0
  110. c-3.8-3.3-7.7-6.5-11.2-10.1c-3.6-3.6-5.9-9.1-1.6-12.4c10.9-8.4,9.7-18.2,6-29.2c-1.3-3.9,1.5-7.3,3.7-10.4
  111. c2.5-3.5,4.2-7.3,3.4-11.8c-1.1-6.5,1.8-11.4,6.7-15.5c2.9-2.4,6.2-4.9,6.9-8.9c2.2-12.1,8.6-17.9,24.1-13.2
  112. c-4.2-8.1-7.4-14.8-3.2-20.1c12.5-15.7,0.6-26.4-7.1-37.8c-5.6-8.2-13-10.7-23.1-5.7c-9.3,4.6-20.1,5.9-28.9-0.9
  113. c-10.7-8.2-17.2-19.4-18.1-33.4c-0.4-6.2-1.4-12,7.1-13.5c4.7-0.8,6.7-3.9,4-8.3c-2.6-4.2-1.9-7.1,2.2-9.4c1.8-1,3.6-1.8,3.3-4.6
  114. c-1.7-15.9-19.5-28.8-35.8-25.6c-3.4,0.7-6.5,1.3-10,0.6c-21.3-4.2-39.7-13-51.6-32.3c-2.2-3.6-5.3-7-9.6-7.8
  115. c-5.9-1.2-10.9-10.1-16.8-4.9c-5.9,5.2-2.8,13.2-0.6,20.2c1.5,4.6,4.9,10,0.1,14.1c-4.1,3.5-10.8,3.2-14.5,0.9
  116. c-10.1-6.3-14.5-0.7-20.1,6.4c-8.4,10.4-13.2,10.3-23,1.2c-2.5-2.3-4.6-5-6.9-7.4c-7.6-7.9-33.2-11.8-42.8-6.8
  117. c-3.7,1.9-2.3,4.5-2.2,7.4c0.2,12.7-10,19.1-17.9,26c-6.4,5.5-13.4-0.5-19.5-4.2c-13.3-8-23.5-3.9-28.1,11c0,0,0,0,0,0
  118. C414.2,86.1,420.9,98.6,431.5,110.2z" />
  119. </a>
  120. <!-- Kuantan -->
  121. <a href="./lists/kuantan.html" data-area="kuantan">
  122. <path id="kuantan" class="pahang-timur" d="M661.7,445.8c0-5-4.4-10-5.4-15c1.2-3.7,2.3-7.4,5.6-10c8.7-2.7,5.4-7.7,2.5-12.6c3.6-8.3,10.1-13.8,17.7-18.2
  123. c5.4,2.7,6-2.4,8-5c4.3,4.1,6.3,12.9,12.7,12.9c1.9,0,4.3-0.8,7.2-2.8c5.3,0.2,9.1-0.6,5.4-7.1c0.3-4.1,2.1-7.6,4.7-10.7
  124. c1.1,1.7,3.4,2.2,4.2,0.8c6-10.5,17.6-12.8,27-17.6c9.9-5.1,8-8.3,1.6-14.5c-2.6,3.1-1.2,7.5-4.9,9h0c0.1-4.2,0.3-8.4,0.4-12.6
  125. c9.8-5.6,8.6-10.7-0.6-15.6c0,0,0,0,0,0c1.3-2.3,2.5-4.5,3.8-6.8c0,0,0,0,0,0c1.5-0.9,3-1.8,4.6-2.7c0.4,4,2.9,3.3,5.2,2
  126. c1.9-1.1,5.1-2,2-5.2c1.8-0.9,3.6-1.7,5.4-2.6c1.2,2.1,2.4,5.1,5.3,3.3c2.7-1.7,2-4.1-0.6-5.8c2.4-1.7,4.7-2.7,7-2.7
  127. c2.2,0,4.3,0.9,6.4,2.9c-1.9,2.5-0.2,4.3,1.9,4.5c7.8,0.6,15.7,2.5,23.2-1.4c1.8,0.5,3,1.5,3.9,2.7c0.9,1.2,1.6,2.7,2.3,4.2
  128. c-1.8,0.3-4.3-1.8-5.3,0.9c-0.9,2.3,0.8,4,3,4.2c4.8,0.2,9.8,1.9,13.9-2.1c7.8,1.9,10,8.7,13.1,14.8c5.6,2.1,11,4.8,14.9,9.2
  129. c2.8,3.2,5.8,4,9,4c2,0,4.1-0.3,6.2-0.6c1.3,2,1.7,6,5.6,2.6c1.6,1.8,3.3,3.7,4.9,5.5c-1.9,0.8-6.2,1.9-2.4,4
  130. c4.1,2.1,10.5,3.7,12.3-4.2c4.7,10.3,15.5,15.5,18.8,28.5c2.5,9.9,6.4,25.3,22,27.8c-1.7,1.3-3.4,2.6-6.3,4.8c4-0.5,9,2,7-3.4
  131. c0.1-0.2,0-0.4-0.2-0.6c0,0,0,0.1,0,0.1c-0.1-0.3-0.3-0.6-0.4-1c2.5-3,2.6-6.3,1.6-9.8c2.8-2,5.9-3.9,3.2-8.1
  132. c9.1-9.3,4.1-19.8,2.4-29.9c0,0,0,0,0,0c5.7-8,1.6-16.5,0-24.8v24.8c-3.9-5.3-1.9-11.4-2-17.1c-0.1-6.6-0.8-12.2-6.6-16.7
  133. c-8.4-6.6-6.3-15.6-1.5-22.4c6.2-8.6,9-16.6,5.4-26.9c-0.7-1.9-1.1-5.3,1-5.3c0.8,0,1.9,0.5,3.6,1.8c-1.4,1.4-1.9,3,0,4.1
  134. c2.1,1.2,4,0.2,5.4-1.7c4.7-0.1,9.3-0.3,14-0.2c3.6,0.1,8.8-2.3,10.2,2c1.6,5,1.8,12.2-3.2,15.2c-11.4,6.8-8.5,16.5-6.6,25.8
  135. c3.4,17,9.4,33.2,18.7,48.3c-20.6,4.2-32.1,23-29,46.7c0.7,5,2.3,9.9,3.1,14.9c1.3,7.6,2.6,13.1-9,16.2
  136. c-10.2,2.7-12.8,16.2-12.9,26.4v0.5c0,22.5,12.8,40.4,24.7,58.3c-8.4,2.4-16.8,4.9-25.3,7.3c-0.8,0-1.7-0.1-2.6-0.1
  137. c-11.3-9.3-23.5-4.7-35.6-2.4c-1.7,0.2-3.3,0.4-5,0.6c-6.6-0.3-13.1-0.5-19.6-0.8c0,0,0,0,0,0c-0.5-0.5-1-1.1-1.4-1.8
  138. c0,0,0.1-0.1,0.1-0.1c3.4-0.8,7.3,0.9,11.4-2.5c-9.4,0.4-17.9-2.4-26.1,1.9c-0.8,0.2-1.6,0.5-2.4,0.8c-2.7,0-5.3-0.1-7.9-0.1
  139. c-4.8-0.2-9.6-0.5-14.4-0.7c-0.3-0.7-0.7-1.3-1.2-1.9h17.5c-1.5-0.4-2.9-0.8-4.4-1.2c2-0.5,0.5-2.2,1-0.9c-0.8,0.3-1.6,0.5-2.4,0.6
  140. c-5.6-1.4-11.1-2.3-16.4,1.1l-10.5-2.2c6.1-1.1,3.4-4.5,1.6-7.1c-4.6-6.2-11.1-1.9-16.5-1.9c-3.2,0-0.7,3.8,0,6l-11.7-2.4l-0.1,0
  141. c-3.7-0.9-7.6-1-11.3-1.8c-5.7-1.1-11.4-2.2-17-3.3c-3.8-1.5-7.5-3-11.3-4.5c-2.4-10.3-23.6-30-33.2-30.8c-2.5-0.2-5.1-0.8-7.4-0.3
  142. c-1.1,0.2-0.1,2,1.1,2.4c0.8,0.3,1.6,0.4,2.4,0.6c-0.3,0.6-0.6,1.3-0.8,1.9c-2.6,1.3-6,9.5-7-1c-0.2-2.3-1.4-4.6-2.2-6.8
  143. c0,0,0-0.1,0-0.1c-0.1-0.7-0.2-1.3-0.3-2c0.5-4.5-0.4-7.1-5.6-4.4c0,0,0,0,0,0c-6.6-7.4-14.3-7.4-22.6-3.3
  144. c-0.3-2.9-0.4-5.8-0.9-8.7c-0.2-0.9-1.2-1.6-1.9-2.5c-0.8,1.3-1.6,2.7-2.3,4c-2.7-4.3-5.3-8.5-8-12.8
  145. C660.3,451.3,661.7,448.5,661.7,445.8z" />
  146. </a>
  147. <!-- Temerloh -->
  148. <a href="./lists/temerloh.html" data-area="temerloh">
  149. <path id="temerloh" class="pahang-tengah"
  150. d="M528.7,494c-16.5-1-31.1-5.4-39.8-21.4c-9.5-17.6-9.5-17.6-29-15c-0.8,0.1-0.8,0.3-0.8,0.4c0.1,0.1,0,0.1,0,0
  151. c-0.1-0.1-0.2-0.1-0.4-0.3c-1.5-1-3.1-2-4.7-2.8c-0.9,0-1.6-0.3-2.1-1.1c-7.2-3.5-14.9-5.7-22.2-9c-1.9,0.3-3.6-0.6-4.8-2.4
  152. c-0.3-0.2-0.6-0.3-0.9-0.5c0,0,0,0,0,0c-7.8-3.1-2.4-13.1-8.1-17.3c-1.9,7.5-8,9.4-14.8,10.2c-7.2,0.8-14.3,2-20.9,5.2
  153. c-9.9,4.9-17.9,11.3-17.9,23.9c0.1,12.8-8.2,22.3-15.3,31.4c-5.9,7.6-8.7,14.9-8.7,24c-0.3,0.7-0.6,1.4-1,2.1
  154. c7.5,6,7.5,9.6,0.6,14.5c-8.6,6-11.2,20.1-4.5,28.7c5.6,7.1,10.3,14.4,12.4,23.2c1.1,4.6,4,6.8,8,9c15.2,8.4,17.6,14.5,13.1,30.8
  155. c-2.7,6.3-2.2,12.6-0.5,19c0.2,1.2,0.2,2.4,0.1,3.6c5,2.2,6.1,8.4,10,11.8c6.6-6.2,42-21.8,46.2-19.1c8.5,5.3,16.2,11.3,26.3,14
  156. c4.9,1.3,8.8,1.2,13.2-0.4c0.4,0.1,0.8,0.2,1.1,0.3c1.5-10.3,9.7-11.3,17.6-11.6c8.1-0.3,15.8,2.2,23.5,4.8
  157. c7.7,2.6,15.5,4.2,23.6,1.6c4.8-1.6,10.2-5.1,8.1-9.5c-5.9-12.6,4-19.2,8.7-27.9c0.4-0.6,0.9-1.2,1.4-1.6
  158. c-5.9-11.6-11.3-22.3-10.3-37.3c1.4-22.8,1.8-46.6-6.1-69.1C528.5,502.3,528.9,498,528.7,494z" />
  159. </a>
  160. <!-- Pekan -->
  161. <a href="./lists/pekan.html" data-area="pekan">
  162. <path id="pekan" class="pahang-timur" d="M999.1,601.2c-19.6,20.7-24.3,47.5-19.7,73.2c5.8,32.6,7.8,65.2,10.7,97.9c0.7,7.9-4.5,13.3-5.4,20.4
  163. c-1.9,14.3-1.8,28.6-2,43c-0.1,5.6,1,12.3-7.1,14.2h0c-3.9-1.5-7.8-4.4-11.7-4.3c-31,0.9-62-5.8-92.9,0.3
  164. c-4.4,0.9-8.9,3.4-13.1-0.6c0.8-5.1-2-8.1-6.3-9.7c-8.1-2.9-11.6-10.4-17.2-15.6c-9.7-8.8-9-23.1-20.1-31c-5.7-4-0.1-8.8,5.1-10.9
  165. c4.3-1.6,11.3-1.8,11.5-6.5c0.3-10.4,8.1-17.9,9-27.9c0.3-3.9,1-7.6-1.2-11c-9.5-15-20.5-29.3-24-47.3c-4-4.6-8.2-5.2-12.9-0.8
  166. c-3.4,3.2-7.1,6-10.7,9c-7.5,6.1-23.6,6.9-26.2,0.7c-2.6-6.4-5.6-10.4-12.9-8.8c-8.1,1.8-8.7,8.2-8.5,14.9
  167. c-6.8,5.4-11.3-1-14.7-4.3c-5-4.9-10.3-9.6-15.3-14.7c-4.9-5.1-9.5-10.4-13.1-16.6c-0.1-3.3-0.2-6.7-0.3-10
  168. c-0.5-1.9-1.5-3.3-2.8-4.5c-1.3-1.2-2.8-2.2-4.1-3.5c-1.5-2-3.2-3.9-4.5-6c-3.7-6-11.2-11.4-9.7-18.4c1.6-7.7,11.8-0.3,16.2-5.6
  169. c2.1-2.3,4.2-4.6,6.3-6.9l8.1-1.6l0,0c4.3-0.5,5.1-6.6,7.3-9.9c2.8-4.4,2.4-10.6,8.2-13.5c6.8-3.5,9-10.5,12.3-16.9
  170. c7-13.6,6.7-28.9,11.4-43c5.7,1.1,11.4,2.1,17.1,3.2c6.3,1.5,12.4,5,18.8,4.5l15.8,3.8l0,0c1.3,0.4,2.5,0.7,3.7,0.7h0l12.1,2.1
  171. c0.9,1.6,4,1.2,6.1,1.1c2.3,0.2,4.6,0.4,6.8,0.6v0c11.7,3.4,23.7,2,35.5,2.4c5.9,2.8,12.2,1.9,18.4,1.8c0,0,0,0,0,0h0
  172. c6.6,0.3,13.2,0.5,19.8,0.8c5,2.8,10.5,1.9,15.8,1.8v0c12.7,0.2,25.5,0.4,38.2,0.6c22.2,3.3,28.7,25.1,43.4,37.3
  173. C1004,588.3,1004.5,595.5,999.1,601.2z" />
  174. </a>
  175. <!-- Maran -->
  176. <a href="./lists/maran.html" data-area="maran">
  177. <path id="maran" class="pahang-tengah"
  178. d="M690,649.3l0.1,0.1c-0.8,3.2-4.3,2.9-6.1,4.7c0,0,0,0,0,0c-5.5-0.8-10.9-1.6-16.4-2.5
  179. c-7.2-4.7-11.8-3-13.8,5.5c-0.5,2-1.6,3.9-2.4,5.8c-6.2,13.7-6.2,12.9-18.7,5.4c-10.8-6.4-15.7-20.3-29.5-22.6
  180. c-1-0.2-2.1-3.6-2.1-5.4v-0.2c0-9.2-5.8-14.2-13-18.4c-5.1-3.8-10.7-6.3-16.9-7.5c-4-0.8-8.2,0-12.3,0c-3.2,0-6.4-0.5-9.4-2.7
  181. c0.5-10.4-10.9-17.3-8.5-28c5.2-23-2.2-45.5-2.2-68.2c0-8-3.6-16-6-24c0.2-0.5,0.4-1,0.5-1.6c-0.6-5.2-5.2-6.1-8.9-7.8
  182. c-4.8-2.1-4.9-4.7-2.1-8.7c9.7-13.6,21.4-26.5,17-45.7c8.1,12.1,8.7,12.4,18.8,8.2c8.8,2.4,17.6,7.2,25.9-1.3c0-0.1,0-0.2,0-0.3
  183. c7.3,1.3,14.6,3.1,21.7-0.7c1.5,3.7,4.9,5.3,8.3,5.8c14.1,2,24.6,9.1,33.2,20.3c3.3,4.3,6.9,8.4,8.9,13.5c1.7,4.5,4.8,9.3,9.7,8.7
  184. c10.7-1.3,19.7,3.4,29.2,6.1c0.6,5.6-1.6,11.6,2.7,16.6c0.8,1.1,1.7,1.5,2.5,1.5c0.9,0,1.8-0.4,2.7-1.2c4.7-1.7,5.1-6.8,7.9-10
  185. c1.4,0.1,2.7,0.1,4.1,0.2c5,5.1,9.6,10.9,15.2,15.2c10,7.7,13.3,17.7,10,29.1c-4.6,15.7-5.6,33.5-22.1,43.5
  186. c-2.4,1.5-3.6,5.6-4.6,8.8c-1.4,4.7-3.5,8.8-6.7,12.1l0,0c-0.8,0.9-1.7,1.7-2.7,2.5l-2.1,1.6h0c-6.7,0.6-12,6.4-18.9,6.4
  187. c-1,0-2-0.1-3-0.4c-8,2.6-9.1,8.4-5.4,14.7C678.7,636.1,682.7,644,690,649.3z" />
  188. </a>
  189. <!-- Bera -->
  190. <a href="lists/bera.html" data-area="bera">
  191. <path id="bera" class="pahang-barat"
  192. d="M671.1,911.5c-13.5-10.7-16-25.6-11-39.9c3.5-9.9,3.3-18.5,2.3-28.1c-0.4-3.6,1.4-7.4,2.1-11.1c0,0,0,0,0,0
  193. c0,0,0,0,0,0c0.4-1.2,0.6-2.4,1.2-3.5c6.1-10.4,13.1-20.5-1.6-30c-2.9-1.9-4.8-5.7-4.9-9.8c-5.1-8.2,2.4-18.2-3.8-26.6
  194. c-1.3-1.7,2.9-6.3,5.6-5.3c10.6,3.9,16.1-5.2,26.9-8.8c-19.9-13.4-34.9-29-49.3-45.4c0,0,0,0,0,0c-7.1-8.3,1.1-17-0.6-25.4
  195. c-9.3-4.9-17.2-11.7-24.6-19c-3.3-3.3-6-6.6-11.3-7c-4.1-0.2-7.5-2.6-6.7-7.3c1.6-9.6-5.2-14.4-10.6-20c0,0,0,0,0,0
  196. c-7.7-3.4-15.5-6-24.3-5.3c-9.7,0.7-14.8,9.7-14.3,14.9c2.4,24.5-8.5,29-34.4,27.1c-5.6-0.4-11.2-2.5-16.8-4.7
  197. c-9.8-3.9-20.4-5.5-29.2,3.3c0,0,0,0,0,0c-1,3-3.9,6-0.3,9.1c10.7,9.1,4.2,17.9-3,22.9c-11.4,7.9-10.2,18.9-11.1,29.7
  198. c-0.2,2.2,2.3,5.7,0,6.9c-14.3,7.3-3.1,12,1.6,17.1c6.2,6.6,5.2,11.7-2.6,15.9c3.9,4.8,9.8,4.8,15,5.2
  199. c22.6,1.7,39.6,11.4,51.4,31.4c5,8.5,10.2,17.6,18.8,23.5c25.9,17.5,51.8,35,77.7,52.3c3.1,2.1,6.7,4.7,10.1,4.7
  200. c9.9,0.1,13.8,6.2,14.9,14.1c1.7,12.4,8.8,18,20.5,19.7c5,0.7,9.8,2.4,14.7,3.7C672.9,914.3,672.4,912.5,671.1,911.5z" />
  201. </a>
  202. <!-- Rompin -->
  203. <a href="./lists/rompin.html" data-area="rompin">
  204. <path id="rompin" class="pahang-timur" d="M1065.4,1052.3c-13.9,1-8.9-8.3-7.4-14.1c1.6-6.6,3.2-13.2,7.8-19.2c3.4-4.5,5.4-12-4.6-14.6
  205. c-6-1.6-6.5-7.6-5.6-12.6c0.9-5.4,5.4-7.1,10.6-7c2.4,0,4.7,2.4,7.2,0c0.4-2.4-1.3-3.8-2.9-5.1c-22.7-19.1-43.4-39.9-61.8-63.3
  206. c-12.4-15.7-22.8-31.6-26-51.3c-1.3-8.2-4.8-12.1-12.7-12.8c-33.5-2.8-66.9-6.7-100.5-1.2c-4.8,0.8-9.8,3.6-14.4-0.6c0,0,0,0,0,0
  207. c-2.8-6.1-5.7-11.3-13.2-13.8c-10.4-3.4-12.1-15.5-18.9-22.9c-6-6.6-9.4-16.1-14.8-24c-5.1-7.3,0.6-13.1,8.4-16.3
  208. c13.6-5.5,20.7-31.1,13.3-44c-7.5-13.2-20.4-24.2-18.2-41.6c0,0,0,0,0,0c-5.4-1.7-9.9,1.8-12,5.1c-6.3,9.8-17.1,8.4-25.8,11.6
  209. c-5.5,2-10.3-1.8-13.7-6.5c-2-2.8-1.5-8.3-7-7.2c-4.9,1-4,5.6-4.9,9.1c-0.5,1.9-1.6,3.7-2.4,5.6c0,0,0,0,0,0
  210. c-6.7,6.5-13.1,1-16.7-2.7c-11.2-11.2-25.1-20.1-32-35.2c0,0,0,0,0,0c-2.3-2.2-2.5-5.1-2.3-8c-9.6-4.8-21.3,2.6-30.4-5.3
  211. c0,0,0,0,0,0c-5.9-0.1-5.7,5.2-7.5,8.6c-3.6,6.9-5,15.3-12.6,19.6c0,0,0,0,0,0c-1,5.1-2.1,10.1-3.1,15.2c0,0,0,0,0,0
  212. c15.3,14.5,27.9,32,46,43.6c7.3,4.7,6.3,9.8-1.1,12.9c-7.1,3-11.7,10.4-21.4,9.5c-3.9-0.4,1.8,6.6-0.3,10.1l0,0c0,0,0,0,0,0
  213. c-1.6,12,0.3,22.3,11.9,29.1c5.1,3,5.5,7.6,2.8,12.9c-4.2,8.1-7.9,16.4-11.8,24.7c0,0,0,0,0,0c5.2,13,1.9,26.5-1.6,38.5
  214. c-3.6,12.5,2.1,19.3,8.3,27.4c2.3,3,4,6.3,6,9.5c0,0,0,0,0,0c25.9,25.7,47.6,55.1,71.6,82.3c7,7.9,12.8,16.9,23.2,21.2
  215. c22.2,9.4,44.4,19,66.5,28.8c6.7,3,12.6,2.7,19.4-0.1c24.3-9.9,48.1-21.1,74.1-26.5c8.9-1.8,16.4-1.4,24.4,3
  216. c8.8,4.8,17,11.6,27.6,12.4c6.1,0.4,9.7,3.8,13.7,7.9c15.9,16.7,37.8,23.5,57.8,33.3c4.1,2,12.7,3,16.9-3.3
  217. C1077.3,1071.6,1068.9,1052.1,1065.4,1052.3z" />
  218. </a>
  219. </g>
  220. </svg>
  221. </div>
  222. </div>
  223. </section>
  224. <script>
  225. //remove any history
  226. sessionStorage.removeItem("prev-btn");
  227. document.getElementById('searchForm').addEventListener('submit', function (event) {
  228. event.preventDefault(); // Prevent the form from submitting the traditional way
  229. var fileInput = document.getElementById('searchInput').value.trim().toLowerCase();
  230. var numberRegex = /\d/; // Regular expression to check for any digit
  231. var matchedFile;
  232. // Check for specific keywords first
  233. var keywordMapping = {
  234. 'industri': 'industri.html',
  235. 'pembangunan': 'pembangunan.html',
  236. 'penternakan': 'penternakan.html',
  237. 'pertanian': 'pertanian.html'
  238. };
  239. if (keywordMapping[fileInput]) {
  240. // If the input matches one of the keywords, redirect to the corresponding file
  241. window.location.href = keywordMapping[fileInput];
  242. return;
  243. }
  244. if (numberRegex.test(fileInput)) {
  245. // Hardcoded list of files containing numbers
  246. var numberFiles = [
  247. 'details/detail_hsd2384.html',
  248. 'details/detail_hsd4638.html',
  249. 'details/detail_hsd5621.html',
  250. 'details/detail_hsd5625.html',
  251. 'details/detail_hsd5627.html',
  252. 'details/detail_hsd5714.html',
  253. 'details/detail_hsd5715.html',
  254. 'details/detail_hsd5734.html',
  255. 'details/detail_hsd5738.html',
  256. 'details/detail_hsd5745.html',
  257. 'details/detail_hsd5749.html',
  258. 'details/detail_hsd5761.html',
  259. 'details/detail_hsd5762.html',
  260. 'details/detail_hsd5763.html',
  261. 'details/detail_hsd5764.html',
  262. 'details/detail_hsd11863.html',
  263. 'details/detail_hsd11991.html',
  264. 'details/detail_hsd35309.html',
  265. 'details/detail_hsd41862.html',
  266. 'details/detail_hsd54735.html',
  267. 'details/detail_hsd54736.html',
  268. 'details/detail_hsd54737.html',
  269. 'details/detail_hsd62438.html',
  270. 'details/detail_hsd62441.html',
  271. 'details/detail_hsd62442.html',
  272. 'details/detail_hsd62443.html',
  273. 'details/detail_hsd62495.html',
  274. 'details/detail_hsd62503.html',
  275. 'details/detail_hsd62504.html',
  276. 'details/detail_hsd62520.html',
  277. 'details/detail_hsm1225.html',
  278. 'details/detail_hsm1909.html',
  279. 'details/detail_hsm90298.html',
  280. 'details/detail_pm32006.html',
  281. 'details/detail_pn16507.html',
  282. 'details/detail_pn28612.html',
  283. 'details/penternakan_hsd_10006.html',
  284. 'details/penternakan_hsd_19372.html',
  285. 'details/penternakan_pn_17421_hsd_1950.html',
  286. 'details/penternakan_pn_17427_hsd_1949.html'
  287. ];
  288. var regex = new RegExp(fileInput);
  289. matchedFile = numberFiles.find(file => regex.test(file));
  290. } else {
  291. // Hardcoded list of files containing names
  292. var nameFiles = [
  293. 'lists/bentong.html',
  294. 'lists/bera.html',
  295. 'lists/kuantan.html',
  296. 'lists/lipis.html',
  297. 'lists/maran.html',
  298. 'lists/pekan.html',
  299. 'lists/raub.html',
  300. 'lists/rompin.html',
  301. 'lists/temerloh.html'
  302. ];
  303. var nameRegex = new RegExp(fileInput, 'i'); // Case-insensitive search
  304. matchedFile = nameFiles.find(file => nameRegex.test(file));
  305. }
  306. if (matchedFile) {
  307. // File found, redirect to it
  308. window.location.href = matchedFile;
  309. } else {
  310. // alert('No file containing the input ' + fileInput + ' was found.');
  311. }
  312. });
  313. </script>
  314. <script>
  315. let maran = document.querySelector("#maran");
  316. let cameronHighland = document.querySelector("#cameron-highland");
  317. let bentong = document.querySelector("#bentong");
  318. let lipis = document.querySelector("#lipis");
  319. let raub = document.querySelector("#raub");
  320. let jerantut = document.querySelector("#jerantut");
  321. let kuantan = document.querySelector("#kuantan");
  322. let temerloh = document.querySelector("#temerloh");
  323. let rompin = document.querySelector("#rompin");
  324. let bera = document.querySelector("#bera");
  325. let pekan = document.querySelector("#pekan");
  326. addLabelText(maran, "Maran");
  327. addLabelText(cameronHighland, "Cameron");
  328. addLabelText(cameronHighland, "Highland");
  329. addLabelText(bentong, "Bentong");
  330. addLabelText(lipis, "Lipis");
  331. addLabelText(raub, "Raub");
  332. addLabelText(jerantut, "Jerantut");
  333. addLabelText(kuantan, "Kuantan");
  334. addLabelText(temerloh, "Temerloh");
  335. addLabelText(rompin, "Rompin");
  336. addLabelText(bera, "Bera");
  337. addLabelText(pekan, "Pekan");
  338. function addLabelText(bgPath, labelText) {
  339. let bbox = bgPath.getBBox();
  340. let x = bbox.x + bbox.width / 2;
  341. let y = bbox.y + bbox.height / 2;
  342. // Create a <text> element
  343. let textElem = document.createElementNS(bgPath.namespaceURI, "text");
  344. // X axis
  345. if (labelText == "Bentong") {
  346. textElem.setAttribute("x", 286);
  347. } else if (labelText == "Pekan") {
  348. textElem.setAttribute("x", 870);
  349. } else if (labelText == "Cameron") {
  350. textElem.setAttribute("x", 75);
  351. } else {
  352. textElem.setAttribute("x", x);
  353. }
  354. // Y axis
  355. if (labelText == "Rompin") {
  356. textElem.setAttribute("y", 935);
  357. } else if (labelText == "Pekan") {
  358. textElem.setAttribute("y", 650);
  359. } else if (labelText == "Kuantan") {
  360. textElem.setAttribute("y", 440);
  361. } else if (labelText == "Cameron") {
  362. textElem.setAttribute("y", 130);
  363. } else if (labelText == "Highland") {
  364. textElem.setAttribute("y", 155);
  365. } else {
  366. textElem.setAttribute("y", y);
  367. }
  368. // Centre text horizontally at x,y
  369. textElem.setAttribute("text-anchor", "middle");
  370. // Give it a class that will determine the text size, colour, etc
  371. if (labelText == "Cameron" || labelText == "Highland") {
  372. textElem.classList.add("label-text-cameron");
  373. } else {
  374. textElem.classList.add("label-text");
  375. }
  376. // Set the text
  377. textElem.textContent = labelText;
  378. // Add this text element directly after the label background path
  379. bgPath.after(textElem);
  380. }
  381. </script>
  382. </body>
  383. </html>