{% assign map = site['data']['mappings'] %}

{% assign data = include['data'] %}

{% assign board = data['board'] %}

{% capture boardName %}

{% if board['url'] %}

<a href="{{ board['url'] }}">{{ board['name'] }}</a>

{% else %}

{{ board['name'] }}

{% endif %}

{% endcapture %}

{% assign boardPart = board['marking'] | default: 'Unknown' %}

{% capture boardBrand %}

{% if board['brand'] %}

{% if board['brand']['url'] %}

<a href="{{ board['brand']['url'] }}">{{ board['brand']['name'] }}</a>

{% else %}

{{ board['brand']['name'] }}

{% endif %}

{% else %}

Unknown

{% endif %}

{% endcapture %}

{% assign boardOrigin = board['origin'] | default: 'Unknown' %}

{% assign part = data['microcontroller'] %}

{% assign series = part | slice: 0, 7 %}

{% assign microcontroller = site['data']['devices'][series][part] %}

{% capture ucPart %}

<a href="{{ microcontroller['part']['url'] }}">{{ microcontroller['part']['name'] }}</a>

{% endcapture %}

{% capture ucManufacturer %}

<a href="{{ microcontroller['manufacturer']['url'] }}">{{ microcontroller['manufacturer']['name'] }}</a>

{% endcapture %}

{% capture ucCore %}

<a href="{{ microcontroller['core']['url'] }}">{{ microcontroller['core']['name'] }}</a>

{% endcapture %}

{% assign ucSpeed = microcontroller['core']['clock'] | append: 'MHz' %}

{% capture ucPackage %}

<abbr title="{{ microcontroller['package']['name'] }}">{{ microcontroller['package']['abbreviation'] }}</abbr> {{ microcontroller['package']['pins'] }} pins

{% endcapture %}

{% assign memories = microcontroller['memories'] %}

{% assign memFlash = memories['flash'] | append: 'KiB' %}

{% assign memSram = memories['sram'] | append: 'KiB' %}

{% assign hasMemCcm = memories['ccm'] %}

{% assign memCcm = memories['ccm'] | append: 'KiB' %}

{% assign hasMemBackup = memories['backup'] %}

{% assign memBackup = memories['backup'] | append: 'KiB' %}

{% assign hasMemItcmFlash = memories['itcmFlash'] %}

{% assign memItcmFlash = memories['itcmFlash'] | append: 'KiB' %}

{% assign hasMemItcmRam = memories['itcmRam'] %}

{% assign memItcmRam = memories['itcmRam'] | append: 'KiB' %}

{% assign hasMemDtcmRam = memories['dtcmRam'] %}

{% assign memDtcmRam = memories['dtcmRam'] | append: 'KiB' %}

{% assign oscillators = data['oscillators'] %}

{% assign hsi = microcontroller['oscillators']['hsi'] | append: 'MHz' %}

{% assign lsi = microcontroller['oscillators']['lsi'] | append: 'kHz' %}

{% capture hse %}

{{ oscillators['hse'] | default: 'None' }}{% if oscillators['hse'] %}MHz{% endif %}

{% endcapture %}

{% capture lse %}

{{ oscillators['lse'] | default: 'None' }}{% if oscillators['lse'] %}kHz{% endif %}

{% endcapture %}

{% assign power = data['power'] %}

{% capture powerSources %}

{%- for source in power['sources'] -%}

<div>{{source['name']}} (+{{ source['voltage'] }}V)</div>

{%- endfor -%}

{% endcapture %}

{% capture powerVdda %}

{% if power['analog']['vdda'] %}Yes{% else %}No{% endif %}

{% endcapture %}

{% capture powerVssa %}

{% if power['analog']['vssa'] %}Yes{% else %}No{% endif %}

{% endcapture %}

{% capture powerVrefNegative %}

{% if power['analog']['vrefNegative'] %}Yes{% else %}No{% endif %}

{% endcapture %}

{% capture powerVrefPositive %}

{% if power['analog']['vrefPositive'] %}Yes{% else %}No{% endif %}

{% endcapture %}

