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> |