muqriz
/
SIBS2024
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

add and text point to map

master
azri 4 months ago
parent
12433d53a1 b59c3f8776
commit
0cfd8f7df8
98 changed files with 1360 additions and 121 deletions
Split View Show Diff Stats
  1. 1
    1
      details/detail_hsd10006.html
  2. 1
    1
      details/detail_hsd11863.html
  3. 1
    1
      details/detail_hsd11991.html
  4. 1
    1
      details/detail_hsd19372.html
  5. 1
    1
      details/detail_hsd2384.html
  6. 1
    1
      details/detail_hsd35309.html
  7. 1
    1
      details/detail_hsd41862.html
  8. 1
    1
      details/detail_hsd4638.html
  9. 1
    1
      details/detail_hsd54735.html
  10. 1
    1
      details/detail_hsd54736.html
  11. 1
    1
      details/detail_hsd54737.html
  12. 1
    1
      details/detail_hsd5621.html
  13. 1
    1
      details/detail_hsd5625.html
  14. 1
    1
      details/detail_hsd5627.html
  15. 1
    1
      details/detail_hsd5714.html
  16. 1
    1
      details/detail_hsd5715.html
  17. 1
    1
      details/detail_hsd5734.html
  18. 1
    1
      details/detail_hsd5738.html
  19. 1
    1
      details/detail_hsd5745.html
  20. 1
    1
      details/detail_hsd5749.html
  21. 1
    1
      details/detail_hsd5761.html
  22. 1
    1
      details/detail_hsd5762.html
  23. 1
    1
      details/detail_hsd5763.html
  24. 1
    1
      details/detail_hsd5764.html
  25. 1
    1
      details/detail_hsd62437.html
  26. 1
    1
      details/detail_hsd62438.html
  27. 1
    1
      details/detail_hsd62441.html
  28. 1
    1
      details/detail_hsd62442.html
  29. 1
    1
      details/detail_hsd62443.html
  30. 1
    1
      details/detail_hsd62495.html
  31. 1
    1
      details/detail_hsd62503.html
  32. 1
    1
      details/detail_hsd62504.html
  33. 1
    1
      details/detail_hsd62510.html
  34. 1
    1
      details/detail_hsd62520.html
  35. 1
    1
      details/detail_hsm1225.html
  36. 1
    1
      details/detail_hsm1909.html
  37. 1
    1
      details/detail_hsm90298.html
  38. 1
    1
      details/detail_pm32006.html
  39. 1
    1
      details/detail_pn16507.html
  40. 1
    1
      details/detail_pn17421_hsd1950.html
  41. 1
    1
      details/detail_pn17427_hsd1949.html
  42. 1
    1
      details/detail_pn28612.html
  43. 20
    5
      index.html
  44. 258
    0
      industri.html
  45. 1
    1
      lists/bentong.html
  46. 1
    1
      lists/bera.html
  47. 3
    3
      lists/kuantan.html
  48. 65
    20
      lists/lipis.html
  49. 1
    1
      lists/maran.html
  50. 1
    1
      lists/pekan.html
  51. 71
    3
      lists/raub.html
  52. 1
    1
      lists/rompin.html
  53. 1
    1
      lists/temerloh.html
  54. 1
    1
      pdf_pages/view_pdf_hsd10006.html
  55. 1
    1
      pdf_pages/view_pdf_hsd11863.html
  56. 1
    1
      pdf_pages/view_pdf_hsd11991.html
  57. 1
    1
      pdf_pages/view_pdf_hsd19372.html
  58. 1
    1
      pdf_pages/view_pdf_hsd2384.html
  59. 1
    1
      pdf_pages/view_pdf_hsd35309.html
  60. 1
    1
      pdf_pages/view_pdf_hsd41862.html
  61. 1
    1
      pdf_pages/view_pdf_hsd4628.html
  62. 1
    1
      pdf_pages/view_pdf_hsd54735.html
  63. 1
    1
      pdf_pages/view_pdf_hsd54736.html
  64. 1
    1
      pdf_pages/view_pdf_hsd54737.html
  65. 1
    1
      pdf_pages/view_pdf_hsd5621.html
  66. 1
    1
      pdf_pages/view_pdf_hsd5625.html
  67. 1
    1
      pdf_pages/view_pdf_hsd5627.html
  68. 1
    1
      pdf_pages/view_pdf_hsd5714.html
  69. 1
    1
      pdf_pages/view_pdf_hsd5715.html
  70. 1
    1
      pdf_pages/view_pdf_hsd5734.html
  71. 1
    1
      pdf_pages/view_pdf_hsd5738.html
  72. 1
    1
      pdf_pages/view_pdf_hsd5745.html
  73. 1
    1
      pdf_pages/view_pdf_hsd5749.html
  74. 1
    1
      pdf_pages/view_pdf_hsd5761.html
  75. 1
    1
      pdf_pages/view_pdf_hsd5762.html
  76. 1
    1
      pdf_pages/view_pdf_hsd5763.html
  77. 1
    1
      pdf_pages/view_pdf_hsd5764.html
  78. 1
    1
      pdf_pages/view_pdf_hsd62437.html
  79. 1
    1
      pdf_pages/view_pdf_hsd62438.html
  80. 1
    1
      pdf_pages/view_pdf_hsd62441.html
  81. 1
    1
      pdf_pages/view_pdf_hsd62442.html
  82. 1
    1
      pdf_pages/view_pdf_hsd62443.html
  83. 1
    1
      pdf_pages/view_pdf_hsd62495.html
  84. 1
    1
      pdf_pages/view_pdf_hsd62503.html
  85. 1
    1
      pdf_pages/view_pdf_hsd62504.html
  86. 1
    1
      pdf_pages/view_pdf_hsd62510.html
  87. 1
    1
      pdf_pages/view_pdf_hsd62520.html
  88. 1
    1
      pdf_pages/view_pdf_hsm1225.html
  89. 1
    1
      pdf_pages/view_pdf_hsm1909.html
  90. 1
    1
      pdf_pages/view_pdf_hsm90298.html
  91. 1
    1
      pdf_pages/view_pdf_pm32006.html
  92. 1
    1
      pdf_pages/view_pdf_pn16507.html
  93. 1
    1
      pdf_pages/view_pdf_pn17421_hsd1950.html
  94. 1
    1
      pdf_pages/view_pdf_pn17427_hsd1949.html
  95. 1
    1
      pdf_pages/view_pdf_pn28612.html
  96. 285
    0
      pembangunan.html
  97. 335
    0
      penternakan.html
  98. 233
    0
      pertanian.html

+ 1
- 1
details/detail_hsd10006.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd11863.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd11991.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd19372.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd2384.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd35309.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd41862.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd4638.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd54735.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd54736.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd54737.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5621.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5625.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5627.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5714.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5715.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5734.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5738.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5745.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5749.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5761.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5762.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5763.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd5764.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd62437.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd62438.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd62441.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd62442.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd62443.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd62495.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd62503.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd62504.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd62510.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsd62520.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsm1225.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsm1909.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_hsm90298.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_pm32006.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_pn16507.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_pn17421_hsd1950.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_pn17427_hsd1949.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
details/detail_pn28612.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 20
- 5
index.html View File 

@@ -4,7 +4,9 @@
4 4 
 <head>
5 5 
     <meta charset="UTF-8">
6 6 
     <meta http-equiv="Content-Security-Policy" content="">
7 
-    <title>My Test App</title>
7 
+    <!-- include bulma css -->
8 
+    <link rel="stylesheet" href="bulma/css/bulma.min.css">
9 
+    <title>SIBS 2024</title>
8 10 
     <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
9 11 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
10 12 
     <link rel="stylesheet" href="./css/app.css">
 
@@ -26,7 +28,7 @@
26 28 
         </div>
27 29
28 30 
         <div class="text-center pt-1 bg-white d-flex justify-content-center ps-0">
29 
-            <div class="py-5 px-3" style="width: 600px;height: 100px;">
31 
+            <div class="py-5 px-3 relative" style="width: 600px;height: 100px;">
30 32 
                 <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
31 33 
                     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-30 -30 1150 1150"
32 34 
                     style="enable-background: new 0 0 1080 1080" xml:space="preserve">
 
@@ -236,10 +238,24 @@
236 238 
         document.getElementById('searchForm').addEventListener('submit', function (event) {
237 239 
             event.preventDefault(); // Prevent the form from submitting the traditional way
238 240
239 
-            var fileInput = document.getElementById('searchInput').value;
241 
+            var fileInput = document.getElementById('searchInput').value.trim().toLowerCase();
240 242 
             var numberRegex = /\d/; // Regular expression to check for any digit
241 243 
             var matchedFile;
242 244
245 
+            // Check for specific keywords first
246 
+            var keywordMapping = {
247 
+                'industri': 'industri.html',
248 
+                'pembangunan': 'pembangunan.html',
249 
+                'penternakan': 'penternakan.html',
250 
+                'pertanian': 'pertanian.html'
251 
+            };
252 
+
253 
+            if (keywordMapping[fileInput]) {
254 
+                // If the input matches one of the keywords, redirect to the corresponding file
255 
+                window.location.href = keywordMapping[fileInput];
256 
+                return;
257 
+            }
258 
+
243 259 
             if (numberRegex.test(fileInput)) {
244 260 
                 // Hardcoded list of files containing numbers
245 261 
                 var numberFiles = [
 
@@ -285,7 +301,6 @@
285 301 
                     'details/penternakan_pn_17427_hsd_1949.html'
286 302 
                 ];
287 303
288 
-
289 304 
                 var regex = new RegExp(fileInput);
290 305 
                 matchedFile = numberFiles.find(file => regex.test(file));
291 306 
             } else {
 
@@ -302,7 +317,6 @@
302 317 
                     'lists/temerloh.html'
303 318 
                 ];
304 319
305 
-
306 320 
                 var nameRegex = new RegExp(fileInput, 'i'); // Case-insensitive search
307 321 
                 matchedFile = nameFiles.find(file => nameRegex.test(file));
308 322 
             }
 
@@ -314,6 +328,7 @@
314 328 
                 alert('No file containing the input ' + fileInput + ' was found.');
315 329 
             }