{% capture powerBattery %}

{{ power['battery']['type'] | default: 'none' | capitalize }}{% if power['battery']['size'] %} ({{ power['battery']['size']['diameter'] }}mm / {{ power['battery']['size']['code'] }}){% endif %}

{% endcapture %}

{% assign regulator = site['data']['devices']['regulators'][data['regulator']] %}

{% capture regulatorManufacturer %}

{% if regulator['manufacturer'] %}

{% if regulator['manufacturer']['url'] %}

<a href="{{ regulator['manufacturer']['url'] }}">{{ regulator['manufacturer']['name'] }}</a>

{% else %}

{{ regulator['manufacturer']['name'] }}

{% endif %}

{% else %}

Unknown

{% endif %}

{% endcapture %}

{% capture regulatorPart %}

{% if regulator['part'] %}

{% if regulator['part']['url'] %}

<a href="{{ regulator['part']['url'] }}">{{ regulator['part']['name'] }}{% if regulator['part']['marking'] %} (<code>{{ regulator['part']['marking'] }}</code>){% endif %}</a>

{% else %}

{{ regulator['part']['name'] }}{% if regulator['part']['marking'] %} (<code>{{ regulator['part']['marking'] }}</code>){% endif %}

{% endif %}

{% else %}

Unknown

{% endif %}

{% endcapture %}

{% capture regulatorPackage %}

<abbr title="{{ regulator['package']['name'] }}">{{ regulator['package']['abbreviation'] }}</abbr> {{ regulator['package']['pins'] }} pins

{% endcapture %}

{% capture regulatorInput %}

{% if regulator['input'] %}

+{{ regulator['input']['min'] }}V to +{{ regulator['input']['max'] }}V

{% else %}

Unknown

{% endif %}

{% endcapture %}

{% capture regulatorOutput %}

{% if regulator['output'] %}

+{{ regulator['output']['voltage'] }}V @ {% if regulator['output']['amperage'] < 1 %}{{ regulator['output']['amperage'] | times: 1000 | floor }}mA{% else %}{{ regulator['output']['amperage'] }}A{% endif %}

{% else %}

Unknown

{% endif %}

{% endcapture %}

{% capture regulatorDatasheet %}

{% if regulator['part']['datasheet'] %}

<a href="{{ site.url }}/assets/pdf/regulators/{{ regulator['part']['datasheet'] }}">{{ regulator['part']['datasheet'] }}</a>

{% else %}

Unavailable

{% endif %}

{% endcapture %}

{% assign pcb = data['pcb'] %}

{% assign pcbColor = pcb['color'] | capitalize %}

{% assign pcbSize = pcb['size']['width'] | append: 'mm x ' | append: pcb['size']['length'] | append: 'mm' %}

{% assign pcbMounting = pcb['mounting'] | default: 'None' %}

{% assign remarks = data['remarks'] %}

{% assign resources = data['resources'] %}

{% assign pictures = resources | where: 'type', 'picture' %}

{% assign inputs = data['inputs'] %}

{% assign outputs = data['outputs'] %}

{% assign connectors = data['connectors'] %}

{% assign headers = connectors | where: 'function', 'header' %}

{% assign debugHeaders = connectors | where: 'function', 'debug' %}

{% assign usbConnectors = connectors | where: 'function', 'usb' %}

{% assign devices = data['devices'] %}

<div class="board-header">

<h1>{{ board['name'] }}</h1>

<p>{{ microcontroller['part']['name'] }}</p>

<hr>

<div class="board-content">

<div class="board-content-column">

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-sticky-note"></i></div>

<h2>Board</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr><td>Name</td><td>{{ boardName | strip }}</td></tr>

<tr><td>Part</td><td>{{ boardPart | strip }}</td></tr>

<tr><td>Brand</td><td>{{ boardBrand | strip }}</td></tr>

<tr><td>Origin</td><td>{{ boardOrigin | strip }}</td></tr>

</table>

</div>

</div>

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-microchip"></i></div>

<h2>Microcontroller</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr><td>Part</td><td>{{ ucPart | strip }}</td></tr>

