src/components/Header.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

---
import HeaderLink from "./HeaderLink.astro";
---

<header>
  <h1>&lt;<a href="/">cravodeabril.pt</a>&gt;</h1>
  <search>
    <form
      action="https://www.google.com/search"
      target="_blank"
      rel="external noreferrer search"
      role="search"
      autocomplete="on"
      name="search"
    >
      <p>
        <label>Barra de pesquisa: <input
            name="q"
            type="search"
            placeholder={`site:${Astro.site} consulta de pesquisa`}
            value={`site:${Astro.site} `}
            required
            title={`"site:${Astro.site} " é usado para que os resultados da pesquisa fiquem restritos a este website`}
            pattern={`site:${Astro.site} .+`}
            size={`site:${Astro.site} .+`.length}
          /></label>
      </p>
      <p><button type="submit">Pesquisar</button></p>
      <p>
        <small>Esta pesquisa é efectuada pelo Google e utiliza software
          proprietário.</small>
      </p>
    </form>
  </search>
  <nav>
    <ul>
      <li><HeaderLink href="/blog">Publicações</HeaderLink></li>
      <li><HeaderLink href="/blog/keywords">Palavras-Chave</HeaderLink></li>
    </ul>
  </nav>
</header>