316 330 
         });
331 
+
317 332 
     </script>
318 333
319 334 
     <script>

+ 258
- 0
industri.html View File 

@@ -0,0 +1,258 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8">
6 
+    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 
+    <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 
+    <meta http-equiv="Content-Security-Policy" content="">
9 
+    <!-- include bulma css -->
10 
+    <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
+    <title>SIBS 2024</title>
12 
+    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
13 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
14 
+    <link rel="stylesheet" href="./css/app.css">
15 
+
16 
+
17 
+
18 
+    <script>
19 
+        // window.addEventListener('load', (event) => {
20 
+        //     document.querySelector(".hello").textContent = "Hello from Electron with bulma css!";
21 
+        // });
22 
+    </script>
23 
+</head>
24 
+
25 
+<body>
26 
+    <section class="section" style="max-height: 120vh;">
27 
+
28 
+        <div
29 
+            style="background-image: url(Mask_Group_2.png); min-height: 175px; display: flex; flex-direction: column; justify-content: center; padding-left: 100px;padding-right: 100px;">
30 
+            <img class="pb-2" src="Group_49433x.png" style="height: auto;width: 8%" alt="">
31 
+            <h6 style="color: white; margin-bottom: 2px;">Pelan Kawasan Tanah Milik Perbadanan</h6>
32 
+            <h6 style="color: white; margin-bottom: 10px;font-weight: 400;">Setiausaha Kerajaan (PSK) Pahang Tanpa Skala
33 
+            </h6>
34 
+
35 
+            <form id="fileForm" style="display: flex; align-items: center;">
36 
+                <input id="fileNumber" type="search" class="p-1"
37 
+                    style="border-radius: 21px; border: none; padding-left: 20px !important; flex: 1;"
38 
+                    placeholder="Search Here">
39 
+                <button class="btn btn-primary" type="submit" style="margin-left: 10px;">Search</button>
40 
+            </form>
41 
+
42 
+
43 
+        </div>
44 
+
45 
+        <div class="text-center pt-1"
46 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
47 
+            <div class="pt-4" style="width: 600px;height: 100px;">
48 
+                <h3> <button class="btn btn-primary" type="submit" style="margin-left: 10px;">Home</button></h3>
49 
+
50 
+
51 
+            </div>
52 
+        </div>
53 
+
54 
+
55 
+        <div class="text-left pt-1 container">
56 
+            <div class="pt-4 mb-0 pb-0">
57 
+                <h4>Senarai Hakmilik <b>Industri</b></h4>
58 
+            </div>
59 
+        </div>
60 
+
61 
+        <div class="text-left pt-1 container">
62 
+            <div class="pt-4" >
63 
+
64 
+                <h6>Temerloh</h6>
65 
+                <a href="./details/detail_pn16507.html" class="button-23 mb-2"
66 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">PN 16507</a>
67 
+
68 
+            </div>
69 
+        </div>
70 
+
71 
+        <div class="text-left pt-1 container">
72 
+            <div class="pt-4">
73 
+                <h6>Kuantan</h6>
74 
+                <a href="./details/detail_hsd62437.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62437</a>
75 
+                <a href="./details/detail_hsd62510.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62510</a>
76 
+
77 
+
78 
+
79 
+            </div>
80 
+        </div>
81 
+
82 
+
83 
+
84 
+
85 
+
86 
+
87 
+
88 
+
89 
+
90 
+
91 
+
92 
+
93 
+
94 
+
95 
+
96 
+    </section>
97 
+
98 
+    <script defer src="/ruta relativa a mi archivo .js"></script>
99 
+
100 
+    <script>
101 
+
102 
+        document.getElementById('fileForm').addEventListener('submit', function (event) {
103 
+            event.preventDefault(); // Prevent the form from submitting the traditional way
104 
+
105 
+            var fileInput = document.getElementById('fileNumber').value;
106 
+            var numberRegex = /\d/; // Regular expression to check for any digit
107 
+            var matchedFile;
108 
+
109 
+            if (numberRegex.test(fileInput)) {
110 
+                // Hardcoded list of files containing numbers
111 
+                var numberFiles = [
112 
+                    'details/detail_hsd2384.html',
113 
+                    'details/detail_hsd4638.html',
114 
+                    'details/detail_hsd5621.html',
115 
+                    'details/detail_hsd5625.html',
116 
+                    'details/detail_hsd5627.html',
117 
+                    'details/detail_hsd5714.html',
118 
+                    'details/detail_hsd5715.html',
119 
+                    'details/detail_hsd5734.html',
120 
+                    'details/detail_hsd5738.html',
121 
+                    'details/detail_hsd5745.html',
122 
+                    'details/detail_hsd5749.html',
123 
+                    'details/detail_hsd5761.html',
124 
+                    'details/detail_hsd5762.html',
125 
+                    'details/detail_hsd5763.html',
126 
+                    'details/detail_hsd5764.html',
127 
+                    'details/detail_hsd11863.html',
128 
+                    'details/detail_hsd11991.html',
129 
+                    'details/detail_hsd35309.html',
130 
+                    'details/detail_hsd41862.html',
131 
+                    'details/detail_hsd54735.html',
132 
+                    'details/detail_hsd54736.html',
133 
+                    'details/detail_hsd54737.html',
134 
+                    'details/detail_hsd62438.html',
135 
+                    'details/detail_hsd62441.html',
136 
+                    'details/detail_hsd62442.html',
137 
+                    'details/detail_hsd62443.html',
138 
+                    'details/detail_hsd62495.html',
139 
+                    'details/detail_hsd62503.html',
140 
+                    'details/detail_hsd62504.html',
141 
+                    'details/detail_hsd62520.html',
142 
+                    'details/detail_hsm1225.html',
143 
+                    'details/detail_hsm1909.html',
144 
+                    'details/detail_hsm90298.html',
145 
+                    'details/detail_pm32006.html',
146 
+                    'details/detail_pn16507.html',
147 
+                    'details/detail_pn28612.html',
148 
+                    'details/penternakan_hsd_10006.html',
149 
+                    'details/penternakan_hsd_19372.html',
150 
+                    'details/penternakan_pn_17421_hsd_1950.html',
151 
+                    'details/penternakan_pn_17427_hsd_1949.html'
152 
+                ];
153 
+
154 
+
155 
+                var regex = new RegExp(fileInput);
156 
+                matchedFile = numberFiles.find(file => regex.test(file));
157 
+            } else {
158 
+                // Hardcoded list of files containing names
159 
+                var nameFiles = [
160 
+                    'lists/bentong.html',
161 
+                    'lists/bera.html',
162 
+                    'lists/kuantan.html',
163 
+                    'lists/lipis.html',
164 
+                    'lists/maran.html',
165 
+                    'lists/pekan.html',
166 
+                    'lists/raub.html',
167 
+                    'lists/rompin.html',
168 
+                    'lists/temerloh.html'
169 
+                ];
170 
+
171 
+
172 
+                var nameRegex = new RegExp(fileInput, 'i'); // Case-insensitive search
173 
+                matchedFile = nameFiles.find(file => nameRegex.test(file));
174 
+            }
175 
+
176 
+            if (matchedFile) {
177 
+                // File found, redirect to it
178 
+                window.location.href = matchedFile;
179 
+            } else {
180 
+                alert('No file containing the input ' + fileInput + ' was found.');
181 
+            }
182 
+        });
183 
+    </script>
184 
+
185 
+    <script>
186 
+        let maran = document.querySelector("#maran");
187 
+        let cameronHighland = document.querySelector("#cameron-highland");
188 
+        let bentong = document.querySelector("#bentong");
189 
+        let lipis = document.querySelector("#lipis");
190 
+        let raub = document.querySelector("#raub");
191 
+        let jerantut = document.querySelector("#jerantut");
192 
+        let kuantan = document.querySelector("#kuantan");
193 
+        let temerloh = document.querySelector("#temerloh");
194 
+        let rompin = document.querySelector("#rompin");
195 
+        let bera = document.querySelector("#bera");
196 
+        let pekan = document.querySelector("#pekan");
197 
+
198 
+        addLabelText(maran, "Maran");
199 
+        addLabelText(cameronHighland, "Cameron");
200 
+        addLabelText(cameronHighland, "Highland");
201 
+        addLabelText(bentong, "Bentong");
202 
+        addLabelText(lipis, "Lipis");
203 
+        addLabelText(raub, "Raub");
204 
+        addLabelText(jerantut, "Jerantut");
205 
+        addLabelText(kuantan, "Kuantan");
206 
+        addLabelText(temerloh, "Temerloh");
207 
+        addLabelText(rompin, "Rompin");
208 
+        addLabelText(bera, "Bera");
209 
+        addLabelText(pekan, "Pekan");
210 
+
211 
+        function addLabelText(bgPath, labelText) {
212 
+            let bbox = bgPath.getBBox();
213 
+            let x = bbox.x + bbox.width / 2;
214 
+            let y = bbox.y + bbox.height / 2;
215 
+
216 
+            // Create a <text> element
217 
+            let textElem = document.createElementNS(bgPath.namespaceURI, "text");
218 
+            // X axis
219 
+            if (labelText == "Bentong") {
220 
+                textElem.setAttribute("x", 286);
221 
+            } else if (labelText == "Pekan") {
222 
+                textElem.setAttribute("x", 870);
223 
+            } else if (labelText == "Cameron") {
224 
+                textElem.setAttribute("x", 75);
225 
+            } else {
226 
+                textElem.setAttribute("x", x);
227 
+            }
228 
+            // Y axis
229 
+            if (labelText == "Rompin") {
230 
+                textElem.setAttribute("y", 935);
231 
+            } else if (labelText == "Pekan") {
232 
+                textElem.setAttribute("y", 650);
233 
+            } else if (labelText == "Kuantan") {
234 
+                textElem.setAttribute("y", 440);
235 
+            } else if (labelText == "Cameron") {
236 
+                textElem.setAttribute("y", 130);
237 
+            } else if (labelText == "Highland") {
238 
+                textElem.setAttribute("y", 155);
239 
+            } else {
240 
+                textElem.setAttribute("y", y);
241 
+            }
242 
+            // Centre text horizontally at x,y
243 
+            textElem.setAttribute("text-anchor", "middle");
244 
+            // Give it a class that will determine the text size, colour, etc
245 
+            if (labelText == "Cameron" || labelText == "Highland") {
246 
+                textElem.classList.add("label-text-cameron");
247 
+            } else {
248 
+                textElem.classList.add("label-text");
249 
+            }
250 
+            // Set the text
251 
+            textElem.textContent = labelText;
252 
+            // Add this text element directly after the label background path
253 
+            bgPath.after(textElem);
254 
+        }
255 
+    </script>
256 
+</body>
257 
+
258 
+</html>

