|
719 | 719 | gap: var(--space-sm); |
720 | 720 | padding: var(--space-md) var(--space-2xl); |
721 | 721 | background: rgba(255, 255, 255, 0.2); |
| 722 | + -webkit-backdrop-filter: blur(10px); |
722 | 723 | backdrop-filter: blur(10px); |
723 | 724 | border: 2px solid rgba(255, 255, 255, 0.3); |
724 | 725 | border-radius: var(--radius-full); |
@@ -1303,13 +1304,8 @@ <h2 id="search-heading">Search this website</h2> |
1303 | 1304 |
|
1304 | 1305 | <form action="./search.html" method="get" class="search-box-home"> |
1305 | 1306 | <span class="search-icon-home">🔍</span> |
1306 | | - <input |
1307 | | - type="search" |
1308 | | - name="q" |
1309 | | - class="search-input-home" |
1310 | | - placeholder="Search for topics, courses, places, or articles..." |
1311 | | - aria-label="Search website" |
1312 | | - > |
| 1307 | + <input type="search" name="q" class="search-input-home" |
| 1308 | + placeholder="Search for topics, courses, places, or articles..." aria-label="Search website"> |
1313 | 1309 | </form> |
1314 | 1310 |
|
1315 | 1311 | <a href="./search.html" class="search-cta"> |
@@ -1376,7 +1372,7 @@ <h3>Language / Langue</h3> |
1376 | 1372 | const searchInput = document.querySelector('.search-input-home'); |
1377 | 1373 |
|
1378 | 1374 | if (searchForm && searchInput) { |
1379 | | - searchForm.addEventListener('submit', function(e) { |
| 1375 | + searchForm.addEventListener('submit', function (e) { |
1380 | 1376 | const query = searchInput.value.trim(); |
1381 | 1377 | if (query) { |
1382 | 1378 | e.preventDefault(); |
|
0 commit comments