posts/index.html at main · api-evangelist/posts · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
---
layout: default
section: 'Home'
title: API Evangelist
summary: Studying the technology, business, policies, and people of APIs since 2010.
---

<!-- Page header -->
<div class="d-flex align-items-center mb-5">
  <img src="https://kinlane-productions2.s3.us-east-1.amazonaws.com/api-evangelist-logos/api-evangelist-kin.png" width="60" class="me-3" alt="Kin Lane">
  <div>
    <h1 class="mb-0 fs-4">{{ page.title }}</h1>
    <p class="text-muted mb-0">{{ page.summary }}</p>
  </div>
</div>

<div class="row">

  <!-- Main content -->
  <div class="col-12 col-xl-8">

    <!-- About -->
    <div class="card mb-4">
      <div class="card-body">
        <h5 class="card-title">About API Evangelist</h5>
        <p class="card-text text-muted mb-0">API Evangelist has worked for the last 15 years to make sense of the technology, business, and politics of APIs, profiling public and private APIs and distilling down knowledge into a regular cadence of API storytelling, and weekly knowledge building sessions focused on schema, APIs, governance, operations, change, and evangelism.</p>
      </div>
    </div>

    <!-- Latest Stories -->
    <div class="card mb-4">
      <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0 fs-6">Latest Stories</h5>
        <a href="/2026/" class="btn btn-sm btn-outline-secondary">Browse All</a>
      </div>
      <div class="card-body p-0">
        {% assign posts = site.posts %}
        {% for post in posts limit: 5 %}
          {% assign p = post.url | split: "/" %}
          {% assign post_date = p[1] | append: "-" | append: p[2] | append: "-" | append: p[3] | date: "%B %e, %Y" %}
          {% assign excerpt = post.content | strip_html | truncate: 180 %}
          <div class="post-item d-flex px-3{% if forloop.first %} pt-3{% endif %}">
            {% if post.image %}
            <img src="{{ post.image }}" alt="" class="post-thumb me-3 flex-shrink-0">
            {% endif %}
            <div>
              <h3><a href="{{ post.url | replace:'.html','' }}">{{ post.title }}</a></h3>
              <p class="text-muted small mb-1">{{ excerpt }}</p>
              <div class="post-meta">{{ post_date }}</div>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>

    <!-- About the relationship -->
    <div class="card mb-4">
      <div class="card-body">
        <h5 class="card-title">Understanding Our Relationship With Technology</h5>
        <p class="card-text text-muted mb-0">API Evangelist has been working to understand our relationship with Internet technology for the last fifteen years, but it has primarily been focused on understanding the producers of the technology, where moving forward I am more interested in understanding the consumers of not just APIs, but the applications they build on top of APIs.</p>
      </div>
    </div>

    <!-- Latest Conversations -->
    <div class="card mb-4">
      <div class="card-header d-flex justify-content-between align-items-center">
        <h5 class="mb-0 fs-6">Latest Conversations</h5>
        <a href="https://conversations.apievangelist.com/" class="btn btn-sm btn-outline-secondary">Browse All</a>
      </div>
      <div class="card-body p-0">
        {% assign conversations = site.data.conversations | reverse %}
        {% for conversation in conversations limit: 3 %}
          {% assign post_date = conversation.date | date: "%B %e, %Y" %}
          {% assign excerpt = conversation.description | strip_html | truncate: 180 %}
          <div class="post-item d-flex px-3{% if forloop.first %} pt-3{% endif %}">
            <img src="https://i.ytimg.com/vi/{{ conversation.youtubeId }}/hqdefault.jpg" alt="" class="post-thumb me-3 flex-shrink-0">
            <div>
              <h3><a href="https://conversations.apievangelist.com{{ conversation.url }}">{{ conversation.title }}</a></h3>
              <p class="text-muted small mb-1">{{ excerpt }}</p>
              <div class="post-meta">{{ post_date }}</div>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>
    <div class="text-end mb-4">
      <a href="https://calendly.com/kin-apievangelist" class="btn btn-sm btn-outline-success">Join the Conversation</a>
    </div>

    <!-- About the site -->
    <div class="card mb-4">
      <div class="card-body">
        <h5 class="card-title">About the API Evangelist Site</h5>
        <p class="card-text text-muted mb-0">This site is the active daily working toolbox for Kin Lane. <a href="https://contracts.apievangelist.com/" style="color: var(--ae-green);">Feel free to explore the toolbox</a>, you won't break anything. API Evangelist works out in the open to encourage the reuse of our work, while also demonstrating the potential of evangelizing your API work as it occurs.</p>
      </div>
    </div>

  </div>

  <!-- Right sidebar -->
  <div class="col-12 col-xl-4">
    <div class="sidebar">

      {% include newsletter-signup.html %}

      <!-- Quick links to toolbox -->
      <div class="widget-card mt-3">
        <h5>API Evangelist Toolbox</h5>
        <ul class="list-unstyled mb-0 small">
          {% for section in site.data.home-sections %}
            <li class="mb-1">
              <a href="{{ section.url }}" class="text-decoration-none" style="color: var(--ae-green);">
                <span class="material-symbols-outlined" style="font-size:16px; vertical-align:-3px; margin-right:4px;">{{ section.icon }}</span>{{ section.name }}
              </a>
              <span class="text-muted"> - {{ section.count }}</span>
            </li>
          {% endfor %}
        </ul>
      </div>

    </div>
  </div>

</div>