<%# Het zoeken, in twee vormen en verder niets: de zoekbalk bovenaan, en daaronder het vak met resultaten dat alle ruimte krijgt (Robins ontwerp, 30-9). Er is geen aparte resultatenpagina meer die er anders uitziet. EEN PARTIAL, TWEE INGANGEN: mode 'overlay' in de topnav, op elke pagina; verborgen tot je op zoeken tikt. Draagt de id's waar chrome.js hem aan herkent. mode 'page' /search?q=...: dezelfde vorm, open, met de resultaten al op de server gerenderd. Een gedeelde link en Enter zonder JavaScript komen zo op precies hetzelfde beeld uit. Verwacht: mode, t, siteUrlBase. Voor 'page' ook query en de resultaten (zie search-results.ejs). %> <% const _page = locals.mode === 'page'; const _base = locals.siteUrlBase || ''; const _q = _page ? (locals.query || '') : ''; %>
id="search-overlay" hidden<% } %> role="search" data-results="<%= _base %>/search/results" data-action="<%= _base %>/search" data-i18n="<%= JSON.stringify({ looking: t('search.fedi_looking') }) %>">
> <% if (_page) { %> <%# Op de pagina is "sluiten" teruggaan waar je vandaan kwam. Zonder JS brengt de link je naar het begin van de site. %> <% } else { %> <% } %>
id="search-suggest"<% } %> aria-live="polite"> <% if (_page) { %><%- include('./search-results', locals) %><% } %>