+ 1
- 1
lists/bentong.html View File 

@@ -8,7 +8,7 @@
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 9 
     <!-- include bulma css -->
10 10 
     <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
-    <title>My Test App</title>
11 
+    <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
14 14 
     <link rel="stylesheet" href="../css/app.css">

+ 1
- 1
lists/bera.html View File 

@@ -8,7 +8,7 @@
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 9 
     <!-- include bulma css -->
10 10 
     <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
-    <title>My Test App</title>
11 
+    <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
14 14 
     <link rel="stylesheet" href="../css/app.css">

+ 3
- 3
lists/kuantan.html View File 

@@ -8,7 +8,7 @@
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 9 
     <!-- include bulma css -->
10 10 
     <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
-    <title>My Test App</title>
11 
+    <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
14 14 
     <link rel="stylesheet" href="../css/app.css">
 
@@ -26,7 +26,7 @@
26 26 
         </div>
27 27
28 28 
         <div class="text-center pt-5"
29 
-            style="z-index: 2;background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
29 
+            style="position: relative;z-index: 3;background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 100px;">
30 30 
             <button id="pembangun_btn" type="button" class="p-1"
31 31 
                 style="font-weight: 500; border-top: 4px solid #BF3030; border-right: none; border-bottom: none; border-left: none; margin: 0; background-color: transparent;">&emsp;&emsp;Pembangunan&emsp;&emsp;</button>
32 32 
             <button id="penternakan_btn" type="button" class="p-1"
 
@@ -37,7 +37,7 @@
37 37 
         </div>
38 38
39 39 
         <div class="text-center pt-1"
40 
-            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
40 
+            style="position: relative;z-index: 1;background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
41 41 
             <div class="pt-5" style="width: 600px;height: 100px;margin-top: -200px;margin-left: -150px;">
42 42 
                 <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
43 43 
                     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-30 -30 1150 1150"

+ 65
- 20
lists/lipis.html View File 

@@ -8,9 +8,10 @@
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 9 
     <!-- include bulma css -->
10 10 
     <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
-    <title>My Test App</title>
11 
+    <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
13 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
14 
+        integrity="sha512-abc123..." crossorigin="anonymous" />
14 15 
     <link rel="stylesheet" href="../css/app.css">
15 16
16 17 
 </head>
 
@@ -32,14 +33,14 @@
32 33 
         </div>
33 34
34 35 
         <div class="text-center pt-1"
35 
-            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 350px;">
36 
-            <div class="pt-5" style="width: 600px;height: 100px;">
36 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 250px;">
37 
+            <div class="pt-5 position-relative" style="width: 600px;height: 100px;">
37 38 
                 <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
38 
-                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-30 -30 1150 1150"
39 
+                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="10 10 750 750"
39 40 
                     style="enable-background: new 0 0 1080 1080" xml:space="preserve">
40 41 
                     <g>
41 
-                        <a href="#" data-area="jerantut">
42 
-                            <path id="jerantut" class="pahang-barat" 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
42 
+                        <a href="#" data-area="lipis">
43 
+                            <path id="lipis" class="pahang-barat" 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
43 44 
                             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
44 45 
                             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
45 46 
                             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
 
@@ -61,7 +62,9 @@
61 62 
                         </a>
62 63 
                     </g>
63 64 
                 </svg>
64 
-
65 
+                <div class="position-absolute"
66 
+                    style="background-color: #3B47E0; width: 0.8rem; height: 0.8rem;border: 2px solid white;border-radius: 600px;top:270px;left:260px">
67 
+                </div>
65 68
66 69 
             </div>
67 70 
         </div>
 
@@ -77,7 +80,7 @@
77 80 
                 <a href="../details/detail_pn17421_hsd1950.html" class="button-23 mb-2 mr-2"
78 81 
                     style="background-color: #1F9027; color: white; border: none;" role="button">PN 17421 (HSD 1950)</a>
79 82
80 
-                    <a href="../details/detail_pn17427_hsd1949.html" class="button-23 mb-2 mr-2"
83 
+                <a href="../details/detail_pn17427_hsd1949.html" class="button-23 mb-2 mr-2"
81 84 
                     style="background-color: #1F9027; color: white; border: none;" role="button">PN 17427 (HSD 1949)</a>
82 85 
             </div>
83 86 
         </div>
 
@@ -87,22 +90,11 @@
87 90
88 91 
     <script>
89 92
90 
-        document.getElementById('pembangun_btn').addEventListener('click', function () {
91 
-            showDiv('pembangun_plot');
92 
-        });
93 93
94 94 
         document.getElementById('penternakan_btn').addEventListener('click', function () {
95 95 
             showDiv('penternakan_plot');
96 96 
         });
97 97
98 
-        document.getElementById('pertanian_btn').addEventListener('click', function () {
99 
-            showDiv('pertanian_plot');
100 
-        });
101 
-
102 
-        document.getElementById('industri_btn').addEventListener('click', function () {
103 
-            showDiv('industri_plot');
104 
-        });
105 
-
106 98 
         function showDiv(divId) {
107 99 
             var divs = document.getElementsByClassName('content-div');
108 100 
             for (var i = 0; i < divs.length; i++) {
 
@@ -110,7 +102,60 @@
110 102 
             }
111 103 
             document.getElementById(divId).classList.remove('hidden');
112 104 
         }
105 
+
113 106 
     </script>
107 
+
108 
+    <script>
109 
+        let lipis = document.querySelector("#lipis");
110 
+
111 
+        addLabelText(lipis, "Lipis");
112 
+
113 
+        function addLabelText(bgPath, labelText) {
114 
+            let bbox = bgPath.getBBox();
115 
+            let x = bbox.x + bbox.width / 2;
116 
+            let y = bbox.y + bbox.height / 2;
117 
+
118 
+            // Create a <text> element
119 
+            let textElem = document.createElementNS(bgPath.namespaceURI, "text");
120 
+            // X axis
121 
+            if (labelText == "Bentong") {
122 
+                textElem.setAttribute("x", 286);
123 
+            } else if (labelText == "Pekan") {
124 
+                textElem.setAttribute("x", 870);
125 
+            } else if (labelText == "Cameron") {
126 
+                textElem.setAttribute("x", 75);
127 
+            } else {
128 
+                textElem.setAttribute("x", x);
129 
+            }
130 
+            // Y axis
131 
+            if (labelText == "Rompin") {
132 
+                textElem.setAttribute("y", 935);
133 
+            } else if (labelText == "Pekan") {
134 
+                textElem.setAttribute("y", 650);
135 
+            } else if (labelText == "Kuantan") {
136 
+                textElem.setAttribute("y", 440);
137 
+            } else if (labelText == "Cameron") {
138 
+                textElem.setAttribute("y", 130);
139 
+            } else if (labelText == "Highland") {
140 
+                textElem.setAttribute("y", 155);
141 
+            } else {
142 
+                textElem.setAttribute("y", y);
143 
+            }
144 
+            // Centre text horizontally at x,y
145 
+            textElem.setAttribute("text-anchor", "middle");
146 
+            // Give it a class that will determine the text size, colour, etc
147 
+            if (labelText == "Cameron" || labelText == "Highland") {
148 
+                textElem.classList.add("label-text-cameron");
149 
+            } else {
150 
+                textElem.classList.add("label-text");
151 
+            }
152 
+            // Set the text
153 
+            textElem.textContent = labelText;
154 
+            // Add this text element directly after the label background path
155 
+            bgPath.after(textElem);
156 
+        }
157 
+    </script>
158 
+
114 159 
     <script defer src="/ruta relativa a mi archivo .js"></script>
