blrrrg/index.html at master · braidn/blrrrg · 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
61
62
63
64
65
66
67
68
69
70
---
layout: homepage.liquid
title: Cloudbacon
---

<section class="curated-section" aria-labelledby="curated-heading">
  <div class="section-header">
    <h2 id="curated-heading" class="section-title">Curated Reading</h2>
    <span class="badge">Top 6</span>
  </div>
  <p class="section-desc">
    For folks who are new here or looking for a place to start: a curated selection that sets the tone, content, and depth of this space.
  </p>

  {% assign posts = collections.posts %}

  <ul role="list" class="featured-grid">
  {% for post in posts reversed %}
  {% if post.data.highlight %}
    <li class="featured-item">
      <a href="{{ post.url }}" class="featured-card">
        <div class="featured-card-top">
          <span class="featured-pill">Featured</span>
          <span class="featured-date">{{ post.date | date: '%b %Y' }}</span>
        </div>
        <h3 class="featured-title">{{ post.data.title }}</h3>
        <span class="featured-arrow" aria-hidden="true">Read essay →</span>
      </a>
    </li>
  {% endif %}
  {% endfor %}
  </ul>
</section>

<section class="archive-section" aria-labelledby="archive-heading">
  <div class="section-header">
    <h2 id="archive-heading" class="section-title">The Archive</h2>
    <span class="badge">{{ posts.size }} essays</span>
  </div>

  <div class="archive-timeline">
  {% assign current_year = "" %}
  {% for post in posts reversed %}
    {% assign post_year = post.date | date: "%Y" %}
    {% if post_year != current_year %}
      {% if current_year != "" %}
        </ul></div>
      {% endif %}
      {% assign current_year = post_year %}
      <div class="archive-year-group">
        <div class="archive-year-header">
          <h3 class="archive-year">{{ current_year }}</h3>
          <span class="archive-year-line" aria-hidden="true"></span>
        </div>
        <ul role="list" class="archive-posts">
    {% endif %}
    <li>
      <a href="{{ post.url }}" class="post-item">
        <span class="post-item-title">{{ post.data.title }}</span>
        <time class="post-item-date" datetime="{{ post.date | date: '%Y-%m-%d' }}">
          {{ post.date | date: '%b %d' }}
        </time>
      </a>
    </li>
  {% endfor %}
  {% if current_year != "" %}
    </ul></div>
  {% endif %}
  </div>
</section>