<tr><td>Manufacturer</td><td>{{ ucManufacturer | strip }}</td></tr>

<tr><td>Core</td><td>{{ ucCore | strip }}</td></tr>

<tr><td>Max. Clock Speed</td><td>{{ ucSpeed | strip }}</td></tr>

<tr><td>Package</td><td>{{ ucPackage | strip }}</td></tr>

</table>

</div>

</div>

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-memory"></i></div>

<h2>Internal memories</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr><td>FLASH</td><td>{{ memFlash | strip }}</td></tr>

<tr><td>SRAM</td><td>{{ memSram | strip }}</td></tr>

{%- if hasMemCcm -%}

<tr><td><abbr title="Core-Coupled Memory">CCM</abbr></td><td>{{ memCcm | strip }}</td></tr>

{%- endif -%}

{%- if hasMemBackup -%}

<tr><td>Backup SRAM</td><td>{{ memBackup | strip }}</td></tr>

{%- endif -%}

{%- if hasMemItcmFlash -%}

<tr><td><abbr title="Instruction Tightly Coupled Memory">ITCM</abbr> FLASH</td><td>{{ memItcmFlash }}</td></tr>

{%- endif -%}

{%- if hasMemItcmRam -%}

<tr><td><abbr title="Instruction Tightly Coupled Memory">ITCM</abbr> RAM</td><td>{{ memItcmRam }}</td></tr>

{%- endif -%}

{%- if hasMemDtcmRam -%}

<tr><td><abbr title="Data Tightly Coupled Memory">DTCM</abbr> RAM</td><td>{{ memDtcmRam }}</td></tr>

{%- endif -%}

</table>

</div>

</div>

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-wave-square"></i></div>

<h2>Oscillators</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr><td><abbr title="High Speed Internal">HSI</abbr></td><td>{{ hsi | strip }}</td></tr>

<tr><td><abbr title="Low Speed Internal">LSI</abbr></td><td>{{ lsi | strip }}</td></tr>

<tr><td><abbr title="High Speed External">HSE</abbr></td><td>{{ hse | strip }}</td></tr>

<tr><td><abbr title="Low Speed External">LSE</abbr></td><td>{{ lse | strip }}</td></tr>

</table>

</div>

</div>

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-bolt"></i></div>

<h2>Power</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr><td>Sources</td><td>{{ powerSources | strip }}</td></tr>

<tr><td>V_DDA pin</td><td>{{ powerVdda | strip }}</td></tr>

<tr><td>V_SSA pin</td><td>{{ powerVssa | strip }}</td></tr>

<tr><td>V_REF- pin</td><td>{{ powerVrefNegative | strip }}</td></tr>

<tr><td>V_REF+ pin</td><td>{{ powerVrefPositive | strip }}</td></tr>

<tr><td>Backup battery</td><td>{{ powerBattery | strip }}</td></tr>

</table>

</div>

</div>

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-random"></i></div>

<h2>Regulator</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr><td>Manufacturer</td><td>{{ regulatorManufacturer | strip }}</td></tr>

<tr><td>Part</td><td>{{ regulatorPart | strip }}</td></tr>

<tr><td>Package</td><td>{{ regulatorPackage | strip }}</td></tr>

<tr><td>Input</td><td>{{ regulatorInput | strip }}</td></tr>

<tr><td>Output</td><td>{{ regulatorOutput | strip }}</td></tr>

<tr><td>Datasheet</td><td>{{ regulatorDatasheet | strip }}</td></tr>

</table>

</div>

</div>

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-square"></i></div>

<h2>PCB</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr><td>Color</td><td>{{ pcbColor | strip }}</td></tr>

<tr><td>Size (w x l)</td><td>{{ pcbSize | strip }}</td></tr>

<tr><td>Mounting</td><td>{{ pcbMounting | strip }}</td></tr>

</table>

</div>

</div>

{% if remarks %}

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-exclamation-circle"></i></div>

<h2>Remarks</h2>

</div>

<div class="board-item-content">

<ul>

