Add Bootstrap CSS and JS to index.html

universalbit-dev · web-flow · commit e518d4234fbb · 2025-11-29T22:56:51.000+01:00
diff --git a/src/html/index.html b/src/html/index.html
@@ -4,13 +4,17 @@
   <meta charset="UTF-8">
   <title>CityGenerator</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Bootstrap CSS (CDN) -->
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+
   <link rel="stylesheet" href="style.css">
 </head>
 <body>
   <div class="container py-3">
     <h1>CityGenerator <span class="badge bg-secondary">Deep Q-Learning</span></h1>
     <div class="mb-3">
-      <!-- Map Canvas (for citygenerator visualization) -->
+      <!-- Map Canvas -->
       <canvas id="map-canvas" width="500" height="300"></canvas>
       <button id="pause-btn" type="button" class="btn btn-warning me-2">Pause</button>
       <button id="resume-btn" type="button" class="btn btn-success me-2">Resume</button>
@@ -29,5 +33,10 @@ <h5 class="mt-3"></h5>
       <canvas id="rewardTrendChart" width="600" height="220" style="margin-top:16px;"></canvas>
     </div>
   </div>
+
+  <!-- JS bundle -->
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+ 
+  <script src="main.js"></script>
 </body>
 </html>
