templates/_archives.mustache
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 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
<div class="container archives">
<div class="input-group archives-search">
<input type="text" class="form-input search-input" placeholder="Search articles...">
<button class="btn input-group-btn clear-button d-none"><i class="ent ent-circle-with-cross"></i></button>
<button class="btn btn-primary input-group-btn search-button"><i class="ent ent-magnifying-glass"></i></button>
</div>
<div class="loading clearfix"></div>
<div class="no-search-results d-none clearfix">
<div class="empty">
<p class="empty-title h5">No results found</p>
<p class="empty-subtitle">There are no articles matching your query.</p>
<div class="empty-action">
<button class="btn btn-primary archives-button">Go back</button>
</div>
</div>
</div>
<div class="search-results d-none clearfix">
Results go here...
</div>
<div class="timeline clearfix d-none">
{{#archives}}
<div class="timeline-item">
<div class="timeline-left">
<div class="timeline-icon icon-lg">
<i class="ent ent-calendar"></i>
</div>
</div>
<div class="timeline-content">
<div class="tile">
<div class="tile-content">
<p class="tile-subtitle">{{month}}</p>
</div>
</div>
</div>
</div>
{{#articles}}
<div class="timeline-item">
<div class="timeline-left">
<div class="timeline-icon">
</div>
</div>
<div class="timeline-content">
<div class="tile">
<div class="tile-content">
<p class="tile-subtitle">
{{date}} — <a href="{{id}}">{{title}}</a>
</p>
</div>
</div>
</div>
</div>
{{/articles}}
{{/archives}}
</div>
</div>
<script src="/js/search.js" type="text/javascript"></script>
|