<!--
    Copyright 2019 The Go Authors. All rights reserved.
    Use of this source code is governed by a BSD-style
    license that can be found in the LICENSE file.
-->

{{define "pre-content"}}
  <link href="/static/frontend/homepage/homepage.css?version={{.AppVersionLabel}}" rel="stylesheet">
{{end}}

{{define "main"}}
  <main class="go-Container">
    <div class="go-Content go-Content--center">
      <img class="Homepage-logo" width="700" height="300"
          src="/static/shared/gopher/package-search-700x300.jpeg" alt="Cartoon gopher typing">
      <form class="Homepage-searchForm" action="/search" role="search" data-gtmc="homepage search form"
          aria-label="Search for a Package">
        <div class="Homepage-buttonGroup">
          <input
            class="js-searchFocus"
            data-test-id="homepage-search"
            id="AutoComplete"
            role="textbox"
            aria-label="Search for Go packages"
            type="text"
            name="q"
            placeholder="Search for Go packages"
            autocapitalize="off"
            autocomplete="off"
            autocorrect="off"
            spellcheck="false"
            title="Search for Go packages"
            autofocus="true">
          <button type="submit" class="Homepage-searchButton">Search</button>
        </div>
      </form>
      <span class="Homepage-searchHelp">
        <div class="Homepage-exampleSearches">
          <span class="Homepage-exampleSearchesLabel">Example searches:</span>
          <a class="Homepage-exampleSearch" href="/search?q=http">“http”</a>
          <a class="Homepage-exampleSearch" href="/search?q=command">“command”</a>
          <a class="Homepage-exampleSearch" href="/search?q=yaml+OR+json+OR+xml">“yaml OR json OR xml”</a>
        </div>
        <a href="/search-help" target="_blank" rel="noopener" class="Homepage-helpLink">
          Search help <span><img width="24" height="24" src="/static/shared/icon/launch_gm_grey_24dp.svg" alt=""></span>
        </a>
      <span>
    </div>
  </main>
{{end}}

{{define "pre-footer"}}
  <div class="Questions">
    <div class="Questions-content">
      <div class="Questions-header">Frequently asked questions:</div>
      <ul>
        <li><a href="https://go.dev/about#adding-a-package">How can I add a package?</a></li>
        <li><a href="https://go.dev/about#removing-a-package">How can I remove a package?</a></li>
        <li><a href="https://go.dev/about#creating-a-badge">How can I add a go badge in my README file?</a></li>
      </ul>
    </div>
  </div>
{{end}}