115 160
116 161 
 </body>

+ 1
- 1
lists/maran.html View File 

@@ -8,7 +8,7 @@
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 9 
     <!-- include bulma css -->
10 10 
     <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
-    <title>My Test App</title>
11 
+    <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
14 14 
         integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
lists/pekan.html View File 

@@ -8,7 +8,7 @@
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 9 
     <!-- include bulma css -->
10 10 
     <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
-    <title>My Test App</title>
11 
+    <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
14 14 
         integrity="sha512-abc123..." crossorigin="anonymous" />

+ 71
- 3
lists/raub.html View File 

@@ -8,10 +8,11 @@
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 9 
     <!-- include bulma css -->
10 10 
     <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
-    <title>My Test App</title>
11 
+    <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
14 14 
     <link rel="stylesheet" href="../css/app.css">
15 
+    <link rel="stylesheet" href="../css/animate.css">
15 16 
 </head>
16 17
17 18 
 <body>
 
@@ -34,9 +35,9 @@
34 35
35 36 
         <div class="text-center pt-1"
36 37 
             style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 400px;">
37 
-            <div class="pt-5" style="width: 600px;height: 100px;margin-top: -200px;">
38 
+            <div class="pt-5 position-relative" style="width: 600px;height: 100px;margin-top: -200px;">
38 39 
                 <svg class="map-svg" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
39 
-                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-30 -30 1150 1150"
40 
+                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="100 170 600 600"
40 41 
                     style="enable-background: new 0 0 1080 1080" xml:space="preserve">
41 42 
                     <g>
42 43 
                         <a href="testing.html" data-area="jerantut">
 
@@ -56,6 +57,8 @@
56 57 
                     </g>
57 58 
                 </svg>
58 59
60 
+                <div class="plot animate__animated animate__bounceIn pembangunan-point position-absolute" style="background-color: #BF3030; width: 0.8rem; height: 0.8rem;border: 2px solid white;border-radius: 600px;top:340px;left:160px"></div>
61 
+                <div class="plot animate__animated animate__bounceIn pertanian-point position-absolute hidden" style="background-color: #E2E236; width: 0.8rem; height: 0.8rem;border: 2px solid white;border-radius: 600px;top:355px;left:145px"></div>
59 62
60 63 
             </div>
61 64 
         </div>
 
@@ -97,12 +100,14 @@
97 100
98 101 
         document.getElementById('pembangun_btn').addEventListener('click', function () {
99 102 
             showDiv('pembangun_plot');
103 
+            showPoint('pembangunan-point');
100 104 
         });
101 105
102 106
103 107
104 108 
         document.getElementById('pertanian_btn').addEventListener('click', function () {
105 109 
             showDiv('pertanian_plot');
110 
+            showPoint('pertanian-point');
106 111 
         });
107 112
108 113 
        
@@ -114,7 +119,70 @@
114 119 
             }
115 120 
             document.getElementById(divId).classList.remove('hidden');
116 121 
         }
122 
+
123 
+        function showPoint(plotClass) {
124 
+            var divs = document.getElementsByClassName('plot');
125 
+            for (var i = 0; i < divs.length; i++) {
126 
+                divs[i].classList.add('hidden');
127 
+            }
128 
+            var plots = document.getElementsByClassName(plotClass);
129 
+            for (var i = 0; i < divs.length; i++) {
130 
+                plots[i].classList.remove('hidden');
131 
+            }
132 
+        }
133 
+
117 134 
     </script>
135 
+    <script>
136 
+        let raub = document.querySelector("#raub");
137 
+
138 
+        addLabelText(raub, "Raub");
139 
+
140 
+        function addLabelText(bgPath, labelText) {
141 
+            let bbox = bgPath.getBBox();
142 
+            let x = bbox.x + bbox.width / 2;
143 
+            let y = bbox.y + bbox.height / 2;
144 
+
145 
+            // Create a <text> element
146 
+            let textElem = document.createElementNS(bgPath.namespaceURI, "text");
147 
+            // X axis
148 
+            if (labelText == "Bentong") {
149 
+                textElem.setAttribute("x", 286);
150 
+            } else if (labelText == "Pekan") {
151 
+                textElem.setAttribute("x", 870);
152 
+            } else if (labelText == "Cameron") {
153 
+                textElem.setAttribute("x", 75);
154 
+            } else {
155 
+                textElem.setAttribute("x", x);
156 
+            }
157 
+            // Y axis
158 
+            if (labelText == "Rompin") {
159 
+                textElem.setAttribute("y", 935);
160 
+            } else if (labelText == "Pekan") {
161 
+                textElem.setAttribute("y", 650);
162 
+            } else if (labelText == "Kuantan") {
163 
+                textElem.setAttribute("y", 440);
164 
+            } else if (labelText == "Cameron") {
165 
+                textElem.setAttribute("y", 130);
166 
+            } else if (labelText == "Highland") {
167 
+                textElem.setAttribute("y", 155);
168 
+            } else {
169 
+                textElem.setAttribute("y", y);
170 
+            }
171 
+            // Centre text horizontally at x,y
172 
+            textElem.setAttribute("text-anchor", "middle");
173 
+            // Give it a class that will determine the text size, colour, etc
174 
+            if (labelText == "Cameron" || labelText == "Highland") {
175 
+                textElem.classList.add("label-text-cameron");
176 
+            } else {
177 
+                textElem.classList.add("label-text");
178 
+            }
179 
+            // Set the text
180 
+            textElem.textContent = labelText;
181 
+            // Add this text element directly after the label background path
182 
+            bgPath.after(textElem);
183 
+        }
184 
+    </script>
185 
+
118 186 
     <script defer src="/ruta relativa a mi archivo .js"></script>
119 187
120 188 
 </body>

+ 1
- 1
lists/rompin.html View File 

@@ -8,7 +8,7 @@
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 9 
     <!-- include bulma css -->
10 10 
     <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
-    <title>My Test App</title>
11 
+    <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
14 14 
     <link rel="stylesheet" href="../css/app.css">

+ 1
- 1
lists/temerloh.html View File 

@@ -8,7 +8,7 @@
8 8 
     <meta http-equiv="Content-Security-Policy" content="">
9 9 
     <!-- include bulma css -->
10 10 
     <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
-    <title>My Test App</title>
11 
+    <title>SIBS 2024</title>
12 12 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
13 13 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />
14 14 
     <link rel="stylesheet" href="../css/app.css">

+ 1
- 1
pdf_pages/view_pdf_hsd10006.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd11863.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd11991.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd19372.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd2384.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd35309.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd41862.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd4628.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd54735.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd54736.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd54737.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd5621.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5625.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5627.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5714.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5715.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5734.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5738.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5745.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5749.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5761.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5762.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5763.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd5764.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_hsd62437.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd62438.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd62441.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd62442.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd62443.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd62495.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd62503.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd62504.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd62510.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsd62520.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsm1225.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsm1909.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_hsm90298.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_pm32006.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_pn16507.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 1
- 1
pdf_pages/view_pdf_pn17421_hsd1950.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_pn17427_hsd1949.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-abc123..." crossorigin="anonymous" />

+ 1
- 1
pdf_pages/view_pdf_pn28612.html View File 

@@ -4,7 +4,7 @@
4 4 
 <head>
5 5 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
6 6 
     <meta charset="utf-8">
7 
-    <title>KML Click Capture Sample</title>
7 
+    <title>SIBS 2024</title>
8 8 
     <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
9 9 
     <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js" defer></script>
10 10 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"

+ 285
- 0
pembangunan.html View File 