{% for remark in remarks %}

<li><b>{{ remark['type'] | capitalize }}:</b> {{ remark['content'] }}</li>

{% endfor %}

</ul>

</div>

</div>

{% endif %}

</div>

<div class="board-content-column">

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-image"></i></div>

<h2>Pictures</h2>

</div>

<div class="board-item-content">

{% for picture in pictures %}

<figure>

<a href="{{ site.url }}/assets/img/boards/{{ picture['file'] }}"><img src="{{ site.url }}/assets/img/boards/{{ picture['file'] }}" alt="{{ board['name'] }}: {{ picture['name'] }}" loading="lazy"></a>

<figcaption>{{ board['name'] }}: {{ picture['name'] }}</figcaption>

</figure>

{% endfor %}

</div>

</div>

{% if resources %}

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-file"></i></div>

<h2>Resources</h2>

</div>

<div class="board-item-content">

<ul class="icon-list">

{% for resource in resources %}

<li><span class="icon-list-icon"><i class="{{ map['resourceTypeToIcon'][resource['type']] }}"></i></span><a href="{% if resource['type'] == 'link' %}{{ resource['file'] }}{% else %}{{ site.url }}/assets/{{ map['resourceTypeToDirectory'][resource['type']] }}/boards/{{ resource['file'] }}{% endif %}">{{ resource['name'] }}</a></li>

{% endfor %}

</ul>

</div>

</div>

{% endif %}

</div>

<div class="board-content with-colum-dividers">

<div class="board-content-column">

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-arrow-down"></i></div>

<h2>Inputs</h2>

</div>

<div class="board-item-content">

{% if inputs.size != 0 %}

<ul class="icon-list">

{% for input in inputs %}

<li><span class="icon-list-icon"><i class="{{ map['ioFunctionToIcon'][input['function']] }}"></i></span><a href="#{{ input['name'] | replace: ' ', '-' }}">{{ input['name'] }}</a></li>

{% endfor %}

</ul>

{% else %}

<p>None</p>

{% endif %}

</div>

</div>

</div>

<div class="board-content-column">

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-arrow-up"></i></div>

<h2>Outputs</h2>

</div>

<div class="board-item-content">

{% if outputs.size != 0 %}

<ul class="icon-list">

{% for output in outputs %}

<li><span class="icon-list-icon"><i class="{{ map['ioFunctionToIcon'][output['function']] }}"></i></span><a href="#{{ output['name'] | replace: ' ', '-' }}">{{ output['name'] }}</a></li>

{% endfor %}

</ul>

{% else %}

<p>None</p>

{% endif %}

</div>

</div>

</div>

<div class="board-content-column">

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-ethernet"></i></div>

<h2>Connectors</h2>

</div>

<div class="board-item-content">

<ul class="icon-list">

{% for connector in connectors %}

<li><span class="icon-list-icon"><i class="{{ map['connectorFunctionToIcon'][connector['function']] }}"></i></span><a href="#{{ connector['name'] | replace: ' ', '-' }}">{{ connector['name'] }}</a></li>

{% endfor %}

</ul>

</div>

</div>

</div>

<div class="board-content-column">

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="fas fa-microchip"></i></div>

<h2>Devices</h2>

</div>

<div class="board-item-content">

{% if devices.size != 0 %}

<ul class="icon-list">

{% for device in devices %}

{% assign deviceData = site.data['devices']['devices'][device['name']] %}

{% assign category = deviceData['type']['category'] %}

<li><span class="icon-list-icon"><i class="{{ map['deviceCategoryToIcon'][category] }}"></i></span><a href="#{{ device['name'] | replace: ' ', '-' }}">{{ device['name'] }}</a></li>

{% endfor %}

</ul>

{% else %}

<p>None</p>

{% endif %}

</div>

</div>

</div>

<div class="board-header">

<h1>Inputs & outputs</h1>

<hr>

<div class="board-content">

<div class="board-content-column">

{% for input in inputs %}

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="{{ site.data['mappings']['ioFunctionToIcon'][input['function']] }}"></i></div>

