pdoom-calculator/exhibits.html at main · neoneye/pdoom-calculator · 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
---
title: Exhibits
description: Concrete, sourced material behind each link in the p(doom) chain.
permalink: /exhibits/
---
<main>
  <header class="page-header">
    <h1>Exhibits</h1>
    <p class="description">
      Documented incidents, experiments, and expert assessments bearing on each link
      in the chain&mdash;including routes to global catastrophe. Each
      exhibit states its limits.
    </p>
  </header>

  {% assign groups = "powerfulAi,dangerousBehavior,globalCatastrophe" | split: "," %}
  {% assign labels = "P(powerful AI),P(dangerous behavior | powerful AI),P(global catastrophe | dangerous behavior)" | split: "," %}

  {% for key in groups %}
    {% assign items = site.data.exhibits | where: "link", key %}
    <section class="exhibit-group">
      <h2 class="exhibit-group__head">{{ labels[forloop.index0] }}</h2>

      {% assign current = items | where_exp: "e", "e.era != 'historical'" %}
      {% assign historical = items | where: "era", "historical" %}

      {% for e in current %}
        {% if e.limits and e.limits != "" %}
          <article class="exhibit">
            <h3 class="exhibit__title">{{ e.title }}</h3>
            <p class="exhibit__what">{{ e.what }}</p>
            <p class="exhibit__source">
              {{ e.date }} &middot;
              <a href="{{ e.source.url }}" target="_blank" rel="noopener noreferrer">{{ e.source.label }}</a>
              {% if e.source2 %}
                &middot; <a href="{{ e.source2.url }}" target="_blank" rel="noopener noreferrer">{{ e.source2.label }}</a>
              {% endif %}
              {% if e.source3 %}
                &middot; <a href="{{ e.source3.url }}" target="_blank" rel="noopener noreferrer">{{ e.source3.label }}</a>
              {% endif %}
            </p>
            <p class="exhibit__limits">{{ e.limits }}</p>
          </article>
        {% endif %}
      {% endfor %}

      {% if historical.size > 0 %}
        <h3 class="exhibit-era">Historical context</h3>
        {% for e in historical %}
          {% if e.limits and e.limits != "" %}
            <article class="exhibit exhibit--historical">
              <h4 class="exhibit__title">{{ e.title }}</h4>
              <p class="exhibit__what">{{ e.what }}</p>
              <p class="exhibit__source">
                {{ e.date }} &middot;
                <a href="{{ e.source.url }}" target="_blank" rel="noopener noreferrer">{{ e.source.label }}</a>
                {% if e.source2 %}
                  &middot; <a href="{{ e.source2.url }}" target="_blank" rel="noopener noreferrer">{{ e.source2.label }}</a>
                {% endif %}
                {% if e.source3 %}
                  &middot; <a href="{{ e.source3.url }}" target="_blank" rel="noopener noreferrer">{{ e.source3.label }}</a>
                {% endif %}
              </p>
              <p class="exhibit__limits">{{ e.limits }}</p>
            </article>
          {% endif %}
        {% endfor %}
      {% endif %}

      {% if items.size == 0 %}
        <p class="exhibit-empty">Nothing here yet.</p>
      {% endif %}
    </section>
  {% endfor %}
</main>