84 lines
3.4 KiB
Text
84 lines
3.4 KiB
Text
|
<% if @items.nil? && !@daily_search_max_reached %>
|
||
|
|
<div class="browse-search-page search-home-page">
|
||
|
|
<div class="content search-home-content">
|
||
|
|
<div class="search-home">
|
||
|
|
<h1 class="hidden">Neocities Search</h1>
|
||
|
|
<img class="search-mascot" src="/img/hotcat.svg" alt="Hot Cat">
|
||
|
|
<p class="search-tagline">Search the handmade web</p>
|
||
|
|
|
||
|
|
<form id="search_criteria" class="browse-search-form search-home-form" action="/search" method="GET">
|
||
|
|
<fieldset class="grouping">
|
||
|
|
<div class="search-home-field">
|
||
|
|
<i class="fa fa-search" aria-hidden="true"></i>
|
||
|
|
<input name="q" type="text" class="input-Area" value="<%== Rack::Utils.escape_html(@query) %>" placeholder="keywords" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" autofocus>
|
||
|
|
</div>
|
||
|
|
<div class="search-home-actions">
|
||
|
|
<button type="submit" class="btn-Action">Search</button>
|
||
|
|
<a href="/browse?sort_by=random" class="btn-Action btn-Secondary">Random Site</a>
|
||
|
|
</div>
|
||
|
|
</fieldset>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<% else %>
|
||
|
|
<div class="header-Outro with-columns browse-page browse-search-page">
|
||
|
|
<div class="row content">
|
||
|
|
<div class="col col-100">
|
||
|
|
<span class="search-results-mascot-frame">
|
||
|
|
<a href="/search"><img class="search-results-mascot" src="/img/hotcat.svg" alt="Hot Cat"></a>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col col-100 filter">
|
||
|
|
<form id="search_criteria" class="browse-search-form" action="/search" method="GET">
|
||
|
|
<fieldset class="grouping">
|
||
|
|
<input name="q" type="text" class="input-Area" value="<%== Rack::Utils.escape_html(@query) %>" placeholder="keywords" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false">
|
||
|
|
<button type="submit" class="btn-Action">Search</button>
|
||
|
|
</fieldset>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="content single-Col misc-page browse-search-page">
|
||
|
|
<% if @items == [] %>
|
||
|
|
<p class="search-message">No results.</p>
|
||
|
|
<% elsif !@items.nil? %>
|
||
|
|
<div class="search-results">
|
||
|
|
<% @items.each do |item| %>
|
||
|
|
<div class="result-item">
|
||
|
|
<a class="result-screenshot" href="<%= item['link'] %>"><img src="<%= item['screenshot_url'] %>" alt="<%= item['title'] %>"></a>
|
||
|
|
<div class="result-details">
|
||
|
|
<h3 class="result-title">
|
||
|
|
<a href="<%= item['link'] %>"><%= item['title'] %></a>
|
||
|
|
</h3>
|
||
|
|
|
||
|
|
<div class="result-url">
|
||
|
|
<a href="<%= item['link'] %>"><%= item['unencoded_link'] %></a>
|
||
|
|
<br>
|
||
|
|
<small><a href="/site/<%= item['username'] %>">Guestbook</a></small>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<p class="result-snippet">
|
||
|
|
<%== item['htmlSnippet'] %>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<% end %>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="txt-Center">
|
||
|
|
<h2>
|
||
|
|
<% if @start > 0 %>
|
||
|
|
<a href="?q=<%= Rack::Utils.escape @query %>&start=<%= [@start-100, 0].max %>"><i class="fa fa-arrow-left arrow"> </i></a>
|
||
|
|
<% end %>
|
||
|
|
<% if @total_results > @start+100 %>
|
||
|
|
<a href="?q=<%= Rack::Utils.escape @query %>&start=<%= @start+100 %>"><i class="fa fa-arrow-right arrow"></i></a>
|
||
|
|
<% end %>
|
||
|
|
</h2>
|
||
|
|
</div>
|
||
|
|
<% end %>
|
||
|
|
</div>
|
||
|
|
<% end %>
|