product datasheet in progress

docs/product/partials/footnote.mustache

@@ -0,0 +1 @@
+{{#has_footnote}}<p class="tnote">{{&footnote}}</p>{{/has_footnote}}

docs/product/partials/logo.mustache

@@ -0,0 +1,5 @@
+<svg class="bar__logo" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Tiny Tapeout logo">
+  <g transform="matrix(0.75075075,0,0,0.7513148,-156.00601,-72.426747)" fill="#ffffff">
+    <path d="m 341,96.4 c -44.5,0 -83.9,21.9 -108.1,55.5 -7.9,11 -14.2,23.2 -18.5,36.4 h 21.6 52.1 v 90.1 h 39.3 v -24.3 h 22.7 v 87.8 c -3,0.3 -6.1,0.4 -9.2,0.4 -62.2,0 -112.8,-50.6 -112.8,-112.8 0,-10.3 1.4,-20.2 4,-29.6 h -21 c -2.2,9.5 -3.3,19.4 -3.3,29.6 0,73.4 59.7,133.1 133.1,133.1 3.1,0 6.1,-0.1 9.2,-0.3 1.7,-0.1 3.4,-0.3 5.1,-0.5 0.1,0 0.3,0 0.4,0 11.8,-1.3 23.1,-4.1 33.8,-8.3 v 0 c 0,0 0,0 0,0 V 254.1 H 428 V 217.7 H 327.5 V 188.2 H 366 V 151.8 H 259.3 c 20.5,-21.6 49.6,-35.1 81.7,-35.1 62.2,0 112.8,50.6 112.8,112.8 0,40.1 -21,75.4 -52.6,95.4 v 23.4 c 43.3,-22 73,-67 73,-118.8 C 474.1,156.1 414.4,96.4 341,96.4 Z" />
+  </g>
+</svg>

docs/product/partials/secthead.mustache

@@ -0,0 +1,4 @@
+<div class="secthead">
+  <h2>{{&heading}}</h2>
+  {{#has_note}}<div class="note">{{&note}}</div>{{/has_note}}
+</div>

docs/product/partials/table.mustache

@@ -0,0 +1,11 @@
+<table class="zebra">
+  <colgroup>{{#columns}}<col{{&width_attr}}>{{/columns}}</colgroup>
+  {{^headless}}
+  <thead><tr>{{#columns}}<th>{{&label}}</th>{{/columns}}</tr></thead>
+  {{/headless}}
+  <tbody>
+  {{#rows}}
+    <tr>{{#cells}}<td class="{{cls}}">{{&v}}</td>{{/cells}}</tr>
+  {{/rows}}
+  </tbody>
+</table>