## Overview

<table class="datatable">
  <colgroup>
    <col class="col-pic">
    <col class="col-headers">
    <col class="col-data">
  </colgroup>
  <tr>
    <td rowspan="0" id="image">{{ if (index .Site.Data.controllers (.Get 0)).image}}<img src="/images/controllers/{{ (index .Site.Data.controllers (.Get 0)).image }}"/>{{ end }}</td>
    <td><strong>Name</strong></td>
    <td>{{ (index .Site.Data.controllers (.Get 0)).name }}</td>
  </tr>
  <tr>
    <td><strong>Release date</strong></td>
    <td>{{ (index .Site.Data.controllers (.Get 0)).date | time.Format ":date_long" }}</td>
  </tr>
  <tr>
    <td><strong>Serial code</strong></td>
    <td>{{ (index .Site.Data.controllers (.Get 0)).code }}</td>
  </tr>
  <tr>
    <td><strong>Notes</strong></td>
    <td>{{ (index .Site.Data.controllers (.Get 0)).notes }}</td>
  </tr>
</table>

## Supported software (WIP)

<table class="compattable">
  <colgroup>
    <col class="col-model">
    <col class="col-support">
    <col class="col-notes">
  </colgroup>
  <tr>
    <th>Software</th>
    <th>Support</th>
    <th>Notes</th>
  </tr>
  {{ range sort .Site.Data.software "name" }}
  {{ $software_name := .name }}
  {{ $software_ref := .ref }}
  {{ $software_platform := .platform }}
  {{ range .controllers }}
  {{ if eq .model ($.Get 0) }}
  <tr>
    <td><a href="{{ $software_ref }}">{{ $software_name }} ({{ index $.Site.Data.platforms $software_platform }})</a></td>
    <td id="{{ if or .unofficial .partial }}partial{{ else }}native{{ end }}">{{ if .unofficial }}Unofficial{{ else if .partial }}Partial{{ else }}Native{{ end }}</td>
    <td>{{ .notes }} {{ if .adapter }}<a href="{{ index $.Site.Data.adapters .adapter "ref" }}">{{ index $.Site.Data.adapters .adapter "notes" }}</a>{{ end }}</td>
  </tr>
  {{ end }}
  {{ end }}
  {{ end }}
</table>

## Technical details
