sociopatterns.github.io/news.html at main · SocioPatterns/sociopatterns.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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
---
layout: page
title: News and Highlights
permalink: /news.html
---

{% assign news_sorted = site.news | sort: "date" %}

<div class="two-column-layout">
  <!-- LEFT: main scrollable content (2/3 width) -->
  <div class="two-column-main">

    <ul class="news-list">
    {% for item in news_sorted reversed %}
      {% assign base_slug = item.slug | default: item.id | default: item.title | slugify %}
      {% assign anchor_id = "news-" | append: base_slug %}

      <li class="news-item" id="{{ anchor_id }}">

        <!-- Title -->
        <div class="news-title">
          <a href="{{ item.url | relative_url }}">{{ item.title }}</a>
        </div>

        <!-- Date (YYYY-MM-DD) -->
        {% if item.date %}
          <div class="news-meta">
            {{ item.date | date: "%Y-%m-%d" }}
          </div>
        {% endif %}

        <!-- FULL HTML content (images, paragraphs, formatting preserved) -->
        <div class="news-body">
          {% if item.content %}
            {{ item.content }}
          {% elsif item.excerpt_html %}
            {{ item.excerpt_html }}
          {% endif %}
        </div>

      </li>
    {% endfor %}
    </ul>

  </div>

  <!-- RIGHT: sidebar with news items grouped by year (1/3 width) -->
  <aside class="two-column-sidebar">
    <div class="sidebar-section">
      <h2 class="sidebar-title">News by year</h2>

      <ul class="sidebar-list sidebar-news-by-year">
        {% assign current_year = "" %}

        {% for item in news_sorted reversed %}
          {% if item.date %}
            {% assign year = item.date | date: "%Y" %}
          {% else %}
            {% assign year = "Unknown" %}
          {% endif %}

          {% assign base_slug = item.slug | default: item.id | default: item.title | slugify %}
          {% assign anchor_id = "news-" | append: base_slug %}

          {% if year != current_year %}
            {% if current_year != "" %}
                </ul>
              </li>
            {% endif %}
            <li class="sidebar-year">
              <span class="sidebar-year-label">{{ year }}</span>
              <ul class="sidebar-year-items">
            {% assign current_year = year %}
          {% endif %}

          <li>
            <a href="#{{ anchor_id }}">{{ item.title }}</a>
          </li>

        {% endfor %}

        {% if current_year != "" %}
              </ul>
            </li>
        {% endif %}
      </ul>
    </div>
  </aside>
</div>