sociopatterns.github.io/gallery.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
---
layout: page
title: Gallery
permalink: /gallery.html
---

{% assign gallery_sorted = site.gallery | sort: "date" %}

<div class="two-column-layout">
  <!-- LEFT: main content -->
  <div class="two-column-main">

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

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

          <div class="gallery-title">
            <a href="{{ g.url | relative_url }}">{{ g.title }}</a>
          </div>

          {% if g.date %}
            <div class="gallery-meta">
              {{ g.date | date: "%Y-%m-%d" }}
            </div>
          {% endif %}

          {% if g.content and g.content != "" %}
            <div class="gallery-body">
              {{ g.content }}
            </div>
          {% endif %}

          {% if g.authors %}
            <p class="gallery-credit">
            <em>Credits: {{ g.authors }}</em>
            </p>
          {% endif %}

          {% include downloads-table.html files=g.files %}

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

  </div>

  <!-- RIGHT: sidebar -->
  <aside class="two-column-sidebar">
    <div class="sidebar-section">
      <h2 class="sidebar-title">Gallery</h2>

      <ul class="sidebar-list">
        {% for g in gallery_sorted reversed %}
          {% assign base_slug = g.slug | default: g.id | default: g.title | slugify %}
          {% assign anchor_id = "gallery-" | append: base_slug %}
          <li><a href="#{{ anchor_id }}">{{ g.title }}</a></li>
        {% endfor %}
      </ul>

    </div>
  </aside>
</div>