templates/search.crotmp

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>SparrowHub - Sparrow Plugins Repository</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
  </head>
  <body>

  <section class="section">
    <div class="container">
      <!-- Main container -->
      <nav class="level">
        <!-- Left side -->
        <div class="level-left">
          <div class="level-item">
            <p class="subtitle is-5">
              <strong><.plg-cnt></strong> plugins
            </p>
          </div>
          <form action="/hub/search" method="GET">
            <div class="level-item">
              <div class="field has-addons">
                <p class="control">
                  <input class="input" type="text" name="q" placeholder="Find a plugin" value="<.q>">
                </p>
                <p class="control">
                  <button class="button">
                    Search
                  </button>
                </p>
              </div>
            </div>
          </form>
        </div>
        <!-- Right side -->
        <div class="level-right">
          <p class="level-item"><a href="/hub/">Home</a></p>
          <p class="level-item"><strong>Search</strong></p>
          <p class="level-item"><a href="https://github.com/melezhik/Sparrow6">GitHub</a></p>
          <p class="level-item"><a href="https://sparrowdo.wordpress.com/">Blog</a></p>
        </div>
      </nav>
        <table class="table">
          <thead>
            <tr>
              <th><abbr title="Name">NN</abbr></th>
              <th>Name</th>
              <th><abbr title="Version">Version</abbr></th>
              <th>Description</th>
          </tr>
        </thead>
        <tbody>
          <@results>
          <tr>
            <th><.num></th>
            <td><a href="/hub/plugin/<.name>/<.version>" title=".name"><.name></td>
            <td><.version></td>
            <td><.description></td>
          </tr>
          </@>
        </tbody>
      </table>
    </div>
  </section>    
  </body>
</html>