@@ -0,0 +1,285 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8">
6 
+    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 
+    <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 
+    <meta http-equiv="Content-Security-Policy" content="">
9 
+    <!-- include bulma css -->
10 
+    <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
+    <title>SIBS 2024</title>
12 
+    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
13 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
14 
+    <link rel="stylesheet" href="./css/app.css">
15 
+
16 
+
17 
+
18 
+    <script>
19 
+        // window.addEventListener('load', (event) => {
20 
+        //     document.querySelector(".hello").textContent = "Hello from Electron with bulma css!";
21 
+        // });
22 
+    </script>
23 
+</head>
24 
+
25 
+<body>
26 
+    <section class="section " style="max-height: 120vh;">
27 
+
28 
+        <div
29 
+            style="background-image: url(Mask_Group_2.png); min-height: 175px; display: flex; flex-direction: column; justify-content: center; padding-left: 100px;padding-right: 100px;">
30 
+            <img class="pb-2" src="Group_49433x.png" style="height: auto;width: 8%" alt="">
31 
+            <h6 style="color: white; margin-bottom: 2px;">Pelan Kawasan Tanah Milik Perbadanan</h6>
32 
+            <h6 style="color: white; margin-bottom: 10px;font-weight: 400;">Setiausaha Kerajaan (PSK) Pahang Tanpa Skala
33 
+            </h6>
34 
+
35 
+            <form id="fileForm" style="display: flex; align-items: center;">
36 
+                <input id="fileNumber" type="search" class="p-1"
37 
+                    style="border-radius: 21px; border: none; padding-left: 20px !important; flex: 1;"
38 
+                    placeholder="Search Here">
39 
+                <button class="btn btn-primary" type="submit" style="margin-left: 10px;">Search</button>
40 
+            </form>
41 
+
42 
+
43 
+        </div>
44 
+
45 
+        <div class="text-center pt-1"
46 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
47 
+            <div class="pt-4" style="width: 600px;height: 100px;">
48 
+                <h3> <button class="btn btn-primary" type="submit" style="margin-left: 10px;">Home</button></h3>
49 
+
50 
+
51 
+            </div>
52 
+        </div>
53 
+
54 
+
55 
+        <div class="text-left pt-1 container">
56 
+            <div class="pt-4 mb-0 pb-0">
57 
+                <h4>Senarai Hakmilik <b>Pembangunan</b></h4>
58 
+            </div>
59 
+        </div>
60 
+
61 
+        <div class="text-left pt-1 container">
62 
+            <div class="pt-4 text-nowrap flex-wrap">
63 
+
64 
+                <h6>Raub</h6>
65 
+                <a href="./details/detail_hsd11863.html" class="button-23 mb-2 mr-2"
66 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 11863</a>
67 
+
68 
+            </div>
69 
+        </div>
70 
+
71 
+        <div class="text-left pt-1 container">
72 
+            <div class="pt-4 text-nowrap flex-wrap">
73 
+                <h6>Kuantan</h6>
74 
+                <a href="./details/detail_hsd62438.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62438</a>
75 
+                <a href="./details/detail_hsd62441.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62441</a>
76 
+                <a href="./details/detail_hsd62442.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62442</a>
77 
+                <a href="./details/detail_hsd62443.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62443</a>
78 
+                <a href="./details/detail_hsd62495.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62495</a>
79 
+                <a href="./details/detail_hsd62497.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62497</a>
80 
+                <a href="./details/detail_hsd62503.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62503</a>
81 
+                <a href="./details/detail_hsd62504.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62504</a>
82 
+                <a href="./details/detail_hsd62520.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSD 62520</a>
83 
+                <a href="./details/detail_hsm1225.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSM 1225</a>
84 
+                <a href="./details/detail_hsm1909.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSM 1909</a>
85 
+                <a href="./details/detail_hsm90298.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">HSM 90298</a>
86 
+                <a href="./details/detail_pm32006.html" class="button-23 mb-2 mr-2" style="background-color: #1F9027; color: white; border: none;" role="button">PM 32006</a>
87 
+
88 
+
89 
+            </div>
90 
+        </div>
91 
+
92 
+
93 
+        <div class="text-left pt-1 pb-5 container">
94 
+            <div class="pt-4 text-nowrap flex-wrap">
95 
+                <h6>Rompin</h6>
96 
+                <a href="./details/detail_hsd5715.html" class="button-23 mb-2 mr-2"
97 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5715</a>
98 
+                <a href="./details/detail_hsd5734.html" class="button-23 mb-2 mr-2"
99 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5734</a>
100 
+                <a href="./details/detail_hsd5738.html" class="button-23 mb-2 mr-2"
101 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5738</a>
102 
+            </div>
103 
+        </div>
104 
+
105 
+
106 
+
107 
+
108 
+
109 
+
110 
+
111 
+
112 
+
113 
+
114 
+
115 
+
116 
+
117 
+
118 
+
119 
+
120 
+
121 
+
122 
+
123 
+    </section>
124 
+
125 
+    <script defer src="/ruta relativa a mi archivo .js"></script>
126 
+
127 
+    <script>
128 
+
129 
+        document.getElementById('fileForm').addEventListener('submit', function (event) {
130 
+            event.preventDefault(); // Prevent the form from submitting the traditional way
131 
+
132 
+            var fileInput = document.getElementById('fileNumber').value;
133 
+            var numberRegex = /\d/; // Regular expression to check for any digit
134 
+            var matchedFile;
135 
+
136 
+            if (numberRegex.test(fileInput)) {
137 
+                // Hardcoded list of files containing numbers
138 
+                var numberFiles = [
139 
+                    'details/detail_hsd2384.html',
140 
+                    'details/detail_hsd4638.html',
141 
+                    'details/detail_hsd5621.html',
142 
+                    'details/detail_hsd5625.html',
143 
+                    'details/detail_hsd5627.html',
144 
+                    'details/detail_hsd5714.html',
145 
+                    'details/detail_hsd5715.html',
146 
+                    'details/detail_hsd5734.html',
147 
+                    'details/detail_hsd5738.html',
148 
+                    'details/detail_hsd5745.html',
149 
+                    'details/detail_hsd5749.html',
150 
+                    'details/detail_hsd5761.html',
151 
+                    'details/detail_hsd5762.html',
152 
+                    'details/detail_hsd5763.html',
153 
+                    'details/detail_hsd5764.html',
154 
+                    'details/detail_hsd11863.html',
155 
+                    'details/detail_hsd11991.html',
156 
+                    'details/detail_hsd35309.html',
157 
+                    'details/detail_hsd41862.html',
158 
+                    'details/detail_hsd54735.html',
159 
+                    'details/detail_hsd54736.html',
160 
+                    'details/detail_hsd54737.html',
161 
+                    'details/detail_hsd62438.html',
162 
+                    'details/detail_hsd62441.html',
163 
+                    'details/detail_hsd62442.html',
164 
+                    'details/detail_hsd62443.html',
165 
+                    'details/detail_hsd62495.html',
166 
+                    'details/detail_hsd62503.html',
167 
+                    'details/detail_hsd62504.html',
168 
+                    'details/detail_hsd62520.html',
169 
+                    'details/detail_hsm1225.html',
170 
+                    'details/detail_hsm1909.html',
171 
+                    'details/detail_hsm90298.html',
172 
+                    'details/detail_pm32006.html',
173 
+                    'details/detail_pn16507.html',
174 
+                    'details/detail_pn28612.html',
175 
+                    'details/penternakan_hsd_10006.html',
176 
+                    'details/penternakan_hsd_19372.html',
177 
+                    'details/penternakan_pn_17421_hsd_1950.html',
178 
+                    'details/penternakan_pn_17427_hsd_1949.html'
179 
+                ];
180 
+
181 
+
182 
+                var regex = new RegExp(fileInput);
183 
+                matchedFile = numberFiles.find(file => regex.test(file));
184 
+            } else {
185 
+                // Hardcoded list of files containing names
186 
+                var nameFiles = [
187 
+                    'lists/bentong.html',
188 
+                    'lists/bera.html',
189 
+                    'lists/kuantan.html',
190 
+                    'lists/lipis.html',
191 
+                    'lists/maran.html',
192 
+                    'lists/pekan.html',
193 
+                    'lists/raub.html',
194 
+                    'lists/rompin.html',
195 
+                    'lists/temerloh.html'
196 
+                ];
197 
+
198 
+
199 
+                var nameRegex = new RegExp(fileInput, 'i'); // Case-insensitive search
200 
+                matchedFile = nameFiles.find(file => nameRegex.test(file));
201 
+            }
202 
+
203 
+            if (matchedFile) {
204 
+                // File found, redirect to it
205 
+                window.location.href = matchedFile;
206 
+            } else {
207 
+                alert('No file containing the input ' + fileInput + ' was found.');
208 
+            }
209 
+        });
210 
+    </script>
211 
+
212 
+    <script>
213 
+        let maran = document.querySelector("#maran");
214 
+        let cameronHighland = document.querySelector("#cameron-highland");
215 
+        let bentong = document.querySelector("#bentong");
216 
+        let lipis = document.querySelector("#lipis");
217 
+        let raub = document.querySelector("#raub");
218 
+        let jerantut = document.querySelector("#jerantut");
219 
+        let kuantan = document.querySelector("#kuantan");
220 
+        let temerloh = document.querySelector("#temerloh");
221 
+        let rompin = document.querySelector("#rompin");
222 
+        let bera = document.querySelector("#bera");
223 
+        let pekan = document.querySelector("#pekan");
224 
+
225 
+        addLabelText(maran, "Maran");
226 
+        addLabelText(cameronHighland, "Cameron");
227 
+        addLabelText(cameronHighland, "Highland");
228 
+        addLabelText(bentong, "Bentong");
229 
+        addLabelText(lipis, "Lipis");
230 
+        addLabelText(raub, "Raub");
231 
+        addLabelText(jerantut, "Jerantut");
232 
+        addLabelText(kuantan, "Kuantan");
233 
+        addLabelText(temerloh, "Temerloh");
234 
+        addLabelText(rompin, "Rompin");
235 
+        addLabelText(bera, "Bera");
236 
+        addLabelText(pekan, "Pekan");
237 
+
238 
+        function addLabelText(bgPath, labelText) {
239 
+            let bbox = bgPath.getBBox();
240 
+            let x = bbox.x + bbox.width / 2;
241 
+            let y = bbox.y + bbox.height / 2;
242 
+
243 
+            // Create a <text> element
244 
+            let textElem = document.createElementNS(bgPath.namespaceURI, "text");
245 
+            // X axis
246 
+            if (labelText == "Bentong") {
247 
+                textElem.setAttribute("x", 286);
248 
+            } else if (labelText == "Pekan") {
249 
+                textElem.setAttribute("x", 870);
250 
+            } else if (labelText == "Cameron") {
251 
+                textElem.setAttribute("x", 75);
252 
+            } else {
253 
+                textElem.setAttribute("x", x);
254 
+            }
255 
+            // Y axis
256 
+            if (labelText == "Rompin") {
257 
+                textElem.setAttribute("y", 935);
258 
+            } else if (labelText == "Pekan") {
259 
+                textElem.setAttribute("y", 650);
260 
+            } else if (labelText == "Kuantan") {
261 
+                textElem.setAttribute("y", 440);
262 
+            } else if (labelText == "Cameron") {
263 
+                textElem.setAttribute("y", 130);
264 
+            } else if (labelText == "Highland") {
265 
+                textElem.setAttribute("y", 155);
266 
+            } else {
267 
+                textElem.setAttribute("y", y);
268 
+            }
269 
+            // Centre text horizontally at x,y
270 
+            textElem.setAttribute("text-anchor", "middle");
271 
+            // Give it a class that will determine the text size, colour, etc
272 
+            if (labelText == "Cameron" || labelText == "Highland") {
273 
+                textElem.classList.add("label-text-cameron");
274 
+            } else {
275 
+                textElem.classList.add("label-text");
276 
+            }
277 
+            // Set the text
278 
+            textElem.textContent = labelText;
279 
+            // Add this text element directly after the label background path
280 
+            bgPath.after(textElem);
281 
+        }
282 
+    </script>
283 
+</body>
284 
+
285 
+</html>

