@@ -276,17 +276,52 @@ <h1>COMPLETE DEAD CODE ANALYZER</h1>
276276 < p class ="subtitle "> Implementation Roadmap</ p >
277277 < p class ="subtitle "> High-Performance Implementation Dart</ p >
278278 </ div >
279+
280+ < div style ="margin-bottom: 20px; ">
281+ < div id ="tabbar " style ="display: flex; gap: 10px; border-bottom: 2px solid #3498db; margin-bottom: 10px; ">
282+ < button class ="tab-btn active " data-tab ="tab-floorplan " style ="background: none; border: none; padding: 10px 20px; cursor: pointer; font-weight: bold; color: #3498db; border-bottom: 3px solid #3498db; ">
283+ < img src ="https://img.icons8.com/ios-filled/50/000000/blueprint.png " alt ="Floor Plan " style ="vertical-align:middle;width:20px;height:20px;margin-right:6px; ">
284+ Floor Plan
285+ </ button >
286+ < button class ="tab-btn " data-tab ="tab-details " style ="background: none; border: none; padding: 10px 20px; cursor: pointer; font-weight: bold; color: #3498db; ">
287+ < img src ="https://img.icons8.com/ios-filled/50/000000/blueprint.png " alt ="Plan Details " style ="vertical-align:middle;width:20px;height:20px;margin-right:6px; ">
288+ Plan Details
289+ </ button >
290+ </ div >
291+ < div id ="tab-floorplan " class ="tab-content " style ="display: block; ">
292+ < div style ="margin-bottom:10px; ">
293+ < button onclick ="window.open('floar_plan.html','_blank') " style ="background:#3498db;color:white;border:none;padding:8px 16px;border-radius:4px;cursor:pointer; ">
294+ Open Floor Plan in New Page
295+ </ button >
296+ </ div >
297+ < iframe src ="floar_plan.html " style ="width:100%;height:600px;border:1px solid #ddd;border-radius:6px; "> </ iframe >
298+ </ div >
299+ < div id ="tab-details " class ="tab-content " style ="display: none; ">
300+ < div style ="margin-bottom:10px; ">
301+ < button onclick ="window.open('plan_details.html','_blank') " style ="background:#3498db;color:white;border:none;padding:8px 16px;border-radius:4px;cursor:pointer; ">
302+ Open Plan Details in New Page
303+ </ button >
304+ </ div >
305+ < iframe src ="plan_details.html " style ="width:100%;height:600px;border:1px solid #ddd;border-radius:6px; "> </ iframe >
306+ </ div >
307+ </ div >
308+ < script >
309+ // Tab switching logic
310+ document . querySelectorAll ( '.tab-btn' ) . forEach ( btn => {
311+ btn . addEventListener ( 'click' , function ( ) {
312+ document . querySelectorAll ( '.tab-btn' ) . forEach ( b => {
313+ b . classList . remove ( 'active' ) ;
314+ b . style . borderBottom = 'none' ;
315+ } ) ;
316+ this . classList . add ( 'active' ) ;
317+ this . style . borderBottom = '3px solid #3498db' ;
318+ document . querySelectorAll ( '.tab-content' ) . forEach ( tab => tab . style . display = 'none' ) ;
319+ document . getElementById ( this . dataset . tab ) . style . display = 'block' ;
320+ } ) ;
321+ } ) ;
322+ </ script >
279323 < div style ="text-align:center; margin-bottom:20px; ">
280- < a href ="floar_plan.html " style ="margin-right:20px; ">
281- < img src ="https://img.icons8.com/ios-filled/50/000000/blueprint.png " alt ="Floor Plan "
282- style ="vertical-align:middle;width:20px;height:20px;margin-right:6px; ">
283- Floor Plan
284- </ a >
285- < a href ="newplan.html " style ="margin-right:20px; ">
286- < img src ="https://img.icons8.com/ios-filled/50/000000/blueprint.png " alt ="Floor Plan "
287- style ="vertical-align:middle;width:20px;height:20px;margin-right:6px; ">
288- New Plan
289- </ a >
324+
290325 < a href ="vscode://file/C:/Users/jaypr/Desktop/dead_road.html " style ="margin-right:20px; ">
291326 < img src ="https://code.visualstudio.com/assets/favicon.ico " alt ="VS Code "
292327 style ="vertical-align:middle;width:20px;height:20px;margin-right:6px; ">
0 commit comments