all repos — h3rald @ d49ca66943ba8285670695da7c1ede5cddd12184

The sources of https://h3rald.com

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}} &mdash; <a href="/{{id}}">{{title}}</a>
            </p>
          </div>
        </div>
      </div>
    </div>
    {{/articles}}
  {{/archives}}
  </div>
</div>
<script src="/js/search.js" type="text/javascript"></script>