<h2 id="{{ input['name'] | replace: ' ', '-' }}">{{ input['name'] }}</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr>

<td>Name</td>

<td>{{ input['identifiers']['name'] | default: '-' }}</td>

</tr>

<tr>

<td>Reference</td>

<td>{{ input['identifiers']['reference'] | default: '-' }}</td>

</tr>

<tr>

<td>Type</td>

<td>{{ map['ioType'][input['type']] }}</td>

</tr>

<tr>

<td>Connected to</td>

<td>{{ map['pinConnectionToFullName'][input['to']] | default: input['to'] | default: 'N.C.' }}</td>

</tr>

<tr>

<td>Mode</td>

<td>{{ map['ioMode'][input['mode']] | default: 'N.A.' }}</td>

</tr>

</table>

{% if input['remarks'] %}

<ul>

{% for remark in input['remarks'] %}

<li><b>{{ remark['type'] | capitalize }}:</b> {{ remark['content'] }}</li>

{% endfor %}

</ul>

{% endif %}

</div>

</div>

{% endfor %}

</div>

<div class="board-content-column">

{% for output in outputs %}

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="{{ site.data['mappings']['ioFunctionToIcon'][output['function']] }}"></i></div>

<h2 id="{{ output['name'] | replace: ' ', '-' }}">{{ output['name'] }}</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr>

<td>Name</td>

<td>{{ output['identifiers']['name'] | default: '-' }}</td>

</tr>

<tr>

<td>Reference</td>

<td>{{ output['identifiers']['reference'] | default: '-' }}</td>

</tr>

<tr>

<td>Type</td>

<td>{{ map['ioType'][output['type']] }}</td>

</tr>

<tr>

<td>Connected to</td>

<td>{{ map['pinConnectionToFullName'][output['to']] | default: output['to'] | default: 'N.C.' }}</td>

</tr>

<tr>

<td>Mode</td>

<td>{{ map['ioMode'][output['mode']] | default: 'N.A.' }}</td>

</tr>

</table>

{% if output['remarks'] %}

<ul>

{% for remark in output['remarks'] %}

<li><b>{{ remark['type'] | capitalize }}:</b> {{ remark['content'] }}</li>

{% endfor %}

</ul>

{% endif %}

</div>

</div>

{% endfor %}

</div>

<div class="board-header">

<h1>Connectors & headers</h1>

<hr>

{% for connector in connectors %}

<div class="board-content">

<div class="board-content-column">

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="{{ site.data['mappings']['connectorFunctionToIcon'][connector['function']] }}"></i></div>

<h2 id="{{ connector['name'] | replace: ' ', '-' }}">{{ connector['name'] }} properties{% if connector['footprint'] %} <i>footprint</i>{% endif %}</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr>

<td>Name</td>

<td>{{ connector['identifiers']['name'] | default: 'Unknown' }}</td>

</tr>

<tr>

<td>Reference</td>

<td>{{ connector['identifiers']['reference'] | default: 'None' }}</td>

</tr>

<tr>

<td>Type</td>

<td>{{ connector['type']['name'] }}{% if connector['type']['gender'] and connector['type']['pitch'] and connector['type']['size'] %} ({{ connector['type']['pitch'] }}mm, {{ connector['type']['size']['length'] }}x{{ connector['type']['size']['width'] }}, {{ connector['type']['gender'] }}){% endif %}</td>

</tr>

</table>

{% if connector['remarks'] %}

<ul>

{% for remark in connector['remarks'] %}

<li><b>{{ remark['type'] | capitalize }}:</b> {{ remark['content'] }}</li>

{% endfor %}

</ul>

{% endif %}

</div>

</div>

</div>

<div class="board-content-column">

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="{{ site.data['mappings']['connectorFunctionToIcon'][connector['function']] }}"></i></div>

<h2>{{ connector['name'] }} pins{% if connector['footprint'] %} <i>footprint</i>{% endif %}</h2>

</div>

<div class="board-item-content">

<table class="pin-table">

<tr>

<th>#</th>

<th>Name</th>

<th>Function</th>

