show features on board download page

Author: FoamyGuy

_includes/download/board.html

@@ -172,6 +172,13 @@ <h3>CircuitPython {{ version.version }}</h3>
         </span>
     </p>
     {% endif %}
+    {% if page.features %}
+    <p>Features:
+    {% for feature in page.features %}
+      <span class="feature-span">{{feature}}</span>
+    {% endfor %}
+    </p>
+    {% endif %}
   </div>
 {% endfor %}
 {% endif %}

assets/sass/pages/_download.scss

@@ -178,6 +178,16 @@
       }
     }
   }
+  .feature-span {
+    padding: 2px 4px 2px 4px;
+    margin-left: 3px;
+    margin-bottom: 3px;
+    display: inline-block;
+    background-color: $purple;
+    color: #fff;
+    border-radius: 5px;
+    font-size: 14px;
+  }
 }
 
 @media (max-width: $screen-lg) {