index.html

---
layout: default
title: Articles
group: 'navigation'
---

<style>
  td {
    padding: 20px;
  }
</style>

<div>
  <div class="hero-section">
    {% include breadcrumbs.html %}
    <h2 class="hero-title">Articles</h2>

    <p class="hero-description">
      This page collects articles about the W3C Web of Things. See
      <a href="https://github.com/w3c/wot-marketing/blob/main/Article_Policy.md"> our policy document</a> for curation
      details. Note that the W3C does not guarantee the validity of the articles. When searching for other articles,
      include the "W3C" keyword to find content related to our standardization work. See also
      <a href="../history">the history of Web of Things page</a> and
      <a href="https://en.wikipedia.org/wiki/Web_of_Things"> Wikipedia</a>.
    </p>
  </div>

  <table style="margin-bottom: 40px; border-radius: 10px" class="table table-bordered">
    <thead>
      <tr>
        <th style="text-align: left">Article</th>
        <th style="width: 0; text-align: left">Type</th>
        <th style="text-align: left">Publisher</th>
        <th style="width: 0; text-align: left; white-space: nowrap">Date</th>
        <th style="text-align: left">Link</th>
      </tr>
    </thead>
    <tbody>
      {% for article in site.data.articles %}
      <tr>
        <td style="text-align: left; vertical-align: middle">{{ article.title }}</td>
        <td style="text-align: left; vertical-align: middle; white-space: nowrap">{{ article.type }}</td>
        <td style="text-align: left; vertical-align: middle">{{ article.publisher }}</td>
        <td style="text-align: left; vertical-align: middle; white-space: nowrap">{{ article.date }}</td>
        <td style="text-align: center; vertical-align: middle">
          <a href="{{ article.url }}" rel="noopener noreferrer"><i class="fas fa-external-link-alt"></i></a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>