+ 335
- 0
penternakan.html View File 

@@ -0,0 +1,335 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8">
6 
+    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 
+    <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 
+    <meta http-equiv="Content-Security-Policy" content="">
9 
+    <!-- include bulma css -->
10 
+    <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
+    <title>SIBS 2024</title>
12 
+    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
13 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
14 
+    <link rel="stylesheet" href="./css/app.css">
15 
+
16 
+
17 
+
18 
+    <script>
19 
+        // window.addEventListener('load', (event) => {
20 
+        //     document.querySelector(".hello").textContent = "Hello from Electron with bulma css!";
21 
+        // });
22 
+    </script>
23 
+</head>
24 
+
25 
+<body>
26 
+    <section class="section " style="max-height: 120vh;">
27 
+
28 
+        <div
29 
+            style="background-image: url(Mask_Group_2.png); min-height: 175px; display: flex; flex-direction: column; justify-content: center; padding-left: 100px;padding-right: 100px;">
30 
+            <img class="pb-2" src="Group_49433x.png" style="height: auto;width: 8%" alt="">
31 
+            <h6 style="color: white; margin-bottom: 2px;">Pelan Kawasan Tanah Milik Perbadanan</h6>
32 
+            <h6 style="color: white; margin-bottom: 10px;font-weight: 400;">Setiausaha Kerajaan (PSK) Pahang Tanpa Skala
33 
+            </h6>
34 
+
35 
+            <form id="fileForm" style="display: flex; align-items: center;">
36 
+                <input id="fileNumber" type="search" class="p-1"
37 
+                    style="border-radius: 21px; border: none; padding-left: 20px !important; flex: 1;"
38 
+                    placeholder="Search Here">
39 
+                <button class="btn btn-primary" type="submit" style="margin-left: 10px;">Search</button>
40 
+            </form>
41 
+
42 
+
43 
+        </div>
44 
+
45 
+        <div class="text-center pt-1"
46 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
47 
+            <div class="pt-4" style="width: 600px;height: 100px;">
48 
+                <h3> <button class="btn btn-primary" type="submit" style="margin-left: 10px;">Home</button></h3>
49 
+
50 
+
51 
+            </div>
52 
+        </div>
53 
+
54 
+
55 
+        <div class="text-left pt-1 container">
56 
+            <div class="pt-4 mb-0 pb-0">
57 
+                <h4>Senarai Hakmilik <b>Penternakan</b></h4>
58 
+            </div>
59 
+        </div>
60 
+
61 
+        <div class="text-left pt-1 container">
62 
+            <div class="pt-4 text-nowrap flex-wrap">
63 
+
64 
+                <h6>Lipis</h6>
65 
+                <a href="./details/penternakan_pn_17421_hsd_1950.html" class="button-23 mb-2 mr-2"
66 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">PN 17421 (HSD 1950)</a>
67 
+
68 
+                <a href="./details/penternakan_pn_17427_hsd_1949.html" class="button-23 mb-2 mr-2"
69 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">PN 17427 (HSD 1949)</a>
70 
+
71 
+            </div>
72 
+        </div>
73 
+
74 
+        <div class="text-left pt-1 container">
75 
+            <div class="pt-4 text-nowrap flex-wrap">
76 
+                <h6>Kuantan</h6>
77 
+                <a href="./details/detail_hsd35309.html" class="button-23 mb-2 mr-2"
78 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 35309</a>
79 
+                <a href="./details/detail_hsd4162.html" class="button-23 mb-2 mr-2"
80 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 41862</a>
81 
+                <a href="./details/detail_hsd54735.html" class="button-23 mb-2 mr-2"
82 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 54735</a>
83 
+                <a href="./details/detail_hsd54736.html" class="button-23 mb-2 mr-2"
84 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 54736</a>
85 
+                <a href="./details/detail_hsd54737.html" class="button-23 mb-2 mr-2"
86 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 54737</a>
87 
+
88 
+
89 
+            </div>
90 
+        </div>
91 
+
92 
+        <div class="text-left pt-1 container">
93 
+            <div class="pt-4 text-nowrap flex-wrap">
94 
+                <h6>Maran</h6>
95 
+                <a href="./details/detail_hsd2384.html" style="" class="button-23 mb-2" role="button">HSD 2384</a>
96 
+
97 
+            </div>
98 
+        </div>
99 
+
100 
+        <div class="text-left pt-1 container">
101 
+            <div class="pt-4 text-nowrap flex-wrap">
102 
+                <h6>Bentong</h6>
103 
+                <a href="./details/penternakan_hsd_19372.html" class="button-23 mb-2 mr-2"
104 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 19372</a>
105 
+
106 
+            </div>
107 
+        </div>
108 
+
109 
+        <div class="text-left pt-1 container">
110 
+            <div class="pt-4 text-nowrap flex-wrap">
111 
+                <h6>Bera</h6>
112 
+                <a href="./details/penternakan_hsd_10006.html" class="button-23 mb-2 mr-2"
113 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 10006</a>
114 
+
115 
+            </div>
116 
+        </div>
117 
+
118 
+        <div class="text-left pt-1 container">
119 
+            <div class="pt-4 text-nowrap flex-wrap">
120 
+                <h6>Pekan</h6>
121 
+                <a href="./details/detail_hsd5621.html" class="button-23 mb-2 mr-2"
122 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5621</a>
123 
+                <a href="./details/detail_hsd5627.html" class="button-23 mb-2 mr-2"
124 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5627</a>
125 
+                <a href="./details/detail_hsd5625.html" class="button-23 mb-2 mr-2"
126 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5625</a>
127 
+
128 
+            </div>
129 
+        </div>
130 
+
131 
+        <div class="text-left pt-1 pb-5 container">
132 
+            <div class="pt-4 text-nowrap flex-wrap">
133 
+                <h6>Rompin</h6>
134 
+                <a href="./details/detail_hsd4638.html" class="button-23 mb-2 mr-2"
135 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 4638</a>
136 
+                <a href="./details/detail_hsd5714.html" class="button-23 mb-2 mr-2"
137 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5714</a>
138 
+                <a href="./details/detail_hsd5745.html" class="button-23 mb-2 mr-2"
139 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5745</a>
140 
+                <a href="./details/detail_hsd5749.html" class="button-23 mb-2 mr-2"
141 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5749</a>
142 
+                <a href="./details/detail_hsd5761.html" class="button-23 mb-2 mr-2"
143 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5761</a>
144 
+                <a href="./details/detail_hsd5762.html" class="button-23 mb-2 mr-2"
145 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5762</a>
146 
+                <a href="./details/detail_hsd5763.html" class="button-23 mb-2 mr-2"
147 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5763</a>
148 
+                <a href="./details/detail_hsd5764.html" class="button-23 mb-2 mr-2"
149 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 5764</a>
150 
+                <a href="./details/detail_pn28612.html" class="button-23 mb-2"
151 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">PN 28612</a>
152 
+            </div>
153 
+        </div>
154 
+
155 
+
156 
+
157 
+
158 
+
159 
+
160 
+
161 
+
162 
+
163 
+
164 
+
165 
+
166 
+
167 
+
168 
+
169 
+
170 
+
171 
+
172 
+
173 
+    </section>
174 
+
175 
+    <script defer src="/ruta relativa a mi archivo .js"></script>
176 
+
177 
+    <script>
178 
+
179 
+        document.getElementById('fileForm').addEventListener('submit', function (event) {
180 
+            event.preventDefault(); // Prevent the form from submitting the traditional way
181 
+
182 
+            var fileInput = document.getElementById('fileNumber').value;
183 
+            var numberRegex = /\d/; // Regular expression to check for any digit
184 
+            var matchedFile;
185 
+
186 
+            if (numberRegex.test(fileInput)) {
187 
+                // Hardcoded list of files containing numbers
188 
+                var numberFiles = [
189 
+                    'details/detail_hsd2384.html',
190 
+                    'details/detail_hsd4638.html',
191 
+                    'details/detail_hsd5621.html',
192 
+                    'details/detail_hsd5625.html',
193 
+                    'details/detail_hsd5627.html',
194 
+                    'details/detail_hsd5714.html',
195 
+                    'details/detail_hsd5715.html',
196 
+                    'details/detail_hsd5734.html',
197 
+                    'details/detail_hsd5738.html',
198 
+                    'details/detail_hsd5745.html',
199 
+                    'details/detail_hsd5749.html',
200 
+                    'details/detail_hsd5761.html',
201 
+                    'details/detail_hsd5762.html',
202 
+                    'details/detail_hsd5763.html',
203 
+                    'details/detail_hsd5764.html',
204 
+                    'details/detail_hsd11863.html',
205 
+                    'details/detail_hsd11991.html',
206 
+                    'details/detail_hsd35309.html',
207 
+                    'details/detail_hsd41862.html',
208 
+                    'details/detail_hsd54735.html',
209 
+                    'details/detail_hsd54736.html',
210 
+                    'details/detail_hsd54737.html',
211 
+                    'details/detail_hsd62438.html',
212 
+                    'details/detail_hsd62441.html',
213 
+                    'details/detail_hsd62442.html',
214 
+                    'details/detail_hsd62443.html',
215 
+                    'details/detail_hsd62495.html',
216 
+                    'details/detail_hsd62503.html',
217 
+                    'details/detail_hsd62504.html',
218 
+                    'details/detail_hsd62520.html',
219 
+                    'details/detail_hsm1225.html',
220 
+                    'details/detail_hsm1909.html',
221 
+                    'details/detail_hsm90298.html',
222 
+                    'details/detail_pm32006.html',
223 
+                    'details/detail_pn16507.html',
224 
+                    'details/detail_pn28612.html',
225 
+                    'details/penternakan_hsd_10006.html',
226 
+                    'details/penternakan_hsd_19372.html',
227 
+                    'details/penternakan_pn_17421_hsd_1950.html',
228 
+                    'details/penternakan_pn_17427_hsd_1949.html'
229 
+                ];
230 
+
231 
+
232 
+                var regex = new RegExp(fileInput);
233 
+                matchedFile = numberFiles.find(file => regex.test(file));
234 
+            } else {
235 
+                // Hardcoded list of files containing names
236 
+                var nameFiles = [
237 
+                    'lists/bentong.html',
238 
+                    'lists/bera.html',
239 
+                    'lists/kuantan.html',
240 
+                    'lists/lipis.html',
241 
+                    'lists/maran.html',
242 
+                    'lists/pekan.html',
243 
+                    'lists/raub.html',
244 
+                    'lists/rompin.html',
245 
+                    'lists/temerloh.html'
246 
+                ];
247 
+
248 
+
249 
+                var nameRegex = new RegExp(fileInput, 'i'); // Case-insensitive search
250 
+                matchedFile = nameFiles.find(file => nameRegex.test(file));
251 
+            }
252 
+
253 
+            if (matchedFile) {
254 
+                // File found, redirect to it
255 
+                window.location.href = matchedFile;
256 
+            } else {
257 
+                alert('No file containing the input ' + fileInput + ' was found.');
258 
+            }
259 
+        });
260 
+    </script>
261 
+
262 
+    <script>
263 
+        let maran = document.querySelector("#maran");
264 
+        let cameronHighland = document.querySelector("#cameron-highland");
265 
+        let bentong = document.querySelector("#bentong");
266 
+        let lipis = document.querySelector("#lipis");
267 
+        let raub = document.querySelector("#raub");
268 
+        let jerantut = document.querySelector("#jerantut");
269 
+        let kuantan = document.querySelector("#kuantan");
270 
+        let temerloh = document.querySelector("#temerloh");
271 
+        let rompin = document.querySelector("#rompin");
272 
+        let bera = document.querySelector("#bera");
273 
+        let pekan = document.querySelector("#pekan");
274 
+
275 
+        addLabelText(maran, "Maran");
276 
+        addLabelText(cameronHighland, "Cameron");
277 
+        addLabelText(cameronHighland, "Highland");
278 
+        addLabelText(bentong, "Bentong");
279 
+        addLabelText(lipis, "Lipis");
280 
+        addLabelText(raub, "Raub");
281 
+        addLabelText(jerantut, "Jerantut");
282 
+        addLabelText(kuantan, "Kuantan");
283 
+        addLabelText(temerloh, "Temerloh");
284 
+        addLabelText(rompin, "Rompin");
285 
+        addLabelText(bera, "Bera");
286 
+        addLabelText(pekan, "Pekan");
287 
+
288 
+        function addLabelText(bgPath, labelText) {
289 
+            let bbox = bgPath.getBBox();
290 
+            let x = bbox.x + bbox.width / 2;
291 
+            let y = bbox.y + bbox.height / 2;
292 
+
293 
+            // Create a <text> element
294 
+            let textElem = document.createElementNS(bgPath.namespaceURI, "text");
295 
+            // X axis
296 
+            if (labelText == "Bentong") {
297 
+                textElem.setAttribute("x", 286);
298 
+            } else if (labelText == "Pekan") {
299 
+                textElem.setAttribute("x", 870);
300 
+            } else if (labelText == "Cameron") {
301 
+                textElem.setAttribute("x", 75);
302 
+            } else {
303 
+                textElem.setAttribute("x", x);
304 
+            }
305 
+            // Y axis
306 
+            if (labelText == "Rompin") {
307 
+                textElem.setAttribute("y", 935);
308 
+            } else if (labelText == "Pekan") {
309 
+                textElem.setAttribute("y", 650);
310 
+            } else if (labelText == "Kuantan") {
311 
+                textElem.setAttribute("y", 440);
312 
+            } else if (labelText == "Cameron") {
313 
+                textElem.setAttribute("y", 130);
314 
+            } else if (labelText == "Highland") {
315 
+                textElem.setAttribute("y", 155);
316 
+            } else {
317 
+                textElem.setAttribute("y", y);
318 
+            }
319 
+            // Centre text horizontally at x,y
320 
+            textElem.setAttribute("text-anchor", "middle");
321 
+            // Give it a class that will determine the text size, colour, etc
322 
+            if (labelText == "Cameron" || labelText == "Highland") {
323 
+                textElem.classList.add("label-text-cameron");
324 
+            } else {
325 
+                textElem.classList.add("label-text");
326 
+            }
327 
+            // Set the text
328 
+            textElem.textContent = labelText;
329 
+            // Add this text element directly after the label background path
330 
+            bgPath.after(textElem);
331 
+        }
332 
+    </script>
333 
+</body>
334 
+
335 
+</html>

