abums1210.github.io/index.html at master · abums1210/abums1210.github.io · GitHub

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
57
58
59
60
---
layout: default
---

<div class="homepage-layout">
  <!-- Headline Header Section -->
  <header class="headline-header">
    <h1 class="headline-main-title">Headliner</h1>
    <div class="headline-meta-row">
      <p class="headline-date">Last updated on {{ "now" | date: "%A, %B %d, %Y , %H:%M" }}</p>
      <span class="global-views-badge" id="globalViewsBadge">
        <svg class="views-icon" viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
          <circle cx="12" cy="12" r="3"></circle>
        </svg>
        <span id="globalViewsCount">...</span>
      </span>
    </div>
  </header>

  <!-- Recent / Headline Post Card -->
  {% assign headline_post = site.posts.first %}
  {% if headline_post %}
  <article class="headline-card">
    <div class="headline-card-content">
      <h2 class="headline-card-title">
        <a href="{{ site.baseurl }}{{ headline_post.url }}">{{ headline_post.title }}</a>
      </h2>
      <div class="headline-card-excerpt post-content">
        {{ headline_post.excerpt }}
      </div>
    </div>
    <div class="card-action-right">
      <a href="{{ site.baseurl }}{{ headline_post.url }}" class="read-more">Read More &rarr;</a>
    </div>
  </article>
  {% endif %}

  <!-- History Section -->
  <section class="history-section">
    <h2 class="history-main-heading">History</h2>
    <div class="history-grid">
      {% for post in site.posts offset:1 limit:6 %}
      <article class="history-card">
        <div class="history-card-body">
          <h3 class="history-card-title">
            <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
          </h3>
          <div class="history-card-summary">
            {{ post.excerpt | strip_html | truncatewords: 22 }}
          </div>
        </div>
        <div class="card-action-right">
          <a href="{{ site.baseurl }}{{ post.url }}" class="read-more">Read More &rarr;</a>
        </div>
      </article>
      {% endfor %}
    </div>
  </section>
</div>