<!DOCTYPE html><html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<meta property="og:title" content="PokeSearch" />
<link href="https://cdn.glitch.global/c77d4b26-2cc8-4635-b482-5ece7e2346b4/search.png?v=1653156590370" rel=icon>
<meta property="twitter:description" content="<%=search%> at PokeSearch" />   
<style>
     body{
    background-color:#181818;
  }
  
  .form-control{
    display: block;
    width: 85%;
    padding: 10px;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border: 2px solid #dc3545;
    shadow-box: none;  
  }
  .btn{
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }
  input:focus{
    outline: none;
 }
  .form-control:focus {
  background-color: #fff;
  border-color: #dc3545;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #dc354580;
}
  h1,p{
    color:white;
  }
  a:link { text-decoration: none; }
  a:hover { text-decoration:underline;}
</style>
<title><%= title %> - <%=search%></title>
</head>
<body>
    <p> </p>
  <center><h1>
        PokeSearch
        </h1></center>
      <form method="get" action="/search">
      <div class="input-group mb-3">
      <input name="query" value="<%=search%>" type="text" class="form-control" required>
      <button type="submit" class="btn btn-danger">Search privately</button>
      </div>
      </form>
      <hr style="color:white">
      </form>
       <% results.forEach(x => { %>
        <a href="/links?url=<%= x.link %>"><%= x.title %></a><br>
        <p style="color:gray;"><%= x.link %><br>
         <span style="color:white"><%= x.snippet.toString() %></span>
          </p>
             <% }) %>
    </div>
  </div>
</div>      <hr style="color:white">
       <p>
        <center><p>we dont track you,others do</p></center>
      </p>
          </body>
  </html>
  