+ 233
- 0
pertanian.html View File 

@@ -0,0 +1,233 @@
1 
+<!DOCTYPE html>
2 
+<html>
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8">
6 
+    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
7 
+    <!-- CSP is a PITA ;). Disabled, don't try this at home!-->
8 
+    <meta http-equiv="Content-Security-Policy" content="">
9 
+    <!-- include bulma css -->
10 
+    <link rel="stylesheet" href="bulma/css/bulma.min.css">
11 
+    <title>SIBS 2024</title>
12 
+    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
13 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
14 
+    <link rel="stylesheet" href="./css/app.css">
15 
+
16 
+
17 
+
18 
+    <script>
19 
+        // window.addEventListener('load', (event) => {
20 
+        //     document.querySelector(".hello").textContent = "Hello from Electron with bulma css!";
21 
+        // });
22 
+    </script>
23 
+</head>
24 
+
25 
+<body>
26 
+    <section class="section " style="max-height: 120vh;">
27 
+
28 
+        <div
29 
+            style="background-image: url(Mask_Group_2.png); min-height: 175px; display: flex; flex-direction: column; justify-content: center; padding-left: 100px;padding-right: 100px;">
30 
+            <img class="pb-2" src="Group_49433x.png" style="height: auto;width: 8%" alt="">
31 
+            <h6 style="color: white; margin-bottom: 2px;">Pelan Kawasan Tanah Milik Perbadanan</h6>
32 
+            <h6 style="color: white; margin-bottom: 10px;font-weight: 400;">Setiausaha Kerajaan (PSK) Pahang Tanpa Skala
33 
+            </h6>
34 
+
35 
+            <form id="fileForm" style="display: flex; align-items: center;">
36 
+                <input id="fileNumber" type="search" class="p-1"
37 
+                    style="border-radius: 21px; border: none; padding-left: 20px !important; flex: 1;"
38 
+                    placeholder="Search Here">
39 
+                <button class="btn btn-primary" type="submit" style="margin-left: 10px;">Search</button>
40 
+            </form>
41 
+
42 
+
43 
+        </div>
44 
+
45 
+        <div class="text-center pt-1"
46 
+            style="background-color: white; min-height: 50px; display: flex; justify-content: center; align-items: center; padding-left: 0px;">
47 
+            <div class="pt-4" style="width: 600px;height: 100px;">
48 
+                <h3> <button class="btn btn-primary" type="submit" style="margin-left: 10px;">Home</button></h3>
49 
+
50 
+
51 
+            </div>
52 
+        </div>
53 
+
54 
+
55 
+        <div class="text-left pt-1 container">
56 
+            <div class="pt-4 mb-0 pb-0">
57 
+                <h4>Senarai Hakmilik <b>Pertanian</b></h4>
58 
+            </div>
59 
+        </div>
60 
+
61 
+        <div class="text-left pt-1 container">
62 
+            <div class="pt-4 text-nowrap flex-wrap">
63 
+
64 
+                <h6>Raub</h6>
65 
+                <a href="./details/detail_hsd11991.html" class="button-23 mb-2 mr-2"
66 
+                    style="background-color: #1F9027; color: white; border: none;" role="button">HSD 11991</a>
67 
+
68 
+            </div>
69 
+        </div>
70 
+
71 
+    </section>
72 
+
73 
+    <script defer src="/ruta relativa a mi archivo .js"></script>
74 
+
75 
+    <script>
76 
+
77 
+        document.getElementById('fileForm').addEventListener('submit', function (event) {
78 
+            event.preventDefault(); // Prevent the form from submitting the traditional way
79 
+
80 
+            var fileInput = document.getElementById('fileNumber').value;
81 
+            var numberRegex = /\d/; // Regular expression to check for any digit
82 
+            var matchedFile;
83 
+
84 
+            if (numberRegex.test(fileInput)) {
85 
+                // Hardcoded list of files containing numbers
86 
+                var numberFiles = [
87 
+                    'details/detail_hsd2384.html',
88 
+                    'details/detail_hsd4638.html',
89 
+                    'details/detail_hsd5621.html',
90 
+                    'details/detail_hsd5625.html',
91 
+                    'details/detail_hsd5627.html',
92 
+                    'details/detail_hsd5714.html',
93 
+                    'details/detail_hsd5715.html',
94 
+                    'details/detail_hsd5734.html',
95 
+                    'details/detail_hsd5738.html',
96 
+                    'details/detail_hsd5745.html',
97 
+                    'details/detail_hsd5749.html',
98 
+                    'details/detail_hsd5761.html',
99 
+                    'details/detail_hsd5762.html',
100 
+                    'details/detail_hsd5763.html',
101 
+                    'details/detail_hsd5764.html',
102 
+                    'details/detail_hsd11863.html',
103 
+                    'details/detail_hsd11991.html',
104 
+                    'details/detail_hsd35309.html',
105 
+                    'details/detail_hsd41862.html',
106 
+                    'details/detail_hsd54735.html',
107 
+                    'details/detail_hsd54736.html',
108 
+                    'details/detail_hsd54737.html',
109 
+                    'details/detail_hsd62438.html',
110 
+                    'details/detail_hsd62441.html',
111 
+                    'details/detail_hsd62442.html',
112 
+                    'details/detail_hsd62443.html',
113 
+                    'details/detail_hsd62495.html',
114 
+                    'details/detail_hsd62503.html',
115 
+                    'details/detail_hsd62504.html',
116 
+                    'details/detail_hsd62520.html',
117 
+                    'details/detail_hsm1225.html',
118 
+                    'details/detail_hsm1909.html',
119 
+                    'details/detail_hsm90298.html',
120 
+                    'details/detail_pm32006.html',
121 
+                    'details/detail_pn16507.html',
122 
+                    'details/detail_pn28612.html',
123 
+                    'details/penternakan_hsd_10006.html',
124 
+                    'details/penternakan_hsd_19372.html',
125 
+                    'details/penternakan_pn_17421_hsd_1950.html',
126 
+                    'details/penternakan_pn_17427_hsd_1949.html'
127 
+                ];
128 
+
129 
+
130 
+                var regex = new RegExp(fileInput);
131 
+                matchedFile = numberFiles.find(file => regex.test(file));
132 
+            } else {
133 
+                // Hardcoded list of files containing names
134 
+                var nameFiles = [
135 
+                    'lists/bentong.html',
136 
+                    'lists/bera.html',
137 
+                    'lists/kuantan.html',
138 
+                    'lists/lipis.html',
139 
+                    'lists/maran.html',
140 
+                    'lists/pekan.html',
141 
+                    'lists/raub.html',
142 
+                    'lists/rompin.html',
143 
+                    'lists/temerloh.html'
144 
+                ];
145 
+
146 
+
147 
+                var nameRegex = new RegExp(fileInput, 'i'); // Case-insensitive search
148 
+                matchedFile = nameFiles.find(file => nameRegex.test(file));
149 
+            }
150 
+
151 
+            if (matchedFile) {
152 
+                // File found, redirect to it
153 
+                window.location.href = matchedFile;
154 
+            } else {
155 
+                alert('No file containing the input ' + fileInput + ' was found.');
156 
+            }
157 
+        });
158 
+    </script>
159 
+
160 
+    <script>
161 
+        let maran = document.querySelector("#maran");
162 
+        let cameronHighland = document.querySelector("#cameron-highland");
163 
+        let bentong = document.querySelector("#bentong");
164 
+        let lipis = document.querySelector("#lipis");
165 
+        let raub = document.querySelector("#raub");
166 
+        let jerantut = document.querySelector("#jerantut");
167 
+        let kuantan = document.querySelector("#kuantan");
168 
+        let temerloh = document.querySelector("#temerloh");
169 
+        let rompin = document.querySelector("#rompin");
170 
+        let bera = document.querySelector("#bera");
171 
+        let pekan = document.querySelector("#pekan");
172 
+
173 
+        addLabelText(maran, "Maran");
174 
+        addLabelText(cameronHighland, "Cameron");
175 
+        addLabelText(cameronHighland, "Highland");
176 
+        addLabelText(bentong, "Bentong");
177 
+        addLabelText(lipis, "Lipis");
178 
+        addLabelText(raub, "Raub");
179 
+        addLabelText(jerantut, "Jerantut");
180 
+        addLabelText(kuantan, "Kuantan");
181 
+        addLabelText(temerloh, "Temerloh");
182 
+        addLabelText(rompin, "Rompin");
183 
+        addLabelText(bera, "Bera");
184 
+        addLabelText(pekan, "Pekan");
185 
+
186 
+        function addLabelText(bgPath, labelText) {
187 
+            let bbox = bgPath.getBBox();
188 
+            let x = bbox.x + bbox.width / 2;
189 
+            let y = bbox.y + bbox.height / 2;
190 
+
191 
+            // Create a <text> element
192 
+            let textElem = document.createElementNS(bgPath.namespaceURI, "text");
193 
+            // X axis
194 
+            if (labelText == "Bentong") {
195 
+                textElem.setAttribute("x", 286);
196 
+            } else if (labelText == "Pekan") {
197 
+                textElem.setAttribute("x", 870);
198 
+            } else if (labelText == "Cameron") {
199 
+                textElem.setAttribute("x", 75);
200 
+            } else {
201 
+                textElem.setAttribute("x", x);
202 
+            }
203 
+            // Y axis
204 
+            if (labelText == "Rompin") {
205 
+                textElem.setAttribute("y", 935);
206 
+            } else if (labelText == "Pekan") {
207 
+                textElem.setAttribute("y", 650);
208 
+            } else if (labelText == "Kuantan") {
209 
+                textElem.setAttribute("y", 440);
210 
+            } else if (labelText == "Cameron") {
211 
+                textElem.setAttribute("y", 130);
212 
+            } else if (labelText == "Highland") {
213 
+                textElem.setAttribute("y", 155);
214 
+            } else {
215 
+                textElem.setAttribute("y", y);
216 
+            }
217 
+            // Centre text horizontally at x,y
218 
+            textElem.setAttribute("text-anchor", "middle");
219 
+            // Give it a class that will determine the text size, colour, etc
220 
+            if (labelText == "Cameron" || labelText == "Highland") {
221 
+                textElem.classList.add("label-text-cameron");
222 
+            } else {
223 
+                textElem.classList.add("label-text");
224 
+            }
225 
+            // Set the text
226 
+            textElem.textContent = labelText;
227 
+            // Add this text element directly after the label background path
228 
+            bgPath.after(textElem);
229 
+        }
230 
+    </script>
231 
+</body>
232 
+
233 
+</html>

Write Preview
Loading…
Cancel
Save