<th>Connected to</th>

</tr>

{% for pin in connector["pins"] %}

<tr>

<td>{{ pin['number'] }}</td>

<td>{{ pin['name'] | default: '-' }}</td>

<td>{{ pin['function'] | default: '-' }}</td>

<td>{{ map['pinConnectionToFullName'][pin['to']] | default: pin['to'] | default: 'N.C.' }}</td>

</tr>

{% endfor %}

</table>

</div>

</div>

</div>

{% endfor %}

{% if devices.size > 0 %}

<div class="board-header">

<h1>Devices</h1>

<hr>

{% for device in devices %}

{% assign deviceData = site.data['devices']['devices'][device['name']] %}

{% assign category = deviceData['type']['category'] %}

<div class="board-content">

<div class="board-content-column">

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="{{ site.data['mappings']['deviceCategoryToIcon'][category] }}"></i></div>

<h2>{{ deviceData['part']['name'] }} properties{% if device['footprint'] %} <i>footprint</i>{% endif %}</h2>

</div>

<div class="board-item-content">

<table class="props-table">

<tr>

<td>Name</td>

<td>{{ device['identifiers']['name'] | default: 'Unknown' }}</td>

</tr>

<tr>

<td>Reference</td>

<td>{{ device['identifiers']['reference'] | default: 'Unknown' }}</td>

</tr>

<tr>

<td>Manufacturer</td>

<td>{% if deviceData['manufacturer'] %}{% if deviceData['manufacturer']['url'] %}<a href="{{ deviceData['manufacturer']['url'] }}">{% endif %}{{ deviceData['manufacturer']['name'] }}{% if deviceData['manufacturer']['url'] %}</a>{% endif %}{% else %}Unknown{% endif %}</td>

</tr>

<tr>

<td>Part</td>

<td>{% if deviceData['part']['url'] %}<a href="{{ deviceData['part']['url'] }}">{% endif %}{{ deviceData['part']['name'] | default: "Unknown" }}{% if deviceData['part']['url'] %}</a>{% endif %}</td>

</tr>

<tr>

<td>Marking</td>

<td>{{ deviceData['part']['marking'] | default: 'Unknown' }}</td>

</tr>

<tr>

<td>Datasheet</td>

<td>{% if deviceData['part']['datasheet'] %}<a href="{{ site.url }}/assets/pdf/devices/{{ deviceData['part']['datasheet'] }}">{{ deviceData['part']['datasheet'] }}</a>{% else %}Unavailable{% endif %}</td>

</tr>

<tr>

<td>Package</td>

<td>{% if deviceData['package']['abbreviation'] %}<abbr title="{{ deviceData['package']['name'] }}">{{ deviceData['package']['abbreviation'] }}</abbr>{% else %}{{ deviceData['package']['name'] }}{% endif %} {{ deviceData['package']['pins'] }} pins</td>

</tr>

<tr>

<td>Description</td>

<td>{{ deviceData['type']['description'] }}</td>

</tr>

</table>

</div>

</div>

</div>

<div class="board-content-column">

<div class="board-item">

<div class="board-item-header">

<div class="board-item-icon"><i class="{{ site.data['mappings']['deviceCategoryToIcon'][category] }}"></i></div>

<h2 id="{{ device['name'] | replace: ' ', '-' }}">{{ deviceData['part']['name'] }} pins{% if device['footprint'] %} <i>footprint</i>{% endif %}</h2>

</div>

<div class="board-item-content">

<table class="pin-table">

<tr>

<th>#</th>

<th>Name</th>

<th>Function</th>

<th>Connected to</th>

</tr>

{% for pin in device["pins"] %}

<tr>

<td>{{ pin['number'] }}</td>

<td>{{ pin['name'] | default: '-' }}</td>

<td>{{ pin['function'] | default: '-' }}</td>

<td>{{ map['pinConnectionToFullName'][pin['to']] | default: pin['to'] | default: 'N.C.' }}</td>

</tr>

{% endfor %}

</table>

</div>

</div>

</div>

{% endfor %}

{% endif %}