8989 </ button >
9090 </ div >
9191 </ div >
92- < span class ="logo-tagline "> games, math & terminal toys</ span >
93- </ a >
94- </ div >
95-
96- < div class ="sidebar-search ">
97- < div class ="search-box " style ="position:relative ">
98- < i class ="fas fa-search " aria-hidden ="true "> </ i >
99- < input aria-label ="Search projects " id ="searchInput " placeholder ="Search projects or tags... " type ="text " role ="combobox " aria-autocomplete ="list " aria-controls ="resultsList " aria-expanded ="false "/>
100- < div class ="search-dropdown " id ="searchDropdown " aria-live ="polite ">
101- < div class ="dropdown-content " id ="searchDropdownContent ">
102- < div class ="search-loader " id ="searchLoader " style ="display:none "> < div class ="spinner "> </ div > </ div >
103- < div class ="recent-searches-section " id ="recentSearchesSection ">
104- < div class ="dropdown-section-title ">
105- < span > Recent</ span >
106- < button id ="clearRecentBtn " class ="recent-clear-all-btn " aria-label ="Clear recent searches "> Clear All</ button >
107- </ div >
108- < div class ="dropdown-list " id ="recentSearchesList "> </ div >
109- </ div >
110- < div class ="results-section " id ="resultsSection " style ="display:none ">
111- < div class ="dropdown-section-title "> Projects</ div >
112- < div class ="dropdown-list " id ="resultsList " role ="listbox "> </ div >
113- </ div >
114- < span class ="logo-tagline "> games, math & terminal toys</ span >
115- </ a >
116- </ div >
92+ </ nav >
11793
94+ < aside class ="sidebar " id ="sidebar ">
11895 < div class ="sidebar-search ">
11996 < div class ="search-box " style ="position: relative ">
12097 < i class ="fas fa-search " aria-hidden ="true "> </ i >
138115 < div class ="spinner "> </ div >
139116 </ div >
140117 < div class ="recent-searches-section " id ="recentSearchesSection ">
141- < div class ="dropdown-section-title "> Recent</ div >
118+ < div class ="dropdown-section-title ">
119+ < span > Recent</ span >
120+ < button id ="clearRecentBtn " class ="recent-clear-all-btn " aria-label ="Clear recent searches "> Clear All</ button >
121+ </ div >
142122 < div class ="dropdown-list " id ="recentSearchesList "> </ div >
143123 </ div >
144124 < div
@@ -1455,38 +1435,32 @@ <h2>${projectName.replace(/-/g, " ").toUpperCase()}</h2>
14551435 if ( typeof window . openProjectSafe !== "function" ) {
14561436 window . openProjectSafe = window . openProjectModal ;
14571437 }
1458- } ) ;
1459-
1460- // Override the existing openProjectSafe if needed
1461- if ( typeof window . openProjectSafe !== 'function' ) {
1462- window . openProjectSafe = window . openProjectModal ;
1463- }
1464-
1465- console . log ( '✅ Modal fix loaded' ) ;
1466- } ) ( ) ;
1467- </ script >
1468-
1469- <!-- Info Modal Popup -->
1470- < div id ="infoModalOverlay " class ="info-modal-overlay ">
1471- < div class ="info-modal-content ">
1472- < button class ="info-modal-close " id ="infoModalClose "> ×</ button >
1473- < h3 id ="infoModalTitle "> How to Play</ h3 >
1474- < ul id ="infoModalList "> </ ul >
1475- < button class ="info-modal-btn " id ="infoModalGotIt "> Got it</ button >
1476- </ div >
1477- </ div >
1478-
1479- <!-- Themed Confirm Modal (used for Clear All) -->
1480- < div id ="confirmModalOverlay " class ="confirm-modal-overlay " aria-hidden ="true ">
1481- < div class ="confirm-modal-content " role ="dialog " aria-modal ="true " aria-labelledby ="confirmModalTitle ">
1482- < h3 id ="confirmModalTitle "> Confirm</ h3 >
1483- < p id ="confirmModalMessage "> </ p >
1484- < div class ="confirm-modal-actions ">
1485- < button id ="confirmCancelBtn " class ="btn btn-secondary "> Cancel</ button >
1486- < button id ="confirmOkBtn " class ="btn btn-primary "> Confirm</ button >
1438+
1439+ console . log ( '✅ Modal fix loaded' ) ;
1440+ } ) ( ) ;
1441+ </ script >
1442+
1443+ <!-- Info Modal Popup -->
1444+ < div id ="infoModalOverlay " class ="info-modal-overlay ">
1445+ < div class ="info-modal-content ">
1446+ < button class ="info-modal-close " id ="infoModalClose "> ×</ button >
1447+ < h3 id ="infoModalTitle "> How to Play</ h3 >
1448+ < ul id ="infoModalList "> </ ul >
1449+ < button class ="info-modal-btn " id ="infoModalGotIt "> Got it</ button >
1450+ </ div >
1451+ </ div >
1452+
1453+ <!-- Themed Confirm Modal (used for Clear All) -->
1454+ < div id ="confirmModalOverlay " class ="confirm-modal-overlay " aria-hidden ="true ">
1455+ < div class ="confirm-modal-content " role ="dialog " aria-modal ="true " aria-labelledby ="confirmModalTitle ">
1456+ < h3 id ="confirmModalTitle "> Confirm</ h3 >
1457+ < p id ="confirmModalMessage "> </ p >
1458+ < div class ="confirm-modal-actions ">
1459+ < button id ="confirmCancelBtn " class ="btn btn-secondary "> Cancel</ button >
1460+ < button id ="confirmOkBtn " class ="btn btn-primary "> Confirm</ button >
1461+ </ div >
1462+ </ div >
14871463 </ div >
1488- </ div >
1489- </ div >
14901464
1491- </ body >
1492- </ html >
1465+ </ body >
1466+ </ html >
0 commit comments